:root {
    margin-left: calc(100% - 100vw);
    padding-left: calc(100vw - 100%);
    box-sizing: border-box;
}

@media only screen and (min-width:1200px) {
    :root {
        font-size: 16px;
    }

    .page {
        width: 1200px;
    }
}

@media only screen and (max-width:1199px) {
    :root {
        font-size: calc(0.25rem + 1vw);
    }

    .page {
        min-width: 800px;
    }
}

.page {
    margin: 0 auto;
    min-height: 100vh;
}

.bread-nav {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 75rem;
    height: 2.625rem;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 0;
    position: relative;
}

@supports(gap:.75rem) {
    .bread-nav {
        gap: .75rem;
    }
}

@supports not(gap:.75rem) {
    .bread-nav > *:not(:last-child) {
        margin-right: .75rem;
    }
}

.bread-nav > .item, .bread-nav > i {
    vertical-align: middle;
    font-size: .75rem;
}

.bread-nav > i {
    font-style: normal;
}

.bread-nav > .item {
    display: inline-block;
    box-sizing: border-box;
    line-height: 3.5;
    color: var(--font-color3);
}

    .bread-nav > .item + i {
        color: #b6b3b1;
    }

    .bread-nav > .item:hover {
        color: var(--primary-font-color1-hover);
    }

.bread-nav > .video-help {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 200;
    transform: translateY(-50%);
    font-size: 0;
}

    .bread-nav > .video-help span {
        display: inline-block;
        vertical-align: middle;
        font-size: .75rem;
        line-height: 1rem;
        color: var(--font-color3);
    }

    .bread-nav > .video-help i {
        display: inline-block;
        vertical-align: middle;
        margin-right: .3125rem;
        font-size: .75rem;
        color: var(--font-color3);
    }

    .bread-nav > .video-help:hover > span {
        color: var(--primary-font-color1-hover);
    }

    .bread-nav > .video-help:hover > i {
        color: var(--primary-font-color1-hover);
    }

.empty-ques-list {
    display: block;
    min-height: 45rem;
    box-sizing: border-box;
    position: relative;
    background: var(--bg-color3);
}

    .empty-ques-list .wrapper {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 100;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: .875rem;
        text-align: center;
    }

        .empty-ques-list .wrapper > img {
            display: inline-block;
            width: 16.5rem;
            height: 12.0625rem;
            margin-bottom: 1.25rem;
        }

        .empty-ques-list .wrapper > p {
            display: block;
            text-align: center;
            line-height: 2.5;
            color: var(--font-color4);
        }

            .empty-ques-list .wrapper > p > a {
                font-size: .875rem;
                color: var(--primary-font-color1);
            }

                .empty-ques-list .wrapper > p > a:hover {
                    color: var(--primary-font-color1-hover);
                    text-decoration: underline;
                }

.header > .main-nav {
    position: relative;
}

    .header > .main-nav > .aside-pop.activity-btn {
        width: 3.5rem;
        height: 9.375vw;
        max-height: 9.375vw;
        position: absolute;
        top: 100%;
        left: calc((100vw - 75rem) / 2 - 3.5rem - 1.75rem);
        z-index: 500;
    }

        .header > .main-nav > .aside-pop.activity-btn > img {
            display: block;
            max-width: 100%;
        }

