.answer-header { padding: 16px 40px 12px 20px; display: flex; justify-content: space-between; align-items: center; .btn-box { display: flex; } .sel-box { display: flex; align-items: center; flex-wrap: nowrap; .sel { width: 8%; min-width: 160px; margin-right: 20px; } .el-input__inner { border-radius: 20px; border: 1px solid #e2e2e2; height: 36px; line-height: 34px; } .el-input__icon { line-height: 34px; } .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 160px; } .input-with-select { width: 200px; height: 36px; margin-right: 50px; border-radius: 20px; border: 1px solid #e2e2e2; box-sizing: border-box; background: #fff; .el-input__inner { border-radius: 20px; border: none; height: 34px; line-height: 34px; } .el-input-group__append, .el-input-group__prepend { border: none; background: transparent; } } .p1 { flex: 1; .s1 { margin-left: 36px; cursor: pointer; color: #7f7f7f; &:hover { color: #409eff; } &.active { color: #667ffd; } } } } } .answer-box { .answer-s { display: inline-block; width: 30px; height: 30px; border: 1px solid #e2e2e2; border-radius: 3px; margin: 0 6px; font-size: 16px; color: #333; text-align: center; line-height: 30px; &.active { background: #5e78fa; border-color: #5e78fa; color: #fff; } } } .el-menu-item i { width: 12px; text-align: center; margin-right: 8px; } .el-table thead th.el-table__cell { background: #f5f7fa; } .el-menu--popup { min-width: 160px; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pagination-box{ text-align:center; margin:10px; } .down-txt{ display: flex; align-items: center; justify-content: center; } .h-title{ padding-left:12px; position: relative; font-size:16px; &:after{ content:""; position:absolute; left:0; top:50%; margin-top:-8px; width:3px; height:16px; background: #2e9afe; } } div,ul{ &::-webkit-scrollbar{ width:0; } }