| 1 |
- .alarmMaintenance_main{position:relative;min-width:1260px;max-width:1920px;height:100%;min-height:610px;max-height:920px;margin:auto}.alarmMaintenance_main>.wrap{padding:0 50px;height:100%}.alarmMaintenance_main>.main_top_bg{width:100%;height:246px;position:absolute;z-index:-1;background:#eaeaea}.alarmMaintenance_main .side_bar_left{position:absolute;left:0;height:calc(100% - 2.2rem)}.alarmMaintenance_main .right_sidebar_bg{background:#000;opacity:.1;position:absolute;width:100%;height:100%;z-index:2}.alarmMaintenance_main .right_sidebar{position:absolute;right:0;width:0;height:100%;background:#494e54;z-index:2}.alarmMaintenance_main .right_sidebar .sideBar_box{width:100%;height:100%;overflow:hidden}.alarmMaintenance_main .right_sidebar .sideBar_box>div{margin:20px 20px 0 20px;width:430px;height:50px;line-height:50px;font-size:16px;color:#fff;background:#373b44;cursor:pointer}.alarmMaintenance_main .right_sidebar .sideBar_box>div span:first-child{margin-left:20px}.alarmMaintenance_main .right_sidebar .sideBar_box>div span:last-child{float:right}.alarmMaintenance_main .right_sidebar .sideBar_box>p{font-size:16px;color:#fe7527;width:430px;margin:30px 20px}.alarmMaintenance_main .right_sidebar .sideBar_box>p span{float:right;font-size:14px;color:#fff;cursor:pointer}.alarmMaintenance_main .right_sidebar .sideBar_box ul{height:calc(100% - 150px);width:100%;overflow:auto}.alarmMaintenance_main .right_sidebar .sideBar_box li{margin:20px 0 10px 20px;padding:14px;width:408px;background:#373b44}.alarmMaintenance_main .right_sidebar .sideBar_box li p:first-child{font-size:16px;color:#fff}.alarmMaintenance_main .right_sidebar .sideBar_box li p:first-child span{float:right;font-size:12px;color:#fff;opacity:.8}.alarmMaintenance_main .right_sidebar .sideBar_box li p:nth-child(2){color:#fff;font-size:12px;opacity:.8;margin-top:16px}.alarmMaintenance_main .right_sidebar .sideBar_box li>div span{display:inline-block;font-size:12px;color:#fff;opacity:.6;float:right;margin-top:16px}.alarmMaintenance_main .right_sidebar .sideBar_button{position:absolute;height:56px;top:30px;left:-33px;cursor:pointer}.alarmMaintenance_main .main_top{width:100%;margin-bottom:80px;padding-top:32px;position:relative;display:flex;justify-content:space-between}.alarmMaintenance_main .main_top .button_box_l{float:right}.alarmMaintenance_main .main_top .button_box_l .el-button{background:linear-gradient(140.3deg,#fc8440,#fe7121);color:#fff;margin-left:18px}.alarmMaintenance_main .main_top .button_box_r{float:right}.alarmMaintenance_main .main_top .button_box_r .el-button{background:linear-gradient(140.3deg,#fc8440,#fe7121);color:#fff;margin-left:18px}.alarmMaintenance_main .main_top .alarm_nav{position:absolute;top:32px;left:50%;margin-left:-200px;height:50px;line-height:50px;background:#fff;border-radius:25px}.alarmMaintenance_main .main_top .alarm_nav li{float:left;padding:0 30px;cursor:pointer}.alarmMaintenance_main .main_top .alarm_nav .alarm_nav_select{padding:0 40px;background:linear-gradient(140.3deg,#fc8440,#fe7121);border-radius:25px;color:#fff}.alarmMaintenance_main .main_top .alarm_nav_en{margin-left:-246px}.alarmMaintenance_main .screen-box{margin-bottom:20px;display:flex}.alarmMaintenance_main .screen-box .search_box{width:344px;height:50px;line-height:50px;background:#fff;box-shadow:-5px 0 0 0 #fc8440}.alarmMaintenance_main .screen-box .search_box .search{font-size:18px;font-family:PingFangSC-Regular;color:#b2bac6}.alarmMaintenance_main .screen-box .search_box .el-input__inner{height:50px;line-height:50px;border:0}.alarmMaintenance_main .screen-box .search_box .el-input-group__prepend{background:#fff;border:0;font-size:18px;font-family:PingFangSC-Medium;color:#1a1a1a}.alarmMaintenance_main .screen-box .screen-box_box{position:relative;float:left;width:calc(25% - 10px);margin-right:10px}.alarmMaintenance_main .screen-box .screen-box_box .el-date-editor{width:100%;padding-left:70px;line-height:50px;height:50px;border:0}.alarmMaintenance_main .screen-box .screen-box_box .el-date-editor .el-range-separator{line-height:40px}.alarmMaintenance_main .screen-box .screen-box_box>span{display:inline-block;position:absolute;z-index:1;top:1px;left:0;background:#fff;font-size:18px;font-family:PingFangSC-Medium;color:#1a1a1a;line-height:48px;padding-left:24px}.alarmMaintenance_main .screen-box .screen-box_box .el-input__inner{width:100%;padding-left:70px;line-height:50px;height:50px;border:0}.alarmMaintenance_main .screen-box .screen-box_box .el-select{width:100%}.alarmMaintenance_main .screen-box .screen-box_box:first-child{width:calc(25% - 5px);margin-left:5px}.alarmMaintenance_main .screen-box .screen-box_box:first-child .el-input__inner{padding-left:5px;line-height:48px;height:48px}.alarmMaintenance_main .screen-box .screen-box_box:last-child{margin-right:0}.alarmMaintenance_main .screen-box_en .screen-box_box .el-input__inner{padding-left:80px}.alarmMaintenance_main .screen-box_en .screen-box_box:nth-child(4) .el-input__inner{padding-left:100px}.alarmMaintenance_main .information_box{width:100%;height:calc(100% - 113px);border-top:1px solid #dde4ed}.alarmMaintenance_main .information_box .el-table td,.alarmMaintenance_main .information_box .el-table th{padding:0}.alarmMaintenance_main .information_box .el-table td>.cell,.alarmMaintenance_main .information_box .el-table th>.cell{padding:0 .5rem}.alarmMaintenance_main .information_box .el-table th{height:3.33rem;line-height:3.33rem;background:#f6f8fa;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#666}.alarmMaintenance_main .information_box .el-table td{height:4.2rem;line-height:4.2rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333}.alarmMaintenance_main .information_box .el-table tr:hover>td{background:inherit}.alarmMaintenance_main .information_box .table_style .el-checkbox{display:none}.alarmMaintenance_main .information_box .paging_box{text-align:center;padding:30px 0}.alarmMaintenance_main .information_box .paging_box>.el-button{float:left;width:178px;height:54px;line-height:54px;background:linear-gradient(#3682fb,#38a1f6);padding:0;font-size:16px;margin-top:-10px}.alarmMaintenance_main .information_box .paging_box>.report_bottton{background:linear-gradient(#fc8440,#fe7121);border:0;color:#fff}.alarmMaintenance_main .information_box .paging_box .el-pager li.active{color:#fff;background:#fc8440;border-radius:20px}.alarmMaintenance_main .information_box .paging_box .el-input.is-active .el-input__inner,.alarmMaintenance_main .information_box .paging_box .el-input__inner:focus,.alarmMaintenance_main .information_box .paging_box .el-select .el-input.is-focus .el-input__inner{border-color:#fc8440}
|