.tk-dialog .pop-clear-bag {
    width: 28.125rem;
    height: 11.75rem;
    border-spacing: 0;
    border-radius: 0 0 .25rem .25rem;
    padding: 0 .625rem 0 .625rem;
}

    .tk-dialog .pop-clear-bag > tbody {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        box-sizing: border-box;
        padding-bottom: 1.25rem;
    }

    .tk-dialog .pop-clear-bag .clear-bag-cnt {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
    }

        .tk-dialog .pop-clear-bag .clear-bag-cnt > td {
            box-sizing: border-box;
        }

        .tk-dialog .pop-clear-bag .clear-bag-cnt h5 {
            width: 100%;
            font-size: 1rem;
            font-weight: normal;
            text-align: left;
            color: #333;
            margin-bottom: .875rem;
        }

        .tk-dialog .pop-clear-bag .clear-bag-cnt span {
            font-size: .75rem;
            color: #999;
        }

            .tk-dialog .pop-clear-bag .clear-bag-cnt span .icon {
                display: inline-block;
                vertical-align: middle;
                margin-right: .5rem;
                font-size: .875rem;
                color: #999;
            }

    .tk-dialog .pop-clear-bag .ctrl-box {
        width: 100%;
        height: 2.0625rem;
        margin-top: 1.125rem;
    }

        .tk-dialog .pop-clear-bag .ctrl-box > td {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .tk-dialog .pop-clear-bag .ctrl-box .confirm-btn {
            display: inline-block;
            width: 5.375rem;
            height: 1.9375rem;
            text-align: center;
            font-size: .875rem;
            line-height: 2.2;
            border-radius: .25rem;
            margin-right: 2.5rem;
            color: #fff;
            background: #2877ff;
        }

            .tk-dialog .pop-clear-bag .ctrl-box .confirm-btn:hover {
                background: #006fff;
            }

        .tk-dialog .pop-clear-bag .ctrl-box .cancel-btn {
            display: inline-block;
            width: 5.375rem;
            height: 1.9375rem;
            text-align: center;
            font-size: .875rem;
            line-height: 2.2;
            border-radius: .25rem;
            background: #fff;
            border: 1px solid #2877ff;
            color: #2877ff;
        }

            .tk-dialog .pop-clear-bag .ctrl-box .cancel-btn:hover {
                border-color: #006fff;
                color: #006fff;
            }

.header .top-bar {
    width: 100%;
    height: 2.75rem;
    box-sizing: border-box;
    background: #eff1f4;
    border-bottom: 1px solid var(--line-color3);
    background: var(--bg-color3);
}

    .header .top-bar > .wrapper {
        display: flex;
        align-items: center;
        gap: 12px;
        max-width: 1200px;
        height: 100%;
        margin: 0 auto;
        font-size: 0;
        position: relative;
    }

        .header .top-bar > .wrapper .master-site {
            display: inline-block;
            vertical-align: middle;
            width: 10.4375rem;
            height: 1rem;
            height: 100%;
            font-size: 0;
            text-align: center;
            background: url(../assets/slogan.svg) no-repeat left center;
            background-size: 10.4375rem 1rem;
        }

        .header .top-bar > .wrapper .area-panel {
            display: flex;
            align-items: center;
            max-width: 7.5rem;
            position: relative;
            z-index: 501;
            cursor: pointer;
            box-sizing: border-box;
        }

            .header .top-bar > .wrapper .area-panel > .area-panel__title {
                display: flex;
                align-items: center;
                position: relative;
                font-size: .8125rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1.692307;
                color: var(--primary-font-color1);
            }

                .header .top-bar > .wrapper .area-panel > .area-panel__title > i {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 1rem;
                    height: 1rem;
                    overflow: hidden;
                    margin-right: 2px;
                    font-size: 1rem;
                }

                    .header .top-bar > .wrapper .area-panel > .area-panel__title > i::before {
                        width: 1rem;
                        height: 1rem;
                        line-height: 1;
                    }

                .header .top-bar > .wrapper .area-panel > .area-panel__title > b {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 1rem;
                    height: 1rem;
                    overflow: hidden;
                    box-sizing: border-box;
                    padding-left: 2px;
                    padding-top: 2px;
                    transform-origin: center center;
                    transition-property: transform,padding;
                    transition-duration: .3s;
                    transition-timing-function: ease;
                }

                    .header .top-bar > .wrapper .area-panel > .area-panel__title > b::before {
                        width: 1rem;
                        height: 1rem;
                        line-height: 1;
                    }

                .header .top-bar > .wrapper .area-panel > .area-panel__title > span {
                    display: inline-block;
                    vertical-align: middle;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    word-break: keep-all;
                    white-space: nowrap;
                    line-height: 1;
                }

            .header .top-bar > .wrapper .area-panel:hover > .area-panel__title {
                color: var(--primary-font-color1-hover);
            }

                .header .top-bar > .wrapper .area-panel:hover > .area-panel__title > b {
                    transform: rotate(180deg);
                    padding-right: 2px;
                    padding-bottom: 2px;
                }

            .header .top-bar > .wrapper .area-panel.ctrl-hide::after {
                content: "";
                display: none;
                width: 35rem;
                height: 1.25rem;
                background: transparent;
                position: absolute;
                top: 100%;
                left: -2.5rem;
                z-index: 400;
            }

            .header .top-bar > .wrapper .area-panel.ctrl-hide:hover > .area-panel__list {
                display: block;
            }

            .header .top-bar > .wrapper .area-panel.ctrl-hide:hover::after {
                display: inline-block;
            }

            .header .top-bar > .wrapper .area-panel > .area-panel__list {
                display: none;
                width: 35rem;
                min-height: 11rem;
                position: absolute;
                top: 138%;
                left: -2.4375rem;
                z-index: 602;
                box-sizing: border-box;
                border-radius: .375rem;
                padding: 1.25rem .25rem 1.25rem 1.25rem;
                background: var(--bg-color3);
                border: var(--border2);
            }

                .header .top-bar > .wrapper .area-panel > .area-panel__list::before {
                    content: "";
                    display: inline-block;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: .5rem;
                    border-color: transparent transparent var(--primary-font-color1) transparent;
                    position: absolute;
                    top: -1rem;
                    left: 4rem;
                }

                .header .top-bar > .wrapper .area-panel > .area-panel__list::after {
                    content: "";
                    display: inline-block;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: .5rem;
                    border-color: transparent transparent var(--primary-color3) transparent;
                    position: absolute;
                    top: -0.9375rem;
                    left: 4rem;
                }

                .header .top-bar > .wrapper .area-panel > .area-panel__list > .item {
                    display: block;
                    font-size: .875rem;
                    margin-bottom: 1.375rem;
                }

                    .header .top-bar > .wrapper .area-panel > .area-panel__list > .item:last-child {
                        margin-bottom: 0;
                    }

                    .header .top-bar > .wrapper .area-panel > .area-panel__list > .item > span.item-kind {
                        float: left;
                        width: 9%;
                        text-transform: uppercase;
                        color: var(--primary-font-color1);
                    }

                    .header .top-bar > .wrapper .area-panel > .area-panel__list > .item > .area-list {
                        float: left;
                        width: 91%;
                        word-break: break-all;
                        white-space: normal;
                    }

                        .header .top-bar > .wrapper .area-panel > .area-panel__list > .item > .area-list > .area-item {
                            float: left;
                            display: block;
                            box-sizing: border-box;
                            padding: 0 .75rem;
                            font-size: .875rem;
                            line-height: 1.25rem;
                            color: var(--font-color2);
                        }

                            .header .top-bar > .wrapper .area-panel > .area-panel__list > .item > .area-list > .area-item:hover, .header .top-bar > .wrapper .area-panel > .area-panel__list > .item > .area-list > .area-item.selected {
                                color: var(--primary-font-color1-hover);
                            }

                        .header .top-bar > .wrapper .area-panel > .area-panel__list > .item > .area-list::after {
                            content: "";
                            display: inline-block;
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-width: .5rem;
                            border-color: transparent transparent var(--primary-color3) transparent;
                            position: absolute;
                            top: -0.9375rem;
                            left: 4rem;
                        }

        .header .top-bar > .wrapper .top-nav {
            flex: 8;
            height: 100%;
        }

            .header .top-bar > .wrapper .top-nav > .list {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 1rem;
                width: 100%;
                height: 100%;
                font-size: 0;
            }

                .header .top-bar > .wrapper .top-nav > .list > .item {
                    display: flex;
                    align-items: center;
                    height: 100%;
                    box-sizing: border-box;
                    font-size: .75rem;
                    color: var(--font-color3);
                }

                    .header .top-bar > .wrapper .top-nav > .list > .item > a {
                        display: inline-block;
                        box-sizing: border-box;
                        color: var(--font-color3);
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .item > a:hover {
                            color: var(--primary-font-color1-hover);
                        }

                    .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide {
                        box-sizing: border-box;
                        position: relative;
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .icon {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 1rem;
                            height: 1rem;
                            overflow: hidden;
                            box-sizing: border-box;
                            padding-left: 2px;
                            padding-top: 2px;
                            transform-origin: center center;
                            transition-property: transform,padding;
                            transition-duration: .3s;
                            transition-timing-function: ease;
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .icon::before {
                                width: 1rem;
                                height: 1rem;
                                line-height: 1;
                            }

                        .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .dropdown-menu {
                            display: none;
                            gap: 12px;
                            box-sizing: border-box;
                            padding: .625rem .875rem .625rem .625rem;
                            position: absolute;
                            top: 100%;
                            left: 50%;
                            z-index: 600;
                            transform: translateX(-50%);
                            border-radius: .25rem;
                            background: var(--bg-color3);
                            box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .dropdown-menu > .list {
                                flex: 1;
                                display: flex;
                                flex-direction: column;
                            }

                                .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .dropdown-menu > .list > .title-txt {
                                    display: inline-block;
                                    box-sizing: border-box;
                                    padding: 8px;
                                    color: var(--font-color3);
                                    text-align: center;
                                    font-size: .875rem;
                                    font-style: normal;
                                    font-weight: 600;
                                    line-height: 1;
                                    word-break: keep-all;
                                    white-space: nowrap;
                                }

                                .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .dropdown-menu > .list > .item {
                                    display: inline-block;
                                    box-sizing: border-box;
                                    padding: 9px 12px;
                                    border-radius: .25rem;
                                    color: var(--font-color2);
                                    text-align: center;
                                    font-size: .875rem;
                                    font-style: normal;
                                    font-weight: 400;
                                    line-height: 1;
                                    word-break: keep-all;
                                    white-space: nowrap;
                                }

                                    .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .dropdown-menu > .list > .item:hover {
                                        color: var(--primary-font-color1-hover);
                                        background: var(--primary-color-light1);
                                    }

                                    .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide > .dropdown-menu > .list > .item[data-open="1"] {
                                        color: var(--primary-font-color1-hover);
                                        background: var(--primary-color-light1);
                                    }

                        .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide:hover .dropdown-item {
                            color: var(--primary-font-color1-hover);
                        }

                        .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide:hover > .dropdown-menu {
                            display: flex;
                        }

                        .header .top-bar > .wrapper .top-nav > .list > .item.ctrl-hide:hover > .icon {
                            transform: rotate(180deg);
                            padding-right: 2px;
                            padding-bottom: 2px;
                            color: var(--primary-font-color1-hover);
                        }

                    .header .top-bar > .wrapper .top-nav > .list > .item.app-download > .app-icon {
                        width: 15px;
                        height: 14px;
                        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMyOyYjMTM5OyYjMTg1OyYjMjMwOyYjMTU4OyYjMTU2OyYjMjMwOyYjMTM3OyYjMTM5OyYjMjMwOyYjMTU2OyYjMTg2O19pcGhvbmUgMSI+CjxwYXRoIGlkPSJWZWN0b3IgKFN0cm9rZSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC45OTg0MiAxLjVDNC42MzE0NyAxLjUgNC40NTk5NiAxLjc0Mzg2IDQuNDU5OTYgMS45VjEyLjFDNC40NTk5NiAxMi4yNTYxIDQuNjMxNDcgMTIuNSA0Ljk5ODQyIDEyLjVIMTEuOTIxNUMxMi4yODg1IDEyLjUgMTIuNDYgMTIuMjU2MSAxMi40NiAxMi4xVjEuOUMxMi40NiAxLjc0Mzg2IDEyLjI4ODUgMS41IDExLjkyMTUgMS41SDQuOTk4NDJaTTMuNDU5OTYgMS45QzMuNDU5OTYgMS4wNjIwMyA0LjIxODMyIDAuNSA0Ljk5ODQyIDAuNUgxMS45MjE1QzEyLjcwMTYgMC41IDEzLjQ2IDEuMDYyMDMgMTMuNDYgMS45VjEyLjFDMTMuNDYgMTIuOTM4IDEyLjcwMTYgMTMuNSAxMS45MjE1IDEzLjVINC45OTg0MkM0LjIxODMyIDEzLjUgMy40NTk5NiAxMi45MzggMy40NTk5NiAxMi4xVjEuOVoiIGZpbGw9IiMyODc3RkYiLz4KPHBhdGggaWQ9IlZlY3RvciAoU3Ryb2tlKV8yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNDU3NjUgMi45MDAxNEM2LjQ1ODkyIDIuNjI0IDYuNjc5OTMgMi40MDExNiA2Ljk1MTI3IDIuNDAyNDJMOS45NzEwNSAyLjQxNjRDMTAuMjQyNCAyLjQxNzY1IDEwLjQ2MTMgMi42NDI1MyAxMC40NiAyLjkxODY3QzEwLjQ1ODggMy4xOTQ4MSAxMC4yMzc4IDMuNDE3NjQgOS45NjY0MyAzLjQxNjM5TDYuOTQ2NjQgMy40MDI0MUM2LjY3NTMgMy40MDExNSA2LjQ1NjM3IDMuMTc2MjggNi40NTc2NSAyLjkwMDE0WiIgZmlsbD0iIzI4NzdGRiIvPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNC40NTk5NiAxMUwxMi40NiAxMSIgc3Ryb2tlPSIjMjg3N0ZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K) no-repeat;
                        background-size: 15px 14px;
                        filter: grayscale(100%);
                        margin-right: .25rem;
                    }

                    .header .top-bar > .wrapper .top-nav > .list > .item.app-download > .app-qr {
                        width: 90px;
                        height: 90px;
                        flex-shrink: 0;
                        overflow: hidden;
                        padding: 6px;
                        border-radius: .25rem;
                        background: var(--bg-color3);
                        box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .item.app-download > .app-qr > img {
                            display: inline-block;
                            width: 78px;
                            height: 78px;
                            background-color: #d9d9d9;
                        }

                    .header .top-bar > .wrapper .top-nav > .list > .item.app-download:hover > .app-icon {
                        filter: grayscale(0);
                    }

                    .header .top-bar > .wrapper .top-nav > .list > .item.join-member > .vip-icon {
                        display: inline-block;
                        width: 14px;
                        height: 12px;
                        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNsaXAgcGF0aCBncm91cCI+CjxtYXNrIGlkPSJtYXNrMF83M18yNzAiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQiIGhlaWdodD0iMTIiPgo8ZyBpZD0iY2xpcC1wYXRoIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjk5OTkgMEgwLjQ1OTk2MVYxMkgxMy45OTk5VjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF83M18yNzApIj4KPGcgaWQ9Ikdyb3VwIj4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNMTMuNjgwNiAzLjg5MjAzTDExLjAzMjcgMC41NzUxNzZDMTAuNzY3OSAwLjIzNTg4NCAxMC4zMzUzIDAuMDE4MzEwNSA5LjkwMTA0IDAuMDE4MzEwNUg0LjU1NDg5QzQuMTIyMTQgMC4wMTgzMTA1IDMuNzEyMDkgMC4yMTE1NCAzLjQyMzA5IDAuNTc1MTc2TDAuNzc1MTY5IDMuODkyMDNDMC4zMTgyMTQgNC40NDg4OSAwLjM2NTMwOSA1LjI3MjAyIDAuODQ3Nzk4IDUuODA2MDZMNi4yMTc3OCAxMS41MjA4TDYuMjkwNDEgMTEuNTkzOEM2LjU2MTEgMTEuODQgNi45MTIwMiAxMS45NzggNy4yNzY5NSAxMS45ODE4SDcuMzI1NTZDNy43MTEyMSAxMS45NTc1IDguMDcxNTIgMTEuODEyOSA4LjMzNjMxIDExLjUyMjNMMTMuNTg2IDUuODMxOTNDMTQuMDkxMiA1LjI3MjAyIDE0LjExNTYgNC40NDg4OSAxMy42ODA2IDMuODkyMDNaTTEwLjUwMzEgNS41MTU0Nkw3Ljk5ODcgOC4yNTExQzcuNjEyNjcgOC42MzkwOCA3LjAxMjE2IDguNjYzNDIgNi42MjYxMyA4LjI5OTc5TDYuNTc3OSA4LjI1MTFMMy45Nzc4MyA1LjQ5MTExQzMuODA5NjkgNS4yOTc4OCAzLjgwOTY5IDQuOTgyOTQgNC4wMDE4NSA0LjgxMjUzQzQuMjE4NDEgNC42MTkzIDQuNTA3NDIgNC42NDM2NCA0LjY5OTU4IDQuODM2ODdMNy4xNDMyMyA3LjQzMjU0QzcuMTYwMzEgNy40NTA1NiA3LjE4MDg2IDcuNDY0OSA3LjIwMzYxIDcuNDc0NzFDNy4yMjYzNyA3LjQ4NDUxIDcuMjUwODcgNy40ODk1NiA3LjI3NTYzIDcuNDg5NTZDNy4zMDAzOSA3LjQ4OTU2IDcuMzI0ODkgNy40ODQ1MSA3LjM0NzY0IDcuNDc0NzFDNy4zNzA0IDcuNDY0OSA3LjM5MDk0IDcuNDUwNTYgNy40MDgwMiA3LjQzMjU0TDkuNzc5NjIgNC44ODcwOEM5Ljk3MTU5IDQuNjkzODUgMTAuMjYwNiA0LjY2OTUxIDEwLjQ3NzIgNC44MzgzOUMxMC42NzA2IDUuMDA1NzYgMTAuNjcwNiA1LjMyMDcxIDEwLjUwMjcgNS41MTU0NkgxMC41MDMxWiIgZmlsbD0iI0Y4QkU2QiIvPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K) no-repeat;
                        background-size: 14px 12px;
                        margin-right: .3125rem;
                    }

                .header .top-bar > .wrapper .top-nav > .list > .user-entry {
                    display: flex;
                    align-items: center;
                    gap: .5rem;
                    margin-left: .5rem;
                }

                    .header .top-bar > .wrapper .top-nav > .list > .user-entry a.login-btn {
                        position: relative;
                        cursor: pointer;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 3.5rem;
                        height: 1.875rem;
                        border-radius: .25rem;
                        background: var(--primary-bg-color1);
                        line-height: 1;
                        color: var(--font-color5);
                        text-align: center;
                        font-size: .8125rem;
                        font-style: normal;
                        font-weight: 500;
                        white-space: nowrap;
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .user-entry a.login-btn:hover {
                            color: var(--font-color5);
                            background: var(--primary-bg-hover-color1);
                        }

                    .header .top-bar > .wrapper .top-nav > .list > .user-entry a.register-btn {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 3.5rem;
                        height: 1.875rem;
                        box-sizing: border-box;
                        border: 1px solid var(--primary-color1);
                        border-radius: .25rem;
                        text-align: center;
                        font-size: .8125rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 1;
                        text-decoration: none;
                        color: var(--primary-font-color1);
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .user-entry a.register-btn:hover {
                            color: var(--primary-font-color1-hover);
                            border-color: var(--primary-color1-hover);
                        }

                .header .top-bar > .wrapper .top-nav > .list > .user-info {
                    position: relative;
                    box-sizing: border-box;
                    cursor: pointer;
                    margin-left: 8px;
                }

                    .header .top-bar > .wrapper .top-nav > .list > .user-info.item > .user-name {
                        display: inline-flex;
                        align-items: center;
                        position: relative;
                        height: 100%;
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info.item > .user-name > .avatar {
                            display: inline-block;
                            width: 1.875rem;
                            height: 1.875rem;
                            overflow: hidden;
                            border-radius: 50%;
                            margin-right: .5rem;
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info.item > .user-name > .avatar > img {
                                display: block;
                                width: 100%;
                            }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info.item > .user-name .nickname {
                            display: inline-block;
                            max-width: 7.5625rem;
                            overflow: hidden;
                            font-size: .8125rem;
                            word-break: keep-all;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            color: var(--font-color2);
                            box-sizing: border-box;
                        }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info.item > .user-name > .icon {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 1rem;
                            height: 1rem;
                            overflow: hidden;
                            box-sizing: border-box;
                            padding-left: 2px;
                            padding-top: 2px;
                            transform-origin: center center;
                            transition-property: transform,padding;
                            transition-duration: .3s;
                            transition-timing-function: ease;
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info.item > .user-name > .icon::before {
                                width: 1rem;
                                height: 1rem;
                                line-height: 1;
                            }

                    .header .top-bar > .wrapper .top-nav > .list > .user-info.ctrl-hide:hover > .user-info-box {
                        display: flex;
                    }

                    .header .top-bar > .wrapper .top-nav > .list > .user-info.ctrl-hide:hover > .user-name {
                        pointer-events: none;
                        color: var(--primary-font-color1-hover);
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info.ctrl-hide:hover > .user-name > .nickname {
                            color: var(--primary-font-color1-hover);
                        }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info.ctrl-hide:hover > .user-name > .icon {
                            transform: rotate(180deg);
                            padding-right: 2px;
                            padding-bottom: 2px;
                            color: var(--primary-font-color1-hover);
                        }

                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box {
                        display: none;
                        flex-direction: column;
                        width: 19.375rem;
                        height: 11.875rem;
                        overflow: hidden;
                        position: absolute;
                        top: 98%;
                        right: 0;
                        z-index: 990;
                        text-align: left;
                        border-radius: .75rem;
                        box-sizing: border-box;
                        background: var(--bg-color3);
                        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
                    }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base {
                            display: flex;
                            align-items: center;
                            gap: .75rem;
                            width: 100%;
                            height: 6.25rem;
                            overflow: hidden;
                            background-color: var(--primary-bg-color2);
                            box-sizing: border-box;
                            padding: 0 1rem 0 .75rem;
                            position: relative;
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .user-avatar {
                                width: 3.5rem;
                                height: 3.5rem;
                                min-width: 3.5rem;
                                overflow: hidden;
                                border-radius: 50%;
                                background: #ccc;
                            }

                                .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .user-avatar > img {
                                    display: block;
                                    width: 100%;
                                }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info {
                                flex: 1;
                                display: flex;
                                flex-direction: column;
                                gap: .375rem;
                                max-width: 78%;
                            }

                                .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-nickname {
                                    display: inline-block;
                                    max-width: 64%;
                                    height: 1.375rem;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    word-break: keep-all;
                                    white-space: nowrap;
                                    font-size: 1rem;
                                    line-height: 1.375;
                                    color: var(--font-color2);
                                }

                                .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box {
                                    display: flex;
                                    align-items: center;
                                    gap: .375rem;
                                    line-height: 1;
                                }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type {
                                        display: inline-flex;
                                        align-items: center;
                                        line-height: 1;
                                    }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type > em {
                                            display: inline-block;
                                            vertical-align: middle;
                                            overflow: hidden;
                                            text-overflow: ellipsis;
                                            word-break: keep-all;
                                            white-space: nowrap;
                                            font-style: normal;
                                            color: var(--font-color2);
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type > i {
                                            display: inline-block;
                                            vertical-align: middle;
                                            width: 1rem;
                                            height: 1.125rem;
                                            margin-right: .25rem;
                                            background: url(../assets/home_icon.png) no-repeat -96px -110px;
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type.plus > i {
                                            background-position: -21px -111px;
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type.vip > i {
                                            background-position: -39px -111px;
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type.e-user > i {
                                            background-position: -78px -111px;
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type.super > i {
                                            background-position: -58px -111px;
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-type.u-client > i {
                                            background: unset;
                                            background-image: url(../assets/zjms_u-client_icon.svg);
                                            background-repeat: no-repeat;
                                            background-size: 1rem 1.125rem;
                                        }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .end-time {
                                        font-size: .75rem;
                                        color: #999;
                                        line-height: 1;
                                    }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-upgrade {
                                        display: inline-block;
                                        vertical-align: middle;
                                        font-size: .75rem;
                                        text-decoration: none;
                                        font-weight: 400;
                                        color: var(--primary-font-color1);
                                        line-height: 12px;
                                    }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-type-box > .user-upgrade:hover {
                                            color: var(--primary-font-color1-hover);
                                        }

                                .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-assets-box {
                                    display: flex;
                                    align-items: center;
                                    height: 1.25rem;
                                    gap: 1.125rem;
                                    line-height: 1;
                                }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-assets-box > .user-asset {
                                        display: inline-flex;
                                        align-items: center;
                                        gap: .375rem;
                                    }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-assets-box > .user-asset > span {
                                            display: inline-block;
                                            word-break: keep-all;
                                            white-space: nowrap;
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-assets-box > .user-asset > em {
                                            display: inline-block;
                                            word-break: keep-all;
                                            white-space: nowrap;
                                            font-style: normal;
                                            font-size: .75rem;
                                            color: var(--error-color1);
                                        }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-assets-box > .user-asset > .assets-method {
                                            font-size: .75rem;
                                            font-weight: 400;
                                            color: var(--primary-font-color1);
                                            line-height: 1;
                                            word-break: keep-all;
                                            white-space: normal;
                                        }

                                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .other-info > .user-assets-box > .user-asset > .assets-method:hover {
                                                color: var(--primary-font-color1-hover);
                                            }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .ctrl-box {
                                display: inline-flex;
                                align-items: center;
                                gap: 1.25rem;
                                position: absolute;
                                top: .875rem;
                                right: .75rem;
                                z-index: 10;
                            }

                                .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .ctrl-box > .ctrl-link {
                                    display: inline-block;
                                    font-size: .75rem;
                                    font-weight: 400;
                                    color: var(--font-color3);
                                    line-height: 1;
                                }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-info-base .ctrl-box > .ctrl-link:hover {
                                        color: var(--primary-font-color1-hover);
                                    }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-name-wrapper > .user-name {
                            color: var(--font-color3);
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .user-name-wrapper > .user-name:hover > span {
                                color: var(--primary-font-color1-hover);
                            }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box {
                            flex: 1;
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                gap: 1.5rem;
                                height: 100%;
                                box-sizing: border-box;
                                padding: 0 1.25rem;
                                font-size: 0;
                                line-height: 1;
                            }

                                .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item {
                                    display: inline-flex;
                                    flex-direction: column;
                                    align-items: center;
                                    gap: .5rem;
                                }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item > i {
                                        display: inline-flex;
                                        align-items: center;
                                        justify-content: center;
                                        width: 2rem;
                                        height: 2rem;
                                        box-sizing: border-box;
                                        border-radius: 50%;
                                        background: #f7f7f7;
                                    }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item > span {
                                        display: block;
                                        word-break: keep-all;
                                        white-space: nowrap;
                                        font-size: .75rem;
                                        line-height: 1.5;
                                        color: var(--font-color3);
                                    }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item:hover > span {
                                        color: var(--primary-font-color1-hover);
                                    }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item.shoucang > i {
                                        padding-left: .1875rem;
                                        padding-bottom: .125rem;
                                    }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item.shoucang > i::after {
                                            content: '';
                                            width: 1.2rem;
                                            height: 1.2rem;
                                            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMwOyYjMTQ4OyYjMTgyOyYjMjMyOyYjMTUxOyYjMTQzOyYjMjI5OyYjMTY0OyYjMTM1OyYjMjI4OyYjMTg3OyYjMTg5Oy0yIj4KPHBhdGggaWQ9IiYjMjMwOyYjMTUyOyYjMTU5OyYjMjI5OyYjMTg5OyYjMTYyOyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjcxMzIzIDIuODU3MzFDNy45Mjk2MyAyLjc4MzkzIDguMTc0MDMgMi43OTMxIDguMzk1MTMgMi45MDIyMkM4LjU3MTIyIDIuOTg5MTIgOC43MTM3NSAzLjEzMTY1IDguODAwNjUgMy4zMDc3M0w5LjU4NDM1IDQuODk1NjlDOS45NDg1MSA1LjYzMzU1IDEwLjY1MjQgNi4xNDQ5NyAxMS40NjY3IDYuMjYzMjlMMTMuMjE5MSA2LjUxNzkzQzEzLjQ2MzEgNi41NTMzOSAxMy42Njk2IDYuNjg0MzkgMTMuODA2MyA2Ljg2NzUyQzEzLjk0MyA3LjA1MDY2IDE0LjAwOTggNy4yODU5MyAxMy45NzQzIDcuNTI5OTJDMTMuOTQ2MSA3LjcyNDI1IDEzLjg1NDYgNy45MDM4NCAxMy43MTQgOC4wNDA5MUwxMi40NDU5IDkuMjc2OTZDMTEuODU2NyA5Ljg1MTMgMTEuNTg3OCAxMC42Nzg4IDExLjcyNjkgMTEuNDg5OEwxMi4wMjYzIDEzLjIzNTFDMTIuMDY3OSAxMy40NzgxIDEyLjAwNzIgMTMuNzE1IDExLjg3NTIgMTMuOTAxNkMxMS43NDMzIDE0LjA4ODIgMTEuNTQwMiAxNC4yMjQ0IDExLjI5NzIgMTQuMjY2MUMxMS4xMDM2IDE0LjI5OTMgMTAuOTA0NSAxNC4yNjc3IDEwLjczMDcgMTQuMTc2NEw5LjE2MzMzIDEzLjM1MjNDOC40MzUwMiAxMi45Njk0IDcuNTY0OTMgMTIuOTY5NCA2LjgzNjYyIDEzLjM1MjNMNS4yNjkyMiAxNC4xNzY0QzUuMDUwOTggMTQuMjkxMSA0LjgwNjg5IDE0LjMwNjUgNC41ODg2OSAxNC4yMzg3QzQuMzcwNDggMTQuMTcwOSA0LjE3ODE1IDE0LjAxOTggNC4wNjM0MSAxMy44MDE1QzMuOTcyMDQgMTMuNjI3NyAzLjk0MDUgMTMuNDI4NyAzLjk3MzcgMTMuMjM1MUw0LjI3MzA1IDExLjQ4OThDNC40MTIxNCAxMC42Nzg4IDQuMTQzMjcgOS44NTEzIDMuNTU0MDUgOS4yNzY5NkwyLjI4NiA4LjA0MDkxQzIuMTA5NDQgNy44Njg4MSAyLjAxOTM1IDcuNjQxNDMgMi4wMTY0MyA3LjQxMjk0QzIuMDEzNTEgNy4xODQ0NSAyLjA5Nzc2IDYuOTU0ODUgMi4yNjk4NiA2Ljc3ODI5QzIuNDA2OTIgNi42Mzc2OCAyLjU4NjUyIDYuNTQ2MTcgMi43ODA4NCA2LjUxNzkzTDQuNTMzMjUgNi4yNjMyOUM1LjM0NzUzIDYuMTQ0OTcgNi4wNTE0NCA1LjYzMzU1IDYuNDE1NiA0Ljg5NTY5TDcuMTk5MyAzLjMwNzczQzcuMzA4NDIgMy4wODY2MyA3LjQ5NjgzIDIuOTMwNjkgNy43MTMyMyAyLjg1NzMxWiIgc3Ryb2tlPSIjMjg3N0ZGIi8+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
                                            background-size: 1.2rem 1.2rem;
                                        }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item.jilu > i::after {
                                        content: '';
                                        width: 1rem;
                                        height: 1rem;
                                        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMxOyYjMTg4OyYjMTUwOyYjMjMxOyYjMTg3OyYjMTMyOy0yNSI+CjxwYXRoIGlkPSImIzIzMDsmIzE2NDsmIzE3MzsmIzIyOTsmIzE1NjsmIzEzNDsmIzIyOTsmIzE4OTsmIzE2MjsiIGQ9Ik03IDE0LjMwNEMxMC41ODk5IDE0LjMwNCAxMy41IDExLjM5MzggMTMuNSA3LjgwMzk2QzEzLjUgNC4yMTQxIDEwLjU4OTkgMS4zMDM5NiA3IDEuMzAzOTZDMy40MTAxNSAxLjMwMzk2IDAuNSA0LjIxNDEgMC41IDcuODAzOTZDMC41IDExLjM5MzggMy40MTAxNSAxNC4zMDQgNyAxNC4zMDRaIiBzdHJva2U9IiMyODc3RkYiLz4KPHBhdGggaWQ9IiYjMjMyOyYjMTgzOyYjMTc1OyYjMjI5OyYjMTkwOyYjMTMyOy05IiBkPSJNNi44NzcyIDMuODg5ODlWOC4wOTE2NkgxMC4wNDQ5IiBzdHJva2U9IiMyODc3RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;
                                        background-size: 1rem 1rem;
                                    }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item.xiazai > i::after {
                                        content: '';
                                        width: 1rem;
                                        height: 1rem;
                                        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjI4OyYjMTg0OyYjMTM5OyYjMjMyOyYjMTg5OyYjMTg5OyYjMjI5OyYjMTY0OyYjMTM1OyYjMjI4OyYjMTg3OyYjMTg5Oy0yIj4KPHBhdGggaWQ9IiYjMjMyOyYjMTgzOyYjMTc1OyYjMjI5OyYjMTkwOyYjMTMyOy01IiBkPSJNNy4wNjI1IDEuNzM2MzNWMTAuNDM2NkwxMC43NTA5IDYuNzQ4MjUiIHN0cm9rZT0iIzI4NzdGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSImIzIzMjsmIzE4MzsmIzE3NTsmIzIyOTsmIzE5MDsmIzEzMjstNyIgZD0iTTcuMDYyMzggMTAuNDM2NkwzLjMzODYyIDYuOTI4OTYiIHN0cm9rZT0iIzI4NzdGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSImIzIzMjsmIzE4MzsmIzE3NTsmIzIyOTsmIzE5MDsmIzEzMjstOCIgZD0iTTEuMDg4MTMgMTAuNTg2OVYxMi4wNjI1QzEuMDg4MTMgMTIuNjE0NyAxLjUzNTg1IDEzLjA2MjUgMi4wODgxMyAxMy4wNjI1SDEyLjEyNUMxMi42NzcyIDEzLjA2MjUgMTMuMTI1IDEyLjYxNDcgMTMuMTI1IDEyLjA2MjVWMTAuNTg2OSIgc3Ryb2tlPSIjMjg3N0ZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K) no-repeat center center;
                                        background-size: 1rem 1rem;
                                    }

                                    .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item.cundang > i {
                                        padding-left: .125rem;
                                    }

                                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .detail-box > .fn-nav > .item.cundang > i::after {
                                            content: '';
                                            width: .8125rem;
                                            height: .8125rem;
                                            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMxOyYjMTg4OyYjMTUwOyYjMjMxOyYjMTg3OyYjMTMyOy0xMDImIzIyOTsmIzE2NDsmIzEzNTsmIzIyODsmIzE4NzsmIzE4OTstMiI+CjxnIGlkPSImIzIyODsmIzE5MTsmIzE1NzsmIzIyOTsmIzE3MzsmIzE1Mjtfc2F2ZSYjMjI5OyYjMTY0OyYjMTM1OyYjMjI4OyYjMTg3OyYjMTg5OyI+CjxwYXRoIGlkPSImIzIzMjsmIzE4MzsmIzE3NTsmIzIyOTsmIzE5MDsmIzEzMjsiIGQ9Ik04LjYzODYxIDBDOS4xNDUzMSAwIDkuNjMzMTMgMC4xOTIzMjcgMTAuMDAzNSAwLjUzODEyM0wxMS4zNjQ5IDEuODA5MTlDMTEuNzcgMi4xODc0MyAxMiAyLjcxNjgyIDEyIDMuMjcxMDdWMTFDMTIgMTEuNTUyMyAxMS41NTIzIDEyIDExIDEySDFDMC40NDc3MTcgMTIgMCAxMS41NTIzIDAgMTFWMUMwIDAuNDQ3NzE3IDAuNDQ3NzE3IDAgMSAwSDguNjM4NjFaTTguNjM4NjEgMUgxVjExSDExVjMuMjcxMDdDMTEgMi45OTM5NSAxMC44ODUgMi43MjkyNSAxMC42ODI0IDIuNTQwMTNMOS4zMjEwNSAxLjI2OTA2QzkuMTY2NzMgMS4xMjQ5OCA4Ljk3MTYzIDEuMDM0MTkgOC43NjQyNyAxLjAwNzkyTDguNjM4NjEgMVoiIGZpbGw9IiMyODc3RkYiLz4KPHBhdGggaWQ9IiYjMjMyOyYjMTgzOyYjMTc1OyYjMjI5OyYjMTkwOyYjMTMyO18yIiBkPSJNNi4yNjc5NCAwQzYuODIwMjIgMCA3LjI2NzkzIDAuNDQ3NzE1IDcuMjY3OTMgMUw3LjI2NTM2IDMuMDc5NDdDNy4yNjUzNiAzLjIyMTIxIDcuMDU5NDggMy4zMzYxIDYuODA1NSAzLjMzNjFIMy4xMjY2MUMyLjg3MjYzIDMuMzM2MSAyLjY2Njc1IDMuMjIxMjEgMi42NjY3NSAzLjA3OTQ3VjFDMi42NjY3NSAwLjQ0NzcxNSAzLjExNDQ2IDAgMy42NjY3NSAwSDYuMjY3OTRaTTYuMjY3OTQgMUgzLjY2Njc1VjIuMzM2SDYuMjY1NzVMNi4yNjc5NCAxWiIgZmlsbD0iIzI4NzdGRiIvPgo8cGF0aCBpZD0iJiMyMzI7JiMxODM7JiMxNzU7JiMyMjk7JiMxOTA7JiMxMzI7XzMiIGQ9Ik05LjMzMzQxIDYuMTY2NzVDOS42MDk1NiA2LjE2Njc1IDkuODMzNDEgNi4zOTA2MSA5LjgzMzQxIDYuNjY2NzVDOS44MzM0MSA2Ljk0Mjg5IDkuNjA5NTYgNy4xNjY3NSA5LjMzMzQxIDcuMTY2NzVIMi42NjY3NUMyLjM5MDYxIDcuMTY2NzUgMi4xNjY3NSA2Ljk0Mjg5IDIuMTY2NzUgNi42NjY3NUMyLjE2Njc1IDYuMzkwNjEgMi4zOTA2MSA2LjE2Njc1IDIuNjY2NzUgNi4xNjY3NUg5LjMzMzQxWiIgZmlsbD0iIzI4NzdGRiIvPgo8cGF0aCBpZD0iJiMyMzI7JiMxODM7JiMxNzU7JiMyMjk7JiMxOTA7JiMxMzI7XzQiIGQ9Ik02LjAwMjg1IDguODMzMjVDNi4yNzg5OSA4LjgzMzI1IDYuNTAyODUgOS4wNTcxMSA2LjUwMjg1IDkuMzMzMjVDNi41MDI4NSA5LjYwOTM5IDYuMjc4OTkgOS44MzMyNSA2LjAwMjg1IDkuODMzMjVIMi42NjY3NUMyLjM5MDYxIDkuODMzMjUgMi4xNjY3NSA5LjYwOTM5IDIuMTY2NzUgOS4zMzMyNUMyLjE2Njc1IDkuMDU3MTEgMi4zOTA2MSA4LjgzMzI1IDIuNjY2NzUgOC44MzMyNUg2LjAwMjg1WiIgZmlsbD0iIzI4NzdGRiIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
                                            background-size: .8125rem .8125rem;
                                        }

                        .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .info-item > .info-item__cnt {
                            color: var(--font-color4);
                        }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .info-item > .info-item__cnt.user-type {
                                color: var(--font-color4);
                            }

                            .header .top-bar > .wrapper .top-nav > .list > .user-info .user-info-box > .info-item > .info-item__cnt.more-link {
                                color: var(--font-color4);
                            }

.user-info-guide {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .user-info-guide .user-info-area {
        width: 6.9375rem;
        height: 2.3125rem;
        border-radius: .25rem;
        border: 1px solid #2877ff;
        outline: 20000px solid rgba(0,0,0,0.7);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .user-info-guide .prompt-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 1.25rem;
        width: 15.625rem;
        position: absolute;
        z-index: 11;
        top: 0;
        left: 0;
    }

        .user-info-guide .prompt-box .place1 {
            display: block;
            width: 2.125rem;
            height: 2.875rem;
            background: url(../assets/activity/user_info_guide01.png) no-repeat;
            background-size: 2.125rem 2.875rem;
            position: absolute;
            top: -2.4375rem;
            right: 3.25rem;
            z-index: 13;
        }

        .user-info-guide .prompt-box .msg-box {
            display: block;
            width: 15.625rem;
            background: #ecfdff;
            box-sizing: border-box;
            border-radius: .5rem;
            border: 1px solid #2877ff;
            padding: .6875rem .875rem .75rem .875rem;
            font-size: .75rem;
            font-weight: 500;
            color: #333;
            line-height: 1.833333;
        }

            .user-info-guide .prompt-box .msg-box > b {
                font-weight: bold;
            }

        .user-info-guide .prompt-box .confirm-btn {
            display: inline-block;
            width: 5.625rem;
            height: 2.0625rem;
            margin: 0 auto;
            margin-top: 10px;
            border-radius: 1rem;
            box-sizing: border-box;
            border: 1px solid #fff;
            text-align: center;
            font-size: .75rem;
            font-weight: 400;
            color: #fff;
            line-height: 2.75;
        }

    .user-info-guide.show {
        display: block;
    }

.care-mode_protect-eye {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 0;
    height: 0;
    background-color: rgba(255,147,41,0.15);
    pointer-events: none;
}

    .care-mode_protect-eye.open {
        width: 100vw;
        height: 100vh;
    }

.header .top-bar > .wrapper .top-nav > .list > .item.zjms.message {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
    margin-left: .5rem;
    position: relative;
}

    .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        box-sizing: border-box;
        padding: 0;
        position: relative;
        cursor: pointer;
    }

        .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .message-icon {
            display: inline-block;
            vertical-align: middle;
            width: 1rem;
            height: 1rem;
            line-height: 1;
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDI1Ij4KPHBhdGggaWQ9IlVuaW9uIiBkPSJNOC41MDA5MSAyLjAyNzQ2VjFINy41MDA5MVYyLjAyNzQ2QzUuMjUwOTMgMi4yNzYxOSAzLjUwMDkxIDQuMTgzNzIgMy41MDA5MSA2LjVWMTFMMi42MDA5MSAxMi4yQzIuMzUzNjkgMTIuNTI5NiAyLjU4ODg4IDEzIDMuMDAwOTEgMTNINS41NTA5MkM1Ljc4MjU1IDE0LjE0MTEgNi43OTE0MyAxNSA4LjAwMDkxIDE1QzkuMjEwMzkgMTUgMTAuMjE5MyAxNC4xNDExIDEwLjQ1MDkgMTNIMTMuMDAwOUMxMy40MTI5IDEzIDEzLjY0ODEgMTIuNTI5NiAxMy40MDA5IDEyLjJMMTIuNTAwOSAxMVY2LjVDMTIuNTAwOSA0LjE4MzcyIDEwLjc1MDkgMi4yNzYxOSA4LjUwMDkxIDIuMDI3NDZaTTQuNTAwOTEgMTEuMzMzM1Y2LjVDNC41MDA5MSA0LjU2NyA2LjA2NzkxIDMgOC4wMDA5MSAzQzkuOTMzOSAzIDExLjUwMDkgNC41NjcgMTEuNTAwOSA2LjVWMTEuMzMzM0wxMi4wMDA5IDEySDQuMDAwOTFMNC41MDA5MSAxMS4zMzMzWk04LjAwMDkxIDE0QzcuMzQ3OCAxNCA2Ljc5MjE4IDEzLjU4MjYgNi41ODYyNiAxM0g5LjQxNTU2QzkuMjA5NjQgMTMuNTgyNiA4LjY1NDAyIDE0IDguMDAwOTEgMTRaIiBmaWxsPSIjMjg3N0ZGIi8+CjwvZz4KPC9zdmc+Cg==) no-repeat;
            filter: grayscale(100%);
        }

        .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .sum-txt {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: .875rem;
            max-width: 2rem;
            height: .875rem;
            background: #ff5050;
            box-sizing: border-box;
            border-radius: .4375rem;
            padding: 0 .125rem;
            position: absolute;
            top: .4375rem;
            left: .5rem;
            z-index: 12;
            text-overflow: ellipsis;
            word-break: keep-all;
            white-space: nowrap;
            text-align: center;
            font-size: .75rem;
            font-weight: 500;
            color: var(--font-color5);
            line-height: 1;
        }

        .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .msg-box {
            display: flex;
            align-items: center;
            position: absolute;
            bottom: -2rem;
            z-index: 500;
            box-sizing: border-box;
            background: var(--bg-color3);
            border: 1px solid var(--primary-color1);
            border-radius: .25rem;
            padding: .625rem;
        }

            .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .msg-box::before {
                content: "";
                display: inline-block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 .375rem .375rem .375rem;
                border-color: transparent transparent var(--primary-font-color1) transparent;
                position: absolute;
                top: -0.4375rem;
                left: 1.25rem;
                z-index: 501;
            }

            .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .msg-box::after {
                content: "";
                display: inline-block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 .375rem .375rem .375rem;
                border-color: transparent transparent var(--primary-color3) transparent;
                position: absolute;
                top: -0.375rem;
                left: 1.25rem;
                z-index: 501;
            }

            .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .msg-box > .msg-info {
                margin-right: 1rem;
                font-size: .875rem;
                font-weight: 400;
                color: var(--font-color2);
                line-height: 1;
                word-break: keep-all;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .msg-box > .look-link {
                margin-right: 1rem;
                font-size: .875rem;
                font-weight: 400;
                color: var(--primary-font-color1);
                line-height: 1;
                word-break: keep-all;
                white-space: nowrap;
            }

                .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .msg-box > .look-link:hover {
                    color: var(--primary-font-color1-hover);
                }

            .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info > .msg-box > .close-btn {
                display: inline-block;
                width: .75rem;
                height: .75rem;
                overflow: hidden;
                background: url(../img/close_gray_16x15.png) no-repeat center center;
            }

        .header .top-bar > .wrapper .top-nav > .list > .item.zjms.message > .msg-info:hover > .message-icon {
            filter: grayscale(0);
        }

.fiexd-nav > .fn-box > .msg-pop {
    display: inline-block;
    width: 17rem;
    min-height: 10.875rem;
    background: var(--bg-color3);
    box-shadow: -2px 0 5px 0 rgba(0,0,0,0.1);
    border-radius: .375rem;
    position: absolute;
    right: .1875rem;
    bottom: .25rem;
    z-index: 500;
    pointer-events: all;
}

    .fiexd-nav > .fn-box > .msg-pop::before {
        content: '';
        display: inline-block;
        width: 6.125rem;
        height: 6.5625rem;
        background: url(https://static.zxxk.com/zujuan/zjxt/static/assets/xiaoboshi.svg) no-repeat;
        position: absolute;
        top: -4.6875rem;
        left: -0.6875rem;
        z-index: -1;
    }

    .fiexd-nav > .fn-box > .msg-pop > .title-box {
        display: flex;
        align-items: center;
        height: 3.125rem;
        box-sizing: border-box;
        border-bottom: 1px solid #efefef;
        padding: 0 1.25rem;
        background-color: var(--bg-color3);
    }

        .fiexd-nav > .fn-box > .msg-pop > .title-box > .title-txt {
            flex: 1;
        }

        .fiexd-nav > .fn-box > .msg-pop > .title-box > .close-btn {
            display: inline-block;
            width: .75rem;
            height: .75rem;
            background: url(../img/close_gray_16x15.png) no-repeat center center;
        }

    .fiexd-nav > .fn-box > .msg-pop > .cnt-box {
        box-sizing: border-box;
        padding: 1.25rem;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: var(--bg-color3);
    }

    .fiexd-nav > .fn-box > .msg-pop > .ctrl-box {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.25rem;
        background-color: var(--bg-color3);
    }

        .fiexd-nav > .fn-box > .msg-pop > .ctrl-box > .look-up {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 6.625rem;
            height: 2.125rem;
            background: var(--primary-font-color1);
            border-radius: .375rem;
            font-size: .875rem;
            font-weight: 500;
            color: var(--font-color5);
            line-height: 1;
        }

            .fiexd-nav > .fn-box > .msg-pop > .ctrl-box > .look-up:hover {
                background: var(--primary-font-color1-hover);
            }

.header > .fn-box > .wrapper > .search {
    display: block;
    font-size: 0;
    width: 47.16667%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 500;
}

    .header > .fn-box > .wrapper > .search.open-panel > .search-wrapper > .search-box > .search-input {
        border-radius: .375rem 0 0 0;
    }

    .header > .fn-box > .wrapper > .search.open-panel > .search-wrapper > .search-box > .camera-btn {
        color: var(--primary-font-color1);
    }

    .header > .fn-box > .wrapper > .search > .search-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
    }

        .header > .fn-box > .wrapper > .search > .search-wrapper > .count-sum {
            display: flex;
            align-items: center;
            width: 100%;
            height: 2rem;
            font-size: 0;
        }

@supports(gap:1rem) {
    .header > .fn-box > .wrapper > .search > .search-wrapper > .count-sum {
        gap: 1rem;
    }
}

@supports not(gap:1rem) {
    .header > .fn-box > .wrapper > .search > .search-wrapper > .count-sum > .item {
        margin-right: 1rem;
    }

        .header > .fn-box > .wrapper > .search > .search-wrapper > .count-sum > .item:last-child {
            margin-right: 0;
        }
}

.header > .fn-box > .wrapper > .search > .search-wrapper > .count-sum > .item {
    display: inline-block;
    vertical-align: middle;
    word-break: keep-all;
    white-space: nowrap;
    font-family: var(--font-family1);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: var(--font-color4);
}

    .header > .fn-box > .wrapper > .search > .search-wrapper > .count-sum > .item.hot {
        color: var(--error-color1);
    }

.header > .fn-box > .wrapper > .search > .search-wrapper .search-box {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 2.25rem;
    box-sizing: border-box;
    border-radius: .375rem;
    padding-left: .125rem;
    position: relative;
    z-index: 100;
    font-size: 0;
    text-align: right;
}

    .header > .fn-box > .wrapper > .search > .search-wrapper .search-box::before {
        content: "\e767";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        font-family: "icon" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #bababa;
        position: absolute;
        top: 50%;
        left: .75rem;
        z-index: 200;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .header > .fn-box > .wrapper > .search > .search-wrapper .search-box .search-input {
        display: inline-flex;
        align-items: center;
        height: 100%;
        flex: 1;
        box-sizing: border-box;
        border-radius: .375rem 0 0 .375rem;
        padding: 0 4.5rem 0 2.25rem;
        border: 1px solid var(--primary-color1);
    }

        .header > .fn-box > .wrapper > .search > .search-wrapper .search-box .search-input:focus ~ .search-suggest-box {
            display: block;
        }

    .header > .fn-box > .wrapper > .search > .search-wrapper .search-box .search-btn {
        display: inline-flex;
        align-items: center;
        height: 100%;
        justify-content: center;
        width: 4rem;
        height: 2.25rem;
        text-align: center;
        font-size: .875rem;
        line-height: 1;
        box-sizing: border-box;
        border: 1px solid var(--primary-color1);
        border-radius: 0 .375rem .375rem 0;
        cursor: pointer;
    }

        .header > .fn-box > .wrapper > .search > .search-wrapper .search-box .search-btn.search-ques {
            border-radius: .25rem 0 0 .25rem;
            margin-right: .0625rem;
        }

    .header > .fn-box > .wrapper > .search > .search-wrapper .search-box > .camera-btn {
        width: 1.125rem;
        height: 1.125rem;
        font-size: 1.125rem;
        color: #9295a2;
        position: absolute;
        top: 50%;
        right: 5rem;
        z-index: 200;
        transform: translateY(-50%);
    }

        .header > .fn-box > .wrapper > .search > .search-wrapper .search-box > .camera-btn:hover {
            color: var(--primary-font-color1-hover);
        }

    .header > .fn-box > .wrapper > .search > .search-wrapper .search-box > .english-btn {
        width: 1.125rem;
        height: 1.125rem;
        font-size: 1.125rem;
        color: #9295a2;
        position: absolute;
        top: 50%;
        right: 7rem;
        z-index: 200;
        transform: translateY(-50%);
    }

        .header > .fn-box > .wrapper > .search > .search-wrapper .search-box > .english-btn:hover {
            color: var(--primary-font-color1-hover);
        }

.search .search-wrapper .search-box {
    position: relative;
}

    .search .search-wrapper .search-box .search-fn-panel {
        width: 88.4%;
        min-height: 9.25rem;
        background: var(--bg-color3);
        border-radius: 0 0 .375rem .375rem;
        box-sizing: border-box;
        border: .0625rem solid var(--primary-color1);
        border-top: 0;
        padding: 0 .625rem 1.25rem .625rem;
        position: absolute;
        top: 2.1875rem;
        left: .125rem;
        z-index: 500;
    }

        .search .search-wrapper .search-box .search-fn-panel .ctrl-box {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            box-sizing: border-box;
            border-top: 1px solid #eee;
            padding: .5rem 0;
        }

            .search .search-wrapper .search-box .search-fn-panel .ctrl-box .title-txt {
                flex: 1;
                text-align: left;
                font-size: .875rem;
                color: var(--font-color4);
                line-height: 1;
            }

            .search .search-wrapper .search-box .search-fn-panel .ctrl-box a.icon {
                color: var(--font-color4);
                font-size: 1.2rem;
                position: relative;
                z-index: 600;
            }

        .search .search-wrapper .search-box .search-fn-panel .rec-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

            .search .search-wrapper .search-box .search-fn-panel .rec-list > .item {
                display: inline-block;
                vertical-align: middle;
                max-width: 35%;
                height: 1.5rem;
                box-sizing: border-box;
                border-radius: .75rem;
                padding: 0 .625rem;
                overflow: hidden;
                background: #f8f8f8;
                margin: 0 .625rem .625rem 0;
                font-size: .875rem;
                text-align: left;
                text-overflow: ellipsis;
                word-break: keep-all;
                white-space: nowrap;
                font-weight: 400;
                color: var(--font-color3);
                line-height: 1.5;
            }

                .search .search-wrapper .search-box .search-fn-panel .rec-list > .item > .icon {
                    color: var(--font-color4);
                }

                .search .search-wrapper .search-box .search-fn-panel .rec-list > .item.hot > .icon {
                    color: #ff8282;
                }

        .search .search-wrapper .search-box .search-fn-panel .pic-area {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            height: 7.25rem;
            box-sizing: border-box;
            border-radius: .625rem;
            border: 1px dashed var(--font-color4);
            overflow: hidden;
            cursor: pointer;
            position: relative;
        }

            .search .search-wrapper .search-box .search-fn-panel .pic-area .ajax-upload-dragdrop {
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                border-radius: .625rem;
                width: 100%;
                height: 100%;
            }

                .search .search-wrapper .search-box .search-fn-panel .pic-area .ajax-upload-dragdrop.state-hover {
                    background: #f4f4f4;
                }

            .search .search-wrapper .search-box .search-fn-panel .pic-area .drag-box {
                display: inline-block;
                text-align: center;
            }

                .search .search-wrapper .search-box .search-fn-panel .pic-area .drag-box > .ui-upload-btn {
                    display: inline-block;
                    width: 5rem;
                    height: 1.25rem;
                    background: var(--bg-color3);
                    border-radius: .625rem;
                    border: 1px solid var(--primary-color1);
                    color: var(--primary-color1);
                    margin-bottom: .625rem;
                    text-align: center;
                    font-size: 0;
                }

                    .search .search-wrapper .search-box .search-fn-panel .pic-area .drag-box > .ui-upload-btn > i.icon {
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: .3125rem;
                        color: var(--primary-color1);
                        font-size: .75rem;
                    }

                    .search .search-wrapper .search-box .search-fn-panel .pic-area .drag-box > .ui-upload-btn > span {
                        display: inline-block;
                        vertical-align: middle;
                        font-size: .75rem;
                        font-weight: 400;
                        color: var(--primary-color1);
                        line-height: 1.7;
                    }

                .search .search-wrapper .search-box .search-fn-panel .pic-area .drag-box .msg-txt {
                    display: block;
                    font-size: .875rem;
                    color: var(--font-color4);
                }

            .search .search-wrapper .search-box .search-fn-panel .pic-area.is-mask {
                position: absolute;
                background-color: red;
                bottom: 0;
                right: 0;
                z-index: 700;
                width: 5rem;
                height: 1.25rem;
                overflow: hidden;
                opacity: 0;
            }

            .search .search-wrapper .search-box .search-fn-panel .pic-area > .paste-img {
                display: block;
                width: 100%;
                opacity: .8;
                filter: blur(22px);
            }

            .search .search-wrapper .search-box .search-fn-panel .pic-area > .screenshot {
                display: block;
                width: 100%;
                height: 100%;
                background: rgba(255,0,0,0.5);
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }

        .search .search-wrapper .search-box .search-fn-panel .uploading-box {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            height: 7.25rem;
            box-sizing: border-box;
            border-radius: .625rem;
            border: 1px dashed var(--font-color4);
            position: relative;
            overflow: hidden;
        }

            .search .search-wrapper .search-box .search-fn-panel .uploading-box > span {
                width: 5rem;
                height: 1.25rem;
                background: var(--bg-color3);
                border-radius: .625rem;
                border: 1px solid var(--primary-color1);
                text-align: center;
                font-size: .75rem;
                font-weight: 400;
                color: var(--primary-color1);
                position: relative;
                z-index: 10;
            }

                .search .search-wrapper .search-box .search-fn-panel .uploading-box > span > .icon {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .75rem;
                    animation: loading 1.5s linear infinite;
                }

                .search .search-wrapper .search-box .search-fn-panel .uploading-box > span > span {
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 1;
                }

            .search .search-wrapper .search-box .search-fn-panel .uploading-box > .img-review {
                display: block;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                filter: blur(4px);
                opacity: .5;
            }

        .search .search-wrapper .search-box .search-fn-panel .format-error {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            height: 7.25rem;
            box-sizing: border-box;
            border-radius: .625rem;
            border: 1px dashed var(--font-color4);
            overflow: hidden;
        }

            .search .search-wrapper .search-box .search-fn-panel .format-error > span {
                display: block;
                font-size: .875rem;
                font-weight: 400;
                color: var(--font-color4);
                line-height: 1;
                margin-bottom: .625rem;
            }

            .search .search-wrapper .search-box .search-fn-panel .format-error > .upload-btn {
                display: inline-block;
                width: 5rem;
                height: 1.25rem;
                background: var(--bg-color3);
                border-radius: .625rem;
                border: 1px solid var(--primary-color1);
                text-align: center;
            }

                .search .search-wrapper .search-box .search-fn-panel .format-error > .upload-btn > .icon {
                    font-size: .75rem;
                    color: var(--primary-color1);
                }

                .search .search-wrapper .search-box .search-fn-panel .format-error > .upload-btn > span {
                    font-size: 12px;
                    font-weight: 400;
                    color: var(--primary-color1);
                    line-height: 1.7;
                }

        .search .search-wrapper .search-box .search-fn-panel .recognizing-box {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            height: 7.25rem;
            box-sizing: border-box;
            border-radius: .625rem;
            border: 1px dashed var(--font-color4);
            overflow: hidden;
            background-color: #f2f2f2;
            position: relative;
        }

            .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .msg-box {
                display: none;
                width: 100%;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                z-index: 500;
            }

                .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .msg-box > i.icon {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .75rem;
                    color: var(--font-color5);
                    animation: loading 1s linear infinite;
                }

                .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .msg-box > span {
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 2px;
                    font-size: .875rem;
                    font-family: var(--font-family1);
                    font-weight: 400;
                    color: var(--font-color5);
                    line-height: 1.5;
                }

            .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .err-box {
                display: none;
                width: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                z-index: 500;
                text-align: center;
            }

                .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .err-box > .msg-box {
                    display: block;
                    margin-bottom: .625rem;
                    font-size: .875rem;
                    font-weight: 400;
                    color: var(--font-color5);
                    line-height: 1.5;
                }

                    .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .err-box > .msg-box > .ocr-feedback {
                        text-decoration: underline;
                        color: var(--font-color5);
                    }

                .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .err-box > .reupload-btn {
                    display: inline-block;
                    vertical-align: middle;
                    width: 5rem;
                    height: 1.25rem;
                    background: var(--font-color5);
                    border-radius: .625rem;
                    border: 1px solid var(--primary-color1);
                    text-align: center;
                    font-size: .75rem;
                    font-weight: 400;
                    color: var(--primary-font-color1);
                    line-height: 1;
                }

            .search .search-wrapper .search-box .search-fn-panel .recognizing-box > .boundary-box {
                display: none;
                text-align: center;
                font-size: .875rem;
                font-weight: 400;
                color: var(--bg-color3);
                line-height: 1.5;
            }

            .search .search-wrapper .search-box .search-fn-panel .recognizing-box.recognizing > .msg-box {
                display: block;
            }

            .search .search-wrapper .search-box .search-fn-panel .recognizing-box.error > .err-box {
                display: block;
            }

            .search .search-wrapper .search-box .search-fn-panel .recognizing-box.reach-boundary > .boundary-box {
                display: block;
            }

        .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border-radius: .25rem;
            background: var(--bg-color3);
            padding: 0 .625rem 1rem .625rem;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 500;
        }

            .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box.wait-input {
                opacity: 0;
                height: 0;
                overflow: hidden;
            }

            .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .suggest-box {
                flex: 1;
                display: block;
                box-sizing: border-box;
                border-top: 1px solid #eee;
                padding-left: .3125rem;
            }

                .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .suggest-box > .suggest-item {
                    display: block;
                    margin-top: .625rem;
                    text-align: left;
                    font-size: .875rem;
                    color: var(--font-color2);
                }

                    .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .suggest-box > .suggest-item:last-child {
                        margin-bottom: 0;
                    }

                    .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .suggest-box > .suggest-item.active {
                        color: var(--primary-font-color1-hover);
                    }

                    .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .suggest-box > .suggest-item:hover {
                        color: var(--primary-font-color1-hover);
                    }

            .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .other-box {
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }

                .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .other-box > .upload-btn {
                    display: inline-block;
                    width: 6.5rem;
                    height: 1.25rem;
                    background: var(--bg-color3);
                    border-radius: .625rem;
                    border: 1px solid var(--primary-color1);
                    text-align: center;
                }

                    .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .other-box > .upload-btn > .icon {
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: .25rem;
                        font-size: .625rem;
                        color: var(--primary-color1);
                    }

                    .search .search-wrapper .search-box .search-fn-panel > .search-suggest-box > .other-box > .upload-btn > span {
                        display: inline-block;
                        vertical-align: middle;
                        font-size: .75rem;
                        font-weight: 400;
                        color: var(--primary-color1);
                        line-height: 1.5;
                    }

        .search .search-wrapper .search-box .search-fn-panel .app-diversion {
            display: flex;
            align-items: center;
            margin-top: .875rem;
            position: relative;
        }

            .search .search-wrapper .search-box .search-fn-panel .app-diversion > .icon {
                display: inline-block;
                width: 1.125rem;
                height: 1.0625rem;
                margin-right: .375rem;
                color: var(--font-color4);
            }

            .search .search-wrapper .search-box .search-fn-panel .app-diversion > .txt {
                display: inline-block;
                font-size: .8125rem;
                color: var(--primary-color2);
                line-height: 1.3846;
            }

            .search .search-wrapper .search-box .search-fn-panel .app-diversion .qr-box {
                display: none;
                width: 7.25rem;
                height: 8.375rem;
                position: absolute;
                top: 136%;
                left: 0;
                z-index: 10;
                box-sizing: border-box;
                background: var(--bg-color3);
                box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.15);
                border: 1px solid var(--primary-color1);
                padding: .4375rem .5rem 0 .5rem;
                text-align: center;
            }

                .search .search-wrapper .search-box .search-fn-panel .app-diversion .qr-box > .qr-pic {
                    display: inline-block;
                    width: 6.25rem;
                    height: 6.25rem;
                    overflow: hidden;
                    margin-bottom: .25rem;
                    background-color: #ccc;
                }

                    .search .search-wrapper .search-box .search-fn-panel .app-diversion .qr-box > .qr-pic > img {
                        display: block;
                        width: 100%;
                    }

                .search .search-wrapper .search-box .search-fn-panel .app-diversion .qr-box > .txt {
                    display: block;
                    font-size: .75rem;
                    color: var(--primary-color2);
                    line-height: 1;
                }

            .search .search-wrapper .search-box .search-fn-panel .app-diversion:hover > .qr-box {
                display: block;
            }

@keyframes loading {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.header .fn-box > .wrapper > .search .search-box .search-btn {
    background: var(--primary-font-color1);
    color: var(--font-color5);
}

    .header .fn-box > .wrapper > .search .search-box .search-btn:hover {
        background: var(--primary-color1-hover);
    }

.header .fn-box > .wrapper > .search .search-box .search-input::-webkit-input-placeholder {
    color: var(--font-color4);
}

.header .fn-box > .wrapper > .search .search-box.search-box-border {
    border-color: var(--primary-color1);
    color: var(--font-color2);
}

.header {
    display: block;
    background: var(--bg-color3);
}

    .header .fn-box {
        width: 100%;
        height: 6.25rem;
    }

        .header .fn-box > .wrapper {
            display: flex;
            align-items: center;
            max-width: 75rem;
            height: 100%;
            margin: 0 auto;
            font-size: 0;
        }

            .header .fn-box > .wrapper > .logo {
                display: inline-block;
                vertical-align: middle;
                font-size: 1rem;
                max-width: 8.875rem;
                height: 3.25rem;
                font-size: 0;
                text-align: center;
            }

                .header .fn-box > .wrapper > .logo > a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    font-size: 1rem;
                    position: relative;
                    z-index: 200;
                }

                    .header .fn-box > .wrapper > .logo > a:hover > .site-collect {
                        opacity: 1;
                    }

                    .header .fn-box > .wrapper > .logo > a > .pic {
                        display: block;
                        width: 100%;
                        position: relative;
                        z-index: 200;
                    }

                    .header .fn-box > .wrapper > .logo > a > .site-collect {
                        display: inline-block;
                        width: 28.0625rem;
                        height: 7.25rem;
                        position: absolute;
                        top: -3.3125rem;
                        left: -0.5625rem;
                        z-index: 100;
                        background: url(../img/site_collect.png) no-repeat;
                        pointer-events: none;
                        opacity: 0;
                        transition-property: opacity;
                        transition-duration: .2s;
                        transition-timing-function: ease-in;
                    }

                    .header .fn-box > .wrapper > .logo > a.long-pic > .site-collect {
                        width: 27.6875rem;
                        height: 13.375rem;
                        background: url(../img/site_collect_long.png) no-repeat;
                        position: absolute;
                        top: -9.3125rem;
                        left: -0.5625rem;
                        z-index: 100;
                    }

            .header .fn-box > .wrapper > .fn-list {
                flex: 1;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-left: 3.75rem;
                max-width: 32.66%;
                height: 1.75rem;
                box-sizing: border-box;
                text-align: right;
                font-size: 0;
                position: relative;
                z-index: 420;
            }

@supports(gap:2rem) {
    .header .fn-box > .wrapper > .fn-list {
        gap: 2rem;
    }
}

@supports not(gap:2rem) {
    .header .fn-box > .wrapper > .fn-list > .item {
        margin-right: 2rem;
    }

        .header .fn-box > .wrapper > .fn-list > .item:first-child {
            margin-left: 0;
        }
}

.header .fn-box > .wrapper > .fn-list > .item {
    display: flex;
    align-items: center;
    text-align: right;
    position: relative;
}

@supports(gap:.5rem) {
    .header .fn-box > .wrapper > .fn-list > .item {
        gap: .5rem;
    }
}

@supports not(gap:.5rem) {
    .header .fn-box > .wrapper > .fn-list > .item {
        margin-right: .5rem;
    }
}

.header .fn-box > .wrapper > .fn-list > .item > .icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    color: var(--primary-font-color1);
}

    .header .fn-box > .wrapper > .fn-list > .item > .icon + span {
        display: inline-block;
        vertical-align: middle;
        font-size: .875rem;
        color: var(--primary-font-color1);
    }

.header .fn-box > .wrapper > .fn-list > .item:hover > .icon {
    color: var(--primary-font-color1-hover);
}

.header .fn-box > .wrapper > .fn-list > .item:hover + span {
    color: var(--primary-font-color1-hover);
}

.header .fn-box > .wrapper > .fn-list > .item-app {
    position: relative;
    cursor: pointer;
}

    .header .fn-box > .wrapper > .fn-list > .item-app:hover > .icon::before {
        content: "\e750";
    }

    .header .fn-box > .wrapper > .fn-list > .item-app.activity {
        position: relative;
    }

        .header .fn-box > .wrapper > .fn-list > .item-app.activity > .ac-tag {
            display: inline-block;
        }

    .header .fn-box > .wrapper > .fn-list > .item-app > .ac-tag {
        display: none;
        width: 4.0625rem;
        overflow: hidden;
        position: absolute;
        top: -0.875rem;
        right: -2.1875rem;
        z-index: 200;
    }

        .header .fn-box > .wrapper > .fn-list > .item-app > .ac-tag > img {
            display: block;
            width: 100%;
        }

    .header .fn-box > .wrapper > .fn-list > .item-app.new::after {
        content: "";
        width: 1.875rem;
        height: 1rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAzMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEuNjk4MTFDMCAwLjc2MDI3MiAwLjc2MDI3MSAwIDEuNjk4MTEgMEgyMi41QzI2LjY0MjEgMCAzMCAzLjM1Nzg2IDMwIDcuNUMzMCAxMS42NDIxIDI2LjY0MjEgMTUgMjIuNSAxNUgwVjEuNjk4MTFaIiBmaWxsPSIjRkY0QzNCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS4xODM1OSA3LjA3NzE1VjExSDMuODU2OTNWNC40MTExM0g1LjE4MzU5VjUuMTA5MzhINS4yMDg5OEM1LjY0NDg2IDQuNTg4ODcgNi4yMTYxNSA0LjMyODYxIDYuOTIyODUgNC4zMjg2MUM3LjQ2ODc1IDQuMzI4NjEgNy45NjgxIDQuNTIxMTYgOC40MjA5IDQuOTA2MjVDOC44Njk0NyA1LjI5NTU3IDkuMTA0MzMgNS44NjY4NiA5LjEyNTQ5IDYuNjIwMTJWMTFINy43OTg4M1Y3LjA3NzE1QzcuNzk4ODMgNi42MTU4OSA3LjY3NjExIDYuMjY0NjUgNy40MzA2NiA2LjAyMzQ0QzcuMTg5NDUgNS43Nzc5OSA2Ljg3ODQyIDUuNjU1MjcgNi40OTc1NiA1LjY1NTI3QzYuMTE2NyA1LjY1NTI3IDUuODAzNTUgNS43Nzc5OSA1LjU1ODExIDYuMDIzNDRDNS4zMDg0MyA2LjI2NDY1IDUuMTgzNTkgNi42MTU4OSA1LjE4MzU5IDcuMDc3MTVaTTE1LjgxNTkgMTAuMDA5OEMxNS4xNDMxIDEwLjcyOTIgMTQuMzUxNyAxMS4wODQ2IDEzLjQ0MTkgMTEuMDc2MkMxMy4wOTQ5IDExLjA3NjIgMTIuNzU2MyAxMS4wMjU0IDEyLjQyNjMgMTAuOTIzOEMxMi4yNjEyIDEwLjg2ODggMTIuMTAwNCAxMC43OTQ4IDExLjk0MzggMTAuNzAxN0MxMS43Nzg4IDEwLjYyMTMgMTEuNjI0MyAxMC41MjE4IDExLjQ4MDUgMTAuNDAzM0MxMS4yMDEyIDEwLjE1NzkgMTAuOTc0OCA5LjgxNTEgMTAuODAxMyA5LjM3NUMxMC42MTA4IDguOTUxODIgMTAuNTE1NiA4LjQwMTY5IDEwLjUxNTYgNy43MjQ2MUMxMC41MTU2IDcuMDcyOTIgMTAuNTk4MSA2LjUzMTI1IDEwLjc2MzIgNi4wOTk2MUMxMC45MjgyIDUuNjU5NTEgMTEuMTM5OCA1LjMxMjUgMTEuMzk3OSA1LjA1ODU5QzExLjY2MDMgNC44MDA0NiAxMS45NTQ0IDQuNjE0MjYgMTIuMjgwMyA0LjVDMTIuNjAxOSA0LjM4NTc0IDEyLjkxOTMgNC4zMjg2MSAxMy4yMzI0IDQuMzI4NjFDMTMuOTg1NyA0LjMzNzA4IDE0LjYyMjYgNC41ODQ2NCAxNS4xNDMxIDUuMDcxMjlDMTUuNjcyIDUuNTY2NDEgMTUuOTQwOCA2LjI0NzcyIDE1Ljk0OTIgNy4xMTUyM1Y4LjIwNzAzSDExLjg0MjNDMTEuODQyMyA4LjczNiAxMS45OTQ2IDkuMTM4MDIgMTIuMjk5MyA5LjQxMzA5QzEyLjU4MjggOS42OTIzOCAxMi45NTUyIDkuODMyMDMgMTMuNDE2NSA5LjgzMjAzQzEzLjk1MzkgOS44MzIwMyAxNC40MzQyIDkuNjE4MzMgMTQuODU3NCA5LjE5MDkyTDE1LjgxNTkgMTAuMDA5OFpNMTEuODQyMyA3LjExNTIzQzExLjg2NzcgNi42MDMxOSAxMi4wMDUyIDYuMjE1OTggMTIuMjU0OSA1Ljk1MzYxQzEyLjUwODggNS43MDM5NCAxMi44MzQ2IDUuNTc5MSAxMy4yMzI0IDUuNTc5MUMxMy42MzAyIDUuNTc5MSAxMy45NTYxIDUuNzAzOTQgMTQuMjEgNS45NTM2MUMxNC40NjgxIDYuMjE1OTggMTQuNjA1NiA2LjYwMzE5IDE0LjYyMjYgNy4xMTUyM0gxMS44NDIzWk0yMS4xNjA2IDYuMzg1MjVMMTkuNzgzMiAxMUgxOC42MTUyTDE2LjUwNzggNC40MTExM0gxNy45MTA2TDE5LjE3MzggOS4wMjU4OEgxOS4xOTkyTDIwLjY5NzMgNC40MTExM0gyMS42NTU4TDIzLjE1MzggOS4wMjU4OEgyMy4xNzkyTDI0LjQzNiA0LjQxMTEzSDI1LjgzODlMMjMuNzM3OCAxMUgyMi41NjM1TDIxLjE4NiA2LjM4NTI1SDIxLjE2MDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
        background-size: 1.875rem 1rem;
        position: absolute;
        top: -0.625rem;
        right: .875rem;
        z-index: 500;
    }

.header .fn-box > .wrapper > .fn-list > .item-chongzhi:hover > .icon::before {
    content: "\e768";
}

.header .fn-box > .wrapper > .fn-list > .item-chongzhi.activity {
    position: relative;
}

    .header .fn-box > .wrapper > .fn-list > .item-chongzhi.activity > .ac-tag {
        display: inline-block;
    }

.header .fn-box > .wrapper > .fn-list > .item-chongzhi > .ac-tag {
    display: none;
    width: 4.0625rem;
    overflow: hidden;
    position: absolute;
    top: -0.875rem;
    right: -2.1875rem;
    z-index: 200;
}

    .header .fn-box > .wrapper > .fn-list > .item-chongzhi > .ac-tag > img {
        display: block;
        width: 100%;
    }

.header .fn-box > .wrapper > .fn-list > .item-chongzhi.new::after {
    content: "";
    width: 1.875rem;
    height: 1rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAzMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEuNjk4MTFDMCAwLjc2MDI3MiAwLjc2MDI3MSAwIDEuNjk4MTEgMEgyMi41QzI2LjY0MjEgMCAzMCAzLjM1Nzg2IDMwIDcuNUMzMCAxMS42NDIxIDI2LjY0MjEgMTUgMjIuNSAxNUgwVjEuNjk4MTFaIiBmaWxsPSIjRkY0QzNCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS4xODM1OSA3LjA3NzE1VjExSDMuODU2OTNWNC40MTExM0g1LjE4MzU5VjUuMTA5MzhINS4yMDg5OEM1LjY0NDg2IDQuNTg4ODcgNi4yMTYxNSA0LjMyODYxIDYuOTIyODUgNC4zMjg2MUM3LjQ2ODc1IDQuMzI4NjEgNy45NjgxIDQuNTIxMTYgOC40MjA5IDQuOTA2MjVDOC44Njk0NyA1LjI5NTU3IDkuMTA0MzMgNS44NjY4NiA5LjEyNTQ5IDYuNjIwMTJWMTFINy43OTg4M1Y3LjA3NzE1QzcuNzk4ODMgNi42MTU4OSA3LjY3NjExIDYuMjY0NjUgNy40MzA2NiA2LjAyMzQ0QzcuMTg5NDUgNS43Nzc5OSA2Ljg3ODQyIDUuNjU1MjcgNi40OTc1NiA1LjY1NTI3QzYuMTE2NyA1LjY1NTI3IDUuODAzNTUgNS43Nzc5OSA1LjU1ODExIDYuMDIzNDRDNS4zMDg0MyA2LjI2NDY1IDUuMTgzNTkgNi42MTU4OSA1LjE4MzU5IDcuMDc3MTVaTTE1LjgxNTkgMTAuMDA5OEMxNS4xNDMxIDEwLjcyOTIgMTQuMzUxNyAxMS4wODQ2IDEzLjQ0MTkgMTEuMDc2MkMxMy4wOTQ5IDExLjA3NjIgMTIuNzU2MyAxMS4wMjU0IDEyLjQyNjMgMTAuOTIzOEMxMi4yNjEyIDEwLjg2ODggMTIuMTAwNCAxMC43OTQ4IDExLjk0MzggMTAuNzAxN0MxMS43Nzg4IDEwLjYyMTMgMTEuNjI0MyAxMC41MjE4IDExLjQ4MDUgMTAuNDAzM0MxMS4yMDEyIDEwLjE1NzkgMTAuOTc0OCA5LjgxNTEgMTAuODAxMyA5LjM3NUMxMC42MTA4IDguOTUxODIgMTAuNTE1NiA4LjQwMTY5IDEwLjUxNTYgNy43MjQ2MUMxMC41MTU2IDcuMDcyOTIgMTAuNTk4MSA2LjUzMTI1IDEwLjc2MzIgNi4wOTk2MUMxMC45MjgyIDUuNjU5NTEgMTEuMTM5OCA1LjMxMjUgMTEuMzk3OSA1LjA1ODU5QzExLjY2MDMgNC44MDA0NiAxMS45NTQ0IDQuNjE0MjYgMTIuMjgwMyA0LjVDMTIuNjAxOSA0LjM4NTc0IDEyLjkxOTMgNC4zMjg2MSAxMy4yMzI0IDQuMzI4NjFDMTMuOTg1NyA0LjMzNzA4IDE0LjYyMjYgNC41ODQ2NCAxNS4xNDMxIDUuMDcxMjlDMTUuNjcyIDUuNTY2NDEgMTUuOTQwOCA2LjI0NzcyIDE1Ljk0OTIgNy4xMTUyM1Y4LjIwNzAzSDExLjg0MjNDMTEuODQyMyA4LjczNiAxMS45OTQ2IDkuMTM4MDIgMTIuMjk5MyA5LjQxMzA5QzEyLjU4MjggOS42OTIzOCAxMi45NTUyIDkuODMyMDMgMTMuNDE2NSA5LjgzMjAzQzEzLjk1MzkgOS44MzIwMyAxNC40MzQyIDkuNjE4MzMgMTQuODU3NCA5LjE5MDkyTDE1LjgxNTkgMTAuMDA5OFpNMTEuODQyMyA3LjExNTIzQzExLjg2NzcgNi42MDMxOSAxMi4wMDUyIDYuMjE1OTggMTIuMjU0OSA1Ljk1MzYxQzEyLjUwODggNS43MDM5NCAxMi44MzQ2IDUuNTc5MSAxMy4yMzI0IDUuNTc5MUMxMy42MzAyIDUuNTc5MSAxMy45NTYxIDUuNzAzOTQgMTQuMjEgNS45NTM2MUMxNC40NjgxIDYuMjE1OTggMTQuNjA1NiA2LjYwMzE5IDE0LjYyMjYgNy4xMTUyM0gxMS44NDIzWk0yMS4xNjA2IDYuMzg1MjVMMTkuNzgzMiAxMUgxOC42MTUyTDE2LjUwNzggNC40MTExM0gxNy45MTA2TDE5LjE3MzggOS4wMjU4OEgxOS4xOTkyTDIwLjY5NzMgNC40MTExM0gyMS42NTU4TDIzLjE1MzggOS4wMjU4OEgyMy4xNzkyTDI0LjQzNiA0LjQxMTEzSDI1LjgzODlMMjMuNzM3OCAxMUgyMi41NjM1TDIxLjE4NiA2LjM4NTI1SDIxLjE2MDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
    background-size: 1.875rem 1rem;
    position: absolute;
    top: -0.625rem;
    right: .875rem;
    z-index: 500;
}

.header .fn-box > .wrapper > .fn-list > .item-ejt {
    position: relative;
}

    .header .fn-box > .wrapper > .fn-list > .item-ejt:hover > .icon::before {
        content: "\e688";
    }

    .header .fn-box > .wrapper > .fn-list > .item-ejt.activity {
        position: relative;
    }

        .header .fn-box > .wrapper > .fn-list > .item-ejt.activity > .ac-tag {
            display: inline-block;
        }

    .header .fn-box > .wrapper > .fn-list > .item-ejt > .ac-tag {
        display: none;
        width: 4.0625rem;
        overflow: hidden;
        position: absolute;
        top: -0.875rem;
        right: -2.1875rem;
        z-index: 200;
    }

        .header .fn-box > .wrapper > .fn-list > .item-ejt > .ac-tag > img {
            display: block;
            width: 100%;
        }

    .header .fn-box > .wrapper > .fn-list > .item-ejt.new::after {
        content: "";
        width: 1.875rem;
        height: 1rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAzMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEuNjk4MTFDMCAwLjc2MDI3MiAwLjc2MDI3MSAwIDEuNjk4MTEgMEgyMi41QzI2LjY0MjEgMCAzMCAzLjM1Nzg2IDMwIDcuNUMzMCAxMS42NDIxIDI2LjY0MjEgMTUgMjIuNSAxNUgwVjEuNjk4MTFaIiBmaWxsPSIjRkY0QzNCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS4xODM1OSA3LjA3NzE1VjExSDMuODU2OTNWNC40MTExM0g1LjE4MzU5VjUuMTA5MzhINS4yMDg5OEM1LjY0NDg2IDQuNTg4ODcgNi4yMTYxNSA0LjMyODYxIDYuOTIyODUgNC4zMjg2MUM3LjQ2ODc1IDQuMzI4NjEgNy45NjgxIDQuNTIxMTYgOC40MjA5IDQuOTA2MjVDOC44Njk0NyA1LjI5NTU3IDkuMTA0MzMgNS44NjY4NiA5LjEyNTQ5IDYuNjIwMTJWMTFINy43OTg4M1Y3LjA3NzE1QzcuNzk4ODMgNi42MTU4OSA3LjY3NjExIDYuMjY0NjUgNy40MzA2NiA2LjAyMzQ0QzcuMTg5NDUgNS43Nzc5OSA2Ljg3ODQyIDUuNjU1MjcgNi40OTc1NiA1LjY1NTI3QzYuMTE2NyA1LjY1NTI3IDUuODAzNTUgNS43Nzc5OSA1LjU1ODExIDYuMDIzNDRDNS4zMDg0MyA2LjI2NDY1IDUuMTgzNTkgNi42MTU4OSA1LjE4MzU5IDcuMDc3MTVaTTE1LjgxNTkgMTAuMDA5OEMxNS4xNDMxIDEwLjcyOTIgMTQuMzUxNyAxMS4wODQ2IDEzLjQ0MTkgMTEuMDc2MkMxMy4wOTQ5IDExLjA3NjIgMTIuNzU2MyAxMS4wMjU0IDEyLjQyNjMgMTAuOTIzOEMxMi4yNjEyIDEwLjg2ODggMTIuMTAwNCAxMC43OTQ4IDExLjk0MzggMTAuNzAxN0MxMS43Nzg4IDEwLjYyMTMgMTEuNjI0MyAxMC41MjE4IDExLjQ4MDUgMTAuNDAzM0MxMS4yMDEyIDEwLjE1NzkgMTAuOTc0OCA5LjgxNTEgMTAuODAxMyA5LjM3NUMxMC42MTA4IDguOTUxODIgMTAuNTE1NiA4LjQwMTY5IDEwLjUxNTYgNy43MjQ2MUMxMC41MTU2IDcuMDcyOTIgMTAuNTk4MSA2LjUzMTI1IDEwLjc2MzIgNi4wOTk2MUMxMC45MjgyIDUuNjU5NTEgMTEuMTM5OCA1LjMxMjUgMTEuMzk3OSA1LjA1ODU5QzExLjY2MDMgNC44MDA0NiAxMS45NTQ0IDQuNjE0MjYgMTIuMjgwMyA0LjVDMTIuNjAxOSA0LjM4NTc0IDEyLjkxOTMgNC4zMjg2MSAxMy4yMzI0IDQuMzI4NjFDMTMuOTg1NyA0LjMzNzA4IDE0LjYyMjYgNC41ODQ2NCAxNS4xNDMxIDUuMDcxMjlDMTUuNjcyIDUuNTY2NDEgMTUuOTQwOCA2LjI0NzcyIDE1Ljk0OTIgNy4xMTUyM1Y4LjIwNzAzSDExLjg0MjNDMTEuODQyMyA4LjczNiAxMS45OTQ2IDkuMTM4MDIgMTIuMjk5MyA5LjQxMzA5QzEyLjU4MjggOS42OTIzOCAxMi45NTUyIDkuODMyMDMgMTMuNDE2NSA5LjgzMjAzQzEzLjk1MzkgOS44MzIwMyAxNC40MzQyIDkuNjE4MzMgMTQuODU3NCA5LjE5MDkyTDE1LjgxNTkgMTAuMDA5OFpNMTEuODQyMyA3LjExNTIzQzExLjg2NzcgNi42MDMxOSAxMi4wMDUyIDYuMjE1OTggMTIuMjU0OSA1Ljk1MzYxQzEyLjUwODggNS43MDM5NCAxMi44MzQ2IDUuNTc5MSAxMy4yMzI0IDUuNTc5MUMxMy42MzAyIDUuNTc5MSAxMy45NTYxIDUuNzAzOTQgMTQuMjEgNS45NTM2MUMxNC40NjgxIDYuMjE1OTggMTQuNjA1NiA2LjYwMzE5IDE0LjYyMjYgNy4xMTUyM0gxMS44NDIzWk0yMS4xNjA2IDYuMzg1MjVMMTkuNzgzMiAxMUgxOC42MTUyTDE2LjUwNzggNC40MTExM0gxNy45MTA2TDE5LjE3MzggOS4wMjU4OEgxOS4xOTkyTDIwLjY5NzMgNC40MTExM0gyMS42NTU4TDIzLjE1MzggOS4wMjU4OEgyMy4xNzkyTDI0LjQzNiA0LjQxMTEzSDI1LjgzODlMMjMuNzM3OCAxMUgyMi41NjM1TDIxLjE4NiA2LjM4NTI1SDIxLjE2MDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
        background-size: 1.875rem 1rem;
        position: absolute;
        top: -0.625rem;
        right: 1.5rem;
        z-index: 500;
    }

    .header .fn-box > .wrapper > .fn-list > .item-ejt.ejt.yikaitong {
        position: relative;
    }

        .header .fn-box > .wrapper > .fn-list > .item-ejt.ejt.yikaitong::after {
            content: '\5df2\5f00\901a';
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 3rem;
            height: 1rem;
            border-radius: 8px 8px 8px 0;
            background-color: var(--tag-color1);
            font-size: .75rem;
            color: white;
            line-height: 1;
            position: absolute;
            top: -0.375rem;
            right: .375rem;
            z-index: 200;
        }

    .header .fn-box > .wrapper > .fn-list > .item-ejt.ejt > .icon {
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
        font-size: 1.75rem;
    }

        .header .fn-box > .wrapper > .fn-list > .item-ejt.ejt > .icon::before {
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 99;
            transform: translate(-50%,-50%);
        }

        .header .fn-box > .wrapper > .fn-list > .item-ejt.ejt > .icon > .ejt-entry {
            display: inline-block;
            width: 1.75rem;
            height: 1.75rem;
            overflow: hidden;
            border-radius: 50%;
            background-color: white;
            box-sizing: border-box;
            border: 2px solid var(--primary-color1);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
        }

        .header .fn-box > .wrapper > .fn-list > .item-ejt.ejt > .icon + span {
            word-wrap: keep-all;
            white-space: nowrap;
        }

.header .fn-box > .wrapper .area-panel-place {
    display: inline-block;
    vertical-align: middle;
    width: 7.125rem;
    height: 2.125rem;
    box-sizing: border-box;
    padding-top: .75rem;
}

.header > .main-nav {
    width: 100%;
    height: 45px;
}

    .header > .main-nav > .fixed-box {
        width: 100%;
        height: 45px;
        background: var(--bg-color3);
    }

        .header > .main-nav > .fixed-box > .wrapper {
            display: flex;
            align-items: center;
            max-width: 1200px;
            height: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            padding-right: 2.875rem;
            position: relative;
            z-index: 299;
        }

            .header > .main-nav > .fixed-box > .wrapper .subject-menu {
                display: inline-block;
                vertical-align: middle;
                font-size: 1rem;
                width: 15.833%;
                min-width: 11.875rem;
                height: 2.6875rem;
                margin-top: 2px;
                cursor: pointer;
                position: relative;
            }

                .header > .main-nav > .fixed-box > .wrapper .subject-menu .subject-menu__title {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 100%;
                    border-radius: .25rem .25rem 0 0;
                    background: var(--primary-color1);
                    font-size: 0;
                    text-align: center;
                }

                    .header > .main-nav > .fixed-box > .wrapper .subject-menu .subject-menu__title .title-txt {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        max-width: 60%;
                        height: 100%;
                        margin-right: .5rem;
                        font-size: 1rem;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        word-break: keep-all;
                        white-space: nowrap;
                        color: var(--font-color5);
                    }

                    .header > .main-nav > .fixed-box > .wrapper .subject-menu .subject-menu__title .icon {
                        display: inline-block;
                        vertical-align: middle;
                        width: 1rem;
                        height: 1rem;
                        overflow: hidden;
                        margin-top: .125rem;
                        font-size: 1rem;
                        font-weight: normal;
                        color: var(--font-color5);
                    }

                .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    height: 15.75rem;
                    overflow: hidden;
                    box-sizing: border-box;
                    border: var(--border2);
                    border-top: 0;
                    background: var(--bg-color3);
                }

                    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tabs {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-sizing: border-box;
                        padding-bottom: .5rem;
                        border-bottom: 1px solid #f2f8ff;
                        margin: .9375rem .875rem 0 1rem;
                        font-size: 0;
                    }

@supports(gap:1rem) {
    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tabs {
        gap: 1rem;
    }
}

@supports not(gap:1rem) {
    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tabs > .tab:not(:last-child) {
        margin-right: 1rem;
    }
}

.header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tabs > .tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    box-sizing: border-box;
    font-size: .8125rem;
    line-height: 1.71428571;
    color: var(--font-color2);
    word-break: keep-all;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    position: relative;
}

    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tabs > .tab.selected {
        color: var(--primary-color1);
    }

        .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tabs > .tab.selected::after {
            content: "";
            width: 100%;
            height: .0625rem;
            background-color: var(--primary-color1);
            font-size: 0;
            position: absolute;
            top: 132%;
            left: 0;
        }

.header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container {
    height: 13.5rem;
    scroll-behavior: smooth;
    overflow: hidden;
}

    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: justify;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        padding-top: 1.25rem;
        margin: 0 .75rem;
        font-size: 0;
        text-align: justify;
    }

@supports(gap:.5rem 1.125rem) {
    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box {
        gap: .5rem 1.125rem;
    }
}

@supports not(gap:.5rem 1.125rem) {
    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .item {
        margin: .25rem .5625rem;
    }
}

.header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: 1.5rem;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 .5625rem 0 .5625rem;
    border-radius: .1875rem;
    font-size: .75rem;
    font-weight: 400;
    color: var(--font-color2);
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    line-height: 1;
}

    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .item:hover {
        background-color: var(--primary-bg-color2);
        color: var(--primary-font-color1);
    }

    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .item.selected {
        color: var(--primary-font-color1);
        background-color: var(--primary-bg-color2);
    }

        .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .item.selected:hover {
            background-color: var(--primary-bg-color2);
        }

.header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 1.5rem;
}

    .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .btn-box > .zhijiao-add {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 .75rem;
        margin: 0;
        border: 1px solid var(--primary-color1);
        background-color: var(--bg-color3);
        border-radius: .25rem;
        color: var(--primary-color1);
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2;
        cursor: pointer;
    }

        .header > .main-nav > .fixed-box > .wrapper .subject-menu > .subject-nav > .tab-container > .tab-box > .btn-box > .zhijiao-add > .icon {
            display: inline-block;
            margin-right: .625rem;
        }

.header > .main-nav > .fixed-box > .wrapper .subject-menu:hover .subject-menu__title {
    background: var(--primary-color1-hover);
}

.header > .main-nav > .fixed-box > .wrapper .subject-menu.ctrl-hide > .subject-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
}

.header > .main-nav > .fixed-box > .wrapper .subject-menu.ctrl-hide:hover > .subject-nav {
    display: block;
}

.header > .main-nav > .fixed-box > .wrapper .nav-list {
    flex: 1;
    display: flex;
    max-width: 85.95%;
    height: 2.8125rem;
    box-sizing: border-box;
    margin-left: .4375rem;
    position: relative;
}

    .header > .main-nav > .fixed-box > .wrapper .nav-list > .is-new-nav {
        position: relative;
    }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .is-new-nav > .new_icon {
            display: inline-block;
            width: 32px;
            height: 16px;
            overflow: hidden;
            background: url(../img/nav_new.png) no-repeat;
            position: absolute;
            top: 0;
            right: -2%;
            z-index: 100;
        }

    .header > .main-nav > .fixed-box > .wrapper .nav-list > .item {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        box-sizing: border-box;
        padding: .9375rem 0 .8125rem 0;
        margin: 0 .875rem;
        word-break: keep-all;
        white-space: nowrap;
        font-family: var(--font-family1);
        font-size: 1rem;
        line-height: 1;
        color: var(--font-color2);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item:hover {
            color: var(--primary-font-color1-hover);
        }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item > b {
            font-weight: normal;
            pointer-events: none;
        }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.selected-main-nav {
            border-bottom: 0;
            position: relative;
            color: var(--primary-font-color1);
            font-weight: 600;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.selected-main-nav::before {
                content: "";
                display: block;
                width: 100%;
                height: .125rem;
                font-size: 0;
                background: var(--primary-font-color1);
                position: absolute;
                bottom: 0;
                left: 0;
            }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.selected-main-nav.has-sub > b {
                font-weight: 600;
            }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.new {
            position: relative;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.new::after {
                content: "";
                display: inline-block;
                width: 1.875rem;
                height: 1rem;
                overflow: hidden;
                position: absolute;
                top: -0.125rem;
                right: -1rem;
                font-size: 0;
                text-align: center;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzAgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZFNDUwOTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cjx0aXRsZT5uZXc8L3RpdGxlPgo8ZyBpZD0i57uE5Y235ouN5pCc5a6j5LygIj4KCTxnIGlkPSLnu4TljbfpppbpobUt55m75b2V5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwNy4wMDAwMDAsIC00OC4wMDAwMDApIj4KCQk8ZyBpZD0ibmV3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDA3LjAwMDAwMCwgNDguNzQ0MzQ3KSI+CgkJCTxwYXRoIGlkPSLnn6nlvaIiIGNsYXNzPSJzdDAiIGQ9Ik02LDBoMTYuNUMyNi42LDAsMzAsMy40LDMwLDcuNVMyNi42LDE1LDIyLjUsMTVIMGwwLDBWNkMwLDIuNywyLjcsMCw2LDB6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01LjIsMTFWNy4xYzAtMC41LDAuMS0wLjgsMC40LTEuMWMwLjItMC4yLDAuNi0wLjQsMC45LTAuNFM3LjIsNS44LDcuNCw2YzAuMiwwLjIsMC40LDAuNiwwLjQsMS4xVjExaDEuMwoJCQkJVjYuNmMwLTAuOC0wLjMtMS4zLTAuNy0xLjdDOCw0LjUsNy41LDQuMyw2LjksNC4zYy0wLjcsMC0xLjMsMC4zLTEuNywwLjhoMFY0LjRIMy45VjExSDUuMnogTTEzLjQsMTEuMWMwLjksMCwxLjctMC4zLDIuNC0xLjEKCQkJCWwtMS0wLjhjLTAuNCwwLjQtMC45LDAuNi0xLjQsMC42Yy0wLjUsMC0wLjgtMC4xLTEuMS0wLjRjLTAuMy0wLjMtMC41LTAuNy0wLjUtMS4yaDQuMVY3LjFjMC0wLjktMC4zLTEuNS0wLjgtMgoJCQkJYy0wLjUtMC41LTEuMi0wLjctMS45LTAuN2MtMC4zLDAtMC42LDAuMS0xLDAuMmMtMC4zLDAuMS0wLjYsMC4zLTAuOSwwLjZjLTAuMywwLjMtMC41LDAuNi0wLjYsMWMtMC4yLDAuNC0wLjIsMS0wLjIsMS42CgkJCQljMCwwLjcsMC4xLDEuMiwwLjMsMS43YzAuMiwwLjQsMC40LDAuOCwwLjcsMWMwLjEsMC4xLDAuMywwLjIsMC41LDAuM2MwLjIsMC4xLDAuMywwLjIsMC41LDAuMkMxMi44LDExLDEzLjEsMTEuMSwxMy40LDExLjF6CgkJCQkgTTE0LjYsNy4xaC0yLjhjMC0wLjUsMC4yLTAuOSwwLjQtMS4yYzAuMy0wLjIsMC42LTAuNCwxLTAuNHMwLjcsMC4xLDEsMC40QzE0LjUsNi4yLDE0LjYsNi42LDE0LjYsNy4xeiBNMTkuOCwxMWwxLjQtNC42aDAKCQkJCWwxLjQsNC42aDEuMmwyLjEtNi42aC0xLjRMMjMuMiw5aDBsLTEuNS00LjZoLTFMMTkuMiw5aDBsLTEuMy00LjZoLTEuNGwyLjEsNi42SDE5Ljh6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
            }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.zhenti {
            position: relative;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.zhenti::after {
                content: '\771f\9898';
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 2.25rem;
                height: 1rem;
                border-radius: .5rem .5rem .5rem 0;
                background-color: var(--tip-bg-color);
                font-size: .75rem;
                color: var(--font-color5);
                line-height: 1;
                position: absolute;
                top: -0.125rem;
                right: -1.25rem;
                z-index: 200;
            }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.yati {
            position: relative;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.yati::after {
                content: '\62bc\9898';
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 2.25rem;
                height: 1rem;
                border-radius: .5rem .5rem .5rem 0;
                background-color: var(--tip-bg-color);
                font-size: .75rem;
                color: var(--font-color5);
                line-height: 1;
                position: absolute;
                top: -0.125rem;
                right: -1.25rem;
                z-index: 200;
            }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.congci {
            position: relative;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.congci::after {
                content: '\51b2\523a';
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 2.25rem;
                height: 1rem;
                border-radius: .5rem .5rem .5rem 0;
                background-color: var(--tip-bg-color);
                font-size: .75rem;
                color: var(--font-color5);
                line-height: 1;
                position: absolute;
                top: -0.125rem;
                right: -1.25rem;
                z-index: 200;
            }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.hot {
            position: relative;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .item.hot::after {
                content: '';
                display: inline-block;
                width: 1.875rem;
                height: 1rem;
                overflow: hidden;
                position: absolute;
                top: -0.1875rem;
                right: -0.75rem;
                font-size: 0;
                text-align: center;
                background: url("data:image/svg+xml,%3Csvg width='31' height='17' viewBox='0 0 31 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M6.5 1H23a7.5 7.5 0 0 1 0 15H.5V7a6 6 0 0 1 6-6z' fill='%23FF4C3B'/%3E%3Ctext font-family='PingFangSC-Medium, PingFang SC' font-size='12' font-weight='400' fill='%23FFF' transform='translate(.5)'%3E%3Ctspan x='4.589' y='13'%3Ehot%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
            }

    .header > .main-nav > .fixed-box > .wrapper .nav-list + .wode-item {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        box-sizing: border-box;
        padding: .9375rem 0 .8125rem 0;
        margin: 0 .875rem;
        word-break: keep-all;
        white-space: nowrap;
        font-family: var(--font-family1);
        font-size: 1rem;
        line-height: 1;
        color: var(--font-color2);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 2rem;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
        margin-right: 0;
    }

        .header > .main-nav > .fixed-box > .wrapper .nav-list + .wode-item:hover {
            color: var(--primary-font-color1-hover);
        }

    .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub {
        position: relative;
        z-index: 601;
        cursor: pointer;
        margin-right: 25px;
    }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub:hover > .sub-navs {
            display: block;
        }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub[data-open="1"] > .sub-navs {
            display: block;
        }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs {
            display: none;
            position: absolute;
            top: 101%;
            left: 50%;
            z-index: 600;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            box-sizing: border-box;
            border-radius: .25rem;
            background: var(--bg-color3);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
            padding: .75rem .75rem .625rem .75rem;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs::before {
                content: '';
                display: inline-block;
                width: 100%;
                height: 1rem;
                background: transparent;
                position: absolute;
                top: -0.1875rem;
                left: 0;
                z-index: -1;
            }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item {
                display: block;
                max-width: 15rem;
                box-sizing: border-box;
                padding: .5rem 0;
                position: relative;
                z-index: 2;
                word-break: keep-all;
                white-space: nowrap;
                text-align: center;
                font-size: 0;
                font-weight: normal;
                color: var(--font-color2);
            }

                .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item > span {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .875rem;
                }

                .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item > i {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .875rem;
                    opacity: 0;
                    margin-left: .25rem;
                    font-weight: bold;
                    color: var(--primary-font-color1);
                }

                .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item:hover {
                    color: var(--primary-font-color1-hover);
                }

                .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item.selected {
                    color: var(--primary-font-color1);
                }

                    .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item.selected > i {
                        opacity: 1;
                    }

                .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item.new > span {
                    position: relative;
                }

                    .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .sub-navs > .sub-item.new > span:after {
                        content: '';
                        width: .375rem;
                        height: .375rem;
                        border-radius: 50%;
                        background-color: var(--tip-bg-color);
                        position: absolute;
                        top: -0.1875rem;
                        right: -0.375rem;
                        z-index: 100;
                    }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > b {
            display: inline-block;
            position: relative;
        }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .tap-area {
            display: inline-block;
            width: 1.5rem;
            height: 100%;
            background-color: rgba(255,0,0,0);
            position: absolute;
            top: 0;
            right: -1.5rem;
            z-index: 2;
        }

            .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub > .tap-area::after {
                content: "\e942";
                display: inline-block;
                width: .375rem;
                height: .375rem;
                font-size: .75rem;
                font-style: normal;
                color: #bbb;
                font-family: "icon" !important;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transform: scale(0.4);
                position: absolute;
                top: 53%;
                left: .1875rem;
                z-index: 601;
            }

        .header > .main-nav > .fixed-box > .wrapper .nav-list > .has-sub.switch > .tap-area::after {
            content: "\e67d";
            display: inline-block;
            width: 11px;
            height: .5625rem;
            font-family: "icon" !important;
            font-size: .75rem;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: scale(1);
            color: #bbb;
            border-radius: 0;
            border: 0;
            top: 44%;
            left: .3125rem;
        }

@media only screen and (max-width:1140px) {
    .header > .main-nav > .fixed-box > .wrapper .nav-list > .item {
        font-size: .875rem;
    }

    .header > .main-nav > .fixed-box > .wrapper .nav-list + .wode-item {
        font-size: .875rem;
    }
}

@media only screen and (max-width:950px) {
    .header > .main-nav > .fixed-box > .wrapper .nav-list > .item {
        font-size: .5rem;
    }

    .header > .main-nav > .fixed-box > .wrapper .nav-list + .wode-item {
        font-size: .5rem;
    }
}

.header > .main-nav > .fixed-pos {
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0 3px 3px 0 rgba(146,146,146,0.09);
}

    .header > .main-nav > .fixed-pos > .wrapper .subject-menu .subject-menu__title {
        border-radius: 0;
    }

.header > .free-ad {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #f1f1f1;
}

    .header > .free-ad > a {
        display: block;
        height: 80px;
        position: relative;
    }

        .header > .free-ad > a > img {
            display: block;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 100;
            transform: translate(-50%,-50%);
        }

    .header > .free-ad > .close-btn {
        display: inline-flex;
        justify-content: center;
        width: 22px;
        height: 22px;
        box-sizing: border-box;
        padding: 2px 0;
        border-radius: 50%;
        font-size: 0;
        line-height: 1;
        font-style: normal;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 101;
        background: rgba(0,0,0,0.6);
        opacity: .75;
        color: #fff;
        cursor: pointer;
        transition-property: background-color,opacity;
        transition-duration: .2s;
        transition-timing-function: ease;
    }

        .header > .free-ad > .close-btn::before {
            content: '';
            display: inline-block;
            width: 10px;
            height: 2px;
            box-sizing: border-box;
            border-radius: 1px;
            background-color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 102;
            transform-origin: top left;
            transform: rotate(45deg) translate(-50%,-50%);
            transition-property: background-color,opacity;
            transition-duration: .2s;
            transition-timing-function: ease;
        }

        .header > .free-ad > .close-btn::after {
            content: '';
            display: inline-block;
            width: 10px;
            height: 2px;
            box-sizing: border-box;
            border-radius: 1px;
            background-color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 102;
            transform-origin: top left;
            transform: rotate(-45deg) translate(-50%,-50%);
            transition-property: background-color,opacity;
            transition-duration: .2s;
            transition-timing-function: ease;
        }

        .header > .free-ad > .close-btn:hover {
            color: var(--primary-font-color1-hover);
            background: var(--bg-color3);
            opacity: 1;
        }

            .header > .free-ad > .close-btn:hover::before {
                background-color: var(--primary-font-color1-hover);
            }

            .header > .free-ad > .close-btn:hover::after {
                background-color: var(--primary-font-color1-hover);
            }

.header {
    position: relative;
}

    .header > .ai-entry {
        width: 4rem;
        height: 4rem;
        pointer-events: all;
        position: absolute;
        bottom: 0;
        left: calc((100vw - 75rem) / 2 - 5rem);
    }

        .header > .ai-entry > .entry-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
        }

            .header > .ai-entry > .entry-link > img {
                display: block;
                width: 100%;
            }

        .header > .ai-entry > .close-btn {
            display: inline-flex;
            justify-content: center;
            width: 1.375rem;
            height: 1.375rem;
            overflow: hidden;
            box-sizing: border-box;
            background-color: red;
            position: absolute;
            top: -0.75rem;
            left: -0.75rem;
            padding: .125rem 0;
            border-radius: 50%;
            font-size: 0;
            line-height: 1;
            font-style: normal;
            background: rgba(0,0,0,0.6);
            opacity: .25;
            color: #fff;
            cursor: pointer;
            transition-property: background-color,opacity;
            transition-duration: .2s;
            transition-timing-function: ease;
        }

            .header > .ai-entry > .close-btn::before {
                content: '';
                display: inline-block;
                width: .625rem;
                height: .125rem;
                box-sizing: border-box;
                border-radius: .0625rem;
                background-color: white;
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 102;
                transform-origin: top left;
                transform: rotate(45deg) translate(-50%,-50%);
                transition-property: background-color,opacity;
                transition-duration: .2s;
                transition-timing-function: ease;
            }

            .header > .ai-entry > .close-btn::after {
                content: '';
                display: inline-block;
                width: .625rem;
                height: .125rem;
                box-sizing: border-box;
                border-radius: 1px;
                background-color: white;
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 102;
                transform-origin: top left;
                transform: rotate(-45deg) translate(-50%,-50%);
                transition-property: background-color,opacity;
                transition-duration: .2s;
                transition-timing-function: ease;
            }

            .header > .ai-entry > .close-btn:hover {
                color: var(--font-color5);
                background: var(--primary-color1);
                opacity: 1;
            }

                .header > .ai-entry > .close-btn:hover::before {
                    background-color: var(--font-color5);
                }

                .header > .ai-entry > .close-btn:hover::after {
                    background-color: var(--font-color5);
                }

.footer {
    width: 100%;
    box-sizing: border-box;
    padding: 1.5625rem 0 0 0;
    background: #e1e1e1;
    margin-top: 6.25rem;
    font-size: .875rem;
    text-align: center;
    line-height: 2.14285;
}

    .footer > .footer-cnt {
        display: block;
        text-align: center;
        font-size: .75rem;
        box-sizing: border-box;
        padding: 0 0 1.5625rem 0;
    }

        .footer > .footer-cnt .anchor-font5 {
            color: var(--font-color2);
        }

            .footer > .footer-cnt .anchor-font5:hover {
                color: var(--primary-font-color1-hover);
            }

        .footer > .footer-cnt .mail {
            display: inline-block;
            vertical-align: middle;
            width: 5.25rem;
        }

            .footer > .footer-cnt .mail > img {
                display: block;
                width: 100%;
            }

.tklabel-checkbox {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .tklabel-checkbox.disabled {
        cursor: pointer;
    }

        .tklabel-checkbox.disabled > .checkbox-label > .checkbox-desc, .tklabel-checkbox.disabled > .checkbox-label > .checkbox-icon, .tklabel-checkbox.disabled > .checkbox-label > .label-txt {
            cursor: not-allowed;
            opacity: .5;
        }

    .tklabel-checkbox > .checkbox-label > .checkbox-desc, .tklabel-checkbox > .checkbox-label > .checkbox-icon, .tklabel-checkbox > .checkbox-label > .label-txt {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .tklabel-checkbox > .checkbox-label > .checkbox-icon {
        width: .875rem;
        height: .875rem;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: .1875rem;
        text-align: center;
        line-height: 1;
        background: var(--bg-color3);
        border: 1px solid var(--font-color4);
        position: relative;
    }

    .tklabel-checkbox > .checkbox-label > .label-txt {
        font-size: .875rem;
        margin: 0 .375rem;
    }

    .tklabel-checkbox > .checkbox-label > .checkbox-desc {
        font-size: .75rem;
    }

    .tklabel-checkbox.checked > .checkbox-label > .checkbox-icon {
        border: var(--border2);
        color: var(--primary-font-color1);
    }

        .tklabel-checkbox.checked > .checkbox-label > .checkbox-icon::after {
            content: "";
            display: inline-block;
            width: .5rem;
            height: .25rem;
            border-width: 0 0 .125rem .125rem;
            border-style: solid;
            position: absolute;
            top: .1875rem;
            left: .125rem;
            -ms-transform: rotate(-45deg);
            -ms-transform-origin: center center;
            transform: rotate(-45deg);
            transform-origin: center center;
        }

    .tklabel-checkbox:hover > .checkbox-label > .checkbox-icon {
        border: var(--border2);
        color: var(--primary-font-color1);
    }

    .tklabel-checkbox.checkbox-default > .checkbox-label > .checkbox-icon {
        box-sizing: border-box;
        border-width: .0625rem;
        border-style: solid;
        border-radius: .1875rem;
        text-align: center;
        line-height: 1;
    }

    .tklabel-checkbox.checkbox-default.checked > .checkbox-label > .checkbox-icon::after {
        content: "";
        display: inline-block;
        width: .5rem;
        height: .25rem;
        border-width: 0 0 .125rem .125rem;
        border-style: solid;
        position: absolute;
        top: .1875rem;
        left: .125rem;
        -ms-transform: rotate(-45deg);
        -ms-transform-origin: center center;
        transform: rotate(-45deg);
        transform-origin: center center;
    }

    .tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon {
        border: var(--border2);
        color: var(--primary-font-color1);
    }

        .tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon::after {
            content: "";
            display: inline-block;
            width: .5rem;
            height: .25rem;
            border-width: 0 0 .125rem .125rem;
            border-style: solid;
            position: absolute;
            top: .1875rem;
            left: .125rem;
            -ms-transform: rotate(-45deg);
            -ms-transform-origin: center center;
            transform: rotate(-45deg);
            transform-origin: center center;
        }

    .tklabel-checkbox.checkbox-style2 > .checkbox-label > .checkbox-icon {
        box-sizing: border-box;
        border-width: .0625rem;
        border-style: solid;
        border-radius: .1875rem;
        text-align: center;
        line-height: 1;
        border: 1px solid var(--font-color4);
        background: var(--bg-color3);
    }

        .tklabel-checkbox.checkbox-style2 > .checkbox-label > .checkbox-icon:hover {
            border-color: var(--primary-color1-hover);
        }

    .tklabel-checkbox.checkbox-style2:hover > .checkbox-label > .checkbox-icon {
        border-color: var(--primary-color1-hover);
    }

    .tklabel-checkbox.checkbox-style2 > input[checked="checked"] + .checkbox-label > .checkbox-icon {
        border-color: var(--primary-color1-hover);
    }

    .tklabel-checkbox.checkbox-style2.checked > .checkbox-label > .checkbox-icon {
        position: relative;
        border-color: var(--primary-color1-hover);
    }

        .tklabel-checkbox.checkbox-style2.checked > .checkbox-label > .checkbox-icon::before {
            content: "";
            display: inline-block;
            width: .5rem;
            height: .25rem;
            border-width: 0 0 .125rem .125rem;
            border-style: solid;
            border-color: var(--primary-color1-hover);
            -ms-transform: rotate(-45deg);
            -ms-transform-origin: center center;
            transform: rotate(-45deg);
            transform-origin: center center;
            position: absolute;
            top: .1875rem;
            left: .125rem;
        }

    .tklabel-checkbox .checkbox-blue-style > .checkbox-label > .checkbox-icon {
        background: url(../img/radio-blue.png) no-repeat 0 0;
    }

    .tklabel-checkbox .checkbox-blue-style.checked > .checkbox-label > .checkbox-icon {
        background-position: -22px 0;
    }

.ques-detail-box .dialog__cnt {
    padding: 0;
}

.ques-detail-pop {
    display: flex;
    flex-direction: column;
    width: 50rem;
}

    .ques-detail-pop > .ques-cnt {
        display: block;
        min-height: 31.25rem;
        max-height: 38.6875rem;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 1.875rem 1.375rem 0 1.875rem;
        text-align: left;
        box-sizing: border-box;
        font-size: .875rem;
        font-family: var(--font-family2);
        line-height: 2;
        white-space: normal;
        word-break: break-word;
    }

    .ques-detail-pop > .ctrl-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 5.5rem;
    }

@supports(gap:1.25rem) {
    .ques-detail-pop > .ctrl-bar {
        gap: 1.25rem;
    }
}

@supports not(gap:1.25rem) {
    .ques-detail-pop > .ctrl-bar > .btn:not(:last-child) {
        margin-right: 1.25rem;
    }
}

.ques-detail-pop > .ctrl-bar > .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.375rem;
    height: 1.75rem;
    box-sizing: border-box;
    border-radius: .25rem;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

    .ques-detail-pop > .ctrl-bar > .btn.detail-btn {
        background-color: var(--primary-color1);
        color: var(--font-color5);
    }

    .ques-detail-pop > .ctrl-bar > .btn.close-btn {
        border: 1px solid var(--primary-color1);
        color: var(--primary-font-color1);
    }

    .ques-detail-pop > .ctrl-bar > .btn:hover.detail-btn {
        background-color: var(--primary-color1-hover);
    }

    .ques-detail-pop > .ctrl-bar > .btn:hover.close-btn {
        border: 1px solid var(--primary-color1-hover);
        color: var(--primary-font-color1-hover);
    }

.fiexd-nav .quest-basket {
    display: block;
    width: 48vw;
    height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--bg-color3);
    box-shadow: -0.125rem 0 .3125rem 0 rgba(0,0,0,0.1);
    pointer-events: all;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

    .fiexd-nav .quest-basket .qb-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

        .fiexd-nav .quest-basket .qb-wrapper > .title-bar {
            display: flex;
            align-items: center;
            width: 100%;
            height: 1.5rem;
            box-sizing: border-box;
            padding: 0 1.25rem;
            margin-top: 1.5rem;
        }

@supports(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper > .title-bar {
        gap: 1.25rem;
    }
}

@supports not(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper > .title-bar > *:not(:last-child) {
        margin-right: 1.25rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper > .title-bar > .title-txt {
    display: inline-block;
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

.fiexd-nav .quest-basket .qb-wrapper > .title-bar > .total-txt {
    display: inline-flex;
    align-items: center;
    color: #333;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

    .fiexd-nav .quest-basket .qb-wrapper > .title-bar > .total-txt > em {
        font-style: normal;
    }

.fiexd-nav .quest-basket .qb-wrapper > .title-bar > .place {
    flex: 1;
}

.fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch {
    display: flex;
    align-items: center;
}

@supports(gap:.3125rem) {
    .fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch {
        gap: .3125rem;
    }
}

@supports not(gap:.3125rem) {
    .fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch > *:not(:last-child) {
        margin-right: .3125rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch.active > .switch-btn {
    background-color: var(--primary-bg-color1);
}

    .fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch.active > .switch-btn::before {
        left: 12px;
    }

.fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch > .switch-btn {
    display: inline-block;
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    background-color: #bbb;
    border-radius: .5rem;
}

    .fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch > .switch-btn::before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 2px;
        transform: translateY(-50%);
    }

.fiexd-nav .quest-basket .qb-wrapper > .title-bar > .switch > .switch-txt {
    display: inline-block;
    color: var(--font-color2);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.fiexd-nav .quest-basket .qb-wrapper .order-tabs {
    display: flex;
    height: 2.5rem;
    box-sizing: border-box;
    padding: .9375rem 1.25rem 0 1.25rem;
    border-bottom: .0625rem solid #f4f9ff;
}

@supports(gap:1.875rem) {
    .fiexd-nav .quest-basket .qb-wrapper .order-tabs {
        gap: 1.875rem;
    }
}

@supports not(gap:1.875rem) {
    .fiexd-nav .quest-basket .qb-wrapper .order-tabs > .order-tab {
        margin-right: 1.875rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .order-tabs .order-tab {
    display: inline-block;
    font-size: 1rem;
    color: var(--font-color2);
    line-height: 1;
    position: relative;
}

    .fiexd-nav .quest-basket .qb-wrapper .order-tabs .order-tab.active {
        font-weight: bold;
    }

        .fiexd-nav .quest-basket .qb-wrapper .order-tabs .order-tab.active::after {
            content: '';
            display: inline-block;
            width: 3rem;
            height: .125rem;
            background: var(--primary-bg-color1);
            border-radius: .0625rem;
            position: absolute;
            top: 100%;
            left: 50%;
            z-index: 10;
            transform: translateX(-50%);
        }

.fiexd-nav .quest-basket .qb-wrapper .basket-info {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-bottom: .0625rem solid #f4f9ff;
}

@supports(gap:1rem .9375rem) {
    .fiexd-nav .quest-basket .qb-wrapper .basket-info {
        gap: 1rem .9375rem;
        padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    }
}

@supports not(gap:1rem .9375rem) {
    .fiexd-nav .quest-basket .qb-wrapper .basket-info {
        padding: 1.25rem .3125rem 0 .25rem;
    }

        .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count {
            margin-right: .9375rem;
            margin-bottom: 1rem;
        }
}

.fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count {
    display: flex;
    align-items: center;
    width: 9.375rem;
    height: 1.875rem;
    background: #f2f2f2;
    border-radius: .25rem;
    box-sizing: border-box;
    padding: 0 1.25rem 0 .625rem;
    font-size: .875rem;
    color: var(--font-color2);
    line-height: 1;
    position: relative;
    cursor: pointer;
}

    .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count > * {
        pointer-events: none;
    }

    .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count > .qt-name {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
    }

    .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count > .qt-sum {
        max-width: 46%;
        text-align: right;
        color: var(--font-color4);
    }

        .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count > .qt-sum > em {
            font-style: normal;
            color: var(--primary-font-color1);
        }

    .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count > .close-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        pointer-events: all;
        width: .875rem;
        height: .875rem;
        overflow: hidden;
        background-color: #bbb;
        box-sizing: border-box;
        border-radius: 50%;
        font-size: .625rem;
        color: var(--font-color5);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

        .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count > .close-btn:hover {
            background-color: #fe0000;
        }

    .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count:hover {
        background-color: var(--primary-bg-hover-color1);
    }

        .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count:hover > .qt-name {
            color: var(--font-color5);
        }

        .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count:hover > .qt-sum {
            color: var(--font-color5);
        }

            .fiexd-nav .quest-basket .qb-wrapper .basket-info > .qt-count:hover > .qt-sum > em {
                color: var(--font-color5);
            }

.fiexd-nav .quest-basket .qb-wrapper .paper-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 1.25rem;
    position: relative;
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.25rem;
    }

@supports(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item {
        gap: 1.25rem;
    }
}

@supports not(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-title {
        margin-top: 1.25rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-title {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    color: var(--font-color2);
    line-height: 1;
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-title > .mini-qt-checkbox > .checkbox-label {
        display: flex;
    }

@supports(gap:.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-title > .mini-qt-checkbox > .checkbox-label {
        gap: .25rem;
    }
}

@supports not(gap:.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-title > .mini-qt-checkbox > .checkbox-label > .checkbox-icon {
        margin-right: .25rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-title > .mini-qt-checkbox.tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon {
    background-color: var(--primary-bg-color1);
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-title > .mini-qt-checkbox.tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon::after {
        width: .375rem;
        height: .1875rem;
        color: var(--bg-color3);
    }

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list {
    display: flex;
    flex-direction: column;
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item {
        display: flex;
        position: relative;
        background-color: var(--bg-color3);
    }

@supports(gap:.625rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .mini-ques-checkbox {
        margin-right: .625rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .mini-ques-checkbox {
    margin-top: 1.25rem;
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .mini-ques-checkbox.tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon {
        background-color: var(--primary-bg-color1);
    }

        .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .mini-ques-checkbox.tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon::after {
            width: .375rem;
            height: .1875rem;
            color: var(--bg-color3);
        }

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .mini-ques-checkbox .checkbox-label > .checkbox-icon {
        border-color: var(--primary-color1);
    }

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest {
    flex: 1;
    display: flex;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: .3125rem;
    padding: 1.125rem 1.25rem 1.375rem 1.25rem;
    cursor: pointer;
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__cnt {
            width: 100%;
            max-height: 12.25rem;
            overflow: hidden;
            font-size: .875rem;
            word-break: break-word;
        }

            .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__cnt > * {
                pointer-events: none;
            }

        .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info {
            display: none;
            flex-direction: column;
            justify-content: center;
            min-height: 2.375rem;
            box-sizing: border-box;
            padding-top: 1.375rem;
            padding-right: 20%;
        }

@supports(gap:10px) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info {
        gap: 10px;
    }
}

@supports not(gap:10px) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .knowledge-box {
        margin-bottom: .625rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .knowledge-box {
    display: flex;
    flex-wrap: wrap;
    font-size: .75rem;
}

@supports(gap:.625rem 1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .knowledge-box {
        gap: .625rem 1.25rem;
    }
}

@supports not(gap:.625rem 1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .knowledge-box > .knowledge-item {
        margin-right: 1.25rem;
        margin-bottom: .625rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .knowledge-box > .knowledge-item > .knowledge-name {
    font-size: .75rem;
    font-weight: 400;
    color: var(--font-color4);
    line-height: 1;
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .knowledge-box > .knowledge-item > .knowledge-name:hover {
        color: var(--primary-font-color1-hover);
    }

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .knowledge-box > .knowledge-item > .knowledge-explain {
    display: none;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .info-box {
    display: flex;
    align-items: center;
}

@supports(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .info-box {
        gap: 1.25rem;
    }
}

@supports not(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .info-box > .ques-src {
        margin-right: 1.25rem;
    }

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .info-box > .ques-type {
        margin-right: 1.25rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .info-box > .ques-src {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    font-weight: 400;
    color: var(--primary-font-color1);
    line-height: 1;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .info-box > .ques-type {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    font-weight: 400;
    color: var(--font-color3);
    line-height: 1;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .wrapper > .exam-item__info .info-box > .ques-hard {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    font-weight: 400;
    color: var(--font-color3);
    line-height: 1;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box {
    display: flex;
    align-items: flex-end;
    padding: 0;
    position: absolute;
    bottom: 1.4375rem;
    right: 1.375rem;
    opacity: 0;
    pointer-events: none;
}

@supports(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box {
        gap: 1.25rem;
    }
}

@supports not(gap:1.25rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > *:not(:last-child) {
        margin-right: 1.25rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .add-zj-btn {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
}

@supports(gap:.3125rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .add-zj-btn {
        gap: .3125rem;
    }
}

@supports not(gap:.3125rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .add-zj-btn > i {
        margin-right: .3125rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .add-zj-btn > .icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDI1Ij4KPGcgaWQ9IlVuaW9uIj4KPHBhdGggZD0iTTQuNSA2QzQuMjIzODYgNiA0IDYuMjIzODYgNCA2LjVDNCA2Ljc3NjE0IDQuMjIzODYgNyA0LjUgN0g5LjE2NjY3QzkuNDQyODEgNyA5LjY2NjY3IDYuNzc2MTQgOS42NjY2NyA2LjVDOS42NjY2NyA2LjIyMzg2IDkuNDQyODEgNiA5LjE2NjY3IDZINC41WiIgZmlsbD0iIzI4NzdGRiIvPgo8cGF0aCBkPSJNNCA5LjE2Njk5QzQgOC44OTA4NSA0LjIyMzg2IDguNjY2OTkgNC41IDguNjY2OTlINy4xNjY2N0M3LjQ0MjgxIDguNjY2OTkgNy42NjY2NyA4Ljg5MDg1IDcuNjY2NjcgOS4xNjY5OUM3LjY2NjY3IDkuNDQzMTMgNy40NDI4MSA5LjY2Njk5IDcuMTY2NjcgOS42NjY5OUg0LjVDNC4yMjM4NiA5LjY2Njk5IDQgOS40NDMxMyA0IDkuMTY2OTlaIiBmaWxsPSIjMjg3N0ZGIi8+CjwvZz4KPHBhdGggaWQ9IlVuaW9uXzIiIGQ9Ik04LjUgMTIuMzMzM0M4LjIyMzg2IDEyLjMzMzMgOCAxMi41NTcyIDggMTIuODMzM0M4IDEzLjEwOTUgOC4yMjM4NiAxMy4zMzMzIDguNSAxMy4zMzMzSDEzLjE2NjdDMTMuNDQyOCAxMy4zMzMzIDEzLjY2NjcgMTMuMTA5NSAxMy42NjY3IDEyLjgzMzNDMTMuNjY2NyAxMi41NTcyIDEzLjQ0MjggMTIuMzMzMyAxMy4xNjY3IDEyLjMzMzNIOC41WiIgZmlsbD0iIzI4NzdGRiIvPgo8cGF0aCBpZD0iVW5pb25fMyIgZD0iTTEwLjMzMzMgMTUuMTY2N0MxMC4zMzMzIDE1LjQ0MjggMTAuNTU3MiAxNS42NjY3IDEwLjgzMzMgMTUuNjY2N0MxMS4xMDk1IDE1LjY2NjcgMTEuMzMzMyAxNS40NDI4IDExLjMzMzMgMTUuMTY2N0wxMS4zMzMzIDEwLjVDMTEuMzMzMyAxMC4yMjM4IDExLjEwOTUgOS45OTk5OSAxMC44MzMzIDkuOTk5OTlDMTAuNTU3MiA5Ljk5OTk5IDEwLjMzMzMgMTAuMjIzOCAxMC4zMzMzIDEwLjVMMTAuMzMzMyAxNS4xNjY3WiIgZmlsbD0iIzI4NzdGRiIvPgo8cGF0aCBpZD0iUmVjdGFuZ2xlIDIiIGQ9Ik0xMyA4LjQ2NjY3VjUuMTY3ODlDMTMgNC44OTA3IDEyLjg4NSA0LjYyNTk2IDEyLjY4MjMgNC40MzY4M0wxMS41IDMuMzMzMzNMOS4yODgxNiAxLjI2ODk0QzkuMTAyOTggMS4wOTYxMiA4Ljg1OTEzIDEgOC42MDU4NCAxSDNDMi40NDc3MiAxIDIgMS40NDc3MiAyIDJWMTRDMiAxNC41NTIzIDIuNDQ3NzIgMTUgMyAxNUg3LjUiIHN0cm9rZT0iIzI4NzdGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGlkPSJSZWN0YW5nbGUgMyIgZD0iTTExLjUgMy4zMzMzM0w5IDFWNC43MzMzM0gxM0wxMS41IDMuMzMzMzNaIiBzdHJva2U9IiMyODc3RkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .add-zj-btn > span {
    pointer-events: none;
    color: var(--primary-font-color1);
    word-break: keep-all;
    white-space: nowrap;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .delete-btn {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
}

@supports(gap:.3125rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .delete-btn {
        gap: .3125rem;
    }
}

@supports not(gap:.3125rem) {
    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .delete-btn > i {
        margin-right: .3125rem;
    }
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .delete-btn > i {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IiYjMjI5OyYjMTg5OyYjMTYyOyYjMjMxOyYjMTM4OyYjMTgyOyYjMjMxOyYjMTg3OyYjMTQ3OyYjMjI5OyYjMTQ0OyYjMTM2OyIgZD0iTTEwIDBDMTEuMTA0NiAwIDEyIDAuODk1NDMgMTIgMkgxNS41QzE1Ljc3NjEgMiAxNiAyLjIyMzg2IDE2IDIuNUMxNiAyLjc0NTQ2IDE1LjgyMzEgMi45NDk4NSAxNS41ODk4IDIuOTkyMTlMMTUuNSAzSDE0VjE0QzE0IDE1LjEwNDYgMTMuMTA0NiAxNiAxMiAxNkg0QzIuODk1NDMgMTYgMiAxNS4xMDQ2IDIgMTRWM0gwLjVDMC4yMjM4NTggMyAwIDIuNzc2MTQgMCAyLjVDMCAyLjI1NDU0IDAuMTc2OTA3IDIuMDUwMTUgMC40MTAxNTYgMi4wMDc4MUwwLjUgMkg0QzQgMC44OTU0MyA0Ljg5NTQzIDAgNiAwSDEwWk0zIDE0QzMgMTQuNTEyOCAzLjM4NjQ1IDE0LjkzNTQgMy44ODM3OSAxNC45OTMyTDQgMTVIMTJDMTIuNTEyOCAxNSAxMi45MzU0IDE0LjYxMzUgMTIuOTkzMiAxNC4xMTYyTDEzIDE0VjNIM1YxNFpNNSA1QzUuMjQ1NDYgNSA1LjQ0OTg1IDUuMTc2OTEgNS40OTIxOSA1LjQxMDE2TDUuNSA1LjVWMTIuNUM1LjUgMTIuNzc2MSA1LjI3NjE0IDEzIDUgMTNDNC43NTQ1NCAxMyA0LjU1MDE1IDEyLjgyMzEgNC41MDc4MSAxMi41ODk4TDQuNSAxMi41VjUuNUM0LjUgNS4yMjM4NiA0LjcyMzg2IDUgNSA1Wk04IDVDOC4yNDU0NiA1IDguNDQ5ODUgNS4xNzY5MSA4LjQ5MjE5IDUuNDEwMTZMOC41IDUuNVYxMi41QzguNSAxMi43NzYxIDguMjc2MTQgMTMgOCAxM0M3Ljc1NDU0IDEzIDcuNTUwMTUgMTIuODIzMSA3LjUwNzgxIDEyLjU4OThMNy41IDEyLjVWNS41QzcuNSA1LjIyMzg2IDcuNzIzODYgNSA4IDVaTTExIDVDMTEuMjQ1NSA1IDExLjQ0OTkgNS4xNzY5MSAxMS40OTIyIDUuNDEwMTZMMTEuNSA1LjVWMTIuNUMxMS41IDEyLjc3NjEgMTEuMjc2MSAxMyAxMSAxM0MxMC43NTQ1IDEzIDEwLjU1MDEgMTIuODIzMSAxMC41MDc4IDEyLjU4OThMMTAuNSAxMi41VjUuNUMxMC41IDUuMjIzODYgMTAuNzIzOSA1IDExIDVaTTYgMUM1LjQ4NzE2IDEgNS4wNjQ2IDEuMzg2NDUgNS4wMDY4NCAxLjg4Mzc5TDUgMkgxMUMxMSAxLjQ4NzE2IDEwLjYxMzUgMS4wNjQ2IDEwLjExNjIgMS4wMDY4NEwxMCAxSDZaIiBmaWxsPSIjMjg3N0ZGIi8+Cjwvc3ZnPgo=) no-repeat;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest > .ctrl-box > .delete-btn > span {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    word-break: keep-all;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 400;
    color: var(--primary-font-color1);
    line-height: 1;
}

.fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest:hover {
    border-color: var(--primary-color1);
}

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest:hover > .wrapper > .exam-item__info {
        display: flex;
    }

    .fiexd-nav .quest-basket .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item .tk-mini-quest:hover > .ctrl-box {
        opacity: 1;
        pointer-events: all;
    }

.fiexd-nav .quest-basket.collect-ques .qb-wrapper {
    box-sizing: border-box;
    padding-bottom: 6.25rem;
}

    .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item {
        box-sizing: border-box;
        border-radius: .3125rem;
        border: .0625rem solid transparent;
    }

        .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item:hover {
            border-color: var(--primary-color1);
        }

            .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item:hover > .tk-mini-quest > .ctrl-box {
                opacity: 1;
                bottom: .125rem;
            }

        .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest {
            display: flex;
            flex-direction: column;
            border: 0;
            padding: 0;
            margin-bottom: .375rem;
            box-sizing: border-box;
            padding: 1.125rem 1.25rem 1.375rem 1.25rem;
        }

@supports(gap:.375rem) {
    .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest {
        gap: .375rem;
    }
}

@supports not(gap:.375rem) {
    .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .wrapper {
        margin-bottom: .375rem;
    }
}

.fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .wrapper {
    padding: .375rem;
}

.fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 0;
}

    .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box > .date-txt {
        flex: 1;
        text-align: left;
        font-size: .75rem;
        font-weight: 400;
        color: #999;
        line-height: .75rem;
    }

    .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box > .addques {
        color: var(--primary-font-color1-hover) !important;
        border-color: var(--primary-color1-hover) !important;
    }

    .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box > .remove-ques-btn {
        display: block;
        width: 5.25rem;
        height: 1.5rem;
        border-radius: .25rem;
        border: var(--border1);
        font-size: .875rem;
        font-weight: 400;
        text-align: center;
        line-height: 1.5rem;
        color: var(--font-color2);
    }

        .fiexd-nav .quest-basket.collect-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box > .remove-ques-btn:hover {
            color: var(--primary-font-color1-hover);
            border-color: var(--primary-color1-hover);
        }

.fiexd-nav .quest-basket.download-ques .qb-wrapper {
    box-sizing: border-box;
    padding-bottom: 6.25rem;
}

    .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item {
        box-sizing: border-box;
        border-radius: .3125rem;
        border: .0625rem solid transparent;
    }

        .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item:hover {
            border-color: var(--primary-color1);
        }

            .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item:hover > .tk-mini-quest > .ctrl-box {
                opacity: 1;
                bottom: .125rem;
            }

        .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest {
            display: flex;
            flex-direction: column;
            border: 0;
            padding: 0;
            margin-bottom: .375rem;
            box-sizing: border-box;
            padding: 1.125rem 1.25rem 1.375rem 1.25rem;
        }

@supports(gap:.375rem) {
    .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest {
        gap: .375rem;
    }
}

@supports not(gap:.375rem) {
    .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .wrapper {
        margin-bottom: .375rem;
    }
}

.fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .wrapper {
    padding: .375rem;
}

.fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 2.5rem;
    border-bottom: 0;
}

    .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box > .addques {
        color: var(--primary-font-color1-hover) !important;
        border-color: var(--primary-color1-hover) !important;
    }

    .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box > .remove-ques-btn {
        display: block;
        width: 5.25rem;
        height: 1.5rem;
        border-radius: .25rem;
        border: var(--border1);
        font-size: .875rem;
        font-weight: 400;
        text-align: center;
        line-height: 1.5rem;
        color: var(--font-color2);
    }

        .fiexd-nav .quest-basket.download-ques .qb-wrapper .paper-box > .sec-item > .sec-list > .mini-quest-item > .tk-mini-quest > .ctrl-box > .remove-ques-btn:hover {
            color: var(--primary-font-color1-hover);
            border-color: var(--primary-color1-hover);
        }

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 1rem 1.25rem;
    border-top: .0625rem solid #f5f6f7;
}

@supports(gap:.625rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > *:not(:last-child) {
        margin-bottom: .625rem;
    }
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .other-ctrl {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 1.5rem;
}

@supports(gap:.625rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .other-ctrl {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .other-ctrl > *:not(:last-child) {
        margin-right: .625rem;
    }
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .other-ctrl > .txt {
    display: inline-block;
    color: var(--font-color2);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .other-ctrl > .go-edit-btn {
    display: inline-block;
    color: var(--primary-font-color1);
    text-align: right;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper {
    display: flex;
    align-items: center;
}

@supports(gap:1.25rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper {
        gap: 1.25rem;
    }
}

@supports not(gap:1.25rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox {
        margin-right: 1.25rem;
    }

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .selected-count {
        margin-right: 1.25rem;
    }

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download {
        margin-right: 1.25rem;
    }
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox > .checkbox-label {
    display: flex;
    align-items: center;
}

@supports(gap:.25rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox > .checkbox-label {
        gap: .25rem;
    }
}

@supports not(gap:.25rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox > .checkbox-label > .checkbox-icon {
        margin-right: .25rem;
    }
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox > .checkbox-label > .checkbox-icon {
    border-color: var(--primary-color1);
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox > .checkbox-label > .label-txt {
    font-weight: 500;
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon {
    background-color: var(--primary-bg-color1);
}

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .tklabel-checkbox > input[checked="checked"] + .checkbox-label > .checkbox-icon::after {
        width: .375rem;
        height: .1875rem;
        color: var(--bg-color3);
    }

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .selected-count {
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    color: var(--font-color2);
    line-height: 1;
}

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .selected-count > em {
        font-style: normal;
        color: var(--primary-font-color1);
    }

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .selected-child-count {
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    color: var(--font-color2);
    line-height: 1;
}

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .selected-child-count > em {
        font-style: normal;
        color: var(--primary-font-color1);
    }

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .place {
    flex: 1;
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .delete-btn {
    display: flex;
    align-items: center;
}

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .delete-btn > .icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IiYjMjI5OyYjMTg5OyYjMTYyOyYjMjMxOyYjMTM4OyYjMTgyOyYjMjMxOyYjMTg3OyYjMTQ3OyYjMjI5OyYjMTQ0OyYjMTM2OyIgZD0iTTEwIDBDMTEuMTA0NiAwIDEyIDAuODk1NDMgMTIgMkgxNS41QzE1Ljc3NjEgMiAxNiAyLjIyMzg2IDE2IDIuNUMxNiAyLjc0NTQ2IDE1LjgyMzEgMi45NDk4NSAxNS41ODk4IDIuOTkyMTlMMTUuNSAzSDE0VjE0QzE0IDE1LjEwNDYgMTMuMTA0NiAxNiAxMiAxNkg0QzIuODk1NDMgMTYgMiAxNS4xMDQ2IDIgMTRWM0gwLjVDMC4yMjM4NTggMyAwIDIuNzc2MTQgMCAyLjVDMCAyLjI1NDU0IDAuMTc2OTA3IDIuMDUwMTUgMC40MTAxNTYgMi4wMDc4MUwwLjUgMkg0QzQgMC44OTU0MyA0Ljg5NTQzIDAgNiAwSDEwWk0zIDE0QzMgMTQuNTEyOCAzLjM4NjQ1IDE0LjkzNTQgMy44ODM3OSAxNC45OTMyTDQgMTVIMTJDMTIuNTEyOCAxNSAxMi45MzU0IDE0LjYxMzUgMTIuOTkzMiAxNC4xMTYyTDEzIDE0VjNIM1YxNFpNNSA1QzUuMjQ1NDYgNSA1LjQ0OTg1IDUuMTc2OTEgNS40OTIxOSA1LjQxMDE2TDUuNSA1LjVWMTIuNUM1LjUgMTIuNzc2MSA1LjI3NjE0IDEzIDUgMTNDNC43NTQ1NCAxMyA0LjU1MDE1IDEyLjgyMzEgNC41MDc4MSAxMi41ODk4TDQuNSAxMi41VjUuNUM0LjUgNS4yMjM4NiA0LjcyMzg2IDUgNSA1Wk04IDVDOC4yNDU0NiA1IDguNDQ5ODUgNS4xNzY5MSA4LjQ5MjE5IDUuNDEwMTZMOC41IDUuNVYxMi41QzguNSAxMi43NzYxIDguMjc2MTQgMTMgOCAxM0M3Ljc1NDU0IDEzIDcuNTUwMTUgMTIuODIzMSA3LjUwNzgxIDEyLjU4OThMNy41IDEyLjVWNS41QzcuNSA1LjIyMzg2IDcuNzIzODYgNSA4IDVaTTExIDVDMTEuMjQ1NSA1IDExLjQ0OTkgNS4xNzY5MSAxMS40OTIyIDUuNDEwMTZMMTEuNSA1LjVWMTIuNUMxMS41IDEyLjc3NjEgMTEuMjc2MSAxMyAxMSAxM0MxMC43NTQ1IDEzIDEwLjU1MDEgMTIuODIzMSAxMC41MDc4IDEyLjU4OThMMTAuNSAxMi41VjUuNUMxMC41IDUuMjIzODYgMTAuNzIzOSA1IDExIDVaTTYgMUM1LjQ4NzE2IDEgNS4wNjQ2IDEuMzg2NDUgNS4wMDY4NCAxLjg4Mzc5TDUgMkgxMUMxMSAxLjQ4NzE2IDEwLjYxMzUgMS4wNjQ2IDEwLjExNjIgMS4wMDY4NEwxMCAxSDZaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=) no-repeat;
        background-size: 100% 100%;
        margin-right: 5px;
    }

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .delete-btn > span {
        display: inline-block;
        color: var(--font-color2);
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
    }

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .delete-btn:hover > .icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IiYjMjI5OyYjMTg5OyYjMTYyOyYjMjMxOyYjMTM4OyYjMTgyOyYjMjMxOyYjMTg3OyYjMTQ3OyYjMjI5OyYjMTQ0OyYjMTM2OyIgZD0iTTEwIDBDMTEuMTA0NiAwIDEyIDAuODk1NDMgMTIgMkgxNS41QzE1Ljc3NjEgMiAxNiAyLjIyMzg2IDE2IDIuNUMxNiAyLjc0NTQ2IDE1LjgyMzEgMi45NDk4NSAxNS41ODk4IDIuOTkyMTlMMTUuNSAzSDE0VjE0QzE0IDE1LjEwNDYgMTMuMTA0NiAxNiAxMiAxNkg0QzIuODk1NDMgMTYgMiAxNS4xMDQ2IDIgMTRWM0gwLjVDMC4yMjM4NTggMyAwIDIuNzc2MTQgMCAyLjVDMCAyLjI1NDU0IDAuMTc2OTA3IDIuMDUwMTUgMC40MTAxNTYgMi4wMDc4MUwwLjUgMkg0QzQgMC44OTU0MyA0Ljg5NTQzIDAgNiAwSDEwWk0zIDE0QzMgMTQuNTEyOCAzLjM4NjQ1IDE0LjkzNTQgMy44ODM3OSAxNC45OTMyTDQgMTVIMTJDMTIuNTEyOCAxNSAxMi45MzU0IDE0LjYxMzUgMTIuOTkzMiAxNC4xMTYyTDEzIDE0VjNIM1YxNFpNNSA1QzUuMjQ1NDYgNSA1LjQ0OTg1IDUuMTc2OTEgNS40OTIxOSA1LjQxMDE2TDUuNSA1LjVWMTIuNUM1LjUgMTIuNzc2MSA1LjI3NjE0IDEzIDUgMTNDNC43NTQ1NCAxMyA0LjU1MDE1IDEyLjgyMzEgNC41MDc4MSAxMi41ODk4TDQuNSAxMi41VjUuNUM0LjUgNS4yMjM4NiA0LjcyMzg2IDUgNSA1Wk04IDVDOC4yNDU0NiA1IDguNDQ5ODUgNS4xNzY5MSA4LjQ5MjE5IDUuNDEwMTZMOC41IDUuNVYxMi41QzguNSAxMi43NzYxIDguMjc2MTQgMTMgOCAxM0M3Ljc1NDU0IDEzIDcuNTUwMTUgMTIuODIzMSA3LjUwNzgxIDEyLjU4OThMNy41IDEyLjVWNS41QzcuNSA1LjIyMzg2IDcuNzIzODYgNSA4IDVaTTExIDVDMTEuMjQ1NSA1IDExLjQ0OTkgNS4xNzY5MSAxMS40OTIyIDUuNDEwMTZMMTEuNSA1LjVWMTIuNUMxMS41IDEyLjc3NjEgMTEuMjc2MSAxMyAxMSAxM0MxMC43NTQ1IDEzIDEwLjU1MDEgMTIuODIzMSAxMC41MDc4IDEyLjU4OThMMTAuNSAxMi41VjUuNUMxMC41IDUuMjIzODYgMTAuNzIzOSA1IDExIDVaTTYgMUM1LjQ4NzE2IDEgNS4wNjQ2IDEuMzg2NDUgNS4wMDY4NCAxLjg4Mzc5TDUgMkgxMUMxMSAxLjQ4NzE2IDEwLjYxMzUgMS4wNjQ2IDEwLjExNjIgMS4wMDY4NEwxMCAxSDZaIiBmaWxsPSIjMjg3N0ZGIi8+Cjwvc3ZnPgo=) no-repeat;
    }

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .delete-btn:hover > span {
        color: var(--primary-font-color1-hover);
    }

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download {
    display: inline-flex;
    align-items: center;
}

@supports(gap:.25rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download {
        gap: .25rem;
    }
}

@supports not(gap:.25rem) {
    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download > i {
        margin-right: .25rem;
    }

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download > span.icon {
        margin-left: .25rem;
    }
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download > i {
    font-size: .875rem;
    color: var(--font-color2);
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download > span {
    font-size: .875rem;
    color: var(--font-color2);
}

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download > span.icon {
        font-size: .875rem;
        color: #979797;
    }

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download:hover > i {
    color: var(--primary-font-color1-hover);
}

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download:hover > span {
    color: var(--primary-font-color1-hover);
}

    .fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .quick-download:hover > span.icon {
        color: var(--primary-font-color1-hover);
    }

.fiexd-nav .quest-basket > .qb-wrapper > .ctrl-box > .wrapper > .goto-paper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.5rem;
    height: 2.5rem;
    background: var(--primary-bg-color1);
    border-radius: .375rem;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1;
    letter-spacing: 1px;
}

.fiexd-nav .quest-basket .quest-basket-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}

    .fiexd-nav .quest-basket .quest-basket-loading > .wrapper > .pic {
        display: inline-block;
        width: 4.75rem;
        height: 4.75rem;
        margin-bottom: .625rem;
    }

        .fiexd-nav .quest-basket .quest-basket-loading > .wrapper > .pic > img {
            display: block;
            width: 100%;
        }

    .fiexd-nav .quest-basket .quest-basket-loading > .wrapper > .txt {
        display: block;
        text-align: center;
        font-size: .875rem;
        font-weight: 400;
        color: var(--font-color4);
        line-height: 1;
    }

.fiexd-nav .quest-basket .empty-box.qb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color3);
}

    .fiexd-nav .quest-basket .empty-box.qb > .wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .fiexd-nav .quest-basket .empty-box.qb > .wrapper > .pic {
            display: inline-block;
            width: 14.5rem;
            height: 7.9375rem;
            overflow: hidden;
            margin-bottom: 1.5rem;
        }

            .fiexd-nav .quest-basket .empty-box.qb > .wrapper > .pic > img {
                display: block;
                width: 100%;
            }

        .fiexd-nav .quest-basket .empty-box.qb > .wrapper > .msg {
            display: block;
            color: var(--font-color4);
            text-align: center;
            font-size: .75rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
        }

.tk-dialog > .wrapper > .box.pop-continue-box .dialog-btn-box {
    flex-flow: row-reverse;
    height: 4.875rem;
}

.tk-dialog > .wrapper > .box.pop-continue-box .pop-clear-bag {
    height: 7.75rem;
}

.tk-dialog > .wrapper > .box.add-ques-pop .dialog-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25rem;
}

@supports(gap:2.5rem) {
    .tk-dialog > .wrapper > .box.add-ques-pop .dialog-btn-box {
        gap: 2.5rem;
    }
}

@supports not(gap:2.5rem) {
    .tk-dialog > .wrapper > .box.add-ques-pop .dialog-btn-box > *:not(:last-child) {
        margin-right: 2.5rem;
    }
}

.tk-dialog > .wrapper > .box.add-ques-pop .dialog-btn-box > .dialog-btn {
    margin: 0;
    width: 5.375rem;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: var(--borderRadius2);
}

.tk-dialog > .wrapper > .box.add-ques-pop .add-ques-pop-content {
    display: flex;
    width: 28.125rem;
    text-align: left;
}

    .tk-dialog > .wrapper > .box.add-ques-pop .add-ques-pop-content > .wrapper {
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
        margin-bottom: .75rem;
        box-sizing: border-box;
        padding: 0 .625rem;
    }

@supports(gap:.9375rem) {
    .tk-dialog > .wrapper > .box.add-ques-pop .add-ques-pop-content > .wrapper {
        gap: .9375rem;
    }
}

@supports not(gap:.9375rem) {
    .tk-dialog > .wrapper > .box.add-ques-pop .add-ques-pop-content > .wrapper > *:not(:last-child) {
        margin-bottom: .9375rem;
    }
}

.tk-dialog > .wrapper > .box.add-ques-pop .add-ques-pop-content > .wrapper > .title-txt {
    display: inline-block;
    color: var(--font-color2);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tk-dialog > .wrapper > .box.add-ques-pop .add-ques-pop-content > .wrapper > .prompt-txt {
    color: var(--font-color4);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.57143;
    letter-spacing: .025rem;
}

.tk-dialog > .wrapper > .box.draft-edit-pop .dialog-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.875rem;
}

@supports(gap:40px) {
    .tk-dialog > .wrapper > .box.draft-edit-pop .dialog-btn-box {
        gap: 40px;
    }
}

@supports not(gap:40px) {
    .tk-dialog > .wrapper > .box.draft-edit-pop .dialog-btn-box > *:not(:last-child) {
        margin-right: 40px;
    }
}

.tk-dialog > .wrapper > .box.draft-edit-pop .dialog-btn-box > .dialog-btn {
    margin: 0;
    width: 5.375rem;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: var(--borderRadius2);
}

.tk-dialog > .wrapper > .box.draft-edit-pop .draft-edit-pop-content {
    display: flex;
    width: 28.125rem;
    text-align: left;
}

    .tk-dialog > .wrapper > .box.draft-edit-pop .draft-edit-pop-content > .wrapper {
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
        margin-bottom: .75rem;
        box-sizing: border-box;
        padding: 0 .625rem;
    }

@supports(gap:.9375rem) {
    .tk-dialog > .wrapper > .box.draft-edit-pop .draft-edit-pop-content > .wrapper {
        gap: .9375rem;
    }
}

@supports not(gap:.9375rem) {
    .tk-dialog > .wrapper > .box.draft-edit-pop .draft-edit-pop-content > .wrapper > *:not(:last-child) {
        margin-bottom: .9375rem;
    }
}

.tk-dialog > .wrapper > .box.draft-edit-pop .draft-edit-pop-content > .wrapper > .title-txt {
    display: inline-block;
    color: var(--font-color2);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tk-dialog > .wrapper > .box.draft-edit-pop .draft-edit-pop-content > .wrapper > .prompt-txt {
    display: flex;
    align-items: center;
    color: var(--font-color4);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.57143;
    letter-spacing: .025rem;
}

    .tk-dialog > .wrapper > .box.draft-edit-pop .draft-edit-pop-content > .wrapper > .prompt-txt > .icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        text-align: center;
        line-height: 1rem;
    }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list {
    display: none;
    flex-direction: column;
    width: 17.9375rem;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.11);
    border-radius: .375rem;
    position: absolute;
    top: .625rem;
    left: -18.5rem;
    z-index: 500;
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent transparent var(--bg-color3);
        border-width: .3125rem 0 .3125rem .375rem;
        box-shadow: 1px 0 5px 0 rgba(0,0,0,0.07);
        position: absolute;
        top: .75rem;
        right: -0.375rem;
        z-index: 501;
    }

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list::after {
        content: "";
        width: 2rem;
        height: 100%;
        background-color: rgba(255,0,0,0);
        position: absolute;
        top: 0;
        right: -1rem;
        z-index: 502;
    }

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-list-hd {
        display: flex;
        align-items: center;
        height: 1.875rem;
        box-sizing: border-box;
        padding: 0 1.25rem;
        border-radius: .375rem .375rem 0 0;
        background: var(--bg-color3);
        border-bottom: 1px solid var(--line-color1);
        font-size: .75rem;
        line-height: 1;
        text-align: center;
        color: var(--font-color2);
    }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-list-hd > span {
            display: inline-block;
            vertical-align: middle;
        }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-list-hd > .ques-sum {
            flex: 6;
            box-sizing: border-box;
            text-align: left;
            color: var(--font-color2);
        }

            .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-list-hd > .ques-sum > em {
                font-style: normal;
                color: var(--font-color2);
            }

                .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-list-hd > .ques-sum > em.selected-num {
                    color: var(--primary-font-color1);
                }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-list-hd > .hard {
            flex: 4;
            box-sizing: border-box;
            text-align: right;
            color: var(--font-color2);
        }

            .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-list-hd > .hard > em {
                font-style: normal;
                color: var(--error-color1);
            }

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 1.875rem;
        box-sizing: border-box;
        padding: 20px 0;
        background-color: var(--bg-color3);
    }

@supports(gap:.9375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt {
        gap: .9375rem;
    }
}

@supports not(gap:.9375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt > .item {
        margin-bottom: .9375rem;
    }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt > .item:last-child {
            margin-bottom: 0;
        }
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item {
    display: flex;
    align-items: center;
    font-size: 0;
    box-sizing: border-box;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

@supports(gap:.625rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item > div {
        margin-right: .625rem;
    }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item > div:last-child {
            margin-right: 0;
        }
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-title, .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-bar, .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-sum, .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-delete {
    font-size: .75rem;
    color: var(--font-color2);
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-title {
    width: 25%;
    min-width: 21%;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    box-sizing: border-box;
    margin-right: -0.1875rem;
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-title > span {
        width: 4rem;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
    }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-bar {
    flex: 1;
    height: .25rem;
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-bar > .bilibox {
        display: block;
        width: 100%;
        height: .25rem;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: .125rem;
        font-size: 0;
        text-align: left;
        position: relative;
        background-color: #dbdbdb;
    }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-bar > .bilibox > .bilibg {
            display: inline-block;
            height: 100%;
            border-radius: .125rem;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 200;
            background-color: var(--primary-bg-color1);
        }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-sum {
    min-width: 10%;
    max-width: 4rem;
    text-align: right;
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-sum > span {
        width: 2.25rem;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
    }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-delete {
    box-sizing: border-box;
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-delete > a {
        font-size: .75rem;
        word-break: keep-all;
        white-space: nowrap;
        color: var(--primary-font-color1);
    }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .panel-cnt .item .item-delete > a:hover {
            color: var(--primary-font-color1-hover);
        }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn {
    display: flex;
    align-items: center;
    height: 2.5rem;
    overflow: hidden;
    border-top: var(--border1);
    font-size: 0;
    line-height: 1;
    box-sizing: border-box;
    padding: 0 1.25rem;
    text-align: left;
}

@supports(gap:.625rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > a {
        margin-right: .625rem;
    }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > a:last-child {
            margin-right: 0;
        }
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .place {
    flex: 1;
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .clear-btn {
    display: inline-flex;
    align-items: center;
    background: transparent;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    color: var(--primary-font-color1);
}

@supports(gap:.375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .clear-btn {
        gap: .375rem;
    }
}

@supports not(gap:.375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .clear-btn > i {
        margin-right: .375rem;
    }
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .clear-btn:hover {
    color: var(--primary-font-color1-hover);
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .clear-btn > i {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    margin-top: .125rem;
    line-height: 1;
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .clear-btn > i + span {
        display: inline-flex;
        align-items: center;
        font-size: .75rem;
        word-break: keep-all;
        white-space: nowrap;
    }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .record-btn {
    display: inline-flex;
    align-items: center;
    background: transparent;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    color: var(--primary-font-color1);
}

@supports(gap:.375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .record-btn {
        gap: .375rem;
    }
}

@supports not(gap:.375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .record-btn > i {
        margin-right: .375rem;
    }
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .record-btn:hover {
    color: var(--primary-font-color1-hover);
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .record-btn > i {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    margin-top: .125rem;
    line-height: 1;
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .record-btn > i + span {
        display: inline-flex;
        align-items: center;
        font-size: .75rem;
        word-break: keep-all;
        white-space: nowrap;
    }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .enter-center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: 1.25rem;
    padding: 0 .75rem;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    background: var(--primary-bg-color1);
    color: var(--bg-color3);
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .newcart-list > .cart-btn > .enter-center:hover {
        background: var(--primary-bg-hover-color1);
    }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: .5625rem .625rem;
    border-radius: .375rem;
    background-color: var(--bg-color3);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.11);
    opacity: 1;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in;
    position: absolute;
    top: .75rem;
    right: 3.125rem;
    z-index: 500;
}

@supports(gap:.9375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info {
        gap: .9375rem;
    }
}

@supports not(gap:.9375rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item {
        margin-bottom: .9375rem;
    }

        .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item:last-child {
            margin-bottom: 0;
        }
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent var(--bg-color3);
    border-width: .3125rem 0 .3125rem .375rem;
    position: absolute;
    top: 50%;
    right: -0.375rem;
    transform: translateY(-50%);
    z-index: 501;
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info::after {
    content: "";
    width: 2rem;
    height: 100%;
    background-color: rgba(255,0,0,0);
    position: absolute;
    top: 0;
    right: -1rem;
    z-index: 502;
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info.hide {
    opacity: 0;
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

@supports(gap:.625rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item > .qt-name {
        margin-right: .625rem;
    }
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item > .qt-name {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    word-break: keep-all;
    white-space: nowrap;
    color: var(--font-color2);
}

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item > .qt-sum {
    display: inline-block;
    vertical-align: middle;
    word-break: keep-all;
    white-space: nowrap;
    color: var(--font-color2);
}

    .fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .item > .qt-sum > em {
        font-style: normal;
        color: var(--primary-font-color1);
    }

.fiexd-nav > .fn-box > .wrapper .quest-basket-nav .qb-mini-info > .wrong-message {
    max-width: 30vw;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--error-color1);
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}

.fiexd-nav {
    min-width: 21.71875vw;
    height: 100vh;
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

    .fiexd-nav.alpha {
        opacity: 0;
    }

    .fiexd-nav.show-mask {
        pointer-events: all;
    }

    .fiexd-nav > .bg-mask {
        display: none;
        width: 100vw;
        height: 100vh;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        pointer-events: all;
    }

    .fiexd-nav.show-mask > .bg-mask {
        display: block;
    }

    .fiexd-nav > .fn-box {
        width: 2.75rem;
        height: 100%;
        position: relative;
        -ms-user-select: none;
        user-select: none;
    }

        .fiexd-nav > .fn-box > .wrapper {
            width: 100%;
            position: absolute;
            bottom: 10%;
            left: 0;
            z-index: 100;
            pointer-events: all;
        }

            .fiexd-nav > .fn-box > .wrapper > .help-nav {
                display: flex;
                flex-direction: column;
                width: 2.75rem;
                box-sizing: border-box;
                border-radius: .375rem 0 0 .375rem;
                background: var(--bg-color3);
                border-right: var(--border1);
                position: relative;
            }

                .fiexd-nav > .fn-box > .wrapper > .help-nav > .item {
                    display: block;
                    width: 100%;
                    font-size: 0;
                    text-align: center;
                    color: #80848b;
                    box-sizing: border-box;
                    padding: .75rem 0 .5rem 0;
                }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .item:hover > i {
                        color: var(--primary-font-color1-hover);
                    }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .item > i {
                        display: inline-block;
                        line-height: 1.5;
                        width: 1.3125rem;
                        height: 1.3125rem;
                        overflow: hidden;
                        margin-bottom: .4375rem;
                        font-size: 1.1875rem;
                        text-align: center;
                        line-height: 1.3125rem;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .item > em {
                        display: inline-block;
                        line-height: 1.5;
                        width: 100%;
                        font-size: .75rem;
                        font-style: normal;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.weixin {
                        position: relative;
                    }

                        .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.weixin > .weixin-qr {
                            display: none;
                            width: 8.5625rem;
                            height: 8.4375rem;
                            box-sizing: border-box;
                            padding-right: .625rem;
                            overflow: hidden;
                            position: absolute;
                            left: -8.4375rem;
                            top: 50%;
                            z-index: 200;
                            -ms-transform: translateY(-50%);
                            -moz-transform: translateY(-50%);
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                        }

                            .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.weixin > .weixin-qr::before {
                                content: "";
                                display: inline-block;
                                width: 0;
                                height: 0;
                                border-style: solid;
                                border-width: .375rem 0 .375rem .375rem;
                                border-color: transparent transparent transparent var(--primary-color3);
                                position: absolute;
                                right: .25rem;
                                top: 50%;
                                -ms-transform: translateY(-50%);
                                -moz-transform: translateY(-50%);
                                -webkit-transform: translateY(-50%);
                                transform: translateY(-50%);
                            }

                            .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.weixin > .weixin-qr > img {
                                display: block;
                                width: 100%;
                            }

                        .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.weixin:hover > .weixin-qr {
                            display: block;
                        }

                        .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.weixin.app-business > .weixin-qr {
                            box-sizing: border-box;
                        }

                            .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.weixin.app-business > .weixin-qr > img {
                                width: 6.6875rem;
                                height: 6.6875rem;
                                border: 10px solid var(--primary-color3);
                            }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.activity-btn {
                        min-width: 100%;
                        overflow: hidden;
                        position: absolute;
                        right: 0;
                        bottom: -4.1875rem;
                    }

                        .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.activity-btn:hover {
                            background: 0;
                        }

                        .fiexd-nav > .fn-box > .wrapper > .help-nav > .item.activity-btn > img {
                            display: block;
                            width: 100%;
                        }

                .fiexd-nav > .fn-box > .wrapper > .help-nav > .toggle-btn {
                    display: inline-block;
                    width: 3.125rem;
                    height: 3.25rem;
                    background: var(--bg-color3);
                    box-sizing: border-box;
                    border-radius: 1.1875rem;
                    border-right: 0;
                    border-bottom: 0;
                    position: absolute;
                    top: 42%;
                    left: -1.25rem;
                    z-index: -1;
                    cursor: pointer;
                }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .toggle-btn::before {
                        content: "";
                        display: inline-block;
                        width: 1.875rem;
                        height: 1.875rem;
                        box-sizing: border-box;
                        position: absolute;
                        right: 1.875rem;
                        top: 114%;
                        z-index: 1003;
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        background: transparent;
                        background: radial-gradient(30px at 25% 75%,transparent 77%,#fff 50%);
                    }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .toggle-btn::after {
                        content: "";
                        display: inline-block;
                        width: 1.875rem;
                        height: 1.875rem;
                        box-sizing: border-box;
                        position: absolute;
                        right: 1.8125rem;
                        top: -14%;
                        z-index: 1003;
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        background: transparent;
                        background: radial-gradient(30px at 25% 25%,transparent 77%,#fff 50%);
                    }

                    .fiexd-nav > .fn-box > .wrapper > .help-nav > .toggle-btn > em {
                        position: relative;
                        z-index: 1004;
                        display: block;
                        width: 1.25rem;
                        word-break: break-all;
                        font-style: normal;
                        text-align: center;
                        font-size: .75rem;
                        color: var(--primary-font-color1);
                        position: absolute;
                        top: 50%;
                        left: .0625rem;
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

            .fiexd-nav > .fn-box > .wrapper > .basket-nav {
                display: flex;
                flex-direction: column;
                margin-bottom: 4.25rem;
                box-sizing: border-box;
                border-radius: .375rem 0 0 .375rem;
                background: var(--bg-color3);
            }

                .fiexd-nav > .fn-box > .wrapper > .basket-nav.open {
                    box-shadow: -2px 0 5px 0 rgba(0,0,0,0.1);
                }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav.open > .quest-basket-nav {
                        border-radius: .375rem 0 0 0;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav.open > .recent-collect {
                        display: inline-block;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav.open > .recent-download {
                        display: inline-block;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav.open > .close-basket {
                        display: inline-block;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav.open + .help-nav {
                        display: none;
                    }

                .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    width: 2.75rem;
                    border-radius: .375rem 0 0 .375rem;
                    background: var(--bg-color3);
                    box-sizing: border-box;
                    padding: 1.1875rem .375rem;
                    cursor: pointer;
                    text-align: center;
                    font-size: .875rem;
                    font-style: normal;
                    color: #80848b;
                    line-height: 1.5;
                    padding: 1.1875rem 0;
                }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav > i {
                        display: inline-block;
                        width: 1.3125rem;
                        height: 1.3125rem;
                        overflow: hidden;
                        margin-bottom: .4375rem;
                        font-size: 1.1875rem;
                        text-align: center;
                        line-height: 1.3125rem;
                        color: var(--primary-font-color1);
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav > em {
                        display: block;
                        line-height: 1.5;
                        width: 100%;
                        text-align: center;
                        font-size: .75rem;
                        font-style: normal;
                        color: #80848b;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav:hover > i, .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav.active > i {
                        color: var(--primary-font-color1-hover);
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav:hover > em, .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav.active > em {
                        color: var(--primary-font-color1-hover);
                    }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .quest-basket-nav > .sum-txt {
                        display: inline-block;
                        min-width: 1rem;
                        height: 1rem;
                        overflow: hidden;
                        box-sizing: border-box;
                        border-radius: .5rem;
                        padding: 0 .25rem;
                        position: absolute;
                        top: .5625rem;
                        right: .25rem;
                        transform-origin: top right;
                        font-size: .75rem;
                        color: var(--font-color5);
                        font-style: normal;
                        line-height: 1.3333333;
                        text-align: right;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-break: keep-all;
                        background: #ff5050;
                    }

                .fiexd-nav > .fn-box > .wrapper > .basket-nav .recent-collect {
                    box-sizing: border-box;
                    padding: 1.1875rem .375rem;
                    cursor: pointer;
                    text-align: center;
                    font-size: .875rem;
                    font-style: normal;
                    color: #80848b;
                    line-height: 1.5;
                    display: none;
                }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .recent-collect:hover, .fiexd-nav > .fn-box > .wrapper > .basket-nav .recent-collect.active {
                        background-color: #f2f2f2;
                        color: var(--primary-font-color1);
                    }

                .fiexd-nav > .fn-box > .wrapper > .basket-nav .recent-download {
                    box-sizing: border-box;
                    padding: 1.1875rem .375rem;
                    cursor: pointer;
                    text-align: center;
                    font-size: .875rem;
                    font-style: normal;
                    color: #80848b;
                    line-height: 1.5;
                    display: none;
                }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .recent-download:hover, .fiexd-nav > .fn-box > .wrapper > .basket-nav .recent-download.active {
                        background-color: #f2f2f2;
                        color: var(--primary-font-color1);
                    }

                .fiexd-nav > .fn-box > .wrapper > .basket-nav .close-basket {
                    box-sizing: border-box;
                    padding: 1.1875rem .375rem;
                    cursor: pointer;
                    text-align: center;
                    font-size: .875rem;
                    font-style: normal;
                    color: #80848b;
                    line-height: 1.5;
                    line-height: 1;
                    display: none;
                }

                    .fiexd-nav > .fn-box > .wrapper > .basket-nav .close-basket:hover, .fiexd-nav > .fn-box > .wrapper > .basket-nav .close-basket.active {
                        background-color: #f2f2f2;
                        color: var(--primary-font-color1);
                    }

            .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry {
                display: inline-block;
                width: 5.25rem;
                height: 5.25rem;
                position: absolute;
                right: 0;
                bottom: -5.75rem;
                z-index: 10;
                background: transparent;
            }

                .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry > .xbs-box {
                    display: inline-block;
                    width: 5.25rem;
                    height: 5.25rem;
                    position: absolute;
                    top: 0;
                    left: calc(84px * 0.5);
                    z-index: 10;
                }

                .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry > .msg-prompt {
                    display: inline-block;
                    width: 17rem;
                    height: 6.25rem;
                    box-sizing: border-box;
                    border-radius: .375rem;
                    border: 1px solid var(--primary-color1);
                    background-color: var(--bg-color3);
                    padding: 1.125rem;
                    position: absolute;
                    top: -7rem;
                    left: -12.1875rem;
                    z-index: 11;
                }

                    .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry > .msg-prompt > b {
                        display: block;
                        font-size: .875rem;
                        font-weight: 600;
                        color: var(--font-color2);
                        line-height: 1.5;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry > .msg-prompt > span {
                        display: block;
                        font-size: .875rem;
                        color: var(--font-color3);
                        line-height: 1.5;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry > .msg-prompt::before {
                        content: '';
                        display: inline-block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: .5rem .5rem 0 .5rem;
                        border-color: var(--primary-color1) transparent transparent transparent;
                        position: absolute;
                        top: 100%;
                        right: .625rem;
                        z-index: 12;
                    }

                    .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry > .msg-prompt::after {
                        content: '';
                        display: inline-block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: .5rem .5rem 0 .5rem;
                        border-color: var(--bg-color3) transparent transparent transparent;
                        position: absolute;
                        top: 98.5%;
                        right: .625rem;
                        z-index: 12;
                    }

                .fiexd-nav > .fn-box > .wrapper > .ejt-fixed-entry.active::after {
                    content: '';
                    display: inline-block;
                    width: 200%;
                    height: 200%;
                    z-index: 100;
                    position: absolute;
                    background: transparent;
                    top: -100%;
                    right: 0;
                }

    .fiexd-nav .quest-basket > .collect-title {
        display: block;
        margin: 1.6875rem 0 1.8125rem 0;
        font-size: .875rem;
        font-weight: 400;
        color: var(--font-color2);
        line-height: 1.25rem;
    }

        .fiexd-nav .quest-basket > .collect-title > em {
            font-style: normal;
            font-size: .875rem;
        }

        .fiexd-nav .quest-basket > .collect-title > a {
            color: var(--primary-font-color1);
        }

            .fiexd-nav .quest-basket > .collect-title > a:hover {
                color: var(--primary-font-color1-hover);
            }

    .fiexd-nav .quest-basket .collect-paper-box {
        height: 90vh !important;
    }

    .fiexd-nav .quest-basket .download-paper-box {
        height: 76vh !important;
    }

    .fiexd-nav .quest-basket .download-msg {
        padding: 0 1.25rem;
        display: block;
        margin: 1.6875rem 0 1.8125rem 0;
        font-size: .875rem;
        font-weight: 400;
        color: var(--font-color2);
        line-height: 1.25rem;
    }

        .fiexd-nav .quest-basket .download-msg > a {
            color: var(--primary-font-color1);
        }

            .fiexd-nav .quest-basket .download-msg > a:hover {
                color: var(--primary-font-color1-hover);
            }

    .fiexd-nav .quest-basket .download-title {
        padding: 0 1.25rem;
        display: flex;
        align-items: center;
        margin-bottom: 3.0625rem;
    }

        .fiexd-nav .quest-basket .download-title .exam-info {
            flex: 1;
        }

            .fiexd-nav .quest-basket .download-title .exam-info .exam-name {
                display: block;
                font-weight: normal;
                font-size: 1.125rem;
                font-family: MicrosoftYaHei;
                color: var(--font-color2);
                line-height: 1.5;
                margin-bottom: 1rem;
                margin-right: 1.25rem;
            }

            .fiexd-nav .quest-basket .download-title .exam-info .download-time {
                display: block;
                font-size: .75rem;
                font-weight: 400;
                color: var(--font-color4);
                line-height: .75rem;
            }

        .fiexd-nav .quest-basket .download-title .add-all-btn {
            display: inline-block;
            vertical-align: middle;
            width: 8.5625rem;
            height: 2.4375rem;
            background: var(--primary-bg-color1);
            border-radius: .375rem;
            font-size: 1rem;
            text-align: center;
            font-family: MicrosoftYaHei;
            color: var(--font-color5);
            line-height: 2.4375rem;
            letter-spacing: .0625rem;
        }

            .fiexd-nav .quest-basket .download-title .add-all-btn:hover {
                background: var(--primary-bg-hover-color1);
            }

    .fiexd-nav .quest-basket .empty-box {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60%;
    }

        .fiexd-nav .quest-basket .empty-box .wrapper .pic {
            width: 9rem;
            height: 9rem;
        }

            .fiexd-nav .quest-basket .empty-box .wrapper .pic > img {
                display: block;
                width: 100%;
            }

        .fiexd-nav .quest-basket .empty-box .wrapper .msg {
            display: block;
            text-align: center;
            font-size: .875rem;
        }

.fiexd-nav--hide {
    opacity: .4;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in;
}

    .fiexd-nav--hide:hover {
        opacity: 1;
    }

.person-validate-dialog .person-validate-pop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 31.25rem;
    box-sizing: border-box;
    padding: 1.25rem 1.25rem .625rem 1.25rem;
}

    .person-validate-dialog .person-validate-pop > p {
        display: block;
        text-align: left;
        font-size: .875rem;
        color: var(--font-color2);
        line-height: 1.5;
        margin-bottom: .75rem;
    }

    .person-validate-dialog .person-validate-pop .code-box {
        display: flex;
        align-items: center;
        width: 100%;
        height: 2.25rem;
        margin-bottom: 1.25rem;
    }

        .person-validate-dialog .person-validate-pop .code-box span {
            font-size: .875rem;
            color: var(--font-color2);
        }

        .person-validate-dialog .person-validate-pop .code-box .check-code-input {
            display: inline-block;
            width: 7.5rem;
            height: 2rem;
            box-sizing: border-box;
            border: 1px solid #ccc;
            padding-left: .125rem;
            margin-right: .625rem;
        }

        .person-validate-dialog .person-validate-pop .code-box .code {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 6.25rem;
            height: 2.625rem;
            background: #ccc;
            overflow: hidden;
        }

            .person-validate-dialog .person-validate-pop .code-box .code > img {
                display: block;
                width: 100%;
            }

    .person-validate-dialog .person-validate-pop .ctrl-box {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .person-validate-dialog .person-validate-pop .ctrl-box .confirm-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 9rem;
            height: 2rem;
            box-sizing: border-box;
            border-radius: .25rem;
            font-size: .875rem;
            color: var(--font-color5);
            background: var(--primary-font-color1);
            margin-right: .625rem;
        }

            .person-validate-dialog .person-validate-pop .ctrl-box .confirm-btn:hover {
                background: var(--primary-font-color1-hover);
            }

        .person-validate-dialog .person-validate-pop .ctrl-box .cancel-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 9rem;
            height: 2rem;
            box-sizing: border-box;
            border-radius: .25rem;
            font-size: .875rem;
            color: var(--font-color3);
            background: #ccc;
        }

.tk-dialog > .wrapper > .box.pop-authority-expiration-box {
    box-shadow: none;
    overflow: unset;
}

.pop-authority-expiration {
    display: flex;
    width: 600px;
    height: 350px;
    background: #fff;
    border-radius: 6px;
    user-select: none;
    position: relative;
    text-align: left;
}

    .pop-authority-expiration .info-box {
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-top: 56px;
        box-sizing: border-box;
        padding-left: 66px;
    }

        .pop-authority-expiration .info-box > .title-box {
            display: block;
            margin-bottom: 36px;
            box-sizing: border-box;
            font-weight: bold;
        }

            .pop-authority-expiration .info-box > .title-box > span {
                display: block;
                font-size: 30px;
                color: #333;
                line-height: 1.2;
            }

                .pop-authority-expiration .info-box > .title-box > span > em {
                    font-style: normal;
                    color: #2d80f4;
                }

                    .pop-authority-expiration .info-box > .title-box > span > em.num {
                        font-size: 50px;
                        font-style: normal;
                        color: #2d80f4;
                    }

        .pop-authority-expiration .info-box > .desc {
            display: block;
            font-size: 14px;
            font-weight: 400;
            color: #333;
            line-height: 2;
        }

            .pop-authority-expiration .info-box > .desc > em {
                font-style: normal;
                color: #2d80f4;
            }

            .pop-authority-expiration .info-box > .desc > a {
                font-style: normal;
                color: #2d80f4;
            }

    .pop-authority-expiration .decorate-box {
        display: block;
        width: 180px;
        height: 100%;
        position: relative;
        border-radius: 0 6px 6px 0;
    }

        .pop-authority-expiration .decorate-box > span {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 0 6px 6px 0;
            position: relative;
            z-index: 10;
        }

            .pop-authority-expiration .decorate-box > span::before {
                content: '';
                display: block;
                width: 360px;
                height: 100%;
                border-radius: 50%;
                background-color: var(--primary-color1);
                position: absolute;
                top: 0;
                left: 0;
            }

        .pop-authority-expiration .decorate-box::after {
            content: '';
            display: block;
            width: 227px;
            height: 195px;
            background: url(../img/huiyuan001.png) no-repeat;
            background-size: 227px 195px;
            position: absolute;
            top: 50%;
            right: -61px;
            transform: translateY(-50%);
            z-index: 100;
        }

    .pop-authority-expiration .close-btn {
        display: inline-block;
        width: 29px;
        height: 30px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjlweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjkgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDQ8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iReWNt+mAmuWIsOacn+aPkOmGkjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTk3LjAwMDAwMCwgLTIzNy4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYzNS4wMDAwMDAsIDIyNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTc2LjUwMDAwMCwgMjcuMDAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTU3Ni41MDAwMDAsIC0yNy4wMDAwMDApIHRyYW5zbGF0ZSg1NjYuNTAwMDAwLCAxNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAsNS42ODQzNDE4OWUtMTQgQzEwLjc2OTI1MzgsNS42ODQzNDE4OWUtMTQgMTEuNDAzMjYwNywwLjY0MzQwMDMxNyAxMS40ODk5MDg0LDEuNDcyMjk4MTIgTDExLjUsMS42NjY2NjY2NyBMMTEuNSw4LjQ5OSBMMTguMzMzMzMzMyw4LjUgQzE5LjI1MzgwNzksOC41IDIwLDkuMTcxNTcyODggMjAsMTAgQzIwLDEwLjc2OTI1MzggMTkuMzU2NTk5NywxMS40MDMyNjA3IDE4LjUyNzcwMTksMTEuNDg5OTA4NCBMMTguMzMzMzMzMywxMS41IEwxMS41LDExLjQ5OSBMMTEuNSwxOC4zMzMzMzMzIEMxMS41LDE5LjI1MzgwNzkgMTAuODI4NDI3MSwyMCAxMCwyMCBDOS4yMzA3NDYyNCwyMCA4LjU5NjczOTI2LDE5LjM1NjU5OTcgOC41MTAwOTE2LDE4LjUyNzcwMTkgTDguNSwxOC4zMzMzMzMzIEw4LjUsMTEuNDk5IEwxLjY2NjY2NjY3LDExLjUgQzAuNzQ2MTkyMDg0LDExLjUgLTIuMjczMzI1NTNlLTEzLDEwLjgyODQyNzEgLTIuMjcyODE4MjdlLTEzLDEwIEMtMi4yNzIzNDcyNGUtMTMsOS4yMzA3NDYyNCAwLjY0MzQwMDMxNyw4LjU5NjczOTI2IDEuNDcyMjk4MTIsOC41MTAwOTE2IEwxLjY2NjY2NjY3LDguNSBMOC41LDguNDk5IEw4LjUsMS42NjY2NjY2NyBDOC41LDAuNzQ2MTkyMDg0IDkuMTcxNTcyODgsNS42ODQzNDE4OWUtMTQgMTAsNS42ODQzNDE4OWUtMTQgWiIgaWQ9IuW9oueKtue7k+WQiCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
        background-size: 29px 30px;
        position: absolute;
        top: 12px;
        right: 9px;
        z-index: 100;
    }

.risk-ctrl-pop-box > .dialog__cnt {
    padding: 0;
}

.risk-ctrl-pop {
    display: block;
    width: 31.25rem;
    min-height: 19.125rem;
    background: #fff;
    border-radius: .25rem;
}

    .risk-ctrl-pop > .title-box {
        display: flex;
        align-items: center;
        height: 4.875rem;
        box-sizing: border-box;
        padding: 0 1.25rem;
    }

        .risk-ctrl-pop > .title-box > .title-txt {
            flex: 1;
            display: inline-block;
            box-sizing: border-box;
            text-align: left;
            font-size: 1.125rem;
            font-weight: 400;
            color: #333;
            line-height: 1;
        }

        .risk-ctrl-pop > .title-box > .close-btn {
            display: inline-block;
            width: 1.125rem;
            height: 1.125rem;
            position: relative;
        }

            .risk-ctrl-pop > .title-box > .close-btn::before {
                content: "";
                display: inline-block;
                width: 2px;
                height: 22px;
                background: #d8d8d8;
                -ms-transform-origin: left top;
                -ms-transform: rotate(-45deg) translate(-50%,-50%);
                -moz-transform-origin: left top;
                -moz-transform: rotate(-45deg) translate(-50%,-50%);
                -webkit-transform-origin: left top;
                -webkit-transform: rotate(-45deg) translate(-50%,-50%);
                transform-origin: left top;
                transform: rotate(-45deg) translate(-50%,-50%);
                position: absolute;
                top: 50%;
                left: 50%;
            }

            .risk-ctrl-pop > .title-box > .close-btn::after {
                content: "";
                display: inline-block;
                width: 2px;
                height: 22px;
                background: #d8d8d8;
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform-origin: left top;
                -ms-transform: rotate(45deg) translate(-50%,-50%);
                -moz-transform-origin: left top;
                -moz-transform: rotate(45deg) translate(-50%,-50%);
                -webkit-transform-origin: left top;
                -webkit-transform: rotate(45deg) translate(-50%,-50%);
                transform-origin: left top;
                transform: rotate(45deg) translate(-50%,-50%);
            }

    .risk-ctrl-pop > .mobile {
        display: flex;
        align-items: center;
        height: 50px;
        background: #f2f2f2;
        border-radius: 4px;
        border: 1px solid #dedede;
        box-sizing: border-box;
        padding: 0 1.25rem;
        margin: 0 1.25rem;
        margin-bottom: 1.25rem;
        text-align: left;
        font-size: 1rem;
        font-weight: 400;
        color: #333;
        line-height: 1;
    }

    .risk-ctrl-pop > .code-box {
        display: flex;
        align-items: center;
        height: 3.125rem;
        box-sizing: border-box;
        padding: 0 1.25rem;
    }

        .risk-ctrl-pop > .code-box > .code-input {
            flex: 1;
            height: 100%;
            margin-right: .625rem;
            box-sizing: border-box;
            border-radius: 4px;
            border: 1px solid #dedede;
            padding-left: 1.25rem;
            font-size: 1rem;
            font-weight: 400;
            color: #333;
            line-height: 1;
        }

        .risk-ctrl-pop > .code-box > .code-btn {
            display: inline-block;
            background: #2877ff;
            border-radius: 4px;
            box-sizing: border-box;
            padding: 1.0625rem 1.25rem;
            font-size: 1rem;
            font-weight: 400;
            color: #fff;
            line-height: 1;
        }

            .risk-ctrl-pop > .code-box > .code-btn:hover {
                background: #006fff;
            }

            .risk-ctrl-pop > .code-box > .code-btn.disabled {
                background: #dcdcdc;
                color: #fff;
                cursor: not-allowed;
            }

            .risk-ctrl-pop > .code-box > .code-btn.time-count {
                width: 7.5rem;
                height: 3.125rem;
                background: #dcdcdc;
                font-size: 1rem;
                font-weight: 400;
                color: #fff;
                line-height: 1;
            }

    .risk-ctrl-pop > .ctrl-box {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.875rem;
    }

        .risk-ctrl-pop > .ctrl-box > .confirm-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 11.875rem;
            height: 3rem;
            background: #2877ff;
            box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
            border-radius: .5rem;
            border: 0;
            font-size: 1rem;
            font-weight: 600;
            color: #fff;
            line-height: 1;
            cursor: pointer;
        }

            .risk-ctrl-pop > .ctrl-box > .confirm-btn.disabled {
                background-color: #b3d4fe;
                cursor: not-allowed;
            }



                   .no-data {
            width: 200px;
            margin: 100px auto;
            text-align: center;
        }
        
       .css-image-container {
            width: 150px;
            height: 150px;
            margin: 0 auto;
            background-image: url('../img/site_null.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        
       .no-data-text {
            color: #999; 
            margin-top: 15px;
            font-size: 14px;
        }

       .tree-children-ul {
    display: none; 
}

.tree-open > .tree-node-name + .tree-children-ul {
    display: block;
}
    .tree-node[data-level="3"] .tree-node-name {
            padding-left: 20px; 
        }
.tree-icon:before {
    content: "+"; 
    margin-right: 5px;
}

.tree-open .tree-icon:before {
    content: "-"; 
}
    .exam-item__opt {
            display: none;
        }