@import './reset.less'; .main-part{ height: 100%; } .patient-info{ height: 50px; line-height: 50px; text-indent: 50px; span{ margin-right: 40px; } } .sub-menu{ width: @menuWt; height: 100%; float: left; overflow-y: auto; .active{ color: @activeColor; background: @activeBg; border-right: 3px @activeColor solid; } .slide-up{ color: @activeColor; } .list-1{ position: relative; &:after{ content: " "; display: inline-block; position: absolute; left: 270px; top:18px; width: 10px; height: 6px; background: url("../images/icon_down.png") no-repeat; } &.slide-up:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg); } ul{ display: none; li.page{ text-indent: 30px; } } } li{ line-height: @menuLiHt; text-indent: 15px; cursor: pointer; } } .tab-container{ margin-left: 310px; height: 100%; .content-box{ width:70%; height: 100%; position: relative; } .content-item{ display: none; height: 100%; .title{ position: absolute; top: 0; width: 100%; color: #333333; font-size: 16px; font-weight: bold; height: 44px; line-height: 44px; border-bottom:1px #E2E5EF solid; text-indent: 20px; } .container{ margin-top: 45px; padding-top: 20px; height: 100%; overflow-y: auto; } } .operation{ width:28%; height: 100%; margin-right: 10px; position: relative; .flaw-title{ position: absolute; top:0; width: 100%; height: 44px; color: #333333; font-weight: bold; line-height: 44px; border-bottom:1px #E2E5EF solid; /*margin-bottom: 20px;*/ span{ font-size: 16px; margin-left: 20px; } a{ float: right; width: 66px; height: 28px; margin: 10px 20px 0 0; line-height: 28px; text-align: center; border-radius:4px; color: @activeColor; font-weight: normal; border:1px @activeColor solid; } } .flaw-box{ margin-top: 45px; padding-top: 20px; height: 100%; overflow-y: auto; } .flaw-item{ margin: 0 20px 10px 30px ; border-bottom:1px #E2E5EF solid; padding-bottom: 10px; .title{ margin-bottom: 10px; } } } .oper{ float: right; } }