| 1 |
- .repairPersonnel_main{position:relative;min-width:1260px}.repairPersonnel_main .additions{position:fixed;right:0;top:270px;z-index:2;background:#373b44;border-radius:10px;width:36px;padding:0 15px 15px 15px;color:#fff;text-align:center;cursor:pointer}.repairPersonnel_main .additions p{padding:5px 0;font-size:26px}.repairPersonnel_main .additions_en{width:auto}.repairPersonnel_main>.wrap{padding:0 46px 50px 50px}.repairPersonnel_main>.main_top_bg{width:100%;height:246px;position:absolute;z-index:-1;background:#eaeaea}.repairPersonnel_main .main_top{width:100%;margin-bottom:36px;padding-top:32px;position:relative}.repairPersonnel_main .main_top .search_box{float:left;width:344px;height:50px;line-height:50px;background:#fff;box-shadow:-5px 0 0 0 #fc8440}.repairPersonnel_main .main_top .search_box .search{font-size:18px;font-family:PingFangSC-Regular;color:#b2bac6}.repairPersonnel_main .main_top .search_box .el-input__inner{height:50px;line-height:50px;border:0}.repairPersonnel_main .main_top .search_box .el-input-group__prepend{background:#fff;border:0;font-size:18px;font-family:PingFangSC-Medium;color:#1a1a1a}.repairPersonnel_main .main_top .button_box{float:right;margin-top:5px}.repairPersonnel_main .main_top .button_box .el-button{width:142px;float:left}.repairPersonnel_main .main_top .button_box .el-button .el-input__inner{background:linear-gradient(#3682fb,#38a1f6);border-radius:20px;color:#fff;text-align:center}.repairPersonnel_main .main_top .button_box ul{float:left;margin-left:10px}.repairPersonnel_main .main_top .button_box li{float:left;height:40px;line-height:40px;padding:0 6px;cursor:pointer;color:#222}.repairPersonnel_main .main_top .button_box li:hover{color:#fc8440;font-weight:700}.repairPersonnel_main .main_top .button_box .li_select{color:#fc8440;font-weight:700;text-decoration:underline}.repairPersonnel_main .content>ul li{float:left;width:calc(33.33% - 22px);margin:0 0 30px 20px;border:1px solid #d9d9d9;border-radius:5px;cursor:pointer;position:relative}.repairPersonnel_main .content>ul li>div:first-child{background:#fff}.repairPersonnel_main .content>ul li>div:first-child .avatar{float:left;width:60px;height:60px;background-size:100% 100%;border-radius:30px;margin:20px 22px 27px 20px;background:#eee!important}.repairPersonnel_main .content>ul li>div:first-child>div:last-child{float:left;margin-top:30px;width:calc(100% - 110px)}.repairPersonnel_main .content>ul li>div:first-child>div:last-child p{font-size:14px;color:#666}.repairPersonnel_main .content>ul li>div:first-child>div:last-child p span:first-child{font-size:18px;color:#222;display:inline-block;max-width:calc(100% - 100px);margin-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repairPersonnel_main .content>ul li>div:first-child>div:last-child p:last-child{margin-top:5px}.repairPersonnel_main .content>ul li>.bottom{height:80px;line-height:80px;color:#666;font-size:16px;background:#eaeaea;padding-left:30px;position:relative}.repairPersonnel_main .content>ul li>.bottom span{display:inline-block;margin-right:20px;font-size:16px}.repairPersonnel_main .content>ul li>.bottom div{position:absolute;top:-10px;height:21px;padding:0 20px;line-height:21px;text-align:center;background:#fc8440;color:#fff;font-size:12px;border-radius:10px}.repairPersonnel_main .content>ul li>.marginRightSelect{background:#373b44;color:#fff}.repairPersonnel_main .content>ul li .icon{position:absolute;top:166px;left:28px;margin-left:-5px;z-index:1}.repairPersonnel_main .content>ul li .icon div:first-child{background:#373b44;width:2px;height:48px;border-radius:1px;margin:0 4px}.repairPersonnel_main .content>ul li .icon div:last-child{width:10px;height:10px;background:#373b44;border-radius:5px;margin-top:-1px}.repairPersonnel_main .content>ul li:nth-child(3n+1){margin:0;width:calc(33.33% - 2px)}.repairPersonnel_main .table_box{width:100%;height:427px;background:#494e54;margin-bottom:30px}.repairPersonnel_main .table_box .table_box_top{height:74px;line-height:74px}.repairPersonnel_main .table_box .table_box_top li{float:left;margin-left:35px}.repairPersonnel_main .table_box .table_box_top li span{font-size:14px;color:#fff}.repairPersonnel_main .table_box .table_box_top li span:first-child{opacity:.6;margin-right:10px}.repairPersonnel_main .table_box .tableWrap{height:300px;width:100%}.repairPersonnel_main .table_box .tableWrap tr:hover>td{background:inherit}.repairPersonnel_main .table_box .tableWrap .el-table,.repairPersonnel_main .table_box .tableWrap .el-table th,.repairPersonnel_main .table_box .tableWrap .el-table tr{background:#373b44}.repairPersonnel_main .table_box .tableWrap .el-table th .cell,.repairPersonnel_main .table_box .tableWrap .el-table tr .cell{color:#fff;opacity:.6}.repairPersonnel_main .table_box .tableWrap .el-table td,.repairPersonnel_main .table_box .tableWrap .el-table th.is-leaf{border-bottom:1px solid #5a5e67}.repairPersonnel_main .table_box .tableWrap .el-table .row_bg{background:#313641}.repairPersonnel_main .table_box .tableWrap .el-table .el-table--border,.repairPersonnel_main .table_box .tableWrap .el-table .el-table--group{border:0}.repairPersonnel_main .table_box .tableWrap .el-table .el-table--border:after,.repairPersonnel_main .table_box .tableWrap .el-table .el-table--group:after,.repairPersonnel_main .table_box .tableWrap .el-table .el-table:before{background:#373b44}.repairPersonnel_main .table_box .tableWrap .el-table--border td,.repairPersonnel_main .table_box .tableWrap .el-table--border th,.repairPersonnel_main .table_box .tableWrap .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #5a5e67}.repairPersonnel_main .table_box .table_box_bottom{text-align:center;padding:10px 0}.repairPersonnel_main .table_box .table_box_bottom .el-pager li,.repairPersonnel_main .table_box .table_box_bottom .el-pagination .btn-next,.repairPersonnel_main .table_box .table_box_bottom .el-pagination .btn-prev{background:#494e54;color:#fff}.repairPersonnel_main .table_box .table_box_bottom .el-pager li.active{color:#000;background:#fff;border-radius:20px}.repairPersonnel_main .table_box .table_box_bottom>.el-button{float:left;width:178px;height:54px;line-height:54px;background:linear-gradient(#3682fb,#38a1f6);padding:0;font-size:16px;margin-top:-10px}.repairPersonnel_main .table_box .table_box_bottom>.report_bottton{background:linear-gradient(#fc8440,#fe7121);border:0;color:#fff}.repairPersonnel_main .table_box .table_box_bottom .button_box{float:right;margin:-35px 30px 0 0}.repairPersonnel_main .table_box .table_box_bottom .button_box .el-button:first-child{background:#7cb2ff}.repairPersonnel_main .table_box .table_box_bottom .button_box .el-button:last-child{background:#fe7528}.repairPersonnel_main .table_box .table_box_bottom .button_box .el-button{position:relative;color:#fff;border:0;padding-right:40px}.repairPersonnel_main .table_box .table_box_bottom .button_box .el-button .el-icon-close{position:absolute;top:12px;right:5px}.repairPersonnel_main .table_box .table_box_bottom .button_box .el-button .icon_span{position:absolute;top:10px;right:10px}.repairPersonnel_main .table_box .table_box_bottom .button_box .el-button+.el-button{margin-left:18px}.repairPersonnel_main .main_bottom{text-align:center}.addItions_en .el-form-item__label{line-height:20px}
|
