@import './reset.less'; @headerHt:50px; @menuLiHt:40px; @menuWt:300px; @activeColor:#5A8EEE; @activeBg:#EEF4FF; .container{ height: 100%; } .header{ position: fixed; width: 100%; height:@headerHt; line-height: @headerHt; top:0; background:linear-gradient(123deg,rgba(90,142,238,1) 0%,rgba(126,171,255,1) 100%);; text-indent: 20px; color: #fff; font-size: 16px; .login{ margin-right: 20px; height: @headerHt; line-height: @headerHt; position: relative; &:after{ content: " "; display: inline-block; position: absolute; right: 0; top:22px; width: 10px; height: 6px; background: url("../images/icon_wdown.png") no-repeat; } //设置 .userAction { background-color: #fff; border-radius: 2px; display: none; text-indent: 0; width: 100px; position: absolute; right: 0; top:42px; box-shadow:0px 4px 20px -3px rgba(59,89,126,0.3); li { line-height: 36px; text-align: center; cursor: pointer; color: #777777; a{ color: #777777; } &:hover,a:hover{ color: @activeColor; } } } } .setting{ display: inline-block; height:26px; line-height: 26px; margin: 12px 0 0 0; background: url("../images/head.png") no-repeat; padding:0 22px 0 15px; color: #fff; text-decoration: none; } img{ vertical-align: middle; margin-right: 10px; } .title span{ display: inline-block; border-left: 1px #fff solid; height: 20px; line-height: 20px; color: #fff; } } .main-body{ height: 100%; margin-top:@headerHt+20px; } .menu{ width: @menuWt; height: 100%; .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; } } .main{ margin-left:@menuWt; height: 100%; iframe{ width: 100%; height: 100%; } } //修改密码 .modalAction { // padding: 20px; input { border: 1px solid #E2E5EF; width: 300px; height: 40px; line-height: 40px; border-radius: 3px; margin-bottom: 15px; padding: 0 10px; box-sizing: border-box; } p span { width: 90px; display: inline-block; text-align: right; } .waring { text-align: left; i { margin-left: 15px; color: #FF4D4F; } } }