::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44,rgb(36 95 104)),color-stop(0.72,rgb(58 121 216)),color-stop(0.86,rgb(30 159 255)));
    transition: 0.3s ease-in-out;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.page_login {
    height: 100vh;
    background: url(/hzui/images/loginBack.png) no-repeat;
    background-size: cover;
    position: relative;
}

    .page_login .top {
        padding-top: 0.12rem;
    }

    .page_login .frame {
        width: 3.04rem;
        height: 2.59rem;
        background: url(/hzui/images/loginBox.png) no-repeat;
        background-size: 100% 100%;
        background-position: center bottom;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1.52rem;
        margin-top: -1.3rem;
        color: #fff;
        padding-top: 0.44rem;
    }

        .page_login .frame .title {
            font-size: 0.16rem;
            text-align: center;
        }

        .page_login .frame .textnum {
            position: relative;
        }

        .page_login .frame .password {
            position: relative;
        }

            .page_login .frame .textnum img,
            .page_login .frame .password img {
                position: absolute;
                left: 0.48rem;
                top: 0.06rem;
                height: 0.14rem;
            }

        .page_login .frame .textnum input {
            width: 2.21rem;
            height: 0.26rem;
            display: block;
            margin: 0.1rem auto;
        }

        .page_login .frame .password input {
            width: 2.21rem;
            height: 0.26rem;
            margin: 0 auto;
            display: block;
        }

        .page_login .frame input {
            border: 1px solid #0ba1f8;
            background: rgba(6, 135, 205, 0.2);
            color: #fff;
            border-radius: 0.02rem;
            font-size: 0.09rem;
            padding-left: 0.24rem;
        }

        .page_login .frame .automatic {
            width: 2.21rem;
            margin: 0.1rem auto 0.15rem;
            display: flex;
            align-items: center;
        }

            .page_login .frame .automatic img {
                margin-right: 0.05rem;
                width: 0.11rem;
                height: 0.11rem;
            }

            .page_login .frame .automatic input {
                margin-right: 0.05rem;
            }

        .page_login .frame .btn {
            width: 2.21rem;
            height: 0.25rem;
            background-color: #4287ff;
            border-radius: 0.02rem;
            text-align: center;
            font-size: 0.09rem;
            line-height: 0.25rem;
            margin: 0 auto;
            cursor: pointer;
        }

        .page_login .frame input::-webkit-input-placeholder {
            color: #fff;
            font-size: 0.09rem;
        }

        .page_login .frame input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #fff;
            font-size: 0.09rem;
        }

        .page_login .frame input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #fff;
            font-size: 0.09rem;
        }

        .page_login .frame input:-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #fff;
            font-size: 0.09rem;
        }

.public_header .top {
    width: 10rem;
    height: 0.73rem;
    background: url(/hzui/images/top.png) no-repeat;
    background-size: 100%;
    position: relative;
}

    .public_header .top .left {
        position: absolute;
        left: 0.04rem;
        top: 0.18rem;
        display: flex;
        align-items: center;
    }

        .public_header .top .left .topnav {
            width: 0.9rem;
            height: 0.19rem;
            text-align: center;
            background: url(/hzui/images/nav.png) no-repeat;
            background-size: 100% 100%;
            font-size: 0.08rem;
            color: #fff;
            position: relative;
            padding-top: 0.02rem;
            cursor: pointer;
        }

            .public_header .top .left .topnav:hover {
                background: url(/hzui/images/navAct.png) no-repeat;
                background-size: 100% 100%;
            }

            .public_header .top .left .topnav .dropdown {
                background-size: 100% 100%;
                width: 0.7rem;
                position: absolute;
                left: 0.15rem;
                top: 0.16rem;
                display: none;
                z-index: 10;
            }

                .public_header .top .left .topnav .dropdown .pic {
                    display: flex;
                }

                .public_header .top .left .topnav .dropdown ul {
                    background: url(/hzui/images/index/laback.png) no-repeat;
                    background-size: 100% 100%;
                    border-bottom: 1px solid #287eff;
                    opacity: 1;
                }

                .public_header .top .left .topnav .dropdown li {
                    line-height: 0.2rem;
                    font-size: 0.07rem;
                    color: #fff;
                }

                    .public_header .top .left .topnav .dropdown li:hover {
                        background-color: #1c92fd;
                    }

            .public_header .top .left .topnav:hover .dropdown {
                display: block;
            }

            .public_header .top .left .topnav.dropdown li:hover {
                background-color: #03ccf3;
            }

            .public_header .top .left .topnav.act {
                background: url(/hzui/images/navAct.png) no-repeat;
                background-size: 100% 100%;
            }

    .public_header .top .right {
        position: absolute;
        right: 0.15rem;
        top: 0.19rem;
        height: 0.19rem;
        background: url(/hzui/images/timeBack.png) no-repeat;
        background-size: 100%;
        padding: 0 0.13rem;
        line-height: 0.19rem;
        color: #2eb8ff;
        font-size: 0.08rem;
        display: flex;
        align-items: center;
    }

        .public_header .top .right .span {
            font-size: 0.08rem;
            line-height: 0.19rem;
        }

        .public_header .top .right .biao {
            width: 0.09rem;
            height: 0.09rem;
            margin-right: 0.04rem;
        }

        .public_header .top .right .topDate {
            margin-right: 0.03rem;
        }

        .public_header .top .right .topWeek {
            margin-right: 0.03rem;
        }

        .public_header .top .right .topTime {
            margin-right: 0.115rem;
        }

        .public_header .top .right .xiaoxi {
            width: 0.1rem;
            height: 0.12rem;
            margin-right: 0.1rem;
            cursor: pointer;
        }

        .public_header .top .right .zhe {
            width: 0.11rem;
            height: 0.1rem;
            margin-right: 0.07rem;
            cursor: pointer;
        }

        .public_header .top .right .set {
            width: 0.12rem;
            height: 0.11rem;
            margin-right: 0.07rem;
            cursor: pointer;
        }

        .public_header .top .right .pic {
            width: 0.17rem;
            height: 0.17rem;
            margin-right: 0.04rem;
            cursor: pointer;
        }

        .public_header .top .right .name {
            cursor: pointer;
        }

.centerCon .nav {
    display: flex;
    background: url(/hzui/images/navBack.png) no-repeat;
    background-size: 100% 100%;
    height: 0.25rem;
    color: #85d3ff;
    display: flex;
    align-items: center;
    padding-left: 0.45rem;
    padding-top: 0.02rem;
    position: relative;
}

    .centerCon .nav .zuo {
        width: 0.11rem;
        cursor: pointer;
    }

    .centerCon .nav .you {
        width: 0.11rem;
        position: absolute;
        right: 0.23rem;
        cursor: pointer;
    }

    .centerCon .nav .quan {
        width: 0.11rem;
        position: absolute;
        right: 0.06rem;
        cursor: pointer;
    }

    .centerCon .nav .item {
        height: 0.11rem;
        padding: 0 0.05rem;
        background: rgba(65, 127, 232, 0.2);
        line-height: 0.11rem;
        margin-left: 0.05rem;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .centerCon .nav .item img {
            width: 0.07rem;
            height: 0.07rem;
            margin-left: 0.03rem;
        }

        .centerCon .nav .item .actcha {
            display: none;
        }

        .centerCon .nav .item.act {
            background: rgba(65, 127, 232, 0.6);
        }

            .centerCon .nav .item.act span {
                color: #fff;
            }

            .centerCon .nav .item.act .actcha {
                display: inline-block;
            }

            .centerCon .nav .item.act .cha {
                display: none;
            }

        .centerCon .nav .item:hover {
            background: rgba(65, 127, 232, 0.6);
        }

            .centerCon .nav .item:hover span {
                color: #fff;
            }

            .centerCon .nav .item:hover .actcha {
                display: inline-block;
            }

            .centerCon .nav .item:hover .cha {
                display: none;
            }

input {
    background: rgba(34, 110, 187, 0.2);
    border: 1px solid #1c92fd;
    color: #acddff;
    padding: 0.06rem;
}

textarea {
    outline: none;
    background: rgba(34, 110, 187, 0.2);
    border: 1px solid #1c92fd;
    color: #acddff;
    padding: 0.06rem;
}

input::-webkit-input-placeholder {
    color: #acddff;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #acddff;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #acddff;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #acddff;
}

textarea::-webkit-input-placeholder {
    color: #acddff;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #acddff;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #acddff;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #acddff;
}

input[type="checkbox"] {
    width: 0.11rem;
    height: 0.11rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 0.11rem;
    position: relative;
}

    input[type="checkbox"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: #041c34;
        width: 100%;
        height: 100%;
        border: 1px solid #0ba1f8;
    }

    input[type="checkbox"]:checked::before {
        content: "\2713";
        background-color: #041c34;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border: 1px solid #0ba1f8;
        color: #0ba1f8;
        font-size: 0.07rem;
        font-weight: bold;
    }

input[type="radio"] {
    width: 0.11rem;
    height: 0.11rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 0.11rem;
    position: relative;
    border-radius: 100%;
    margin-right: 0.02rem;
}

    input[type="radio"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: #041c34;
        width: 100%;
        height: 100%;
        border: 1px solid #0ba1f8;
        border-radius: 100%;
    }

    input[type="radio"]:checked::before {
        content: "●";
        background-color: #041c34;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border: 1px solid #0ba1f8;
        color: #0ba1f8;
        font-size: 0.1rem;
        font-weight: bold;
        border-radius: 100%;
        line-height: 0.09rem;
    }

input.checkyuan[type="checkbox"] {
    width: 0.11rem;
    height: 0.11rem;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 0.11rem;
    position: relative;
    overflow: hidden;
}

    input.checkyuan[type="checkbox"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: #041c34;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        border: 1px solid #0ba1f8;
        overflow: hidden;
    }

    input.checkyuan[type="checkbox"]:checked::before {
        content: "\2713";
        background-color: #041c34;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 100%;
        border: 1px solid #0ba1f8;
        color: #0ba1f8;
        font-size: 0.07rem;
        font-weight: bold;
        overflow: hidden;
    }

.page_query {
    background-color: #041c34;
    min-height: 100vh;
    position: relative;
}

    .page_query .centerCon .seatch {
        display: flex;
        align-items: center;
        color: #acddff;
        font-size: 0.07rem;
        margin: 0 0.15rem;
    }

        .page_query .centerCon .seatch span {
            margin-right: 0.06rem;
            white-space: nowrap;
        }

select {
    border-color: #1c92fd;
    background: rgba(34, 110, 187, 0.2);
    color: #acddff;
    width: 0.7rem;
    height: 0.16rem;
    margin-right: 0.1rem;
}

    select option {
        color: #acddff;
        background-color: #041c34;
        color: #fff;
        border-color: #1c92fd;
        font-size: 0.07rem;
    }

.page_query .centerCon .seatch input {
    width: 0.96rem;
    color: #acddff;
    background: rgba(34, 110, 187, 0.2);
    border: 1px solid #1c92fd;
    padding-left: 0.05rem;
    margin-right: 0.05rem;
}

    .page_query .centerCon .seatch input::-webkit-input-placeholder {
        color: #acddff;
    }

    .page_query .centerCon .seatch input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #acddff;
    }

    .page_query .centerCon .seatch input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #acddff;
    }

    .page_query .centerCon .seatch input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #acddff;
    }

