.zst_wrap .zst_top {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.333rem, 1fr));
    gap: 0.6rem;
    padding: 0.8rem 0.8rem 0.6rem;
    background: #efefef;
}

.zst_wrap .zst_top a {
    height: 2.167rem;
    text-align: center;
    line-height: 2.167rem;
    color: #333;
    font-size: 1.167rem;
    border: 0.083rem solid #aaa;
    border-radius: 0.25rem;
    overflow: hidden;
}

.zst_wrap .zst_top a.active {
    color: #d93f3f;
}

.zst_wrap .zst_top a.paid {
  position: relative;
}
.zst_wrap .zst_top a.paid::after {
  display: inline-block;
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: -0.2rem;
  right: -0.1rem;
  background: url(/static/images/paid.png) no-repeat left center / 100% 100%;
}

.zst_wrap h2 {
    font-size: 1.3333rem;
    font-weight: bold;
    color: #d93f3f;
    padding: 1rem 1.25rem 0;
}

.zst_wrap > .tool {
    padding: 0 1.25rem;
}

.zst_wrap > .tool > .s1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

.zst_wrap > .tool > .s1 > .choice {
    font-size: 1.1667rem;
    color: #181818;
    display: flex;
    margin-right: 1rem;
}

.zst_wrap > .tool > .s1 > .choice > div {
    display: flex;
    align-items: center;
}

.zst_wrap > .tool > .s1 > .choice > div:not(:last-of-type) {
    margin-right: 1.3333rem;
}

.zst_wrap > .tool > .s1 > .choice > div label {
    display: flex;
    align-items: center;
}

.zst_wrap > .tool > .s1 > .choice > div input {
    display: none;
}

