* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption { padding: 0; margin: 0; list-style: none; font-style: normal; font-size: 14px; text-decoration: none; border: none; font-family: fSourceHanSansCN-Regular; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; &:focus { outline: none; } } html, body { height: 100%; width: 100%; color: #333; } h1, h2, h3, h4, h5, h6 { margin: 0px; } ol { padding-left: 20px !important; } ol li { list-style-type: decimal; } div {} .mar0 { margin: 0px; } .pad0 { padding: 0px; } .l-float { float: left; } .r-float { float: right; } .H100 { height: 100%; } .W100 { width: 100%; } .head_box { position: relative; width: 100%; height: 80px; padding: 20px; background: #FFFFFF; border: 1px solid #FFFFFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10); border-radius: 8px; border-radius: 8px; h6 { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.65); margin-bottom: 10px; } h4 { font-size: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.85); } .tipMsg{ height: 80px; line-height: 35px; width:400px; position:absolute; right: 0; top: 0; // right: 20px; // top: 133px; } } .marl20 { margin-left: 20px; } .content_box { //overflow-x: scroll; //overflow-y: hidden; width: calc(100% - 0px); height: calc(100% - 100px); // background: #F0F2F5; // border: 1px solid transparent; //overflow: hidden; padding: 0px; margin-top: 20px; background: #FFFFFF; border: 1px solid #FFFFFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10); border-radius: 8px; border-radius: 8px; } .h778px { height: 100%; width: 100%; //min-width: 815px; //margin: 24px 24px 0px 24px; padding: 20px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #FFFFFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10); border-radius: 8px; border-radius: 8px; } .el-pagination { text-align: right; margin-top: 10px; } .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li { width: 32px; height: 32px; border-radius: 6px; line-height: 30px; border: 1px solid rgba(217, 217, 217, 1) } /*分页*/ .el-pagination.is-background .btn-prev, .btn-next, .el-pagination.is-background .el-pager li { margin: 0 5px; background-color: #fff; border: 1px solid rgba(217, 217, 217, 1); } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { margin: 0 5px; background-color: #fff; border: 1px solid rgba(217, 217, 217, 1); } .el-pagination.is-background .el-pager li { background-color: #fff; border: 1px solid rgba(217, 217, 217, 1); } .el-message-box { .el-message-box--center { padding-bottom: 6px; .el-message-box__header { border-bottom: 2px solid #eee; } .el-message-box__content { padding: 0 0; .el-input__inner { border: none; } .el-message-box__input { padding: 0 0; height: 200px; } } .el-message-box__btns { border-top: 2px solid #eee; } } } // 状态 .statusBox { span { width: 10px; height: 10px; } .active { width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 5px; } } //面包屑 .el-breadcrumb { margin-bottom: 18px; } span.el-breadcrumb__inner { font-weight: 400 !important; color: rgba(0, 0, 0, 0.65) !important; } span.el-breadcrumb__separator { margin: 0 5px; color: #c0c4cc; font-weight: 400; color: rgba(0, 0, 0, 0.45); } //排序 ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #D9D9D9; } .sort-dialog { .el-dialog { margin-top: 15vh; } .el-dialog__body { padding: 0 20px 15px; span.tips { color: #989898; } .hidden-box { width: 100%; overflow: hidden; } .list { margin-top: 10px; border: 1px solid #D9D9D9; max-height: 465px; overflow-x: hidden; overflow-y: auto; .item { padding: 4px 10px; overflow: hidden; border-bottom: 1px solid #D9D9D9; &:last-child { border-bottom: none; } img { width: 36px; height: 36px; border-radius: 50%; vertical-align: middle; margin-right: 6px; } span.title { line-height: 36px; } span.index { display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #fff; background-color: #D9D9D9; text-align: center; border-radius: 50%; float: right; margin-top: 6px; } } } } } //列表页-搜索框 .search-form { @inputW: 220px; @inputH: 32px; .el-date-editor.el-input, .el-date-editor.el-input__inner, .el-input--mini .el-input__inner { width: @inputW; height: @inputH; line-height: @inputH; font-size: 14px; } .el-form-item { &+.el-form-item { margin-left: 20px; } &:last-child { margin-left: 0; margin-right: 0; } } .el-date-editor.el-input__inner { width: 300px; } .el-date-editor .el-range__icon { line-height: 25px; } .el-date-editor .el-range-separator { padding: 0 5px; line-height: 25px; width: 10%; color: #303133; } @media (max-width: 1200px) { .el-date-editor.el-input, .el-date-editor.el-input__inner, .el-input--mini .el-input__inner { width: @inputW - 10px; } .el-form-item { &+.el-form-item { margin-left: 0; } } } }