@font-face {
    font-family: 'DS-DIGII';
    src: url(../../../static/font/DS-DIGI.TTF) format('truetype');
}
.testdiv{
    width: 100%;
    height: 100%;
    background-image: url('../../../static/images/u0.png');
    background-size: 100% 100%;
    padding:11px;
    box-sizing: border-box;
    overflow-y: auto;
}
.top_title{
    width:100%;
    height:106px;
    background: url('../../../static/images/u2.png') center center no-repeat;
    background-size: 81.25% 100%;
    padding:0 25px 0 40px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    font-size: 59px; 
    color:#fff;
    font-weight: bold;
    line-height: 100px;
    position: relative;
    font-style: italic;
    .logo{
        width:140px;
        height:41px;
        float:left;
        margin-top: 27px;
        cursor:pointer;
    }
    .times_bg{
        width:184px;
        height:28px;
        font-size: 18px;
        text-align: center;
        line-height: 28px;
        color:#fff;
        float: right;
        background: url('../../../static/images/u4.png') center center no-repeat;
        background-size: 100% 28px;
        margin-top:34px
    }
    .backBtn{
        color:#fff;
        position: absolute;
        right:0;
        top:0;
    }
    .IconSetting{
        color:#fff;
        position: absolute;
        right:0;
        top:30px;
        img{
            width: 41px;
            height: 41px;
        }
    }
}
.container{
    clear: both;
    width:100%;
    padding:15px 0 22px 0;
    box-sizing: border-box;
    .formBox_left{
        width:30.5%;
        float: left;
        .formBox{
            .form_title{
                width:538px;
                height:60px;
                background: url('../../../static/images/u6.png') center center no-repeat;
                background-size: 100% 100%;
                font-size: 24px;
                color:#B1E2FF;
                line-height: 60px;
                padding-left: 45px;
                box-sizing: border-box;
                margin-bottom: 25px;
                margin-left: 30px;
            }
            .formMain{
                width:100%;
                box-sizing: border-box;
                .table_title{
                    font-size: 14px;
                    padding-left: 22px;
                    box-sizing: border-box;
                    color:#fff;
                }
                // .table_title_bg{
                //     width:100%;
                //     height:42px;
                //     // margin-bottom: 5px;
                //     // background: url('../../../static/images/u101.png') center center no-repeat;
                //     // background-size: 100% 100%;
                //     li{
                //         height:100%;
                //         line-height: 42px;
                //         font-size: 15px;
                //         color:#B1E2FF;
                //         font-weight: normal;
                //         width:25%;
                //         text-align: center;
                //         border:none!important;
                //         display: inline-block;
                //     }
                // }
                table{
                    width:100%;
                    border:none!important;
                    border-spacing: 0px;
                    tbody{
                        tr{
                            border:none!important;
                            padding:0!important;
                            margin:0!important;
                            td{
                                text-align: center;
                                font-size: 14px;
                                color:#fff;
                                line-height: 36px;
                                border:none!important;
                                padding:0!important;
                                margin:0!important;
                                width:25%;
                            }
                            
                        }
                        tr:nth-child(2n-1){
                            background: #162576;
                        }
                        tr:nth-child(2n){
                            background: #0D155C;
                        }
                    }
                    
                }
            }
            .table_bg{
                height:364px;
                padding:15px;
                background: url('../../../static/images/u9.png') center center no-repeat;
                background-size: 100% 100%;
            }
            .team_status{
                height:274px;
                padding:0 15px;
                overflow-y: auto;
                .teamTable{
                    tbody{
                        li{
                            width: 33%;
                        }
                        // tr{
                        //     td{
                        //         padding:8px 0!important;
                        //         width:25%;
                        //         font-size: 14px;
                        //         line-height: 36px;
                        //         img{
                        //             width:36px;
                        //             vertical-align: middle;
                        //         }
                        //     }
                        // }
                        // tr:nth-child(2n-1){
                        //     background: none!important;
                        // }
                        // tr:nth-child(2n){
                        //     background: none!important;
                        // }
                    }
                }
            }
            .pie_bg{
                height:442px;
                .colorForm{
                    width:100%;
                    color:#fff;
                    li{
                        font-size: 14px;
                        height:30px;
                        line-height: 30px;
                        
                        div{
                            width:50%;
                            float: left;
                            text-align: left;
                            padding-left:5%;
                            i{
                                clear: both;
                                display: inline-block;
                                width:18px;
                                height:18px;
                                vertical-align: middle;
                                margin-right:5px;
                            }
                        }
                        
                    }
                    li:nth-child(2n-1){
                        background: rgba(71,107,211,0.31);
                    }
                }
            }
        }
        .compre_analysis{
            margin-bottom: 25px;
            
        }
        
    }
    .formBox_middle{
        width:39%;
        float: left;
        .middle_top{
            width:702px;
            margin:0 auto;
            // position: relative;
            .top_bg{
                width:100%;
            }
            .failureRateBox{
                width:100%;
                display: flex;
                text-align: center;
                color:#fff;
                // position: absolute;
                // top:72px;
                .failureRat{
                    width:50%;
                    // display: inline-block;
                    // float: left;
                    font-size: 30px;
                    .rate{
                        font-family: 'DS-DIGII';
                        font-size:46px;
                        line-height: 69px;
                        font-weight: bold;
                        // width:100%;
                        // box-sizing: border-box;
                        letter-spacing: 15px;
                        background:url(../../../static/images/u487.png) center center no-repeat;
                        background-size: 351px 69px;
                    }
                    // .daysRate{
                    //     padding-left: 132px;
                    // }
                    // .monthRate{
                    //     padding-left: 72px;
                    // }
                    // span{
                    //     color:#F9ECEC;
                    //     font-size: 15px;
                    //     font-style:oblique;
                    // }
                    // .day_rate{
                    //     padding-left: 166px;
                    // }
                    // .month_rate{
                    //     padding-left: 106px;
                    // }
                }
            }
            .days_time{
                font-size: 70px;
                text-align: center;
                font-family: 'DS-DIGII';
                line-height: 100px;
            }
        }
        .middle_table{
            width:100%;
            clear: both;
            margin:25px 0;
            .duty_table{
                width:702px;
                height:425px;
                margin:0 auto;
                padding:25px 25px 25px 34px;
                background: url('../../../static/images/u9.png') center center no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                .dutyTable_title{
                    width:100%;
                    img{
                        width:32px;
                        height:32px;
                        vertical-align: 5px;
                        margin-right: 10px;
                    }
                    .dutytitle{
                        display: inline-block;
                        color:#B1E2FF;
                        width:90%;
                        font-size: 20px;
                        line-height: 38px;
                        span{
                            margin-left: 140px;
                        }
                    }
                }
                .dutyForm{
                    width:100%;
                    // height:348px;
                    height:345px;
                    overflow-y: auto;
                    font-size: 14px;
                    margin: 15px auto;
                    li{
                        line-height: 48px;
                        background: #b1e2ff26;
                        color:#fff;
                        margin-bottom: 4px;
                        .table_row{
                            display: flex;
                            align-items: center;
                            background: rgba(177,226,255,0.15);
                            height:48px;
                            // overflow: hidden;
                            li{
                                background-color:transparent!important;
                                line-height:normal!important;
                                // float: left;
                                display: inline-block;
                                vertical-align: middle;
                                width:18%;
                                text-align: center;
                                .red{
                                    color:#D81E06;
                                }
                                .orande{
                                    color:#FF9318;
                                }
                                .pink{
                                    color:#FF40AF;
                                }
                                .green{
                                    color:#8FEB5B;
                                }
                                .blue{
                                    color:#0087FF;
                                }
                            }
                            li:nth-child(3n){
                                width:22%;
                            }
                            li:last-child{
                                width:24%
                            }
                        }
                    }
                }
            }
        }
        .middle_bottom{
            width:100%;
            .formBox{
                width:702px;
                margin:0 auto;
                // width:100%;
                height:285px;
                font-size: 16px;
                background: url(../../../static/images/u319.png);
                background-size: 100% 100%;
                .table_title_bg{
                    width:100%;
                    height:54px;
                    display:flex;
                    justify-content: space-between;
                    // padding-left: 10%;
                    li{
                        height:100%;
                        line-height: 54px;
                        font-size: 15px;
                        color:#B1E2FF;
                        font-weight: normal;
                        width:30%;
                        text-align: center;
                        display: inline-block;
                    }
                    li:nth-child(2){
                        width:40%;
                    }
                }
                .tbaleSlide{
                    width:100%;
                    height:228px;
                    overflow-y: hidden;
                    font-size: 14px;
                    .tableDetail{
                        
                        // overflow-y: auto;
                        li{
                            width:100%;
                            text-align: center;
                            color:#fff;
                            line-height: 1;
                            overflow: hidden;
                            display:flex;
                            justify-content: space-between;
                            // padding-left: 10%;
                            div{
                                line-height: 38px;
                            }
                            div:first-child{
                                width:30%;
                                // padding-left: 10%;
                            }
                            div:nth-child(2){
                                width: 40%;
                                text-align: center;
                            }
                            div:last-child{
                                width:30%;
                            }
                        }
                    }
                }
            }
        }
    }
    .formBox_right{
        .formBox{
            .table_bg{
                height:300px;
            }
            .spare_part{
                height:442px;
                .alarmTable{
                    width:100%;
                    margin:0 auto;
                    // width:100%;
                    height:185px;
                    font-size: 16px;
                    background: url(../../../static/images/u10.png);
                    background-size: 100% 100%;
                    .table_title_bg{
                        width:100%;
                        height:35px;
                        li{
                            height:100%;
                            line-height: 35px;
                            font-size: 15px;
                            color:#B1E2FF;
                            font-weight: normal;
                            width:25%;
                            text-align: center;
                            display: inline-block;
                        }
                    }
                    .tableDetail{
                        height:136px;
                        overflow-y: auto;
                        li{
                            width:100%;
                            text-align: center;
                            color:#fff;
                            line-height: 1;
                            overflow: hidden;
                            font-size: 14px;
                            div{
                                width:25%;
                                float: left;
                                line-height: 34px;
                            }
                        }
                    }
                }
                table{
                    tbody{
                        tr{
                            .currentColor{
                                color:#D9534F;
                            }
                        }
                        tr:nth-child(2n-1){
                            background: #1E308A;
                        }
                        tr:nth-child(2n){
                            background: #162477;
                        }
                    }
                }
            }
        }
    }
}

::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
}
.tbaleSlidex{
    height:255px;
    li{
        background-color: rgba(177, 226, 255, 0.15);
        margin-bottom: 5px;
    }
}