@orange: #f6b37f; @green: #4caf50; @cyan: #00bcd4; @blue: #3B9ED0; @red:#ff0000; @extBlue:#71A9FE; @tab-color:#3B9ED0; @ipt-color:#E9F5FA; @ipt-bg-color:#F0F0F0; @ipt-wrap-color:#e2e2e2; /***按钮hover***/ @button-hover: #aaa; @base-color: #dbdfe8; @body-bg: @base-color; @btn-text-color: #fff; @text-color: #333; @placeholder-color: #716e6e; @link-hover-decoration: underline; /* 个人信息,表格边框颜色 */ @person-table-color:#BBBFC1; /* 各模块边框颜色 */ @part-border-color:#aaa7a7; @font-size-base: 12px; @font-size-large: 14px; @font-size-small: 10px; @font-size-h1: 24px; @font-size-h2: 20px; @font-size-h3: 16px; @font-size-h4: 14px; @font-size-h5: @font-size-base; @font-size-h6: @font-size-base; @box-shadow: 2px 0px 7px rgba(152, 151, 152, .4); @border-color:#666; @border-radius: 2px; @border-radius-default: 2px; @dropdwon-normal-width:200px; @dropdwon-small-width:400px; @dropdwon-long-width:600px; @dropdwon-height:200px; @selected-bg:#fff; @import-color:#ffad5f; @closeIcon:url(../images/del_nor.png) no-repeat; @closeHor:url(../images/del_hor.png) no-repeat; /*********推送内容容器宽度*************/ @push-width: 450px; /****电子病历容器宽度*****/ @EMR-width: calc(~"100% - "@push-width); /*******下拉框公用样式**********/ .btnCom{ border: none; outline: none; cursor: pointer; border-radius: 4px; text-align: center; } .pop{ position: absolute; // top:40px; // top:30px; background: #fff; box-shadow: 0 10px 20px 0 #989DA3; // filter:progid:DXImageTransform.Microsoft.Shadow(color='#989DA3',Direction=125,Strength=6); border: 1px solid #dedede; z-index: 20; padding: 20px; white-space: nowrap; } .mult-li{ // width: 200px; height: 32px; line-height: 32px; padding-right: 8px; } .select-li{ height: 30px; line-height: 30px; width: 100%; font-size: 14px; text-align: left; color:#000000; border: 1px solid #fff; cursor: pointer; background:url(../images/first.png) rgba(59,158,208,0.1) 5px 8px no-repeat; } .clear{ width: 60px; height: 44px; line-height: 44px; font-size: 12px; color:@red; // border: none; background: #fff; float: left; // outline: none; // text-align: center; // cursor: pointer; margin-left: 22px; position: relative; bottom: -10px; } .confirm{ width: 120px; height: 44px; line-height: 44px; color:@blue; font-size: 12px; // border: 1px solid @blue; background: #fff; margin-left: 20px; float: right; // outline: none; text-align: right; // cursor: pointer; font-weight: bold; position: relative; bottom: -10px; padding-right: 10px; } :global(.red){ color: @red; } .tag{ display: inline-block; position: relative; /* margin-right: 5px;*/ padding: 0 3px 3px 2px; color: @placeholder-color; cursor: pointer; &:before{ content: '['; /*text-indent: -5px;*/ display: inline-block; } &:after{ content: ']'; /*width: 8px;*/ display: inline-block; } } .selected-tag{ position: relative;//发热 display: inline-block; color: @text-color; /*padding: 0 3px 0;*/ border-bottom: 1px @border-color solid; } .no-tag{ display: inline-block; position: relative; /*margin-right: 5px; padding: 0 3px 0;*/ color: unset; border:none!important; &:before,&:after{ content: ''!important; } /*color: @placeholder-color;*/ } .hide{ display: none!important; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .llStyle{ box-shadow: 0 10px 20px 0 #989DA3; // filter:progid:DXImageTransform.Microsoft.Shadow(color='#989DA3',Direction=125,Strength=6); border: 1px solid #dedede; } .borderd{ border:1px #000 solid; } .blue-border{ border:2px @blue solid; border-radius: 2px; /*box-shadow: 0px 0px 2px @blue;*/ } .orange-border{ border:1px solid @import-color; //color: @import-color!important; } :global(.drag-title) { cursor: move; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } :global(.clearfix) { zoom: 1; } :global(.clearfix:after) { content: ""; display: block; height: 0; clear: both; visibility: hidden; } // 加入病历 .add-record{ float: right; text-align: left; padding-left: 5px; cursor: default; display: inline-block; width: 99px; height: 26px; line-height: 26px; border: 1px solid #EAEDF1; border-radius: 4px; font-size: 12px; img{ vertical-align: middle; width: 12px; margin:-3px 3px 0 0; } } .disable-add{ float: right; text-align: left; padding-left: 5px; cursor: default; display: inline-block; width: 99px; height: 26px; line-height: 26px; border: 1px solid #EAEDF1; border-radius: 4px; font-size: 12px; color: @placeholder-color; img{ vertical-align: middle; width: 12px; margin:-3px 3px 0 0; opacity: .5; } } // 弹窗遮罩 .mask{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .6; filter:alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);"; z-index: 999; } .maskZIndex { z-index: 100; } .maskContentZIndex1 { z-index: 110; } .maskContentZIndex2 { z-index: 120; } .contentZIndex1 { z-index: 10; } .contentZIndex2 { z-index: 20; } .contentZIndex3 { z-index: 30; }