@import './reset.less'; .container{ width: 100%; height: 100%; overflow: auto; background-color: #fff; } .assertTypeDetail { .filterBox{ margin-bottom: 15px; } .main-body{ margin: 20px 0; padding: 0 35px; // min-width: 1090px; /*width: 100%;*/ } .filterItem{ position: relative; height: 40px; line-height: 40px; margin: 0 0px 15px 0; float: none !important; span{ display: inline-block; line-height: 40px; position: relative; } .explainL:before { content: "*"; color: #f56c6c; margin-right: 4px; } input{ width:120px; height:40px; border-radius:4px; border: 1px solid #E2E5EF; outline: none; // margin-right: 10px; padding: 0 10px; box-sizing: border-box; } input:focus{ border: 1px solid @activeColor ; outline: 0; -webkit-box-shadow:@activeColor 0px 0px 2px; -moz-box-shadow: @activeColor 0px 0px 2px; box-shadow: @activeColor 0px 0px 2px; } } .selectLevel,.selectDept{ display: inline-block; position: relative; width:120px; padding: 0 10px; height:40px; border-radius:4px; border: 1px solid #E2E5EF; box-sizing: border-box; cursor: pointer; } .selectDept{ width: 160px; } .filterDropList{ position: absolute; right: 0; max-height: 200px; overflow-y: auto; background: #fff; display: none; border: 1px solid #e4e7ed; box-shadow: 0 2px 12px 0 #e4e7ed; z-index: 2; li{ padding: 0 10px; } } .deptList{ width: 160px; max-height: 400px; } .qcItemTitle{ float: left; line-height: 40px; } .listTypeAll { margin-left: 80px; .caseEntryBlcok { box-sizing: border-box; border: 1px solid #E2E5EF; border-radius: 4px; margin: 0 0 10px 0; } .caseEntryName { // height: 48px; line-height: 34px; background-color: #fff; cursor: pointer; padding: 0 10px; position: relative; // border-bottom: 1px solid #ebeef5; img{ width: 10px; position: absolute; right: 10px; } } .tabTitle,.tabInfo{ line-height: 30px; position: relative; } .caseEntryDetail{ display: none; padding: 10px 20px; border-top: 1px solid #E2E5EF; } .opera,.qcItem,.qcUsed{ display: inline-block; text-align: center; } .opera{ width: 11%; } .qcItem{ width: 76%; } .qcUsed{ width: 13%; } .tabTitle{ background: #EFF0F9; font-size: 14px; font-weight: 500; } .tabInfo{ box-sizing: border-box; border-left: 1px solid #E2E5EF; border-right: 1px solid #E2E5EF; border-bottom: 1px solid #E2E5EF; } .tabInfo{ .opera,.qcItem,.qcUsed{ box-sizing: border-box; } .qcItem{ border-left: 1px solid #E2E5EF; border-right: 1px solid #E2E5EF; } .opera{ width: 11%; position: absolute; height: 100%; } .qcItem{ width: 76%; position: relative; left: 11%; } .qcUsed{ position: absolute; left: 87%; width: 13%; height: 100%; } } .tabInfo:nth-child(2n+1){ background:#F5F6FA; } } } // .borderTop{ // border-top: 1px solid #ebeef5; // } .iconCheck{ width: 14px; cursor: pointer; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; } .usedRes{ display: inline-block; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -7px; } .submitBox{ text-align: right; } .submit{ display: inline-block; width:60px; height:32px; background:@activeColor; border-radius:4px; color: #fff; text-align: center; line-height: 32px; position: relative; top: 2px; cursor: pointer; margin: 0 20px 22px 0; }