.container{ width: 100%; height: 100%; overflow-y: auto; } ul,li{ padding:0; margin:0; list-style:none; } h2{ width: 100%; box-sizing: border-box; background-color: #fff; z-index: 20; height: 44px; line-height: 44px; padding: 0 0 0 35px; border-bottom: 1px solid #E2E5EF; font-size: 14px; font-weight: bold; letter-spacing: 1px; } .main-body{ margin: 20px 40px; } table{ width: 100%; border:1px solid #E2E5EF; border-collapse: collapse; thead{ background: #EFF0F9; } th,td{ height: 40px; box-sizing: border-box; padding: 10px; border:1px solid #E2E5EF; border-collapse: collapse; } th{ font-size: 14px; font-weight: 500; } td{ font-size: 14px; font-weight: 400 } .moduleNumber{ text-align: center; } } // .filterBox{ // margin: 0 0 20px 0; // } .filterItem{ position: relative; display: inline-block; margin-right: 20px; height: 40px; line-height: 40px; margin: 0 20px 20px 0; } .filterDropList{ position: absolute; right: 0; 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; } } .rejectList, .usedList{ height: 120px; li{ padding: 0 10px; } li:hover{ background-color: #EEF4FF; cursor: pointer; } } .switchImg{ width: 30px; } .selectModuleType,.moduleItemInp,.selectUsed, .selectReject{ display: inline-block; position: relative; width:160px; padding: 0 10px; height:40px; border-radius:4px; border: 1px solid #E2E5EF; box-sizing: border-box; cursor: pointer; } .arrow{ position: absolute; width: 10px; top: 16px; right: 10px; } .moduleItemInp{ cursor: default; outline: none; } .moduleTypeList{ width: 160px; } .selectUsed, .selectReject{ width: 120px; } .modeTypeItem:hover{ background-color: #EEF4FF; cursor: pointer; } .rejectList, .usedList { width: 120px; } .filter{ display: inline-block; width:60px; height:36px; background:#5A8EEE; border-radius:4px; color: #fff; text-align: center; line-height: 36px; position: relative; top: -1px; cursor: pointer; } .editItem{ color: #5A8EEE; cursor: pointer; } .ellipsis{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .textCenter{ text-align: center; } .pagination{ margin: 35px 0 0 0 ; text-align: right; } .totalSum{ font-size:12px; line-height:17px; color: #777777; margin-right: 20px; } .pageNum,.prePage,.nextPage, .more{ display: inline-block; width: 20px; cursor: pointer; margin: 0 20px 0 0; text-align: center; color: #777; } .prePage,.nextPage{ img{ position: relative; top: 0px ; } } .more{ cursor: not-allowed; } .arrowPage{ width: 6px; } .activePage{ color: #5A8EEE; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; }