@orange: #f6b37f; @green: #4caf50; @cyan: #00bcd4; @blue: #3B9ED0; @red:#ff0000; @tab-color:#3B9ED0; /***按钮hover***/ @button-hover: #aaa; @base-color: #dbdfe8; @body-bg: @base-color; @btn-text-color: #fff; @text-color: #333; @placeholder-color: #bfbfbf; @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; /*********推送内容容器宽度*************/ @push-width: 450px; /****电子病历容器宽度*****/ @EMR-width: calc(~"100% - "@push-width); /*******下拉框公用样式**********/ .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: 203; padding: 20px; white-space: nowrap; } .mult-li{ // width: 200px; height: 32px; line-height: 32px; padding-right: 8px; } .select-li{ height: 32px; line-height: 32px; width: 100%; font-size: 14px; text-align: left; border: none; color:#000000; /*padding-left: 40px;*/ cursor: pointer; background: rgba(59,158,208,0.1); background-image: url(../images/first.png); background-repeat: no-repeat; background-position: 0px 10px; } .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 0; 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!important; border:none!important; &:before,&:after{ content: ''!important; } /*color: @placeholder-color;*/ } .hide{ display: none!important; } .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;*/ }