.page_query .centerCon .seatch .searchBtn,
.page_query .centerCon .seatch .daoBtn {
    cursor: pointer;
    width: 0.41rem;
    height: 0.16rem;
    border-radius: 0.02rem;
    background-color: #1c92fd;
    line-height: 0.16rem;
    color: #fff;
    font-size: 0.07rem;
    padding-left: 0.07rem;
    display: flex;
    align-items: center;
}

    .page_query .centerCon .seatch .searchBtn img,
    .page_query .centerCon .seatch .daoBtn img {
        margin-right: 0.03rem;
        height: 0.08rem;
    }

.page_query .centerCon .seatch .searchBtn {
    margin: 0 0.06rem;
}

.page_query .centerCon .conBack {
    margin: 0.05rem 0.15rem 0;
    background: rgba(112, 137, 255, 0.1);
    border-radius: 0.05rem;
    color: #e0e5ff;
    font-size: 0.08rem;
    /*  height: calc(100vh - 1.4rem);*/
    /*padding: 0.08rem 0.12rem;*/
}

    .page_query .centerCon .conBack .conTable {
        margin-bottom: 0.08rem;
    }

        .page_query .centerCon .conBack .conTable .line {
            height: 0.23rem;
            line-height: 0.23rem;
            padding-left: 0.3rem;
        }

            .page_query .centerCon .conBack .conTable .line span {
                display: inline-block;
            }

            .page_query .centerCon .conBack .conTable .line .xu {
                width: 0.82rem;
            }

            .page_query .centerCon .conBack .conTable .line .lu {
                width: 1.38rem;
            }

            .page_query .centerCon .conBack .conTable .line .zhan {
                width: 0.73rem;
            }

            .page_query .centerCon .conBack .conTable .line .starTime {
                width: 2.47rem;
            }

            .page_query .centerCon .conBack .conTable .line .length {
                width: 0.67rem;
            }

            .page_query .centerCon .conBack .conTable .line .allnum {
                width: 0.54rem;
            }

            .page_query .centerCon .conBack .conTable .line .kon {
                width: 0.91rem;
            }

            .page_query .centerCon .conBack .conTable .line .touTime {
                flex: 1;
            }

            .page_query .centerCon .conBack .conTable .line:nth-of-type(2n) {
                background-color: rgba(19, 137, 244, 0.1);
            }

    .page_query .centerCon .conBack .ye {
        display: flex;
        align-items: center;
        font-size: 0.08rem;
        line-height: 0.16rem;
    }

        .page_query .centerCon .conBack .ye .all {
            color: #acddff;
            margin-right: 0.1rem;
        }

            .page_query .centerCon .conBack .ye .all span {
                color: #fff;
                margin: 0 0.05rem;
            }

        .page_query .centerCon .conBack .ye .now {
            color: #acddff;
            margin-right: 0.1rem;
        }

            .page_query .centerCon .conBack .ye .now span {
                color: #fff;
                margin: 0 0.05rem;
            }

        .page_query .centerCon .conBack .ye .shou,
        .page_query .centerCon .conBack .ye .shang,
        .page_query .centerCon .conBack .ye .xia,
        .page_query .centerCon .conBack .ye .mo {
            height: 0.16rem;
            padding: 0 0.05rem;
            background-color: rgba(15, 50, 92, 1);
            border-radius: 0.02rem;
            margin-right: 0.05rem;
        }

        .page_query .centerCon .conBack .ye .shang {
            opacity: 0.5;
        }

        .page_query .centerCon .conBack .ye .tiao input {
            width: 0.24rem;
            height: 0.16rem;
            border: 1px solid #1c92fd;
            color: #acddff;
            background: transparent;
            font-size: 0.08rem;
            text-align: center;
            margin: 0 0.05rem;
            border-radius: 0.02rem;
        }

        .page_query .centerCon .conBack .ye .go {
            color: #fff;
            width: 0.16rem;
            height: 0.16rem;
            text-align: center;
            background: #1c92fd;
            border-radius: 0.02rem;
            margin-left: 0.07rem;
        }

