@font-face {
    font-family: 'DS-DIGII';
    src: url(../../../static/font/DS-DIGI.TTF) format('truetype');
}
.dot {
    width:20px;
    height:20px;
    border:1px solid #00FFFF;
    border-radius: 50%;
    animation:mymove 2s infinite;
    animation-timing-function:linear;
    /* Safari and Chrome */
    -webkit-animation:mymove 2s infinite;
    -webkit-animation-timing-function:linear;
}
@keyframes mymove {
    from {
        transform:scale(0.5)
    }
    to {
        transform:scale(1.5)
    }
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    from {
        transform:scale(0.5)
    }
    to {
        transform:scale(1.5)
    }
}

.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;
    }
}
.container{
    clear: both;
    width:100%;
    padding:15px 7px 22px 10px;
    box-sizing: border-box;
    .formBox_left{
        width:29.15%;
        float: left;
        .formBox{
            clear: both;
            .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: 10px;
                margin-left: 30px;
            }
            .tableForm{
                width:100%;
                height:350px;
                font-size: 16px;
                background: url(../../../static/images/u319.svg);
                background-size: 100% 100%;
            }
            .formMain{
                width:100%;
                box-sizing: border-box;
                .table_title{
                    font-size: 18px;
                    color:#fff;
                }
                .color_bar{
                    width:60px;
                    display: inline-block;
                    // float: left;
                    color:#fff;
                    vertical-align: 55px;
                    div{
                        height:40px;
                        i{
                            display: inline-block;
                            width:11px;
                            height:40px;
                        }
                        span{
                            vertical-align: 16px;
                            margin-left: 5px;
                        }
                    }
                    .colorBar_one{
                        i{
                            background: #70B603;
                        }
                    }
                    .colorBar_two{
                        i{
                            background: #81B35A;
                        }
                    }
                    .colorBar_three{
                        i{
                            background: #9C933D;
                        }
                    }
                    .colorBar_four{
                        i{
                            background: #FF9318;
                        }
                    }
                    .colorBar_five{
                        i{
                            background: #FF40AF;
                        }
                    }
                    .colorBar_six{
                        i{
                            background: #FF1983;
                        }
                    }
                }
                .table_title_bg{
                    width:100%;
                    height:68px;
                    line-height: 68px;
                    li{
                        height:100%;
                        line-height: 68px;
                        color:#B1E2FF;
                        font-weight: normal;
                        width:25%;
                        text-align: center;
                        border:none!important;
                        display: inline-block;
                    }
                }
                .tableDetail{
                    height: 276px;
                    overflow-y: auto;
                    li{
                        width:100%;
                        text-align: center;
                        color:#fff;
                        line-height: 1;
                        overflow: hidden;
                        div{
                            width:25%;
                            float: left;
                            line-height: 46px;
                        }
                    }
                }
            }
            
            .table_bg{
                height:364px;
                padding:15px;
                background: url('../../../static/images/u9.png') center center no-repeat;
                background-size: 100% 100%;
            }
        }
        .compre_analysis{
            margin-bottom: 15px;
        }
        
    }
    .formBox_middle{
        width:40%;
        float: left;
        .middle_top{
            width:100%;
            .gaugeFormTotle{
                width:25%;
                color:#fff;
                float: left;
                .gaugeFormTitle{
                    font-size: 24px;
                    text-align: center;
                    font-style: italic;
                }
                .days_time{
                    font-size: 70px;
                    text-align: center;
                    font-family: 'DS-DIGII';
                    line-height: 100px;
                }
            }
        }
        .middle_map{
            width:100%;
            clear: both;
            .cnMpa{
                width:600px;
                height:477px;
                margin:0 auto;
                background: url('../../../static/images/u220.png') center center no-repeat;
                background-size: 100% 100%;
                position: relative;
                .tagBox{
                    position: absolute;
                    z-index: 1;
                    cursor:pointer;
                    // border-radius: 8px;
                    img{
                        width:100%;
                        height:100%;
                    }
                    .tag_main{
                        position: inherit;
                        top:0;
                        left:0;
                        width:100%;
                        box-sizing: border-box;
                        z-index: 2;
                        .tag_title{
                            font-size:14px;
                            color:#00FFFF;
                            border-bottom: 1px solid #fff;
                            line-height: 20px;
                            height:20px;
                            padding-left: 8px;
                            box-sizing: border-box;
                        }
                        .tag_content{
                            font-size: 10px;
                            color:#fff;
                            padding:0 0 0 10px;
                            box-sizing: border-box;
                        }
                    }
                    .dot{
                        position: inherit;
                        z-index: 3;
                    }
                    .midDot{
                        width:10px;
                        height:10px;
                        display: block;
                        border-radius: 50%;
                        background: #00FFFF;
                        position: absolute;
                        
                    }
                }
                .tagDownBox{
                    .tag_main{
                        top:32px;
                    }
                }
                .tag_down_right{
                    .tag_main{
                        top:31px;
                    }
                }
            }
        }
        .middle_bottom{
            width:674px;
            height:279px;
            background: url('../../../static/images/u9.png') center center no-repeat;
            background-size: 100% 100%;
            margin:20px auto 0;
            padding:20px 26px;
            box-sizing: border-box;
            .middle_bottom-title{
                font-size: 18px;
                color:#fff;
                margin-bottom: 10px;
                span{
                    font-size: 14px;
                    i{
                        width:19px;
                        height:11px;
                        display: inline-block;
                        background: #fff;
                        margin-right: 5px;
                    }
                }
                .actual_rate{
                    color:#70B603;
                    margin:0 15px 0 78px;
                    i{
                        background: #70B603;
                    }
                }
            }
            .pieFormBox{
                // div{
                //     float: left;
                // }
                .progressBox{
                    .progressForm{
                        li{
                            line-height: 19px;
                            border-bottom: 1px solid #476BD3;
                            padding:11px 0;
                            clear: both;
                            overflow: hidden;
                            div{
                                float: left;
                            }
                            .number{
                                width:18px;
                                // height:19px;
                                font-size: 14px;
                                text-align: center;
                                line-height: 19px;
                                
                            }
                            .factorName{
                                font-size: 14px;
                                color:#fff;
                                margin:0 4px 0 15px;
                                width:110px;
                            }
                            .progressTotal{
                                width:355px;
                                height:14px;
                                margin-right: 6px;
                                position: relative;
                                .progressBar{
                                    // width:302px;
                                    height:100%;
                                    background: #fff;
                                    position: absolute;
                                    top:0;
                                    left:0;
                                    z-index:1
                                }
                                .progress{
                                    height:100%;
                                    background: #70B603;
                                    position: absolute;
                                    top:0;
                                    left:0;
                                    z-index:2
                                }
                            }
                            
                            .money{
                                font-size: 15px;
                                color:#fff;
                                margin-left:18px;
                                span{
                                    color:#70B603
                                }
                            }
                        }
                        li:first-child,li:nth-child(2),li:nth-child(3){
                            color:#FF9922;
                            .number{
                                background: url('../../../static/images/bg_01.png') center center no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                        li:last-child,li:nth-child(4){
                            color:#3C9EFF;
                            .number{
                                background: url('../../../static/images/bg_02.png') center center no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                    }
                }
            }
        }
    }
}
.tag_top_left {
    // top: 160px;
    // left: 260px;
    bottom: 218px;
    right: 215px;
    width: 160px;
    height: 57px;
    .tag_main{
        top: -1px!important;
        padding-right: 6px;
        .tag_title{
            width:120px;
        }
    }
    .dot{
        // bottom: -6px;
        // right:-7px;
        bottom: 28px;
        right: -8px;
    }
    .midDot{
        // bottom: -1px;
        // right:-2px;
        bottom: 33px;
        right: -3px;
    }
}
.tag_top_mid{
    width:121px;
    height:87px;
    // top: 95px;
    // left: 310px;
    top: 93px;
    left: 253px;
    .dot{
        bottom: -7px;
        right:-1px;
    }
    .midDot{
        bottom: -2px;
        right:4px;
    }
}
.tag_top_right{
    width:121px;
    height:88px;
    // top: 115px;
    // left: 475px;
    top: 106px;
    left: 417px;
    .dot{
        bottom: -8px;
        left:-9px;
    }
    .midDot{
        bottom: -3px;
        left:-4px;
    }
}
.tag_down_left{
    width:121px;
    height:89px;
    // top: 312px;
    // left: 310px;
    top: 283px;
    left: 290px;
    .dot{
        top: -7px;
        right:10px;
    }
    .midDot{
        top: -2px;
        right:15px;
    }
}
.tag_down_mid{
    width:160px;
    height:57px;
    top: 237px;
    left: 420px;
    .tag_main{
        top: -1px!important;
        left: 35px!important;
        padding-right: 6px;
        .tag_title{
            width:120px;
        }
    }
    .dot{
        top: 41px;
        left: -6px;
    }
    .midDot{
        top: 46px;
        left: -1px;
    }
}
.tag_down_right{
    width:121px;
    height:88px;
    top: 232px;
    left: 485px;
    .dot{
        top: -8px;
        left:-8px;
    }
    .midDot{
        top: -3px;
        left:-3px;
    }
}

::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
}