.zst_wrap > .tool > .s1 > .choice > div span {
    width: 1.3333rem;
    height: 1.3333rem;
    border: 0.0833rem solid #8a8a8a;
    border-radius: 50%;
    margin-right: 0.2083rem;
    display: inline-block;
}

                .zst_wrap > .tool > .s1 > .choice > div input:checked + span {
                    border: 0.0833rem solid #d93f3f;
                    position: relative;
                }

                    .zst_wrap > .tool > .s1 > .choice > div input:checked + span::before {
                        display: inline-block;
                        content: "";
                        width: 0.75rem;
                        height: 0.75rem;
                        background: #d93f3f;
                        border-radius: 50%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

        .zst_wrap > .tool > .s1 > .wr-num {
            width: 11.9583rem;
            height: 2rem;
            background: #ffffff;
            border-radius: 0.1667rem;
            border: 0.0833rem solid #cecece;
            font-size: 1.1667rem;
            color: #999999;
            outline: none;
            margin-right: 1.3542rem;
            padding-left: 0.375rem;
        }

        .zst_wrap > .tool > .s1 > .wr-num-bz {
            width: 7.9583rem;
            height: 2rem;
            background: #ffffff;
            border-radius: 0.1667rem;
            border: 0.0833rem solid #cecece;
            font-size: 1.1667rem;
            color: #999999;
            outline: none;
        }

            .zst_wrap > .tool > .s1 > .wr-num.big-input {
                width: 19.0417rem;
            }

            .zst_wrap > .tool > .s1 > .wr-num.small-input {
                width: 3.2rem;
            }

        .zst_wrap > .tool > .s1 > .filter {
            width: 4.1667rem;
            height: 1.8333rem;
            display: inline-block;
            text-align: center;
            line-height: 1.8333rem;
            background: #d93f3f;
            border-radius: 0.125rem;
            font-size: 1.1667rem;
            color: #ffffff;
        }

    .zst_wrap > .tool > .s2 {
        margin-top: 1rem;
        font-size: 1.1667rem;
        color: #181818;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .zst_wrap > .tool > .s2 > input {
            width: 6.25rem;
            height: 2rem;
            background: #ffffff;
            border-radius: 0.2083rem;
            border: 0.0833rem solid #cecece;
            font-size: 1.1667rem;
            color: #181818;
            text-align: center;
            outline: none;
        }

            .zst_wrap > .tool > .s2 > input:focus {
                border: 0.0833rem solid #d93f3f;
            }

            .zst_wrap > .tool > .s2 > input:first-of-type {
                margin-right: 0.3333rem;
            }

            .zst_wrap > .tool > .s2 > input:nth-of-type(2) {
                margin-left: 0.3333rem;
                margin-right: 0.4167rem;
            }

            .zst_wrap > .tool > .s2 > input.widder {
                flex: 1;
                text-align: left;
                padding-left: 0.4167rem;
            }

        .zst_wrap > .tool > .s2 > .look {
            width: 4.1667rem;
            height: 1.8333rem;
            display: inline-block;
            text-align: center;
            line-height: 1.8333rem;
            background: #d93f3f;
            border-radius: 0.125rem;
            font-size: 1.1667rem;
            color: #ffffff;
            margin-left: 1.1354rem;
        }

        .zst_wrap > .tool > .s2 .mr20 {
            margin-right: 0.8333rem;
        }

        .zst_wrap > .tool > .s2 select {
            border-radius: 0.25rem;
            border: none;
            color: #181818;
            font-size: 1.083rem;
            outline: none;
            background: #e0e0e0;
        }

    .zst_wrap > .tool > .sel-week,
    .zst_wrap > .tool > .sel-qw,
    .zst_wrap > .tool > .sel-kjh {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1.1667rem;
        color: #181818;
        margin-top: 1rem;
    }

        .zst_wrap > .tool > .sel-week > a,
        .zst_wrap > .tool > .sel-qw > a,
        .zst_wrap > .tool > .sel-kjh > a {
            width: 1.875rem;
            height: 1.875rem;
            background: #ffffff;
            border-radius: 0.125rem;
            border: 0.0833rem solid #e0e0e0;
            font-size: 1.0833rem;
            color: #181818;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .zst_wrap > .tool > .sel-week > a.active,
            .zst_wrap > .tool > .sel-qw > a.active,
            .zst_wrap > .tool > .sel-kjh > a.active {
                border: 0.0833rem solid #d93f3f;
                color: #d93f3f;
            }

        .zst_wrap > .tool > .sel-week.flex-start,
        .zst_wrap > .tool > .sel-qw.flex-start,
        .zst_wrap > .tool > .sel-kjh.flex-start {
            justify-content: flex-start;
        }

            .zst_wrap > .tool > .sel-week.flex-start > a,
            .zst_wrap > .tool > .sel-qw.flex-start > a,
            .zst_wrap > .tool > .sel-kjh.flex-start > a {
                margin-left: 0.625rem;
            }

        .zst_wrap > .tool > .sel-week.sel-qw,
        .zst_wrap > .tool > .sel-qw.sel-qw,
        .zst_wrap > .tool > .sel-kjh.sel-qw {
            margin-top: 1rem;
        }

        .zst_wrap > .tool > .sel-week.mb24,
        .zst_wrap > .tool > .sel-qw.mb24,
        .zst_wrap > .tool > .sel-kjh.mb24 {
            margin-bottom: 1rem;
        }

        .zst_wrap > .tool > .sel-week.sel-kjh > a,
        .zst_wrap > .tool > .sel-qw.sel-kjh > a,
        .zst_wrap > .tool > .sel-kjh.sel-kjh > a {
            margin-right: 0.1563rem;
        }

    .zst_wrap > .tool > .s3 {
        margin-top: 1rem;
        display: flex;
        font-size: 1.1667rem;
    }

        .zst_wrap > .tool > .s3 > label {
            display: flex;
            align-items: center;
            font-size: 1.1667rem;
            color: #181818;
            margin-right: 1.25rem;
        }

            .zst_wrap > .tool > .s3 > label > input {
                display: none;
            }

            .zst_wrap > .tool > .s3 > label > span {
                display: flex;
                width: 1.3333rem;
                height: 1.3333rem;
                border: 0.0833rem solid #cecece;
                justify-content: center;
                align-items: center;
                border-radius: 0.1458rem;
                margin-right: 0.4167rem;
            }

            .zst_wrap > .tool > .s3 > label > input:checked + span {
                background: url(/static/images/order-g.png) no-repeat center center;
                background-size: 80%;
                background-color: #d93f3f;
                border-color: #d93f3f;
            }

        .zst_wrap > .tool > .s3.balance {
            justify-content: space-between;
        }

            .zst_wrap > .tool > .s3.balance > label {
                margin-right: 0;
            }

    .zst_wrap > .tool > .s4 {
        display: flex;
        justify-content: space-around;
        margin-top: 1rem;
    }

        .zst_wrap > .tool > .s4 > a {
            font-size: 1.1667rem;
            color: #181818;
        }

            .zst_wrap > .tool > .s4 > a.active {
                color: #d93f3f;
            }

    .zst_wrap > .tool > .s5 {
        display: flex;
        margin-top: 1rem;
        justify-content: space-between;
    }

        .zst_wrap > .tool > .s5 > select {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            width: 4.6875rem;
            height: 2rem;
            border-radius: 0.125rem;
            border: 0.0833rem solid #999999;
            font-size: 1.125rem;
            color: #181818;
            display: flex;
            justify-content: center;
            align-items: center;
            background: url(/static/images/select_down.png) no-repeat 3.3333rem 0.4583rem;
            background-size: 0.875rem 0.875rem;
            background-color: #f7f7f7;
            margin-right: 0.7292rem;
            outline: none;
        }

        .zst_wrap > .tool > .s5 > .sel-ws {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 1.1667rem;
            color: #181818;
        }

            .zst_wrap > .tool > .s5 > .sel-ws > a {
                width: 1.875rem;
                height: 1.875rem;
                background: #ffffff;
                border-radius: 0.125rem;
                border: 0.0833rem solid #e0e0e0;
                font-size: 1.0833rem;
                color: #181818;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .zst_wrap > .tool > .s5 > .sel-ws > a:not(:last-of-type) {
                    margin-right: 0.4167rem;
                }

                .zst_wrap > .tool > .s5 > .sel-ws > a.active {
                    border: 0.0833rem solid #d93f3f;
                    color: #d93f3f;
                }

    .zst_wrap > .tool > .s6 {
        font-size: 1rem;
        margin-top: 1rem;
        color: #181818;
        opacity: 0.6;
    }

    .zst_wrap > .tool > .s7 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
    }

        .zst_wrap > .tool > .s7 > .left > a {
            font-size: 1.1667rem;
            color: #181818;
        }

            .zst_wrap > .tool > .s7 > .left > a:first-of-type {
                margin-right: 2.7917rem;
            }

        .zst_wrap > .tool > .s7 > .sel {
            font-size: 1.1667rem;
            color: #181818;
            display: flex;
            align-items: center;
        }

            .zst_wrap > .tool > .s7 > .sel > input {
                width: 6.25rem;
                height: 2rem;
                background: #ffffff;
                border-radius: 0.2083rem;
                border: 0.0833rem solid #cecece;
                text-align: center;
                margin-right: 0.6667rem;
                font-size: 1.1667rem;
                outline: none;
            }

            .zst_wrap > .tool > .s7 > .sel > .look {
                width: 4.1667rem;
                height: 1.8333rem;
                background: linear-gradient(180deg, #e50000 0%, #d93f3f 100%);
                box-shadow: inset 0rem -0.0417rem 0.1667rem 0rem #ffbbbb, inset 0rem 0.0417rem 0.1667rem 0rem #ffbbbb;
                border-radius: 0.125rem;
                font-size: 1.1667rem;
                color: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 0.9167rem;
            }

    .zst_wrap > .tool > .s8 {
        margin-top: 1rem;
    }

        .zst_wrap > .tool > .s8 > p {
            font-size: 1.1667rem;
            color: #181818;
            margin-bottom: 0.6667rem;
        }

        .zst_wrap > .tool > .s8 > .sel-qw {
            display: flex;
            justify-content: space-between;
        }

            .zst_wrap > .tool > .s8 > .sel-qw > a {
                width: 1.875rem;
                height: 1.875rem;
                background: #ffffff;
                border-radius: 0.125rem;
                border: 0.0833rem solid #e0e0e0;
                font-size: 1.0833rem;
                color: #181818;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .zst_wrap > .tool > .s8 > .sel-qw > a.active {
                    border: 0.0833rem solid #d93f3f;
                    color: #d93f3f;
                }

    .zst_wrap > .tool .mb24 {
        margin-bottom: 1rem;
    }

    .zst_wrap > .tool .line {
        display: flex;
        font-size: 1.1667rem;
        margin-top: 1.1667rem;
    }

        .zst_wrap > .tool .line .b {
            font-weight: bold;
        }

        .zst_wrap > .tool .line .g {
            color: #999999;
            margin-left: 0.8333rem;
        }

            .zst_wrap > .tool .line .g i {
                color: #cf595a;
            }

                .zst_wrap > .tool .line .g i.h {
                    color: #999999;
                }

    .zst_wrap > .tool .subtitle {
        display: flex;
        justify-content: space-between;
        margin-top: 1.1667rem;
    }

        .zst_wrap > .tool .subtitle .title {
            font-weight: bold;
            font-size: 1.3333rem;
            color: #d93f3f;
        }

        .zst_wrap > .tool .subtitle .hw_kd {
            display: flex;
            align-items: center;
        }

            .zst_wrap > .tool .subtitle .hw_kd span {
                height: 1.6667rem;
                display: flex;
                align-items: center;
                background: #ffffff;
                padding: 0 0.5rem;
                font-size: 1rem;
                border-radius: 0.1667rem;
                border: 0.0833rem solid #e0e0e0;
                margin-left: 1.3333rem;
            }

                .zst_wrap > .tool .subtitle .hw_kd span.tab {
                    color: #5196e0;
                    border-color: #5196e0;
                }

    .zst_wrap > .tool .chained {
        display: flex;
        justify-content: space-between;
        margin-top: 1rem;
    }

        .zst_wrap > .tool .chained span {
            font-size: 1rem;
            color: #181818;
        }

            .zst_wrap > .tool .chained span.active {
                color: #cf595a;
            }

.zst_wrap .chart {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    margin-top: 1rem;
}

    .zst_wrap .chart table {
        width: 100%;
        border-spacing: 0.0833rem;
        text-align: center;
        border-collapse: collapse;
    }

        .zst_wrap .chart table > tbody:not(.pxt):not(.thead) tr,
        .zst_wrap .chart table > tbody:not(.pxt):not(.thead) th,
        .zst_wrap .chart table > tbody:not(.pxt):not(.thead) td {
            overflow: hidden;
        }

        .zst_wrap .chart table > thead th,
        .zst_wrap .chart table > .thead th,
        .zst_wrap .chart table > thead td,
        .zst_wrap .chart table > .thead td {
            height: 1.875rem;
            font-weight: normal;
            color: #181818;
            border: 0.0833rem solid #ffffff;
            font-size: 1rem !important;
        }

        .zst_wrap .chart table > thead .sort_top,
        .zst_wrap .chart table > .thead .sort_top,
        .zst_wrap .chart table > thead .sort_top1,
        .zst_wrap .chart table > .thead .sort_top1 {
            width: 5rem;
            min-width: 5rem;
        }

            .zst_wrap .chart table > thead .sort_top::after,
            .zst_wrap .chart table > .thead .sort_top::after,
            .zst_wrap .chart table > thead .sort_top1::after,
            .zst_wrap .chart table > .thead .sort_top1::after {
                width: 0.6667rem;
                height: 1rem;
                display: inline-block;
                content: "";
                background-image: url(/static/images/n_sort_desc.png);
                background-repeat: no-repeat;
                background-size: 100%;
            }

        .zst_wrap .chart table > thead .sort_bottom::after,
        .zst_wrap .chart table > .thead .sort_bottom::after {
            width: 0.6667rem;
            height: 1rem;
            display: inline-block;
            content: "";
            background-image: url(/static/images/n_sort_asc.png);
            background-repeat: no-repeat;
            background-size: 100%;
        }

.zst_wrap .chart table tbody td {
  height: 1.8333rem;
  font-size: 1rem;
  text-align: center;
  color: #333;
  background: #f7f7f7;
  border: 0.0833rem solid #fff;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
}

            .zst_wrap .chart table tbody td > .wrap {
                width: 100%;
                height: 100%;
                max-width: 100%;
                max-height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .zst_wrap .chart table tbody td > .wrap > .hs {
                    display: flex;
                    width: 1.5rem;
                    height: 1.5rem;
                    background-color: #e0b26d;
                    color: #ffffff;
                    justify-content: center;
                    align-items: center;
                }

                .zst_wrap .chart table tbody td > .wrap > .zs {
                    display: flex;
                    width: 1.5rem;
                    height: 1.5rem;
                    background-color: #8dbcbd;
                    color: #ffffff;
                    justify-content: center;
                    align-items: center;
                }

                .zst_wrap .chart table tbody td > .wrap > .big-hs,
                .zst_wrap .chart table tbody td > .wrap > .big-zs {
                    display: flex;
                    width: 1.9167rem;
                    height: 1.5rem;
                    color: #ffffff;
                    justify-content: center;
                    align-items: center;
                }

                    .zst_wrap .chart table tbody td > .wrap > .big-hs.big-zs,
                    .zst_wrap .chart table tbody td > .wrap > .big-zs.big-zs {
                        background-color: #8dbcbd;
                    }

                    .zst_wrap .chart table tbody td > .wrap > .big-hs.big-hs,
                    .zst_wrap .chart table tbody td > .wrap > .big-zs.big-hs {
                        background-color: #e0b26d;
                    }

                .zst_wrap .chart table tbody td > .wrap > .more-hs {
                    display: flex;
                    width: 3.6667rem;
                    height: 1.5rem;
                    color: #ffffff;
                    justify-content: center;
                    align-items: center;
                    background-color: #e0b26d;
                }

                .zst_wrap .chart table tbody td > .wrap > .more-rs {
                    display: flex;
                    width: 3.6667rem;
                    height: 1.5rem;
                    color: #ffffff;
                    justify-content: center;
                    align-items: center;
                    background-color: #c84c59;
                }

                .zst_wrap .chart table tbody td > .wrap > span {
                    margin: 0 0.1667rem;
                }

        .zst_wrap .chart table .pxt {
            border: 0.0833rem solid #cecece;
            border-bottom: none;
        }

            .zst_wrap .chart table .pxt tr .wid106 {
                width: 4.4375rem;
                max-width: 4.4375rem;
            }

            .zst_wrap .chart table .pxt tr .wid53 {
                width: 2.2208rem;
                max-width: 2.2208rem;
            }

            .zst_wrap .chart table .pxt tr td > .wrap {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #181818;
                font-size: 0.5833rem;
                position: relative;
            }

                .zst_wrap .chart table .pxt tr td > .wrap:hover {
                    border: 0.0417rem solid #d93f3f;
                    border-right: none;
                    background-color: #ffffff !important;
                }

                    .zst_wrap .chart table .pxt tr td > .wrap:hover::after {
                        display: inline-block;
                        content: "";
                        width: 0.0833rem;
                        height: 0.875rem;
                        background-color: #ffffff;
                        position: absolute;
                        top: 0;
                        right: -0.0417rem;
                        z-index: 999;
                    }

                    .zst_wrap .chart table .pxt tr td > .wrap:hover > .h {
                        display: flex;
                    }

                .zst_wrap .chart table .pxt tr td > .wrap > .h {
                    position: absolute;
                    top: -0.0417rem;
                    right: -5.0833rem;
                    width: 5.0833rem;
                    height: 2.5rem;
                    background: #ffffff;
                    box-shadow: 0rem 0.0833rem 0.0833rem 0rem #e0e0e0;
                    border: 0.0417rem solid #c60606;
                    font-size: 0.5833rem;
                    color: #181818;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                    display: none;
                    z-index: 99;
                    padding-left: 0.4167rem;
                    overflow: hidden;
                }

                    .zst_wrap .chart table .pxt tr td > .wrap > .h span {
                        color: #c60606;
                    }

                .zst_wrap .chart table .pxt tr td > .wrap > .hs,
                .zst_wrap .chart table .pxt tr td > .wrap > .zs,
                .zst_wrap .chart table .pxt tr td > .wrap > .ls {
                    width: 0.5833rem;
                    height: 0.5833rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #ffffff;
                }

                    .zst_wrap .chart table .pxt tr td > .wrap > .hs.hs,
                    .zst_wrap .chart table .pxt tr td > .wrap > .zs.hs,
                    .zst_wrap .chart table .pxt tr td > .wrap > .ls.hs {
                        background: #ffbf60;
                        margin-right: 0.0417rem;
                    }

                    .zst_wrap .chart table .pxt tr td > .wrap > .hs.zs,
                    .zst_wrap .chart table .pxt tr td > .wrap > .zs.zs,
                    .zst_wrap .chart table .pxt tr td > .wrap > .ls.zs {
                        background: #9aa5de;
                        margin: 0 0.0417rem;
                    }

                    .zst_wrap .chart table .pxt tr td > .wrap > .hs.ls,
                    .zst_wrap .chart table .pxt tr td > .wrap > .zs.ls,
                    .zst_wrap .chart table .pxt tr td > .wrap > .ls.ls {
                        background: #6aaced;
                        margin-left: 0.0417rem;
                    }

            .zst_wrap .chart table .pxt tr td.ql {
                background: rgba(133, 142, 195, 0.06);
            }

            .zst_wrap .chart table .pxt tr td.red {
                background: #d93f3f !important;
                color: #ffffff;
            }

        .zst_wrap .chart table .sign-wrap {
            position: relative;
        }

            .zst_wrap .chart table .sign-wrap .sign {
                font-size: 1rem;
                transform: scale(0.8);
                position: absolute;
                top: -0.2rem;
                right: 0.2rem;
                color: #c60000;
            }

        .zst_wrap .chart table .zst-tb > tr.active td {
            background-color: #eaf0f7;
        }

        .zst_wrap .chart table .zst-tb > tr.active > td.act-text {
            color: #eaf0f7;
        }

        .zst_wrap .chart table .letter-space td[class*="ball"] {
            letter-spacing: -0.0833rem;
        }

        .zst_wrap .chart table .even-bg td {
            height: 1.8333rem !important;
            font-family: "宋体";
        }

        .zst_wrap .chart table .even-bg tr:nth-of-type(even) td {
            background: #e8f1fa;
        }

        .zst_wrap .chart table .yxh td {
            color: #999999;
            font-family: tahoma;
            background-color: #eaeaea;
        }

            .zst_wrap .chart table .yxh td:first-child {
                color: #2b2b2b;
            }

        .zst_wrap .chart table .yxh .yx-block-active {
            color: #ffffff !important;
            background: #e0b26d;
        }

        .zst_wrap .chart table .yxh .yx-ball-active {
            color: #ffffff !important;
            background: url(/static/images/01.png) no-repeat center center;
            background-size: 1.5rem 1.5rem;
            background-color: #eaeaea;
        }

        .zst_wrap .chart table .h44 td,
        .zst_wrap .chart table .h44 th {
            height: 3.6667rem;
        }

        .zst_wrap .chart table .m3 span:nth-of-type(2) {
            margin: 0 0.25rem;
        }

        .zst_wrap .chart table .m2 span:nth-of-type(2) {
            margin: 0 0.1667rem;
        }

        .zst_wrap .chart table .br02 {
            border-right: 0.0833rem solid #dbdbdb !important;
        }

        .zst_wrap .chart table .zst-tb > tr:nth-of-type(5n) {
            border-bottom: 0.125rem solid #dbdbdb !important;
        }

        .zst_wrap .chart table .position {
            position: relative;
        }

            .zst_wrap .chart table .position i {
                position: absolute;
                top: -0.125rem;
                right: 0;
                font-size: 0.8333rem;
            }

        .zst_wrap .chart table .red-text {
            color: #d93f3f !important;
        }

        .zst_wrap .chart table .zhong {
            color: #ff5555;
            font-family: "Microsoft YaHei";
            font-size: 1.1667rem;
        }

        .zst_wrap .chart table .cuo {
            color: #999;
            font-family: "Microsoft YaHei";
            font-size: 1.1667rem;
        }

        .zst_wrap .chart table .blue-text {
            color: #4472c4 !important;
        }

        .zst_wrap .chart table .fcqf {
            color: #e9c7c7;
        }

        .zst_wrap .chart table .fcqz {
            color: #d0dce9;
        }

        .zst_wrap .chart table .fcqh {
            color: #bbb;
        }

        .zst_wrap .chart table .bg5 {
            color: #fff;
            background: url(/static/images/block_ql.png) no-repeat center center / 2.25rem 1.3333rem;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .bg3 {
            color: #fff;
            background: url(/static/images/block_qh.png) no-repeat center center / 2.25rem 1.3333rem;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .color-zs {
            color: #008b8d !important;
        }

        .zst_wrap .chart table .color-hs {
            color: #f29200 !important;
        }

        .zst_wrap .chart table .borderleft {
            border-left: 0.0833rem solid #dbdbdb !important;
        }

        .zst_wrap .chart table .toggle-key {
            color: #1b52a2;
            font-weight: bold;
        }

        .zst_wrap .chart table .h-block-18 {
            background: url(/static/images/block_qh.png) no-repeat center center;
            background-size: 1.4375rem 1.4375rem;
            color: #ffffff;
            font-family: arial;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .z-block-18 {
            background: url(/static/images/block_ql.png) no-repeat center center;
            background-size: 1.4375rem 1.4375rem;
            background-color: #f7f7f7;
            color: #ffffff;
            font-family: arial;
        }

        .zst_wrap .chart table .z-block-80 {
            background: url(/static/images/block_ql.png) no-repeat center center;
            background-size: 3.3333rem 1.4375rem;
            background-color: #f7f7f7;
            color: #ffffff;
            font-family: arial;
        }

        .zst_wrap .chart table .h-block-80 {
            background: url(/static/images/block_qh.png) no-repeat center center;
            background-size: 3.3333rem 1.4375rem;
            color: #ffffff;
            font-family: arial;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .h-block-100 {
            background: url(/static/images/block_qh.png) no-repeat center center;
            background-size: 4.375rem 1.4375rem;
            color: #ffffff;
            font-family: arial;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .r-ball,
        .zst_wrap .chart table .r2-ball,
        .zst_wrap .chart table .r3-ball {
            background-image: url(/static/images/01.png);
            background-size: 1.5rem 1.5rem;
            background-repeat: no-repeat;
            background-position: center center;
            color: #ffffff;
            font-weight: bold;
            font-family: Arial;
            letter-spacing: -0.0833rem;
        }

        .zst_wrap .chart table .p-ball,
        .zst_wrap .chart table .p2-ball {
            background-image: url(/static/images/ball_blue.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 1.5rem 1.5rem;
            color: #ffffff;
            font-weight: bold;
            font-family: Arial;
            letter-spacing: -0.0833rem;
        }

        .zst_wrap .chart table .hbg-ball {
            background-image: url(/static/images/ball_gray.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 1.5rem 1.5rem;
            color: #ffffff;
        }

        .zst_wrap .chart table .b-yu-19-ball {
            background-image: url(/static/images/zx_1.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 1.3333rem 1.3333rem;
            color: #333;
            font-family: Arial;
        }

        .zst_wrap .chart table .h-yu-19-ball {
            background-image: url(/static/images/zx_2.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 1.3333rem 1.3333rem;
            color: #ff0000;
        }

        .zst_wrap .chart table .h-b-ball-14 {
            width: 1.5rem;
            height: 1.5rem;
            border: 0.0833rem solid #c9c9c9;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #c9c9c9;
            transform: scale(0.8);
        }

        .zst_wrap .chart table .r-b-ball {
            background: #c84c59 !important;
            color: #ffffff;
        }

        .zst_wrap .chart table .h-b-ball {
            background: #e0b26d !important;
            color: #ffffff;
        }

        .zst_wrap .chart table .h-ball {
            background: url(/static/images/ball_yellow.png) no-repeat center center;
            background-size: 1.5rem 1.5rem;
            color: #ffffff;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .bh-ball {
            background: url(/static/images/ball_ch.png) no-repeat center center;
            background-size: 1.5rem 1.5rem;
            color: #ffffff;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .h-ball-24 {
            background: url(/static/images/bqh.png) no-repeat center center;
            background-size: 1rem 0.6667rem;
            color: #ffffff;
            background-color: #f7f7f7;
        }

        .zst_wrap .chart table .ylfc {
            background: #99c !important;
        }

        .zst_wrap .chart table .ylfc-text {
            color: #99c !important;
        }

        .zst_wrap .chart table .nonum {
            color: #f7f7f7;
        }

            .zst_wrap .chart table .nonum.l-k-rbg {
                color: #feeaea;
            }

            .zst_wrap .chart table .nonum.l-k-zbg {
                color: #f0f4ff;
            }

        .zst_wrap .chart table .red-bg {
            background: #f0e5c6;
        }

        .zst_wrap .chart table .l-k-rbg {
            background: #feeaea;
        }

        .zst_wrap .chart table .l-k-zbg {
            background: #f0f4ff;
        }

        .zst_wrap .chart table .bg_0 {
            background: #fdcc83;
            color: #ffffff;
        }

        .zst_wrap .chart table .bg_1 {
            background: #a8b3f7;
            color: #ffffff;
        }

        .zst_wrap .chart table .bg_2 {
            background: #ffbebe;
            color: #ffffff;
        }

        .zst_wrap .chart table .bg_3 {
            background: #69dcec;
            color: #ffffff;
        }

        .zst_wrap .chart table .bg_4 {
            background: #68c8ff;
            color: #ffffff;
        }

        .zst_wrap .chart table .bg_5 {
            background: #f9c0a5;
            color: #ffffff;
        }

        .zst_wrap .chart table .bg_6 {
            background: #c8efab;
            color: #ffffff;
        }

        .zst_wrap .chart table .wid22 {
            width: 1.75rem;
            min-width: 1.75rem;
        }

        .zst_wrap .chart table .wid25 {
            width: 2.0833rem;
            min-width: 2.0833rem;
        }

        .zst_wrap .chart table .wid27 {
            width: 2.25rem;
            min-width: 2.25rem;
        }

        .zst_wrap .chart table .wid29 {
            width: 2.4167rem;
            min-width: 2.4167rem;
        }

        .zst_wrap .chart table .wid30 {
            width: 2.5rem;
            min-width: 2.5rem;
        }

        .zst_wrap .chart table .wid32 {
            width: 2.6667rem;
            min-width: 2.6667rem;
        }

        .zst_wrap .chart table .wid33 {
            width: 2.6875rem;
            min-width: 2.6875rem;
        }

        .zst_wrap .chart table .wid35 {
            width: 2.9167rem;
            min-width: 2.9167rem;
        }

        .zst_wrap .chart table .wid36 {
            width: 2.9167rem;
            min-width: 2.9167rem;
        }

        .zst_wrap .chart table .wid38 {
            width: 3rem;
            min-width: 3rem;
        }

        .zst_wrap .chart table .wid39 {
            width: 3.125rem;
            min-width: 3.125rem;
        }

        .zst_wrap .chart table .wid40 {
            width: 3.3333rem;
            min-width: 3.3333rem;
        }

        .zst_wrap .chart table .wid41 {
            width: 3.125rem;
            min-width: 3.125rem;
        }

        .zst_wrap .chart table .wid42 {
            width: 3.3333rem;
            min-width: 3.3333rem;
        }

        .zst_wrap .chart table .wid45 {
            width: 3.6667rem;
            min-width: 3.6667rem;
        }

        .zst_wrap .chart table .wid46 {
            width: 4rem;
            min-width: 4rem;
        }

        .zst_wrap .chart table .wid48 {
            width: 4rem;
            min-width: 4rem;
        }

        .zst_wrap .chart table .wid54 {
            width: 4.1667rem;
            min-width: 4.1667rem;
        }

        .zst_wrap .chart table .wid58 {
            width: 4.8333rem;
            min-width: 4.8333rem;
        }

        .zst_wrap .chart table .wid62 {
            width: 5rem;
            min-width: 5rem;
        }

        .zst_wrap .chart table .wid68 {
            width: 5.3333rem;
            min-width: 5.3333rem;
        }

        .zst_wrap .chart table .wid82 {
            width: 6.6667rem;
            min-width: 6.6667rem;
        }

        .zst_wrap .chart table .wid90 {
            width: 7.5rem;
            min-width: 7.5rem;
        }

        .zst_wrap .chart table .wid150 {
            width: 12.5rem;
            min-width: 12.5rem;
        }

    .zst_wrap .chart .contrast .n1 {
        background-color: #e9e9e9;
    }

    .zst_wrap .chart .contrast .n2 {
        background-color: #f2e4fd;
    }

    .zst_wrap .chart .contrast .n3 {
        background-color: #ffeacb;
    }

    .zst_wrap .chart .contrast .n4 {
        background-color: #ffb8b3;
    }

    .zst_wrap .chart .contrast .n5 {
        background-color: #ffdef0;
    }

    .zst_wrap .chart .contrast .n6 {
        background-color: #e4ebff;
    }

    .zst_wrap .chart .contrast .n7 {
        background-color: #ffffd9;
    }

    .zst_wrap .chart .contrast .n8 {
        background-color: #eaffdb;
    }

    .zst_wrap .chart .contrast .yellow-diff {
        background-image: url(/static/images/ball_yellow.png);
        background-size: 1.5rem 1.5rem;
    }

    .zst_wrap .chart .contrast .yellow-diff-big {
        background-image: url(/static/images/ball_yellow.png);
        background-size: 0.8333rem 0.8333rem;
    }

    .zst_wrap .chart .contrast .orange-diff {
        background-image: url(/static/images/orange-diff.png);
        background-size: 1.5rem 1.5rem;
    }

    .zst_wrap .chart .contrast .orange-diff-big {
        background-image: url(/static/images/orange-diff.png);
        background-size: 0.8333rem 0.8333rem;
    }

    .zst_wrap .chart > .canvas-wrap {
        position: absolute;
        top: 0;
        left: 0;
    }

    .zst_wrap .chart #canvas {
        position: absolute;
    }

    .zst_wrap .chart .canvas-container {
        position: absolute !important;
        top: 0;
    }

    .zst_wrap .chart > .canvas2 {
        position: absolute;
        z-index: -1;
    }

    .zst_wrap .chart > .bottomaid {
        height: 3.3333rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 12%;
        border-top: none;
        font-size: 1.1667rem;
        color: #181818;
    }

        .zst_wrap .chart > .bottomaid > .left {
            flex: 1;
        }

            .zst_wrap .chart > .bottomaid > .left .kjh {
                margin-right: 6%;
            }

            .zst_wrap .chart > .bottomaid > .left .hz {
                margin-right: 2.0833rem;
            }

        .zst_wrap .chart > .bottomaid > .right {
            display: flex;
        }

            .zst_wrap .chart > .bottomaid > .right > label {
                display: flex;
                align-items: center;
                font-size: 1.125rem;
                color: #181818;
            }

                .zst_wrap .chart > .bottomaid > .right > label:not(:last-of-type) {
                    margin-right: 1.25rem;
                }

                .zst_wrap .chart > .bottomaid > .right > label > input {
                    display: none;
                }

                .zst_wrap .chart > .bottomaid > .right > label > span {
                    display: flex;
                    width: 1.25rem;
                    height: 1.25rem;
                    border: 0.0833rem solid #cecece;
                    justify-content: center;
                    align-items: center;
                    border-radius: 0.1458rem;
                    margin-right: 0.4167rem;
                }

                .zst_wrap .chart > .bottomaid > .right > label > input:checked + span {
                    background: url(/static/images/order-g.png) no-repeat center center;
                    background-size: 80%;
                    background-color: #d93f3f;
                    border-color: #d93f3f;
                }

    .zst_wrap .chart > .canvas-wrap {
        position: absolute;
        top: 0;
        left: 0;
    }

    .zst_wrap .chart.qmfx {
        border: none;
    }

        .zst_wrap .chart.qmfx th {
            font-size: 1rem;
            background-color: #f0e5c6;
            border: 0.0833rem solid #e0e0e0;
        }

        .zst_wrap .chart.qmfx td {
            background: #ffffff;
            border: 0.0833rem solid #e0e0e0;
        }

            .zst_wrap .chart.qmfx td span {
                color: #888;
            }

.zst_wrap #wchlist {
    overflow-x: scroll;
    margin-top: 1rem;
}

    .zst_wrap #wchlist table {
        display: none;
        width: 100%;
        border-spacing: 0;
        text-align: center;
        border-collapse: collapse;
    }

        .zst_wrap #wchlist table th {
            height: 3.3333rem;
            font-weight: bold;
            font-size: 1.1667rem;
            color: #181818;
            background: #f0e5c6;
            border: 0.0833rem solid #e0e0e0;
        }

        .zst_wrap #wchlist table td {
            padding: 0.75rem 0.625rem;
            font-size: 1rem;
            color: #181818;
            vertical-align: top;
            border: 0.0833rem solid #e0e0e0;
        }

    .zst_wrap #wchlist .show {
        display: table;
    }

    .zst_wrap #wchlist .prompt {
        width: 100%;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        box-sizing: border-box;
    }

        .zst_wrap #wchlist .prompt strong {
            color: #d12114;
        }

        .zst_wrap #wchlist .prompt span {
            color: #1a54a6;
            margin-right: 0.8333rem;
        }

.zst_wrap > .total {
    font-size: 1.1667rem;
    font-weight: bold;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.25rem;
    border-top: 0.0833rem solid #e0e0e0;
}

    .zst_wrap > .total > img {
        width: 3.25rem;
        height: 2.5rem;
    }

    .zst_wrap > .total > .nums {
        font-size: 1.8333rem;
        color: #d93f3f;
        margin: 0 0.5rem;
    }

.zst_wrap > .result {
    width: 100%;
    margin-top: 0.6667rem;
    padding-bottom: 1.3333rem;
}

    .zst_wrap > .result > .titl {
        width: 9.4446rem;
        height: 3.3333rem;
        background: #d41919;
        font-size: 1.1667rem;
        color: #ffc570;
        text-align: center;
        line-height: 3.3333rem;
    }

    .zst_wrap > .result > .unpay {
        width: 100%;
        height: 100%;
    }

        .zst_wrap > .result > .unpay > .con {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            background: #f7f7f7;
        }

            .zst_wrap > .result > .unpay > .con > .til {
                font-size: 1.1667rem;
                font-weight: bold;
                color: #181818;
                display: flex;
                align-items: center;
                margin-top: 1.6667rem;
            }

                .zst_wrap > .result > .unpay > .con > .til::before {
                    display: inline-block;
                    content: "";
                    width: 6.875rem;
                    height: 0.3333rem;
                    transform: rotateY(180deg);
                    background: url(/static/images/rig.png) no-repeat center center;
                    background-size: 100% 100%;
                    margin-right: 0.2083rem;
                }

                .zst_wrap > .result > .unpay > .con > .til::after {
                    display: inline-block;
                    content: "";
                    width: 6.875rem;
                    height: 0.3333rem;
                    background: url(/static/images/rig.png) no-repeat center center;
                    background-size: 100% 100%;
                    margin-left: 0.2083rem;
                }

            .zst_wrap > .result > .unpay > .con > .text {
                font-size: 1rem;
                color: #4a4a4a;
                padding: 0 3.125rem;
                text-align: center;
                margin-top: 1rem;
            }

            .zst_wrap > .result > .unpay > .con > .tip {
                font-size: 0.8333rem;
                color: #d93f3f;
            }

            .zst_wrap > .result > .unpay > .con > .buy {
                width: 12.75rem;
                height: 2.8333rem;
                background: linear-gradient(180deg, #fdce65 0%, #fba035 100%);
                box-shadow: inset 0rem 0.0833rem 0.1667rem 0rem #fcfcfc;
                border-radius: 1.6667rem;
                color: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1.3333rem;
                margin: 1.6667rem 0 1.25rem;
            }

                .zst_wrap > .result > .unpay > .con > .buy::before {
                    width: 1.2917rem;
                    height: 1.2917rem;
                    display: inline-block;
                    content: "";
                    background: url(/static/images/clock.png) no-repeat left center;
                    background-size: 100%;
                    margin-right: 0.2083rem;
                }

            .zst_wrap > .result > .unpay > .con > .hint {
                font-size: 1.0833rem;
                color: #181818;
                margin-bottom: 0.8333rem;
            }

                .zst_wrap > .result > .unpay > .con > .hint > a {
                    color: #d93f3f;
                    text-decoration: underline;
                }

        .zst_wrap > .result > .unpay > .his {
            background: #f7f7f7;
            margin-top: 1rem;
        }

            .zst_wrap > .result > .unpay > .his > .til {
                height: 3.3333rem;
                font-size: 1.3333rem;
                font-weight: bold;
                color: #181818;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 1.25rem;
            }

                .zst_wrap > .result > .unpay > .his > .til > .ls-yc {
                    width: 5.5rem;
                    height: 2rem;
                    box-shadow: inset 0rem -0.0417rem 0.125rem 0rem #ffffff, inset 0rem 0.0417rem 0.125rem 0rem #ffffff;
                    border-radius: 0.1667rem;
                    border: 0.0833rem solid #fba035;
                    font-size: 1.1667rem;
                    color: #fba035;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

            .zst_wrap > .result > .unpay > .his > .his-zk,
            .zst_wrap > .result > .unpay > .his > .his-sq {
                width: 100%;
                font-size: 1rem;
                color: #181818;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0.4167rem 0;
            }

                .zst_wrap > .result > .unpay > .his > .his-zk::before,
                .zst_wrap > .result > .unpay > .his > .his-sq::before {
                    width: 1rem;
                    height: 1rem;
                    display: inline-block;
                    content: "";
                    background: url(/static/images/his-down.png) no-repeat center center;
                    background-size: 100%;
                }

                .zst_wrap > .result > .unpay > .his > .his-zk.his-sq,
                .zst_wrap > .result > .unpay > .his > .his-sq.his-sq {
                    display: none;
                }

                    .zst_wrap > .result > .unpay > .his > .his-zk.his-sq::before,
                    .zst_wrap > .result > .unpay > .his > .his-sq.his-sq::before {
                        background: url(/static/images/his-up.png) no-repeat center center;
                        background-size: 100%;
                    }

    .zst_wrap > .result > .collect {
        width: 100%;
        height: 100%;
    }

        .zst_wrap > .result > .collect > .con {
            width: 100%;
            padding: 0.8333rem 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            background: #f7f7f7;
        }

            .zst_wrap > .result > .collect > .con > img {
                width: 16.9583rem;
                height: 10.8333rem;
            }

            .zst_wrap > .result > .collect > .con > .tip {
                font-size: 1rem;
                color: #4a4a4a;
                text-align: center;
            }

    .zst_wrap > .result > .hidden {
        display: none;
    }

.zst_wrap > .parameter {
    width: 100%;
    overflow: hidden;
    padding-bottom: 1rem;
}

    .zst_wrap > .parameter > .top {
        width: 100%;
        height: 3.3333rem;
        background: #f7f7f7;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1.3333rem;
    }

        .zst_wrap > .parameter > .top > .text {
            font-size: 1.3333rem;
            font-weight: bold;
            color: #181818;
            display: flex;
            align-items: center;
        }

            .zst_wrap > .parameter > .top > .text::before {
                display: inline-block;
                content: "";
                width: 1.6667rem;
                height: 1.6667rem;
                background: url(/static/images/cssm.png) no-repeat center center;
                background-size: 100%;
            }

        .zst_wrap > .parameter > .top > .p-control {
            font-size: 1.1667rem;
            color: #181818;
            display: flex;
            align-items: center;
        }

            .zst_wrap > .parameter > .top > .p-control::before {
                display: inline-block;
                content: "";
                width: 1.1667rem;
                height: 1.1667rem;
                margin-right: 0.1667rem;
            }

            .zst_wrap > .parameter > .top > .p-control.param-xs::before {
                background: url(/static/images/eye_x.png) no-repeat center center;
                background-size: 100%;
            }

            .zst_wrap > .parameter > .top > .p-control.param-yc::before {
                background: url(/static/images/eye_y.png) no-repeat center center;
                background-size: 100% 100%;
            }

            .zst_wrap > .parameter > .top > .p-control.param-xs {
                display: none;
            }

    .zst_wrap > .parameter > .param-bot {
        padding: 1rem 1.3333rem;
        border-bottom: 0.0833rem dotted #cecece;
        font-size: 1.1667rem;
    }

        .zst_wrap > .parameter > .param-bot span {
            font-weight: bold;
        }

        .zst_wrap > .parameter > .param-bot > p:not(:last-of-type) {
            margin-bottom: 0.3333rem;
        }

.zst_wrap .his-con.u-his {
    height: 13rem;
    overflow: hidden;
}

.zst_wrap .his-con > .title {
    font-size: 1.333rem;
    color: #d93f3f;
    background: #f7f7f7;
    padding: 0.8333rem 0;
    text-align: center;
}

.zst_wrap .his-con > div {
    width: 100%;
}

.zst_wrap .his-con .line {
    display: flex;
    align-items: center;
    min-height: 2.8333rem;
    border: 0.0833rem solid #b3b3b3;
    background: #f8f9fc;
}

    .zst_wrap .his-con .line .left {
        width: 10rem;
        min-height: 2.8333rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .zst_wrap .his-con .line .left .name {
            font-size: 1.1667rem;
            text-align: center;
        }

    .zst_wrap .his-con .line .center {
        flex: 1;
        min-height: 2.8333rem;
        border-left: 0.0833rem solid #b3b3b3;
    }

        .zst_wrap .his-con .line .center span {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.125rem;
        }

        .zst_wrap .his-con .line .center .direct,
        .zst_wrap .his-con .line .center .red {
            color: #ffffff;
            background: #e24939 !important;
        }

.zst_wrap .his-con .top .line .center {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .zst_wrap .his-con .top .line .center span {
        width: 1.6667rem;
        height: 1.6667rem;
        border-radius: 50%;
        margin: 0 0.1667rem;
        background: #e7e7e7;
    }

.zst_wrap .his-con .bot .line {
    border-top: none;
}

    .zst_wrap .his-con .bot .line .center {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(2.8333rem, 1fr));
    }

        .zst_wrap .his-con .bot .line .center span {
            height: 2.1667rem;
            border: 0.0833rem solid #e0e0e0;
        }

.zst_wrap > .yc-pop {
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9;
}

    .zst_wrap > .yc-pop > .con {
        width: 100%;
        background-color: #ffffff;
        position: absolute;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 1.5rem 1.5rem 0rem 0rem;
        max-height: 70vh;
    }

        .zst_wrap > .yc-pop > .con > .close-pop {
            width: 1.8125rem;
            height: 1.8125rem;
            position: absolute;
            top: 0.8958rem;
            right: 1.3646rem;
        }

            .zst_wrap > .yc-pop > .con > .close-pop > img {
                width: 100%;
                height: 100%;
            }

        .zst_wrap > .yc-pop > .con > .title {
            width: 100%;
            padding: 1.0833rem 0;
            background: #e13737;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 1.5rem 1.5rem 0rem 0rem;
            font-size: 1.5rem;
            color: #ffffff;
        }

        .zst_wrap > .yc-pop > .con > .query {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 1rem 1rem 1.3333rem 1.3333rem;
        }

            .zst_wrap > .yc-pop > .con > .query > input {
                width: 9.3333rem;
                height: 2.3333rem;
                background: #ffffff;
                border-radius: 0.1667rem;
                border: 0.0833rem solid #cecece;
                outline: none;
                text-align: center;
                margin-right: 1.0417rem;
            }

            .zst_wrap > .yc-pop > .con > .query > div {
                width: 4.1667rem;
                height: 2.3333rem;
                background: linear-gradient(180deg, #f99f40 0%, #f99f40 100%);
                border-radius: 0.125rem;
                font-size: 1rem;
                color: #ffffff;
                text-align: center;
                line-height: 2.3333rem;
            }

        .zst_wrap > .yc-pop > .con > .content {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            overflow-y: scroll;
        }

            .zst_wrap > .yc-pop > .con > .content::-webkit-scrollbar {
                display: none;
            }

        .zst_wrap > .yc-pop > .con .hidden {
            display: none;
        }

.panel ul {
    display: flex;
    padding: 0 0.667rem;
    margin-bottom: 1rem;
}

    .panel ul .l {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.8rem;
        color: #181818;
        margin-right: 0.25rem;
        background-color: #f7f7f7;
        line-height: 2.3;
    }

    .panel ul li {
        list-style: none;
        font-size: 1.25rem;
    }

        .panel ul li:last-of-type {
            flex: 1;
            display: flex;
            flex-wrap: wrap;
        }

            .panel ul li:last-of-type a {
                width: 48%;
                height: 2.4rem;
                line-height: 2.4rem;
                text-align: center;
                color: #181818;
                margin: 0.167rem;
                padding: 0 0.3rem;
                background-color: #f7f7f7;
                overflow: hidden;
            }

.zst_wrap .zstpop {
    position: fixed;
    top: 3.667rem;
    left: 0;
    width: 100%;
    height: calc(100vh - 3.667rem);
    display: none;
    z-index: 3;
}

    .zst_wrap .zstpop .popmodl {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }

    .zst_wrap .zstpop .popcon {
        width: 100%;
        max-height: 38vh;
        padding: 1.25rem 1rem;
        position: absolute;
        top: 0;
        left: 0;
        background: #ffffff;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(9.25rem, 1fr));
        gap: 0.6667rem;
        overflow-y: scroll;
    }

        .zst_wrap .zstpop .popcon a {
            height: 2.25rem;
            font-size: 1.083rem;
            text-align: center;
            line-height: 2.25rem;
            color: #4a4a4a;
            background: #f1f1f1;
            border-radius: 0.3333rem;
            position: relative;
        }

            .zst_wrap .zstpop .popcon a.active {
                color: #5c78f5;
                background: #e3f2fd;
            }

            .zst_wrap .zstpop .popcon a.paid::after {
                display: inline-block;
                content: "";
                width: 1rem;
                height: 1rem;
                position: absolute;
                top: 0rem;
                right: 0rem;
                background: url(/static/images/paid.png) no-repeat left center / 100% 100%;
            }