.page_query .wu {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 100vh;
    width: 10rem;
}

    .page_query .wu .tanInfo {
        width: 4.3rem;
        height: 2.63rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -2.07rem;
        margin-top: -1.31rem;
        background-color: rgba(12, 33, 68, 0.9);
        border: 1px solid #668eff;
        color: #fff;
        font-size: 0.07rem;
    }

        .page_query .wu .tanInfo .topTitle {
            background: linear-gradient( 90deg, rgba(20, 136, 255, 0.5), rgba(62, 106, 161, 0) );
            height: 0.22rem;
            line-height: 0.22rem;
            padding: 0 0.09rem;
            font-size: 0.1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .page_query .wu .tanInfo .topTitle img {
                width: 0.09rem;
                height: 0.09rem;
            }

        .page_query .wu .tanInfo .tanCon {
            padding: 0 0.1rem;
        }

            .page_query .wu .tanInfo .tanCon .tab {
                padding-top: 0.05rem;
                margin-bottom: 0.1rem;
            }

                .page_query .wu .tanInfo .tanCon .tab span {
                    width: 0.58rem;
                    height: 0.17rem;
                    border: 1px solid #2886f2;
                    font-size: 0.08rem;
                    line-height: 0.17rem;
                    display: inline-block;
                    text-align: center;
                    cursor: pointer;
                }

                    .page_query .wu .tanInfo .tanCon .tab span.act {
                        background: rgba(40, 134, 242, 0.25);
                    }

                    .page_query .wu .tanInfo .tanCon .tab span:nth-of-type(1) {
                        margin-right: 0.1rem;
                    }

            .page_query .wu .tanInfo .tanCon .one {
                padding-left: 0.16rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .page_query .wu .tanInfo .tanCon .name {
                line-height: 0.16rem;
                width: 0.4rem;
                display: inline-block;
            }

            .page_query .wu .tanInfo .tanCon .guang {
                width: auto;
                line-height: 0.11rem;
                margin-right: 0.02rem;
            }

            .page_query .wu .tanInfo .tanCon .one {
                margin-bottom: 0.06rem;
            }

                .page_query .wu .tanInfo .tanCon .one .gp {
                    width: 1.7rem;
                    height: 0.16rem;
                    font-size: 0.07rem;
                    margin-right: 0.05rem;
                }

                .page_query .wu .tanInfo .tanCon .one .num {
                    width: 0.25rem;
                    height: 0.16rem;
                    font-size: 0.07rem;
                }

                .page_query .wu .tanInfo .tanCon .one .one_r {
                    display: flex;
                    align-items: center;
                }

                    .page_query .wu .tanInfo .tanCon .one .one_r .yuan {
                        font-size: 0;
                        border: 1px solid #0ba1f8;
                        border-radius: 50%;
                        width: 0.1rem;
                        height: 0.1rem;
                        display: inline-block;
                        margin-right: 0.03rem;
                        cursor: pointer;
                    }

                        .page_query .wu .tanInfo .tanCon .one .one_r .yuan.act {
                            font-size: 0.2rem;
                            line-height: 0.1rem;
                            text-align: center;
                            color: #0ba1f8;
                        }

                    .page_query .wu .tanInfo .tanCon .one .one_r .duo {
                        display: flex;
                        align-items: center;
                    }

                        .page_query .wu .tanInfo .tanCon .one .one_r .duo img {
                            margin-right: 0.04rem;
                        }

            .page_query .wu .tanInfo .tanCon textarea {
                height: 0.34rem;
                flex: 1;
            }

            .page_query .wu .tanInfo .tanCon .two {
                display: flex;
                padding-left: 0.16rem;
                margin-bottom: 0.07rem;
            }

                .page_query .wu .tanInfo .tanCon .two span {
                    margin-right: 0.138rem;
                }

            .page_query .wu .tanInfo .tanCon .five {
                display: flex;
                padding-left: 0.16rem;
                margin-bottom: 0.07rem;
            }

                .page_query .wu .tanInfo .tanCon .five span {
                    margin-right: 0.02rem;
                    width: 0.4rem;
                }

            .page_query .wu .tanInfo .tanCon .four {
                display: flex;
                align-items: center;
                margin: 0.06rem 0;
                padding-left: 0.16rem;
            }

            .page_query .wu .tanInfo .tanCon .three {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                .page_query .wu .tanInfo .tanCon .three select {
                    width: 0.64rem;
                    margin-right: 00.05rem;
                }

                .page_query .wu .tanInfo .tanCon .three .sun {
                    width: 0.64rem;
                    margin-right: 0.05rem;
                }

                .page_query .wu .tanInfo .tanCon .three .kuang {
                    width: 0.11rem;
                    height: 0.11rem;
                    border: 1px solid #1c92fd;
                    display: inline-block;
                }

                .page_query .wu .tanInfo .tanCon .three .check {
                    width: 0.11rem;
                }

            .page_query .wu .tanInfo .tanCon .four .name {
                margin-right: 0.02rem;
            }

            .page_query .wu .tanInfo .tanCon .four input {
                width: 1.82rem;
                margin-right: 0.06rem;
            }

            .page_query .wu .tanInfo .tanCon .four .xian {
                width: 0.25rem;
                height: 0.16rem;
                text-align: center;
                line-height: 0.16rem;
                border: 1px solid #1c92fd;
                font-size: 0.07rem;
                color: #acddff;
                margin-right: 0.11rem;
            }

            .page_query .wu .tanInfo .tanCon .four .huan {
                width: 0.54rem;
                height: 0.16rem;
                border: 1px solid #1c92fd;
                display: flex;
                align-items: center;
                padding-left: 0.04rem;
                font-size: 0.07rem;
                color: #acddff;
                cursor: pointer;
            }

                .page_query .wu .tanInfo .tanCon .four .huan img {
                    width: 0.06rem;
                    margin-right: 0.04rem;
                }

            .page_query .wu .tanInfo .tanCon .buttons {
                text-align: center;
                margin-top: 0.15rem;
            }

                .page_query .wu .tanInfo .tanCon .buttons span {
                    width: 0.36rem;
                    height: 0.16rem;
                    border-radius: 0.02rem;
                    text-align: center;
                    line-height: 0.16rem;
                    font-size: 0.07rem;
                    color: #fff;
                    display: inline-block;
                    cursor: pointer;
                }

                .page_query .wu .tanInfo .tanCon .buttons .guan {
                    background-color: #14447c;
                    margin-right: 0.1rem;
                }

                .page_query .wu .tanInfo .tanCon .buttons .que {
                    background-color: #1c92fd;
                }

.page_process {
    background-color: #041c34;
    position: relative;
    color: #fff;
    font-size: 0.08rem;
}

    .page_process .centerCon {
        margin: 0 0.2rem;
    }

        .page_process .centerCon .conTop {
            display: flex;
            align-items: center;
            margin-bottom: 0.13rem;
        }

            .page_process .centerCon .conTop input {
                width: 2.38rem;
                font-size: 0.07rem;
                margin-right: 0.07rem;
            }

            .page_process .centerCon .conTop .dayin {
                width: 0.41rem;
                height: 0.16rem;
                background-color: #1c92fd;
                border-radius: 0.02rem;
                font-size: 0.07rem;
                line-height: 0.16rem;
                margin-right: 0.06rem;
                display: flex;
                align-items: center;
                cursor: pointer;
            }

            .page_process .centerCon .conTop .shua {
                width: 0.41rem;
                height: 0.16rem;
                background-color: #1c92fd;
                border-radius: 0.02rem;
                font-size: 0.07rem;
                line-height: 0.16rem;
                display: flex;
                align-items: center;
                cursor: pointer;
            }

                .page_process .centerCon .conTop .dayin img,
                .page_process .centerCon .conTop .shua img {
                    height: 0.09rem;
                    margin: 0 0.04rem;
                }

        .page_process .centerCon .liuconbox {
            background: rgba(112, 137, 255, 0.1);
            border-radius: 0.05rem;
            height: calc(100vh - 1.4rem);
            padding: 0.08rem 0.12rem;
            position: relative;
            overflow-x: auto;
            width: 9.59rem;
        }

        .page_process .centerCon .liucon {
            display: -webkit-box;
            height: 1.1rem;
            position: absolute;
            top: 50%;
            margin-top: -0.55rem;
        }

            .page_process .centerCon .liucon .liuItem {
                width: 1.54rem;
                background: linear-gradient( 180deg, rgba(54, 159, 255, 0.54), rgba(54, 159, 255, 0) );
                padding: 0.09rem 0.06rem;
                border-top: 0.02rem solid #03ccf3;
                height: 1.1rem;
            }

                .page_process .centerCon .liucon .liuItem .xing {
                    font-size: 0.15rem;
                    display: block;
                }

                .page_process .centerCon .liucon .liuItem span {
                    text-align: center;
                    display: block;
                }

                .page_process .centerCon .liucon .liuItem .title {
                    text-align: center;
                    font-size: 0.11rem;
                }

            .page_process .centerCon .liucon .daoIcon {
                width: 0.17rem;
                height: 0.27rem;
                margin: 0.1rem;
            }

    .page_process .dao {
        width: 1.39rem;
        margin-top: 0.45rem;
    }

    .page_process .daos {
        margin-top: 0;
    }

    .page_process .dao .xian {
        width: 1.39rem;
        height: 0.03rem;
        border-radius: 0.02rem;
        background: linear-gradient(90deg, rgba(54,159,255,0.1),#03C8F2);
        margin-bottom: 0.08rem;
    }

    .page_process .daos .xian {
        margin-top: 0.08rem;
        margin-bottom: 0;
    }

    .page_process .dao .desc {
        width: 1.39rem;
        padding: 0 0.11rem;
        text-align: center;
    }

        .page_process .dao .desc span {
            display: block;
            font-size: 0.08rem;
            color: #D9EFFD;
        }

            .page_process .dao .desc span.num {
                font-size: 0.15rem;
            }

.page_hengLiat {
    background-color: #041c34;
    min-height: 100vh;
    position: relative;
    color: #fff;
    font-size: 0.08rem;
}

    .page_hengLiat .centerCon {
        padding-bottom: 0.15rem;
    }

        .page_hengLiat .centerCon .conTop {
            display: flex;
            margin-left: 0.21rem;
            align-items: center;
            margin-bottom: 0.12rem;
        }

            .page_hengLiat .centerCon .conTop .name {
                margin-right: 0.04rem;
            }

            .page_hengLiat .centerCon .conTop select {
                width: 0.7rem;
                margin-right: 0.11rem;
            }

            .page_hengLiat .centerCon .conTop .chax,
            .page_hengLiat .centerCon .conTop .zeng,
            .page_hengLiat .centerCon .conTop .dao {
                width: 0.41rem;
                height: 0.16rem;
                display: flex;
                align-items: center;
                background-color: #1c92fd;
                border-radius: 0.02rem;
                color: #fff;
                line-height: 0.16rem;
                margin-right: 0.06rem;
                padding-left: 0.06rem;
                cursor: pointer;
            }

                .page_hengLiat .centerCon .conTop .chax img,
                .page_hengLiat .centerCon .conTop .zeng img,
                .page_hengLiat .centerCon .conTop .dao img {
                    height: 0.08rem;
                    margin-right: 0.03rem;
                }

        .page_hengLiat .centerCon .content {
            display: flex;
            align-items: center;
            margin: 0 0.08rem;
        }

            .page_hengLiat .centerCon .content .zuo,
            .page_hengLiat .centerCon .content .you {
                width: 0.21rem;
                height: 0.35rem;
            }

                .page_hengLiat .centerCon .content .zuo img,
                .page_hengLiat .centerCon .content .you img {
                    width: 0.21rem;
                    height: 0.35rem;
                }

            .page_hengLiat .centerCon .content .conList {
                padding: 0 0.02rem;
            }

                .page_hengLiat .centerCon .content .conList .item {
                    background-color: rgba(112, 137, 255, 0.1);
                    border-radius: 0.05rem;
                    margin-right: 0.1rem;
                    padding: 0.05rem;
                    width: 1.79rem;
                }

                    .page_hengLiat .centerCon .content .conList .item:nth-of-type(5) {
                        margin-right: 0;
                    }

            .page_hengLiat .centerCon .content .conList {
                display: flex;
            }

                .page_hengLiat .centerCon .content .conList .item .title {
                    display: flex;
                    align-items: center;
                    background: url(/hzui/images/titleBack.png) no-repeat;
                    background-size: 100% 100%;
                    padding: 0 0.35rem;
                    width: 1.3rem;
                    margin-left: 0.12rem;
                }

                    .page_hengLiat .centerCon .content .conList .item .title img {
                        width: 0.25rem;
                    }

                    .page_hengLiat .centerCon .content .conList .item .title span {
                        font-size: 0.09rem;
                    }

                .page_hengLiat .centerCon .content .conList .item .biao .line {
                    height: 0.21rem;
                    width: 1.58rem;
                    display: flex;
                    align-items: center;
                }

                    .page_hengLiat .centerCon .content .conList .item .biao .line span {
                        display: inline-block;
                        text-align: center;
                        line-height: 0.21rem;
                        color: #e0e5ff;
                    }

                        .page_hengLiat .centerCon .content .conList .item .biao .line span.topname {
                            color: #fff;
                        }

                    .page_hengLiat .centerCon .content .conList .item .biao .line .xu {
                        width: 0.6rem;
                    }

                    .page_hengLiat .centerCon .content .conList .item .biao .line .lu {
                        flex: 1;
                    }

                    .page_hengLiat .centerCon .content .conList .item .biao .line:nth-of-type(2n) {
                        background-color: rgba(19, 137, 244, 0.1);
                    }

.page_list {
    background-color: #041c34;
    min-height: 100vh;
    position: relative;
    color: #fff;
    font-size: 0.08rem;
}

    .page_list .centerCon {
        margin: 0 0.15rem;
    }

    .page_list .content {
        background-color: rgba(112, 137, 255, 0.1);
        border-radius: 0.02rem;
        height: calc(100vh - 1.4rem);
        padding: 0.08rem 0.12rem;
        overflow-y: auto;
    }

        .page_list .content td {
            width: 0.73rem;
            text-align: center;
            height: 0.23rem;
            background-color: rgba(19, 137, 244, 0.1);
        }

            .page_list .content td.le {
                text-align: left;
                padding-left: 0.14rem;
            }

        .page_list .content .fang td {
            padding: 0 !important;
        }

        .page_list .content .toptitle {
            color: #ff3131;
            font-size: 0.08rem;
            margin-bottom: 0.08rem;
            display: inline-block;
        }

        .page_list .content .topTable {
            margin-bottom: 0.05rem;
        }

        .page_list .content .tableItem {
            margin-bottom: 0.05rem;
        }

        .page_list .content::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px #133a6e;
            border-radius: 10px;
            background-color: #133a6e;
        }

        .page_list .content::-webkit-scrollbar {
            width: 7px;
            background-color: #133a6e;
        }

        .page_list .content::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px #133a6e;
            background-color: #555;
        }

    .page_list .centerCon .contop span {
        background: url(/hzui/images/biaoBack.png) no-repeat;
        background-size: 100% 100%;
        height: 0.16rem;
        display: inline-block;
        padding: 0 0.15rem;
        margin-right: 0.06rem;
        line-height: 0.16rem;
    }

    .page_list .centerCon .contop {
        margin-bottom: 0.13rem;
    }

    .page_list .content .tableItem .le > div {
        display: flex;
        align-items: center;
        position: relative;
    }

        .page_list .content .tableItem .le > div .imgList {
            margin-right: 0.04rem;
        }

        .page_list .content .tableItem .le > div img {
            height: 0.15rem;
            margin-right: 0.03rem;
        }

        .page_list .content .tableItem .le > div .name {
            text-align: center;
            width: 100%;
            color: #ff3131;
            font-weight: bold;
        }

        .page_list .content .tableItem .le > div .imgList {
            position: absolute;
            right: 0;
            display: flex;
            align-items: center;
        }

    .page_list .content .tableItem tr.fang {
        background-color: rgba(55, 160, 255, 0.2);
    }

    .page_list .content .tableItem tr.yong {
        min-height: 0.96rem;
    }

    .page_list .content .tableItem tr.tiao {
        min-height: 0.58rem;
        background-color: rgba(19, 137, 244, 0.1);
    }

    .page_list .content .tableItem tr td {
        padding: 0.1rem;
    }

        .page_list .content .tableItem tr td span {
            display: block;
            margin-bottom: 0.2rem;
            color: #e0e5ff;
        }

        .page_list .content .tableItem tr td .jiantou {
            height: 0.1rem;
        }

.luse {
    color: #6fe791;
}

.page_tuo {
    background-color: #041c34;
    min-height: 100vh;
    position: relative;
    color: #fff;
    font-size: 0.08rem;
}

    .page_tuo .centerCon {
        display: flex;
        margin: 0 0.2rem;
    }

    .page_tuo .content {
        background-color: rgba(112, 137, 255, 0.1);
        flex: 1;
    }

    .page_tuo .conRight {
        padding-left: 0.04rem;
    }

        .page_tuo .conRight > div {
            width: 0.98rem;
            background-color: rgba(112, 137, 255, 0.1);
            border-radius: 0.05rem;
        }

        .page_tuo .conRight .tl {
            height: 3.08rem;
            padding-top: 0.08rem;
        }

        .page_tuo .conRight .wj {
            height: 1rem;
            margin-top: 0.04rem;
            padding-top: 0.08rem;
        }

            .page_tuo .conRight .tl .title,
            .page_tuo .conRight .wj .title {
                width: 0.85rem;
                display: block;
                height: 0.16rem;
                line-height: 0.16rem;
                background: linear-gradient( 90deg, rgba(20, 136, 255, 0.5), rgba(62, 106, 161, 0) );
                font-size: 0.08rem;
                padding-left: 0.08rem;
            }

            .page_tuo .conRight .wj .wjcon {
                text-align: center;
                margin-top: 0.08rem;
                font-size: 0.08rem;
                color: #afdcff;
            }

        .page_tuo .conRight .tl .imgList img {
            width: 0.61rem;
            display: block;
            margin: 0.04rem auto 0;
        }

        .page_tuo .conRight .tl .cunList {
            padding-left: 0.12rem;
            margin-top: 0.1rem;
        }

            .page_tuo .conRight .tl .cunList > div {
                margin-top: 0.05rem;
            }

            .page_tuo .conRight .tl .cunList .num {
                width: 0.2rem;
                display: inline-block;
                margin-right: 0.1rem;
            }

            .page_tuo .conRight .tl .cunList .xian {
                width: 0.44rem;
                height: 0.02rem;
                background-color: #ff2c2c;
                display: inline-block;
            }

            .page_tuo .conRight .tl .cunList .lu .xian {
                background-color: #2ad399;
            }

            .page_tuo .conRight .tl .cunList .lan .xian {
                background-color: #2cb2ff;
            }

            .page_tuo .conRight .tl .cunList .bai .xian {
                background-color: white;
            }

.page_index {
    background-color: #041c34;
    background-size: cover;
    position: relative;
    color: #fff;
    font-size: 0.08rem;
}

    .page_index .mapPic {
        position: absolute;
        width: 75%;
        height: 70%;
        top: 18%;
        left: 15%;
        z-index: 1;
    }

        .page_index .mapPic img {
            position: absolute;
            top: 50%;
            width: 100%;
            height: auto;
            margin: 0 auto;
            margin-top: -2.17rem;
        }

    .page_index .centerCon {
        padding: 0 0.06rem 0.11rem;
    }

        .page_index .centerCon .bottominfo {
            background-color: rgba(112, 137, 255, 0.1);
            height: 0.85rem;
            margin-top: 0.2rem;
        }

        .page_index .centerCon .topinfo {
            display: flex;
        }

            .page_index .centerCon .topinfo .leftInfo {
                width: 2.11rem;
            }

            .page_index .centerCon .topinfo .mo {
                background: url(/hzui/images/index/nameBack.png) no-repeat;
                background-size: 100% 100%;
                background-position: top;
                padding-left: 0.26rem;
                font-size: 0.1rem;
                height: 0.2rem;
            }

                .page_index .centerCon .topinfo .mo span {
                    font-weight: bold;
                }

            .page_index .centerCon .topinfo .moCon1 {
                height: 1.51rem;
                background-color: rgba(112, 137, 255, 0.1);
                margin-top: 0.05rem;
                margin-bottom: 0.06rem;
            }

            .page_index .centerCon .topinfo .moCon2 {
                height: 1.61rem;
                background-color: rgba(112, 137, 255, 0.1);
                margin-top: 0.05rem;
                margin-bottom: 0.06rem;
            }

                .page_index .centerCon .topinfo .moCon2 .top {
                    background: radial-gradient(circle, #006da0 0%, rgba(11, 64, 89, 0) 100%);
                    color: #67d6ff;
                    font-size: 0.07rem;
                    text-align: center;
                    line-height: 0.16rem;
                }

                    .page_index .centerCon .topinfo .moCon2 .top .left {
                        font-size: 0.07rem;
                    }

                .page_index .centerCon .topinfo .moCon2 .con {
                    overflow-y: auto;
                    height: 1.44rem;
                }

                    .page_index .centerCon .topinfo .moCon2 .con::-webkit-scrollbar-track {
                        -webkit-box-shadow: inset 0 0 6px #133a6e;
                        border-radius: 10px;
                        background-color: #133a6e;
                        margin-bottom: 0.02rem;
                    }

                    .page_index .centerCon .topinfo .moCon2 .con::-webkit-scrollbar {
                        width: 7px;
                        background-color: #133a6e;
                    }

                    .page_index .centerCon .topinfo .moCon2 .con::-webkit-scrollbar-thumb {
                        border-radius: 10px;
                        -webkit-box-shadow: inset 0 0 6px #133a6e;
                        background-color: #555;
                    }

                    .page_index .centerCon .topinfo .moCon2 .con .conbox {
                        display: flex;
                    }

                .page_index .centerCon .topinfo .moCon2 .con {
                    padding: 0.04rem 0.08rem;
                }

                    .page_index .centerCon .topinfo .moCon2 .con .conbox {
                        background: url(/hzui/images/index/wenBack.png) no-repeat;
                        background-size: 100%;
                        padding: 0.06rem;
                        margin-bottom: 0.03rem;
                    }

                        .page_index .centerCon .topinfo .moCon2 .con .conbox .pic {
                            width: 0.49rem;
                            height: 0.64rem;
                            margin-right: 0.04rem;
                            background: url(/hzui/images/index/picBack.png) no-repeat;
                            background-size: 100% 100%;
                            margin-top: 0.03rem;
                            margin-left: 0.03rem;
                        }

                            .page_index .centerCon .topinfo .moCon2 .con .conbox .pic img {
                                width: 0.49rem;
                                height: 0.64rem;
                                margin-top: -0.03rem;
                                margin-left: -0.03rem;
                            }

                        .page_index .centerCon .topinfo .moCon2 .con .conbox .nei {
                            flex: 1;
                        }

                            .page_index .centerCon .topinfo .moCon2 .con .conbox .nei span {
                                font-size: 0.07rem;
                                color: #fff;
                            }

                            .page_index .centerCon .topinfo .moCon2 .con .conbox .nei .h {
                                display: flex;
                            }

                                .page_index
                                .centerCon
                                .topinfo
                                .moCon2
                                .con
                                .conbox
                                .nei
                                .h
                                span:nth-of-type(1) {
                                    display: inline-block;
                                    width: 0.38rem;
                                }

                                .page_index
                                .centerCon
                                .topinfo
                                .moCon2
                                .con
                                .conbox
                                .nei
                                .h
                                span:nth-of-type(2) {
                                    flex: 1;
                                }

                            .page_index
                            .centerCon
                            .topinfo
                            .moCon2
                            .con
                            .conbox
                            .nei
                            .qu
                            span:nth-of-type(1) {
                            }

                            .page_index .centerCon .topinfo .moCon2 .con .conbox .nei .name {
                                font-size: 0.09rem;
                                color: #34eaff;
                                margin-bottom: 0.02rem;
                            }

                .page_index .centerCon .topinfo .moCon2 .top span {
                    font-size: 0.1rem;
                    margin-left: 0.06rem;
                }

            .page_index .centerCon .topinfo .rightInfo {
                width: 2.11rem;
            }

                .page_index .centerCon .topinfo .rightInfo .moCon1 {
                    padding: 0.05rem 0.1rem 0;
                }

                    .page_index .centerCon .topinfo .rightInfo .moCon1 .hang {
                        height: 1px;
                        display: flex;
                    }

                    .page_index .centerCon .topinfo .rightInfo .moCon1 .jindu {
                        padding: 0 0.1rem;
                    }

                        .page_index .centerCon .topinfo .rightInfo .moCon1 .jindu .line {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            line-height: 0.12rem;
                            margin: 0.02rem 0;
                        }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .jindu .line .fang {
                                width: 0.12rem;
                                height: 0.12rem;
                            }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .jindu .line .zong {
                                width: 1.21rem;
                                height: 0.04rem;
                                border-radius: 0.02rem;
                                background: rgba(50, 138, 255, 0.15);
                                position: relative;
                            }

                                .page_index .centerCon .topinfo .rightInfo .moCon1 .jindu .line .zong .act {
                                    width: 50%;
                                    height: 0.04rem;
                                    border-radius: 0.02rem;
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    background: linear-gradient( 90deg, rgba(62, 106, 161, 0), rgba(20, 136, 255, 0.5) );
                                }

                    .page_index .centerCon .topinfo .rightInfo .moCon1 .huan {
                        display: flex;
                        align-self: center;
                        padding-bottom: 0.03rem;
                        padding-left: 0.05rem;
                    }

                        .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con {
                            margin-left: 0.2rem;
                        }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con > div {
                                display: flex;
                                align-items: center;
                            }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con .lan .name {
                                color: #60e9ff;
                            }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con .lu .name {
                                color: #44d68f;
                            }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con .huang .name {
                                color: #ffae5d;
                            }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con .num {
                                font-weight: bold;
                                font-size: 0.09rem;
                            }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con .blue .name {
                                color: #379bff;
                            }

                        .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .pic {
                            position: relative;
                            width: 0.55rem;
                            height: 0.55rem;
                            border-radius: 100%;
                        }

                        .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .shan {
                            position: absolute;
                            width: 0.55rem;
                            height: 0.55rem;
                            border-radius: 100%;
                            background-color: #fff;
                        }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .shan .circle {
                                position: absolute;
                                width: 0.55rem;
                                height: 0.55rem;
                                transform: rotate(0deg);
                                clip: rect(0px, 0.27rem, 0.55rem, 0px);
                                border-radius: 100%;
                            }

                                .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .shan .circle.lan {
                                    transform: rotate(50deg);
                                    background-color: #60eaff;
                                    position: absolute;
                                }

                                .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .shan .circle.lu {
                                    transform: rotate(200deg);
                                    background-color: #45d88a;
                                    position: absolute;
                                }

                                .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .shan .circle.blue {
                                    transform: rotate(300deg);
                                    background-color: #389bff;
                                    position: absolute;
                                }

                                .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .shan .circle.huang {
                                    transform: rotate(250deg);
                                    background-color: #ffae5e;
                                    position: absolute;
                                }

                        .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .neishan {
                            width: 0.35rem;
                            height: 0.35rem;
                            position: absolute;
                            background-color: #005b9e;
                            border-radius: 100%;
                            top: 0.1rem;
                            left: 0.1rem;
                            padding-top: 0.1rem;
                            text-align: center;
                        }

                            .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .neishan img {
                                width: 0.2rem;
                            }

                        .page_index .centerCon .topinfo .rightInfo .moCon1 .huan .con > div span {
                            margin-left: 0.07rem;
                        }

            .page_index .centerCon .topinfo .centerInfo {
                flex: 1;
                position: relative;
            }

                .page_index .centerCon .topinfo .centerInfo .top {
                    height: 0.57rem;
                    background: url(/hzui/images/index/topBack.png) no-repeat;
                    background-size: 100% 100%;
                    display: flex;
                    padding: 0 0.8rem;
                    justify-content: space-between;
                }

                .page_index .centerCon .topinfo .centerInfo .bottom {
                    width: 1.83rem;
                    height: 1.1rem;
                    background-color: rgba(112, 137, 255, 0.1);
                    position: absolute;
                    top: 2.6rem;
                    right: 0.1rem;
                }

                .page_index .centerCon .topinfo .centerInfo .kuang {
                    width: 1.54rem;
                    height: 0.79rem;
                    background: rgba(0, 9, 18, 0.6);
                    border-top: 0.02rem solid #03ccf3;
                    padding: 0 0.06rem;
                    top: 2.5rem;
                    left: 1.5rem;
                    position: absolute;
                }

                    .page_index .centerCon .topinfo .centerInfo .kuang .name {
                        font-size: 0.11rem;
                        line-height: 0.25rem;
                        display: block;
                    }

                    .page_index .centerCon .topinfo .centerInfo .kuang .gang {
                        width: 100%;
                        display: block;
                        height: 1px;
                        background: linear-gradient(90deg, #2bb2cb, rgba(43, 178, 203, 0.1));
                        margin-bottom: 0.08rem;
                    }

                    .page_index .centerCon .topinfo .centerInfo .kuang .hang {
                        display: flex;
                        align-items: center;
                        margin-top: 0.05rem;
                    }

                        .page_index .centerCon .topinfo .centerInfo .kuang .hang img {
                            width: 0.08rem;
                            height: 0.08rem;
                            margin-right: 0.06rem;
                            margin-top: -0.05rem;
                        }

            .page_index .centerCon .topinfo .leftInfo .moCon1 .boxList {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                justify-content: space-around;
                padding: 0 0.06rem;
            }

            .page_index .centerCon .topinfo .leftInfo .moCon1 .box {
                display: flex;
                margin-top: 0.05rem;
            }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .box .pic {
                    width: 0.35rem;
                    height: 0.37rem;
                    margin-right: 0.05rem;
                }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .box img {
                    width: 0.35rem;
                    height: 0.37rem;
                }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .box .con {
                    text-align: center;
                    padding-top: 0.02rem;
                }

                    .page_index .centerCon .topinfo .leftInfo .moCon1 .box .con > span {
                        display: block;
                        color: #fff;
                        font-size: 0.07rem;
                        line-height: 0.07rem;
                    }

                    .page_index .centerCon .topinfo .leftInfo .moCon1 .box .con span span {
                        font-size: 0.16rem;
                        margin-right: 0.02rem;
                        color: #85d3ff;
                        line-height: 0.25rem;
                    }

            .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi {
                display: flex;
                align-items: center;
                padding: 0.1rem;
            }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .pic {
                    font-size: 0.33rem;
                    height: 0.27rem;
                    margin-right: 0.05rem;
                    display: flex;
                }

                    .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .pic img {
                        font-size: 0.33rem;
                        height: 0.27rem;
                    }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .tq_r {
                    font-size: 0.07rem;
                    color: #fff;
                }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .t {
                    display: flex;
                    align-items: center;
                }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .b {
                    display: flex;
                    align-items: center;
                }

                    .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .b img {
                        height: 0.08rem;
                        margin-right: 0.02rem;
                    }

                    .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .b > div {
                        display: flex;
                        align-items: center;
                        margin-right: 0.07rem;
                    }

                .page_index .centerCon .topinfo .leftInfo .moCon1 .tianqi .big {
                    font-size: 0.12rem;
                    margin-right: 0.08rem;
                }

            .page_index .centerCon .topinfo .leftInfo .moCon1 .hang {
                height: 1px;
                display: flex;
            }

            .page_index .centerCon .topinfo .centerInfo .top .box {
                display: flex;
                align-items: center;
                margin-top: -0.05rem;
            }

                .page_index .centerCon .topinfo .centerInfo .top .box .pic {
                    width: 0.5rem;
                    height: 0.5rem;
                }

                .page_index .centerCon .topinfo .centerInfo .top .box .con {
                    margin-left: -0.08rem;
                    text-align: center;
                }

                .page_index .centerCon .topinfo .centerInfo .top .box .pic img {
                    width: 0.5rem;
                    height: 0.5rem;
                }

                .page_index .centerCon .topinfo .centerInfo .top .box .con > span {
                    display: block;
                    color: #fff;
                    font-size: 0.07rem;
                    line-height: 0.07rem;
                }

                .page_index .centerCon .topinfo .centerInfo .top .box .con span span {
                    font-size: 0.16rem;
                    margin-right: 0.02rem;
                    color: #85d3ff;
                    line-height: 0.25rem;
                }

            .page_index .centerCon .topinfo .centerInfo .bottom .title {
                display: flex;
                align-items: center;
                padding-left: 0.05rem;
                background: linear-gradient( 90deg, rgba(20, 153, 255, 0.5), rgba(62, 106, 161, 0) );
            }

                .page_index .centerCon .topinfo .centerInfo .bottom .title img {
                    width: 0.1rem;
                    margin-right: 0.04rem;
                }

                .page_index .centerCon .topinfo .centerInfo .bottom .title span {
                    color: #82c9ff;
                    font-size: 0.08rem;
                    line-height: 0.19rem;
                    font-weight: bold;
                }

            .page_index .centerCon .topinfo .centerInfo .bottom .con {
                height: 0.85rem;
                overflow-y: hidden;
            }

                .page_index .centerCon .topinfo .centerInfo .bottom .con .tiao {
                    display: flex;
                    align-items: center;
                    font-size: 0.05rem;
                    line-height: 0.08rem;
                    padding: 0.05rem 0;
                }

                    .page_index .centerCon .topinfo .centerInfo .bottom .con .tiao .biao {
                        background: url(/hzui/images/index/lanx.png) no-repeat;
                        background-size: 100% 100%;
                        display: inline-block;
                        padding: 0.02rem 0.07rem;
                        margin-right: 0.02rem;
                        -webkit-transform: scale(0.8);
                    }

                        .page_index .centerCon .topinfo .centerInfo .bottom .con .tiao .biao.huang {
                            background: url(/hzui/images/index/huangx.png) no-repeat;
                            background-size: 100% 100%;
                        }

                        .page_index .centerCon .topinfo .centerInfo .bottom .con .tiao .biao.lu {
                            background: url(/hzui/images/index/lux.png) no-repeat;
                            background-size: 100% 100%;
                        }

                    .page_index .centerCon .topinfo .centerInfo .bottom .con .tiao .zi {
                        width: 0.88rem;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: block;
                        white-space: nowrap;
                        margin-right: 0.05rem;
                        font-size: 0.07rem;
                        color: #acddff;
                    }

                    .page_index .centerCon .topinfo .centerInfo .bottom .con .tiao .time {
                        font-size: 0.07rem;
                        color: #acddff;
                    }

                .page_index .centerCon .topinfo .centerInfo .bottom .con .hang {
                    height: 1px;
                    display: flex;
                }

                    .page_index .centerCon .topinfo .centerInfo .bottom .con .hang img {
                        height: 1px;
                    }

        .page_index .centerCon .bottominfo .title {
            background: url(/hzui/images/index/bottomBack.png) no-repeat;
            background-size: 100%;
            display: block;
            text-align: center;
            line-height: 0.24rem;
            font-size: 0.1rem;
            font-weight: bold;
        }

        .page_index .centerCon .bottominfo .iconList {
            display: flex;
            align-items: center;
            justify-content: space-around;
        }

            .page_index .centerCon .bottominfo .iconList .box {
                display: flex;
                align-items: center;
            }

                .page_index .centerCon .bottominfo .iconList .box .pic {
                    width: 0.5rem;
                    height: 0.5rem;
                }

                    .page_index .centerCon .bottominfo .iconList .box .pic img {
                        width: 0.5rem;
                        height: 0.5rem;
                    }

                .page_index .centerCon .bottominfo .iconList .box .con > span {
                    display: block;
                    color: #fff;
                    font-size: 0.07rem;
                    line-height: 0.07rem;
                }

                .page_index .centerCon .bottominfo .iconList .box .con span span {
                    font-size: 0.16rem;
                    margin-right: 0.02rem;
                    color: #85d3ff;
                    line-height: 0.25rem;
                }

        .page_index .centerCon .topinfo .leftInfo .zhu {
            width: 100%;
            height: 1.61rem;
            padding: 0.07rem;
        }

.jianbian {
    background-image: linear-gradient( to top, #fff, #52c8ff );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shu {
    line-height: 0.07rem;
}

.page_equipment {
    background-color: #041c34;
    min-height: 100vh;
    position: relative;
    color: #fff;
    font-size: 0.07rem;
}

    .page_equipment .centerCon {
        padding: 0 0.2rem;
    }

        .page_equipment .centerCon .contop {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.13rem;
        }

            .page_equipment .centerCon .contop .top_r {
                display: flex;
                align-items: center;
            }

            .page_equipment .centerCon .contop .search {
                color: #acddff;
                display: flex;
                align-items: center;
            }

                .page_equipment .centerCon .contop .search input {
                    width: 0.84rem;
                    margin-left: 0.07rem;
                    margin-right: 0.1rem;
                }

                .page_equipment .centerCon .contop .search .searchBtn {
                    color: #fff;
                    display: flex;
                    align-items: center;
                    width: 0.41rem;
                    height: 0.16rem;
                    line-height: 0.16rem;
                    border-radius: 0.02rem;
                    background-color: #1c92fd;
                    cursor: pointer;
                }

                    .page_equipment .centerCon .contop .search .searchBtn img {
                        width: 0.08rem;
                        margin: 0 0.03rem 0 0.07rem;
                    }

            .page_equipment .centerCon .contop .tldesc {
                margin-left: 0.03rem;
            }

                .page_equipment .centerCon .contop .tldesc span {
                    display: inline-block;
                    margin-left: 0.05rem;
                    font-size: 0.07rem;
                    color: #fff;
                    line-height: 0.11rem;
                }

                .page_equipment .centerCon .contop .tldesc .btn {
                    padding: 0 0.04rem;
                    border-radius: 0.01rem;
                }

                    .page_equipment .centerCon .contop .tldesc .btn.yi {
                        background-color: #ff2525;
                    }

                    .page_equipment .centerCon .contop .tldesc .btn.san {
                        background-color: #ffa73f;
                    }

                    .page_equipment .centerCon .contop .tldesc .btn.si {
                        background-color: #51cd77;
                    }

                    .page_equipment .centerCon .contop .tldesc .btn.kong {
                        background-color: #ffffff;
                        color: #787878;
                    }

                    .page_equipment .centerCon .contop .tldesc .btn.sun {
                        background-color: #787878;
                    }

            .page_equipment .centerCon .contop .gnlist span {
                margin-right: 0.06rem;
                display: inline-block;
                line-height: 0.16rem;
                padding: 0 0.22rem;
                background: url(/hzui/images/biaoBack.png) no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
            }

        .page_equipment .centerCon .content {
            display: flex;
        }

            .page_equipment .centerCon .content .left_fun {
                width: 1.76rem;
                position: relative;
                margin-right: 0.06rem;
                border-radius: 0.05rem;
            }

                .page_equipment .centerCon .content .left_fun .funTop {
                    padding-top: 0.07rem;
                    background-color: rgba(112, 137, 255, 0.1);
                    height: 2.88rem;
                    border-radius: 0.05rem;
                }

            .page_equipment .centerCon .content .right_con {
                flex: 1;
                padding: 0.05rem 0.1rem 0;
                background-color: rgba(112, 137, 255, 0.1);
                border-radius: 0.05rem;
                margin-right: 0.2rem;
            }

            .page_equipment .centerCon .content .left_fun .title {
                width: 0.85rem;
                height: 0.17rem;
                line-height: 0.17rem;
                color: #82c9ff;
                font-size: 0.08rem;
                padding-left: 0.08rem;
                background: linear-gradient( 90deg, rgba(20, 136, 255, 0.5), rgba(62, 106, 161, 0) );
                margin-bottom: 0.08rem;
            }

            .page_equipment .centerCon .content .left_fun .xuan {
                display: flex;
                align-items: center;
                padding-left: 0.09rem;
            }

                .page_equipment .centerCon .content .left_fun .xuan .btn {
                    width: 0.6rem;
                    height: 0.17rem;
                    cursor: pointer;
                    border: 1px solid #2886f2;
                    color: #e0e5ff;
                    display: flex;
                    align-items: center;
                    border-color: rgba(40, 134, 242, 0.25);
                }

                    .page_equipment .centerCon .content .left_fun .xuan .btn.act {
                        background-color: rgba(40, 134, 242, 0.25);
                        color: #f3faff;
                        margin-right: 0.07rem;
                    }

                    .page_equipment .centerCon .content .left_fun .xuan .btn .pic {
                        width: 0.18rem;
                        height: 0.17rem;
                        background-color: rgba(40, 134, 242, 0.25);
                        padding: 0.03rem 0;
                        margin-right: 0.06rem;
                        margin-left: -1px;
                        text-align: center;
                    }

                    .page_equipment .centerCon .content .left_fun .xuan .btn span {
                        white-space: nowrap;
                    }

                    .page_equipment .centerCon .content .left_fun .xuan .btn .pic img {
                        height: 0.13rem;
                    }

            .page_equipment .centerCon .content .left_fun .navList {
                width: 1.59rem;
                padding-bottom: 1rem;
                padding: 0 0.09rem;
                overflow-y: auto;
                height: 2.2rem;
            }

                .page_equipment
                .centerCon
                .content
                .left_fun
                .navList::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px transparent;
                    border-radius: 10px;
                    background-color: transparent;
                }

                .page_equipment .centerCon .content .left_fun .navList::-webkit-scrollbar {
                    width: 0.03rem !important;
                    background-color: transparent;
                    display: block;
                }

                .page_equipment
                .centerCon
                .content
                .left_fun
                .navList::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    -webkit-box-shadow: inset 0 0 6px transparent;
                    background-color: #48a5e2;
                }

                .page_equipment .centerCon .content .left_fun .navList .navItem .top {
                    width: 100%;
                    height: 0.16rem;
                    background: rgba(19, 137, 244, 0.1);
                    line-height: 0.16rem;
                    padding-left: 0.06rem;
                    font-size: 0.08rem;
                    color: #56d1ff;
                    display: flex;
                    align-items: center;
                    margin-bottom: 0.09rem;
                    cursor: pointer;
                }

                    .page_equipment
                    .centerCon
                    .content
                    .left_fun
                    .navList
                    .navItem
                    .top.zhan
                    .zhanIcon {
                        width: 0.08rem;
                        margin-right: 0.06rem;
                    }

                    .page_equipment
                    .centerCon
                    .content
                    .left_fun
                    .navList
                    .navItem
                    .top.zhan
                    .heIcon {
                        width: 0.04rem;
                        margin-right: 0.06rem;
                    }

                    .page_equipment
                    .centerCon
                    .content
                    .left_fun
                    .navList
                    .navItem
                    .top.zhan
                    .heIcon {
                        display: none;
                    }

                    .page_equipment
                    .centerCon
                    .content
                    .left_fun
                    .navList
                    .navItem
                    .top.he
                    .zhanIcon {
                        width: 0.08rem;
                        margin-right: 0.06rem;
                    }

                    .page_equipment
                    .centerCon
                    .content
                    .left_fun
                    .navList
                    .navItem
                    .top.he
                    .heIcon {
                        width: 0.04rem;
                        margin-right: 0.06rem;
                    }

                    .page_equipment
                    .centerCon
                    .content
                    .left_fun
                    .navList
                    .navItem
                    .top.he
                    .zhanIcon {
                        display: none;
                    }

                .page_equipment .centerCon .content .left_fun .navList .navItem .flList {
                    padding: 0 0.15rem;
                    display: block;
                }

                    .page_equipment
                    .centerCon
                    .content
                    .left_fun
                    .navList
                    .navItem
                    .flList
                    .flItem {
                        display: flex;
                        margin-bottom: 0.1rem;
                        cursor: pointer;
                    }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem
                        .wenact {
                            display: none;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem:hover
                        span {
                            color: #56d1ff;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem:hover
                        img.wenact {
                            display: inline-block;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem:hover
                        img.wen {
                            display: none;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem
                        img {
                            width: 0.08rem;
                            height: 0.09rem;
                            margin-right: 0.05rem;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem
                        span {
                            font-size: 0.08rem;
                            opacity: 0.87;
                            color: #fff;
                            line-height: 0.1rem;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem.act
                        span {
                            color: #56d1ff;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem.act
                        .wen {
                            display: none;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .left_fun
                        .navList
                        .navItem
                        .flList
                        .flItem.act
                        .wenact {
                            display: inline-block;
                        }

                .page_equipment .centerCon .content .left_fun .navList .navItem.he .flList {
                    display: none;
                }

            .page_equipment .centerCon .content .left_fun .bottomIcon {
                width: 100%;
                padding-left: 0.1rem;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                background-color: rgba(112, 137, 255, 0.1);
                height: 0.62rem;
                border-radius: 0.05rem;
                padding-top: 0.1rem;
                margin-top: 0.05rem;
            }

                .page_equipment .centerCon .content .left_fun .bottomIcon img {
                    margin-bottom: 0.07rem;
                    cursor: pointer;
                    width: 0.14rem;
                    height: 0.14rem;
                    display: block;
                }

                .page_equipment .centerCon .content .left_fun .bottomIcon span {
                    padding: 0 0.03rem;
                    text-align: center;
                    line-height: 0.14rem;
                    font-size: 0.07rem;
                    display: block;
                    height: 0.14rem;
                    margin-bottom: 0.07rem;
                    margin-right: 0.02rem;
                }

            .page_equipment .centerCon .content .right_con .zhanList {
                display: flex;
            }

                .page_equipment .centerCon .content .right_con .zhanList .zhanItem {
                    width: 1.75rem;
                    margin-right: 0.15rem;
                    max-height: 3.45rem;
                }

                    .page_equipment .centerCon .content .right_con .zhanList .zhanItem .zhong {
                        background: url(/hzui/images/she/zhong.png) no-repeat;
                        background-size: 100% 100%;
                    }

                    .page_equipment .centerCon .content .right_con .zhanList .zhanItem .tou {
                        position: relative;
                        width: 1.75rem;
                        display: flex;
                        top: 0.16rem;
                    }

                        .page_equipment .centerCon .content .right_con .zhanList .zhanItem .tou img {
                            width: 1.75rem;
                        }

                        .page_equipment
                        .centerCon
                        .content
                        .right_con
                        .zhanList
                        .zhanItem
                        .tou
                        .zhanName {
                            position: absolute;
                            top: 0.02rem;
                            font-size: 0.09rem;
                            font-weight: bold;
                            line-height: 0.18rem;
                            width: 100%;
                            text-align: center;
                            background-image: linear-gradient( to top, #c3e5ff, #ffffff );
                            -webkit-background-clip: text;
                            -webkit-text-fill-color: transparent;
                        }

                    .page_equipment .centerCon .content .right_con .zhanList .zhanItem .di {
                        width: 1.75rem;
                        top: -0.34rem;
                        position: relative;
                    }

                        .page_equipment .centerCon .content .right_con .zhanList .zhanItem .di img {
                            width: 1.75rem;
                        }

                    .page_equipment .centerCon .content .right_con .zhanList .zhanItem .zhong {
                        min-height: 0.6rem;
                        background: url(/hzui/images/she/zhong.png) no-repeat;
                        background-size: 100% 100%;
                        width: 1.75rem;
                        position: relative;
                        z-index: 10;
                        padding: 0 0.15rem 0 0.18rem;
                    }

                        .page_equipment .centerCon .content .right_con .zhanList .zhanItem .zhong .fu {
                            position: absolute;
                            top: 0;
                            left: 0;
                            background: rgba(1, 9, 22, 0.78);
                            z-index: 20;
                            display: none;
                        }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .fu
                            .tiao {
                                display: flex;
                                margin-bottom: 0.05rem;
                            }

                                .page_equipment
                                .centerCon
                                .content
                                .right_con
                                .zhanList
                                .zhanItem
                                .zhong
                                .fu
                                .tiao
                                .yuan {
                                    width: 0.1rem;
                                    height: 0.1rem;
                                    margin-right: 0.02rem;
                                }

                                    .page_equipment
                                    .centerCon
                                    .content
                                    .right_con
                                    .zhanList
                                    .zhanItem
                                    .zhong
                                    .fu
                                    .tiao
                                    .yuan
                                    img {
                                        width: 0.1rem;
                                        height: 0.1rem;
                                    }

                                .page_equipment
                                .centerCon
                                .content
                                .right_con
                                .zhanList
                                .zhanItem
                                .zhong
                                .fu
                                .tiao
                                .zi {
                                    flex: 1;
                                    font-size: 0.07rem;
                                    color: 0.07rem;
                                    line-height: 0.1rem;
                                }

                                    .page_equipment
                                    .centerCon
                                    .content
                                    .right_con
                                    .zhanList
                                    .zhanItem
                                    .zhong
                                    .fu
                                    .tiao
                                    .zi
                                    .con {
                                        color: #38b2ff;
                                    }

                                    .page_equipment
                                    .centerCon
                                    .content
                                    .right_con
                                    .zhanList
                                    .zhanItem
                                    .zhong
                                    .fu
                                    .tiao
                                    .zi
                                    span {
                                        display: block;
                                    }

                        .page_equipment
                        .centerCon
                        .content
                        .right_con
                        .zhanList
                        .zhanItem
                        .zhong
                        .zhongBox {
                            height: 2.8rem;
                            width: 100%;
                        }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .zhongBox::-webkit-scrollbar-track {
                                -webkit-box-shadow: inset 0 0 6px transparent;
                                border-radius: 10px;
                                background-color: transparent;
                            }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .zhongBox::-webkit-scrollbar {
                                width: 0.03rem !important;
                                background-color: transparent;
                                display: block;
                            }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .zhongBox::-webkit-scrollbar-thumb {
                                border-radius: 10px;
                                -webkit-box-shadow: inset 0 0 6px transparent;
                                background-color: #48a5e2;
                            }

                        .page_equipment .centerCon .content .right_con .zhanList .zhanItem .zhong .top {
                            display: flex;
                            align-items: center;
                            background: url(/hzui/images/she/nameBack.png) no-repeat;
                            background-size: 100% 100%;
                            padding: 0 0.04rem;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            font-size: 0.08rem;
                            margin-bottom: 0.02rem;
                            margin-top: 0.03rem;
                            position: relative;
                            cursor: pointer;
                        }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .top
                            span {
                                background-image: linear-gradient( to top, #c3e5ff, #ffffff );
                                -webkit-background-clip: text;
                                -webkit-text-fill-color: transparent;
                            }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .top
                            img {
                                width: 0.07rem;
                                display: block;
                            }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .top .xia {
                                display: none;
                            }

                        .page_equipment
                        .centerCon
                        .content
                        .right_con
                        .zhanList
                        .zhanItem
                        .zhong
                        .dianList {
                            background: url(/hzui/images/she/dianBack.png) no-repeat;
                            background-size: 100% 100%;
                            padding: 0.06rem 0.03rem 0.03rem;
                            position: relative;
                        }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .dianList
                            .numList {
                                background-color: #144685;
                                font-size: 0.06rem;
                                color: #fff;
                                line-height: 0.08rem;
                                display: flex;
                                align-items: center;
                                justify-content: space-around;
                                padding-top: 1px;
                            }

                                .page_equipment
                                .centerCon
                                .content
                                .right_con
                                .zhanList
                                .zhanItem
                                .zhong
                                .dianList
                                .numList
                                span {
                                    -webkit-transform: scale(0.8);
                                    display: block;
                                    width: 0.09rem;
                                    text-align: center;
                                }

                            .page_equipment
                            .centerCon
                            .content
                            .right_con
                            .zhanList
                            .zhanItem
                            .zhong
                            .dianList
                            .dians {
                                display: flex;
                                align-items: center;
                                justify-content: space-around;
                                padding: 0.03rem 0;
                            }

                                .page_equipment
                                .centerCon
                                .content
                                .right_con
                                .zhanList
                                .zhanItem
                                .zhong
                                .dianList
                                .dians
                                img {
                                    width: 0.0625rem;
                                    height: 0.0625rem;
                                    -webkit-transform: scale(0.8);
                                }

                        .page_equipment
                        .centerCon
                        .content
                        .right_con
                        .zhanList
                        .zhanItem
                        .zhong
                        .fuwu
                        .pic {
                            display: flex;
                        }

    .page_equipment .tanchu {
        width: 1.95rem;
        height: 2.25rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1.22rem;
        margin-top: -0.98rem;
        background-color: rgba(12, 33, 68, 0.9);
        border: 1px solid #668eff;
        color: #fff;
        font-size: 0.07rem;
        z-index: 100;
    }

        .page_equipment .tanchu .topTitle {
            background: linear-gradient( 90deg, rgba(20, 136, 255, 0.5), rgba(62, 106, 161, 0) );
            height: 0.22rem;
            line-height: 0.22rem;
            padding: 0 0.09rem;
            font-size: 0.1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .page_equipment .tanchu .topTitle img {
                width: 0.09rem;
                height: 0.09rem;
            }

        .page_equipment .tanchu .tanCon {
            padding: 0.04rem 0.15rem;
        }

            .page_equipment .tanchu .tanCon .topList .tiao {
                display: flex;
                margin-bottom: 0.02rem;
            }

                .page_equipment .tanchu .tanCon .topList .tiao .yuan {
                    width: 0.1rem;
                    height: 0.1rem;
                    margin-right: 0.02rem;
                }

                    .page_equipment .tanchu .tanCon .topList .tiao .yuan img {
                        width: 0.1rem;
                        height: 0.1rem;
                    }

                .page_equipment .tanchu .tanCon .topList .tiao .name {
                    width: 0.45rem;
                    font-size: 0.07rem;
                    color: #fff;
                }

                .page_equipment .tanchu .tanCon .topList .tiao .con {
                    flex: 1;
                    font-size: 0.07rem;
                    color: #38b2ff;
                }

            .page_equipment .tanchu .tanCon .huan {
                padding: 0.07rem 0.1rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex: 1;
            }

                .page_equipment .tanchu .tanCon .huan .pic {
                    width: 0.55rem;
                    margin-right: 0.08rem;
                }

            .page_equipment .tanchu .tanCon .hang {
                height: 1px;
                display: flex;
            }

            .page_equipment .tanchu .tanCon .huan .huan_r {
                flex: 1;
            }

                .page_equipment .tanchu .tanCon .huan .huan_r .line {
                    font-size: 0.07rem;
                    display: flex;
                    align-items: center;
                }

                    .page_equipment .tanchu .tanCon .huan .huan_r .line .num {
                        font-size: 0.1rem;
                        font-weight: bold;
                    }

                    .page_equipment .tanchu .tanCon .huan .huan_r .line .desc {
                        text-align: left;
                        width: 0.55rem;
                        display: inline-flex;
                    }

                    .page_equipment .tanchu .tanCon .huan .huan_r .line img {
                        width: 0.1rem;
                        height: 0.1rem;
                        margin-right: 0.05rem;
                    }

                    .page_equipment .tanchu .tanCon .huan .huan_r .line.lu {
                        color: #45d78d;
                    }

                    .page_equipment .tanchu .tanCon .huan .huan_r .line.huang {
                        color: #ffae5d;
                    }

                    .page_equipment .tanchu .tanCon .huan .huan_r .line.hong {
                        color: #e24c4c;
                    }

            .page_equipment .tanchu .tanCon .button {
                width: 100%;
            }

                .page_equipment .tanchu .tanCon .button span {
                    width: 0.36rem;
                    height: 0.16rem;
                    border-radius: 0.02rem;
                    background-color: #1c92fd;
                    color: #fff;
                    text-align: center;
                    line-height: 0.16rem;
                    font-size: 0.07rem;
                    display: block;
                    margin: 0.1rem auto 0;
                }

            .page_equipment .tanchu .tanCon .duan {
                margin-top: 0.05rem;
            }

                .page_equipment .tanchu .tanCon .duan .top {
                    display: flex;
                    align-items: center;
                }

                    .page_equipment .tanchu .tanCon .duan .top img {
                        width: 0.1rem;
                        height: 0.1rem;
                        margin-right: 0.04rem;
                    }

                .page_equipment .tanchu .tanCon .duan .jindu {
                    display: flex;
                    align-items: center;
                }

                    .page_equipment .tanchu .tanCon .duan .jindu .zong {
                        width: 1.35rem;
                        height: 0.04rem;
                        border-radius: 0.02rem;
                        background: rgba(50, 138, 255, 0.15);
                        position: relative;
                    }

                        .page_equipment .tanchu .tanCon .duan .jindu .zong .act {
                            width: 50%;
                            height: 0.04rem;
                            border-radius: 0.02rem;
                            position: absolute;
                            left: 0;
                            top: 0;
                            background: linear-gradient( 90deg, rgba(68, 213, 146, 0), rgba(68, 213, 146, 0.5) );
                        }

                    .page_equipment .tanchu .tanCon .duan .jindu .num {
                        margin-left: 0.1rem;
                        font-size: 0.08rem;
                    }
