.tk-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 2.375rem;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
    border-radius: .875rem;
    padding: .5rem .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: var(--bg-color3);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
}

@supports(gap:.75rem) {
    .tk-pager {
        gap: .75rem;
    }
}

@supports not(gap:.75rem) {
    .tk-pager > * {
        margin-right: .75rem;
    }

        .tk-pager > *:last-child {
            margin-right: 0;
        }
}

.tk-pager .pager-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.375rem;
    font-size: .875rem;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
    border-radius: .5rem;
    color: var(--font-color3);
    word-break: keep-all;
    white-space: nowrap;
}

    .tk-pager .pager-item.active {
        border: 1px solid var(--primary-color1);
        background: var(--primary-bg-color1);
        color: var(--font-color5);
    }

    .tk-pager .pager-item.page-num {
        cursor: pointer;
        box-sizing: border-box;
        padding: 0 .75rem;
        border: 1px solid var(--primary-color3);
    }

        .tk-pager .pager-item.page-num:hover {
            border: 1px solid var(--primary-color1);
        }

    .tk-pager .pager-item.prev-gap, .tk-pager .pager-item.next-gap {
        letter-spacing: 2px;
        box-sizing: border-box;
    }

    .tk-pager .pager-item.prev-page {
        width: 1.375rem;
        height: 1.375rem;
        min-width: 1.375rem;
        -ms-transform-origin: center center;
        transform-origin: center center;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAXVBMVEUAAAD////w8PDs7Ozv7+/u7u7v7+/w8PDw8PDv7+/v7+/v7+/v7++ZmZmampqhoaGioqKlpaWnp6ewsLCysrK3t7fAwMDHx8fX19fb29vn5+fo6Ojt7e3u7u7v7++mvjW6AAAADXRSTlMACBEbYHmuy9jj7/DyQEsdpwAAAJJJREFUGNN1kccCwyAMQ8UmgDvT3fD/n9lDWAlFJ/kdPGQAAMCltiFYLTmqmHIxySmWqTCxkRGJTnGjSQAAM3EnwwCo2EkB3PfYc8hSfOZLthI629eJaElew65meRyoYouwmhtRg0PG1x1OTb532jQpI5/HdmRd8D2f64Lc9ec4Pjp+FNUg2NEbAKZKjL4+7c+Lf3LOJuS9eMEcAAAAAElFTkSuQmCC) no-repeat;
    }

        .tk-pager .pager-item.prev-page:hover {
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAZlBMVEUAAAD////w8P/s9v/v9//u9//v+P/v9//u+P/u9//v+P/u9v/u+P8mlf8nlf8plv84nv88oP9Do/9Gpf9cr/9hsf9isv9suP+Cwv+Tyv+33P/B4f/c7v/f7//q9f/s9v/t9v/u9//i6Qm4AAAADXRSTlMACBEbYHmuy9jj7/DyQEsdpwAAAJNJREFUGNN1kUcCAyEMA4WpS0nvnf9/MoelZQk62XNwkQAAAAllvDdKEKqYtDHJSpYp17GR5olO8UcTBwCm40KaAZCxkwTI9dgRRK73p2fhAipV7xC294wVTMVhff3MjYFvcAjnufELfMi4HbK6vPKQZuXmVleWA3fHR3Mg2f4dS6PnR1YNjB3FADBZbHQ1tD8RfwHytCptQ84FdgAAAABJRU5ErkJggg==) no-repeat;
        }

    .tk-pager .pager-item.next-page {
        width: 1.375rem;
        height: 1.375rem;
        min-width: 1.375rem;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAXVBMVEUAAAD////w8PDs7Ozv7+/u7u7v7+/w8PDw8PDv7+/v7+/v7+/v7++ZmZmampqhoaGioqKlpaWnp6ewsLCysrK3t7fAwMDHx8fX19fb29vn5+fo6Ojt7e3u7u7v7++mvjW6AAAADXRSTlMACBEbYHmuy9jj7/DyQEsdpwAAAJJJREFUGNN1kccCwyAMQ8UmgDvT3fD/n9lDWAlFJ/kdPGQAAMCltiFYLTmqmHIxySmWqTCxkRGJTnGjSQAAM3EnwwCo2EkB3PfYc8hSfOZLthI629eJaElew65meRyoYouwmhtRg0PG1x1OTb532jQpI5/HdmRd8D2f64Lc9ec4Pjp+FNUg2NEbAKZKjL4+7c+Lf3LOJuS9eMEcAAAAAElFTkSuQmCC) no-repeat;
    }

        .tk-pager .pager-item.next-page:hover {
            -ms-transform: rotate(0);
            transform: rotate(0);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAZlBMVEUAAAD////w8P/s9v/v9//u9//v+P/v9//u+P/u9//v+P/u9v/u+P8mlf8nlf8plv84nv88oP9Do/9Gpf9cr/9hsf9isv9suP+Cwv+Tyv+33P/B4f/c7v/f7//q9f/s9v/t9v/u9//i6Qm4AAAADXRSTlMACBEbYHmuy9jj7/DyQEsdpwAAAJNJREFUGNN1kUcCAyEMA4WpS0nvnf9/MoelZQk62XNwkQAAAAllvDdKEKqYtDHJSpYp17GR5olO8UcTBwCm40KaAZCxkwTI9dgRRK73p2fhAipV7xC294wVTMVhff3MjYFvcAjnufELfMi4HbK6vPKQZuXmVleWA3fHR3Mg2f4dS6PnR1YNjB3FADBZbHQ1tD8RfwHytCptQ84FdgAAAABJRU5ErkJggg==) no-repeat;
        }

.tk-pager .go-to {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22%;
    height: 1.375rem;
    font-size: 0;
}

@supports(gap:.3125rem) {
    .tk-pager .go-to {
        gap: .3125rem;
    }

        .tk-pager .go-to :not(:last-child) {
            margin-right: .3125rem;
        }
}

.tk-pager .go-to > input {
    display: inline-block;
    vertical-align: middle;
    width: 28%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    border-radius: .5rem;
    border: var(--border1);
}

    .tk-pager .go-to > input:focus {
        box-shadow: var(--inputFocus);
    }

.tk-pager .go-to > .go-to__txt {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
}

.tk-pager .go-to .confirm-btn {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 1px .75rem;
    border-radius: .5rem;
    font-size: .875rem;
    color: var(--bg-color3);
    background: var(--primary-bg-color1);
}

.tk-pager .page-totoal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tk-pager.is-simple {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}

    .tk-pager.is-simple .go-to {
        display: inline-block;
        vertical-align: middle;
        width: 2rem;
        height: 1.375rem;
        margin-left: .75rem;
        box-sizing: border-box;
        border-radius: .5rem;
        border: 1px solid var(--line-color1);
    }

        .tk-pager.is-simple .go-to > input {
            display: inline-block;
            width: 100%;
            height: 100%;
            text-align: center;
            margin: 0;
            border: 0;
        }

    .tk-pager.is-simple .pager-item.to-last {
        margin-left: 0;
    }

.type-group-nav {
    --type-group-nav-item-h:2.125rem;
}

.type-group-nav {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 1.25rem 1.25rem 0 1.25rem;
    padding-bottom: 1.5rem;
    background: var(--bg-color3);
    border-radius: var(--borderRadius2) var(--borderRadius2) 0 0;
}

@supports(gap:.625rem) {
    .type-group-nav {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .type-group-nav > *:not(:last-child) {
        margin-bottom: .625rem;
    }
}

.type-group-nav:first-child {
    padding-bottom: .625rem;
}

.type-group-nav .type-group-item {
    display: flex;
    min-height: var(--type-group-nav-item-h);
    box-sizing: border-box;
    padding: .625rem 0 .625rem 0;
    background: var(--bg-color3);
}

    .type-group-nav .type-group-item .type-item-top {
        flex: 1;
        display: flex;
        align-items: flex-start;
        box-sizing: border-box;
    }

@supports(gap:.625rem) {
    .type-group-nav .type-group-item .type-item-top {
        gap: .625rem;
    }
}

@supports not(gap:10px) {
    .type-group-nav .type-group-item .type-item-top > *:not(:last-child) {
        margin-right: .625rem;
    }
}

.type-group-nav .type-group-item .type-item-top .type-name {
    display: inline-flex;
    box-sizing: border-box;
    padding-top: .0187rem;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1;
    text-align: right;
    color: var(--font-color4);
}

.type-group-nav .type-group-item .type-item-top .type-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    font-size: 0;
}

@supports(gap:.875rem 1.5rem) {
    .type-group-nav .type-group-item .type-item-top .type-list {
        gap: .875rem 1.5rem;
    }
}

@supports not(gap:1.5rem) {
    .type-group-nav .type-group-item .type-item-top .type-list > *:not(:last-child) {
        margin-right: .875rem;
        margin-bottom: 1.5rem;
    }
}

.type-group-nav .type-group-item .type-item-top .type-list > .type-item {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    line-height: 1;
    font-size: .875rem;
    color: var(--font-color2);
    word-break: keep-all;
    white-space: nowrap;
}

    .type-group-nav .type-group-item .type-item-top .type-list > .type-item:hover {
        color: var(--primary-font-color1-hover);
    }

        .type-group-nav .type-group-item .type-item-top .type-list > .type-item:hover.type-item--selected {
            color: var(--primary-font-color1-hover);
        }

    .type-group-nav .type-group-item .type-item-top .type-list > .type-item.type-item--selected {
        color: var(--primary-font-color1);
        font-weight: 500;
    }

.type-group-nav .type-group-item .type-item-top .multi-btn {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    line-height: 1;
    font-size: .875rem;
    font-weight: 500;
    text-align: right;
    color: var(--primary-font-color1);
}

.type-group-nav .type-group-item .type-item-top .multi-btn--cancel {
    margin-left: 0;
}

.type-group-nav .type-group-item > .type-name {
    display: inline-block;
    box-sizing: border-box;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1;
    text-align: right;
    color: var(--font-color4);
}

.type-group-nav .type-group-item > .type-list {
    flex: 1;
    font-size: 0;
}

    .type-group-nav .type-group-item > .type-list > .type-item {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        font-size: .875rem;
        line-height: 1;
        color: var(--font-color2);
    }

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

            .type-group-nav .type-group-item > .type-list > .type-item:hover.type-item--selected {
                color: var(--primary-font-color1-hover);
            }

        .type-group-nav .type-group-item > .type-list > .type-item.type-item--selected {
            color: var(--primary-font-color1);
            font-weight: 500;
        }

.type-group-nav .type-group-item.has-sub .type-list > .type-item {
    margin: 0;
}

    .type-group-nav .type-group-item.has-sub .type-list > .type-item.type-item--selected {
        font-weight: 500;
        color: var(--primary-font-color1);
        background: var(--bg-color5);
    }

        .type-group-nav .type-group-item.has-sub .type-list > .type-item.type-item--selected.has-sub {
            position: relative;
            z-index: 2;
        }

            .type-group-nav .type-group-item.has-sub .type-list > .type-item.type-item--selected.has-sub::before {
                content: '';
                width: 100%;
                height: 100%;
                padding: 6px;
                position: absolute;
                top: -6px;
                left: -6px;
                z-index: -1;
                border-radius: var(--borderRadius2) var(--borderRadius2) 0 0;
                background: var(--bg-color5);
            }

.type-group-nav .type-group-item .sub-types {
    display: block;
    width: 100%;
    position: relative;
}

    .type-group-nav .type-group-item .sub-types > .wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        border-radius: var(--borderRadius2);
        background: var(--bg-color5);
        padding: .625rem 5.25rem .625rem 1.25rem;
        position: absolute;
        top: -0.5rem;
        left: 0;
        z-index: 10;
    }

@supports(gap:.875rem 1.5rem) {
    .type-group-nav .type-group-item .sub-types > .wrapper {
        gap: .875rem 1.5rem;
    }
}

@supports not(gap:.875rem 1.5rem) {
    .type-group-nav .type-group-item .sub-types > .wrapper > *:not(:last-child) {
        margin-right: 1.5rem;
    }
}

.type-group-nav .type-group-item .sub-types > .wrapper .type-item {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: .75rem;
    line-height: 1;
    color: var(--font-color2);
}

    .type-group-nav .type-group-item .sub-types > .wrapper .type-item:hover {
        color: var(--primary-font-color1);
    }

    .type-group-nav .type-group-item .sub-types > .wrapper .type-item.type-item--selected {
        color: var(--primary-font-color1);
        font-weight: 500;
    }

.type-group-nav .type-group-item.ques-type.has-sub .type-name {
    margin: .75rem 0 .75rem 0;
}

.type-group-nav .type-group-item.ques-types-area > .other-area-ques {
    box-sizing: border-box;
    padding-left: 2.25rem;
    position: relative;
    overflow: hidden;
}

    .type-group-nav .type-group-item.ques-types-area > .other-area-ques > .type-list {
        width: 89%;
    }

        .type-group-nav .type-group-item.ques-types-area > .other-area-ques > .type-list > .type-item {
            display: inline-block;
            vertical-align: middle;
            box-sizing: border-box;
            padding: 0 .625rem;
            padding-bottom: .3125rem;
            margin: .75rem 0 0 0;
            font-size: .875rem;
            line-height: 2;
        }

            .type-group-nav .type-group-item.ques-types-area > .other-area-ques > .type-list > .type-item.type-item--selected {
                color: var(--primary-font-color1);
                background: var(--bg-color5);
            }

.type-group-nav .type-group-item.ques-types-area .other-area-sub-types {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    position: relative;
    background: var(--bg-color5);
}

    .type-group-nav .type-group-item.ques-types-area .other-area-sub-types::before {
        content: "";
        display: block;
        width: 2.25rem;
        height: 100%;
        background: transparent;
        position: absolute;
        top: 0;
        left: -2.25rem;
        z-index: 10;
        background: var(--bg-color5);
    }

    .type-group-nav .type-group-item.ques-types-area .other-area-sub-types::after {
        content: "";
        display: block;
        width: 5.625rem;
        height: 100%;
        background: transparent;
        position: absolute;
        top: 0;
        right: -5.625rem;
        z-index: 10;
        background: var(--bg-color5);
    }

    .type-group-nav .type-group-item.ques-types-area .other-area-sub-types > .type-item {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        padding: 0 .625rem;
        font-size: .875rem;
        line-height: 2;
        margin: .3125rem 0;
    }

.type-group-nav .type-group-item.ques-types-area > .type-item-top > .toggle-btn {
    display: inline-block;
    margin-top: 1.1875rem;
    font-size: .875rem;
    line-height: 1;
    position: relative;
    color: var(--primary-font-color1);
}

    .type-group-nav .type-group-item.ques-types-area > .type-item-top > .toggle-btn > i {
        display: inline-block;
        width: .5rem;
        height: .25rem;
        overflow: hidden;
        position: absolute;
        top: .375rem;
        left: -0.75rem;
        transition-property: transform;
        transition-duration: .3s;
        transition-timing-function: ease-in;
    }

        .type-group-nav .type-group-item.ques-types-area > .type-item-top > .toggle-btn > i::before {
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: .25rem .25rem 0 .25rem;
            border-color: var(--primary-color1) transparent transparent transparent;
            position: absolute;
            top: 0;
            left: 0;
        }

        .type-group-nav .type-group-item.ques-types-area > .type-item-top > .toggle-btn > i::after {
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: .25rem .25rem 0 .25rem;
            border-color: var(--bg-color3) transparent transparent transparent;
            position: absolute;
            top: -0.0625rem;
            left: 0;
        }

    .type-group-nav .type-group-item.ques-types-area > .type-item-top > .toggle-btn.opening > i {
        transform: translateY(-50%) rotate(180deg);
    }

.type-group-nav .type-group-item.tk-area-bar {
    overflow: initial;
    height: auto;
    display: flex;
}

@supports(gap:.625rem) {
    .type-group-nav .type-group-item.tk-area-bar {
        gap: .625rem;
    }
}

@supports not(gap:10px) {
    .type-group-nav .type-group-item.tk-area-bar > *:not(:last-child) {
        margin-right: .625rem;
    }
}

.type-group-nav .type-group-item.tk-area-bar .type-list, .type-group-nav .type-group-item.tk-area-bar > .type-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    font-size: 0;
}

@supports(gap:.875rem 1.5rem) {
    .type-group-nav .type-group-item.tk-area-bar .type-list, .type-group-nav .type-group-item.tk-area-bar > .type-list {
        gap: .875rem 1.5rem;
    }
}

@supports not(gap:1.5rem) {
    .type-group-nav .type-group-item.tk-area-bar .type-list > *:not(:last-child), .type-group-nav .type-group-item.tk-area-bar > .type-list > *:not(:last-child) {
        margin-right: .875rem;
        margin-bottom: 1.5rem;
    }
}

.type-group-nav .type-group-item.tk-area-bar .tk-area-box {
    display: flex;
    min-height: 1.5rem;
}

    .type-group-nav .type-group-item.tk-area-bar .tk-area-box > i {
        display: inline-block;
        height: 1rem;
        margin-left: 1rem;
        margin-top: 5px;
        font-family: "icon" !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-size: 0;
        line-height: 1;
        color: var(--font-color2);
    }

        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > i::before {
            content: "\e6a3";
            font-size: .875rem;
        }

    .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-citys {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        gap: 12px 20px;
        margin: 4px 0 5px 10px;
        font-size: .875rem;
        line-height: 1;
        font-style: normal;
    }

        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-citys > .city-name {
            display: inline-block;
            box-sizing: border-box;
            border-radius: .25rem;
            color: var(--font-color2);
        }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-citys > .city-name:hover {
                color: var(--primary-font-color1-hover);
            }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-citys > .city-name.selected {
                background: var(--primary-font-color1);
                color: var(--font-color5);
            }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-citys > .city-name.type-item--selected {
                color: var(--primary-font-color1);
                font-weight: 500;
            }

    .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces {
        display: block;
        height: 1.375rem;
    }

        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces.ctrl-hide {
            position: relative;
        }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces.ctrl-hide:hover > .area-provinces__list {
                display: block;
            }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces.ctrl-hide:hover::before {
                content: '';
                display: block;
                width: 21rem;
                height: 1.25rem;
                position: absolute;
                top: 1.125rem;
                left: 0;
                z-index: 299;
            }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces.ctrl-hide:hover > .area-provinces__select > i {
                top: 50%;
                transform: translateY(-50%) rotate(180deg);
            }

        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__select {
            display: inline-block;
            height: 1.375rem;
            box-sizing: border-box;
            padding: 0 .8125rem 0 .5rem;
            border-radius: .25rem;
            position: relative;
            font-size: .875rem;
            line-height: 1.4;
            font-style: normal;
            word-break: keep-all;
            white-space: initial;
            background: #ebf5ff;
            color: var(--primary-font-color1);
        }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__select > i {
                display: inline-block;
                width: .375rem;
                height: .25rem;
                overflow: hidden;
                position: absolute;
                top: 50%;
                right: .25rem;
                transform: translateY(-50%);
                transform-origin: center center;
                transition-property: transform;
                transition-duration: .3s;
                transition-timing-function: ease;
            }

                .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__select > i::before {
                    content: '';
                    display: inline-block;
                    width: 0;
                    height: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    border-style: solid;
                    border-width: .25rem .1875rem 0 .1875rem;
                    border-color: var(--primary-color1) transparent transparent transparent;
                }

        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__list {
            display: none;
            width: 21rem;
            overflow: hidden;
            box-sizing: border-box;
            padding: 6px 11px 9px 10px;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 300;
            background: var(--bg-color3);
            border: 1px solid var(--primary-color-light1);
        }

            .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__list > .line {
                display: table-row;
                font-size: 0;
            }

                .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__list > .line > .name-type {
                    display: table-cell;
                    height: 1.5rem;
                    text-transform: uppercase;
                    word-break: keep-all;
                    white-space: nowrap;
                    font-size: .875rem;
                    text-align: right;
                    line-height: 2;
                    color: var(--font-color4);
                }

                .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__list > .line > .list {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 10px 18px;
                    box-sizing: border-box;
                    padding: .5rem 0 .5rem 1.125rem;
                    word-break: break-all;
                    white-space: initial;
                }

                    .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__list > .line > .list .province-name {
                        display: inline-block;
                        box-sizing: border-box;
                        padding: 0;
                        font-size: .875rem;
                        color: var(--font-color2);
                    }

                        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__list > .line > .list .province-name:hover {
                            color: var(--primary-font-color1-hover);
                        }

                        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces > .area-provinces__list > .line > .list .province-name.selected {
                            color: var(--primary-font-color1);
                        }

        .type-group-nav .type-group-item.tk-area-bar .tk-area-box > .area-provinces.area-filter > .area-provinces__list {
            width: 31.25rem;
        }

.more-type-select {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: var(--bg-color3);
    padding: .625rem 1.25rem .625rem 1.25rem;
    font-size: 0;
    position: relative;
}

@supports(gap:.25rem) {
    .more-type-select {
        gap: .25rem;
    }
}

@supports not(gap:.25rem) {
    .more-type-select > .type-name {
        margin-right: .25rem;
    }
}

.more-type-select > .type-name {
    display: inline-block;
    vertical-align: middle;
    height: 1.625rem;
    line-height: 1.857142;
    font-size: .875rem;
    text-align: right;
    font-weight: 400;
    color: var(--font-color4);
}

.more-type-select > .type-menu {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.25rem;
    border-radius: .125rem;
    font-size: .875rem;
    position: relative;
}

    .more-type-select > .type-menu > .menu-name {
        display: flex;
        align-items: center;
        min-height: 1.625rem;
        position: relative;
        cursor: pointer;
        box-sizing: border-box;
        padding: 0 1.1875rem 0 .4375rem;
        font-size: 0;
    }

        .more-type-select > .type-menu > .menu-name > .name-txt {
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            box-sizing: border-box;
            font-size: .875rem;
            line-height: 1.833333;
            color: var(--font-color2);
        }

        .more-type-select > .type-menu > .menu-name > i {
            display: inline-block;
            width: .5rem;
            height: .3125rem;
            overflow: hidden;
            position: absolute;
            top: 50%;
            right: .375rem;
            z-index: 100;
            transform-origin: center center;
            transform: translateY(-50%);
            -ms-transition-property: transform;
            -ms-transition-duration: .3s;
            -ms-transition-timing-function: ease;
            transition-property: transform;
            transition-duration: .3s;
            transition-timing-function: ease;
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJVbmlvbiIgZD0iTTAuOTE5MTg5IDEuMjI5NzlMMS44Mzg0MyAwLjMxMDU0N0w1LjM3ODgxIDMuODUwOTNMOC45MTkxOSAwLjMxMDU0N0w5LjgzODQzIDEuMjI5NzlMNS4zNzg4MSA1LjY4OTRMMC45MTkxODkgMS4yMjk3OVoiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+Cg==) no-repeat;
            background-size: 100% 100%;
        }

    .more-type-select > .type-menu.type-menu--selected {
        background: var(--primary-bg-color2);
    }

        .more-type-select > .type-menu.type-menu--selected > .menu-name > .name-txt {
            color: var(--primary-font-color1);
        }

        .more-type-select > .type-menu.type-menu--selected > .menu-name > i {
            -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOSA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5IDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMjg3N0ZGO30KPC9zdHlsZT4KPHBhdGggaWQ9IlVuaW9uIiBjbGFzcz0ic3QwIiBkPSJNNC41LDUuN2w0LjUtNC41TDgsMC4zTDQuNSwzLjlMMC45LDAuM0wwLDEuMkw0LjUsNS43eiIvPgo8L3N2Zz4K) no-repeat;
        }

        .more-type-select > .type-menu.type-menu--selected[data-type="knowledgeMenu"] > .menu-name > .name-txt {
            background: var(--primary-bg-color1);
            color: var(--font-color5);
        }

    .more-type-select > .type-menu.menu-name--selected > .menu-name {
        box-sizing: border-box;
        padding: 0 1.25rem 0 .375rem;
        background: var(--primary-bg-color2);
    }

        .more-type-select > .type-menu.menu-name--selected > .menu-name > a.reset-btn {
            display: inline-block;
            vertical-align: middle;
            width: 1.25rem;
            height: 1.375rem;
            overflow: hidden;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }

            .more-type-select > .type-menu.menu-name--selected > .menu-name > a.reset-btn::before {
                content: "\e78a";
                font-family: "icon" !important;
                font-size: .875rem;
                font-style: normal;
                color: var(--primary-font-color1);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                display: inline-block;
                position: absolute;
                top: 50%;
                left: .25rem;
                transform: translateY(-50%);
                -ms-transform: translateY(-50%);
            }

        .more-type-select > .type-menu.menu-name--selected > .menu-name > .name-txt {
            color: var(--primary-font-color1);
        }

    .more-type-select > .type-menu.menu-name--selected:hover > .menu-name {
        background: var(--primary-bg-color2);
    }

        .more-type-select > .type-menu.menu-name--selected:hover > .menu-name > a.reset-btn::before {
            color: var(--primary-font-color1);
        }

        .more-type-select > .type-menu.menu-name--selected:hover > .menu-name > .name-txt {
            color: var(--primary-font-color1);
        }

    .more-type-select > .type-menu.menu-name--selected[data-type="knowledgeMenu"]:hover > .menu-name > .name-txt {
        border-color: var(--primary-color1);
        color: var(--primary-font-color1);
        background: var(--bg-color3);
    }

    .more-type-select > .type-menu > .item-list {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        min-width: 7rem;
        position: absolute;
        left: 50%;
        top: calc(100% + 0.3125rem);
        z-index: 500;
        transform: translateX(-50%);
        border-radius: var(--borderRadius2);
        box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.1);
        padding: .3125rem .75rem .3125rem .75rem;
        background: var(--bg-color3);
    }

@supports not(top:calc(100% + 0.3125rem)) {
    .more-type-select > .type-menu > .item-list {
        top: 1.9375rem;
    }
}

.more-type-select > .type-menu > .item-list::before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    background-color: rgba(0,0,0,0);
    position: absolute;
    top: -10px;
    left: 50%;
    z-index: 499;
    transform: translateX(-50%);
    cursor: pointer;
}

.more-type-select > .type-menu > .item-list .menu-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    box-sizing: border-box;
    border-radius: var(----xkw-small-radious,4px);
    background-color: var(--bg-color3);
    word-break: keep-all;
    white-space: normal;
    color: var(--font-color2);
}

    .more-type-select > .type-menu > .item-list .menu-item > a.link-txt {
        word-break: keep-all;
        white-space: nowrap;
        color: var(--font-color2);
    }

    .more-type-select > .type-menu > .item-list .menu-item:hover > a.link-txt {
        color: var(--primary-font-color1-hover);
    }

    .more-type-select > .type-menu > .item-list .menu-item.link-txt--selected {
        background: var(--primary-bg-color2);
    }

        .more-type-select > .type-menu > .item-list .menu-item.link-txt--selected > a {
            color: var(--primary-font-color1);
        }

        .more-type-select > .type-menu > .item-list .menu-item.link-txt--selected a.link-txt {
            color: var(--primary-font-color1);
        }

            .more-type-select > .type-menu > .item-list .menu-item.link-txt--selected a.link-txt:hover {
                color: var(--primary-font-color1);
            }

.more-type-select > .type-menu > .item-list.kaofa-menu {
    min-width: 7rem;
}

    .more-type-select > .type-menu > .item-list.kaofa-menu > .wrapper {
        display: block;
        max-width: 100%;
        max-height: 12.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

        .more-type-select > .type-menu > .item-list.kaofa-menu > .wrapper > .menu-item {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: keep-all;
            white-space: nowrap;
        }

.more-type-select > .type-menu > .item-list.province-menu {
    display: table;
    width: 29.0625rem;
    left: 238%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .more-type-select > .type-menu > .item-list.province-menu .menu-item {
        display: table-row;
        margin-top: 0;
        padding: 0;
    }

        .more-type-select > .type-menu > .item-list.province-menu .menu-item:last-child {
            margin-bottom: 0;
        }

        .more-type-select > .type-menu > .item-list.province-menu .menu-item > .item-title {
            display: table-cell;
            vertical-align: top;
            word-break: break-all;
            white-space: nowrap;
            text-align: right;
            line-height: 2.875rem;
            color: var(--font-color4);
        }

        .more-type-select > .type-menu > .item-list.province-menu .menu-item > .link-box {
            width: 100%;
            display: table-cell;
            word-break: break-all;
            white-space: normal;
            line-height: 1.875rem;
            box-sizing: border-box;
            padding: .5rem 0 .5rem 1.125rem;
        }

            .more-type-select > .type-menu > .item-list.province-menu .menu-item > .link-box > .link-txt {
                display: block;
                float: left;
                box-sizing: border-box;
                padding: .4375rem .375rem;
                margin-right: .4375rem;
                word-break: break-all;
                white-space: nowrap;
                line-height: 1rem;
                color: var(--font-color2);
            }

                .more-type-select > .type-menu > .item-list.province-menu .menu-item > .link-box > .link-txt:hover {
                    color: var(--primary-font-color1-hover);
                }

                .more-type-select > .type-menu > .item-list.province-menu .menu-item > .link-box > .link-txt.link-txt--selected {
                    color: var(--primary-font-color1);
                }

.more-type-select > .type-menu > .item-list.city-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: calc(75rem * 0.76);
    left: -200px;
    transform: none;
    padding: .375rem .25rem;
    min-width: 47.8125rem;
    word-break: break-all;
    white-space: normal;
}

    .more-type-select > .type-menu > .item-list.city-menu .menu-item {
        display: inline-block;
        box-sizing: border-box;
        padding: .375rem .625rem;
        height: auto;
    }

        .more-type-select > .type-menu > .item-list.city-menu .menu-item.link-txt--selected {
            background-color: var(--bg-color3);
        }

.more-type-select > .type-menu > .item-list.knowledge-menu {
    width: auto;
    max-width: 144%;
    overflow: hidden;
    max-height: 480px;
    overflow-y: auto;
}

    .more-type-select > .type-menu > .item-list.knowledge-menu .menu-item {
        display: block;
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.more-type-select > .type-menu[data-type="knowledgeMenu"] > .menu-name > .name-txt {
    color: #e4393c;
}

.more-type-select > b {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    font-weight: normal;
    margin-right: 1.875rem;
    color: #dcdcdc;
}

.more-type-select > .filter-checkbox {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    font-size: 0;
    margin-right: .625rem;
    margin-right: 0;
}

    .more-type-select > .filter-checkbox > i {
        display: inline-block;
        vertical-align: middle;
        width: .875rem;
        height: .875rem;
        box-sizing: border-box;
        border-width: .0625rem;
        border-style: solid;
        border-radius: .125rem;
        margin-right: .25rem;
        font-size: .75rem;
        font-style: normal;
        position: relative;
        background: var(--bg-color3);
        border-color: var(--font-color4);
        pointer-events: none;
    }

    .more-type-select > .filter-checkbox > span {
        display: inline-block;
        vertical-align: middle;
        pointer-events: none;
        font-size: .75rem;
        color: var(--font-color2);
    }

    .more-type-select > .filter-checkbox.checked > i {
        border-color: var(--primary-color1);
    }

        .more-type-select > .filter-checkbox.checked > i::before {
            content: "";
            position: absolute;
            top: 0;
            left: .25rem;
            width: .25rem;
            height: .5rem;
            border-right: .125rem solid var(--primary-color1);
            border-bottom: .125rem solid var(--primary-color1);
            -webkit-transform: rotate(45deg) scale(1);
            -ms-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
            border-color: var(--primary-color1);
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .more-type-select > .filter-checkbox.new-ques-filter.new {
        position: relative;
    }

        .more-type-select > .filter-checkbox.new-ques-filter.new::after {
            content: "";
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.875rem;
            height: 1rem;
            box-sizing: border-box;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzAgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZFNDUwOTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cjx0aXRsZT5uZXc8L3RpdGxlPgo8ZyBpZD0i57uE5Y235ouN5pCc5a6j5LygIj4KCTxnIGlkPSLnu4TljbfpppbpobUt55m75b2V5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwNy4wMDAwMDAsIC00OC4wMDAwMDApIj4KCQk8ZyBpZD0ibmV3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDA3LjAwMDAwMCwgNDguNzQ0MzQ3KSI+CgkJCTxwYXRoIGlkPSLnn6nlvaIiIGNsYXNzPSJzdDAiIGQ9Ik02LDBoMTYuNUMyNi42LDAsMzAsMy40LDMwLDcuNVMyNi42LDE1LDIyLjUsMTVIMGwwLDBWNkMwLDIuNywyLjcsMCw2LDB6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01LjIsMTFWNy4xYzAtMC41LDAuMS0wLjgsMC40LTEuMWMwLjItMC4yLDAuNi0wLjQsMC45LTAuNFM3LjIsNS44LDcuNCw2YzAuMiwwLjIsMC40LDAuNiwwLjQsMS4xVjExaDEuMwoJCQkJVjYuNmMwLTAuOC0wLjMtMS4zLTAuNy0xLjdDOCw0LjUsNy41LDQuMyw2LjksNC4zYy0wLjcsMC0xLjMsMC4zLTEuNywwLjhoMFY0LjRIMy45VjExSDUuMnogTTEzLjQsMTEuMWMwLjksMCwxLjctMC4zLDIuNC0xLjEKCQkJCWwtMS0wLjhjLTAuNCwwLjQtMC45LDAuNi0xLjQsMC42Yy0wLjUsMC0wLjgtMC4xLTEuMS0wLjRjLTAuMy0wLjMtMC41LTAuNy0wLjUtMS4yaDQuMVY3LjFjMC0wLjktMC4zLTEuNS0wLjgtMgoJCQkJYy0wLjUtMC41LTEuMi0wLjctMS45LTAuN2MtMC4zLDAtMC42LDAuMS0xLDAuMmMtMC4zLDAuMS0wLjYsMC4zLTAuOSwwLjZjLTAuMywwLjMtMC41LDAuNi0wLjYsMWMtMC4yLDAuNC0wLjIsMS0wLjIsMS42CgkJCQljMCwwLjcsMC4xLDEuMiwwLjMsMS43YzAuMiwwLjQsMC40LDAuOCwwLjcsMWMwLjEsMC4xLDAuMywwLjIsMC41LDAuM2MwLjIsMC4xLDAuMywwLjIsMC41LDAuMkMxMi44LDExLDEzLjEsMTEuMSwxMy40LDExLjF6CgkJCQkgTTE0LjYsNy4xaC0yLjhjMC0wLjUsMC4yLTAuOSwwLjQtMS4yYzAuMy0wLjIsMC42LTAuNCwxLTAuNHMwLjcsMC4xLDEsMC40QzE0LjUsNi4yLDE0LjYsNi42LDE0LjYsNy4xeiBNMTkuOCwxMWwxLjQtNC42aDAKCQkJCWwxLjQsNC42aDEuMmwyLjEtNi42aC0xLjRMMjMuMiw5aDBsLTEuNS00LjZoLTFMMTkuMiw5aDBsLTEuMy00LjZoLTEuNGwyLjEsNi42SDE5Ljh6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
            position: absolute;
            top: -1rem;
            right: -1.125rem;
        }

    .more-type-select > .filter-checkbox.new-ques-filter + .new-quest-explain {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: .875rem;
        color: var(--font-color4);
    }

        .more-type-select > .filter-checkbox.new-ques-filter + .new-quest-explain:hover {
            color: var(--primary-font-color1-hover);
        }

            .more-type-select > .filter-checkbox.new-ques-filter + .new-quest-explain:hover > .tip {
                left: 160%;
                opacity: 1;
            }

        .more-type-select > .filter-checkbox.new-ques-filter + .new-quest-explain::before {
            display: inline-block;
            position: relative;
            z-index: 2;
            line-height: 1;
        }

        .more-type-select > .filter-checkbox.new-ques-filter + .new-quest-explain::after {
            content: '';
            display: inline-block;
            width: 180%;
            height: 180%;
            position: absolute;
            top: -40%;
            left: -40%;
            z-index: 1;
        }

        .more-type-select > .filter-checkbox.new-ques-filter + .new-quest-explain > .tip {
            display: block;
            box-sizing: border-box;
            padding: .25rem;
            border-radius: .25rem;
            background-color: var(--primary-color-light1);
            pointer-events: none;
            font-size: .75rem;
            word-break: keep-all;
            white-space: nowrap;
            color: var(--primary-font-color1);
            position: absolute;
            top: 50%;
            left: 400%;
            z-index: 3;
            opacity: 0;
            transform: translateY(-50%);
            transition-property: left,opacity;
            transition-duration: .5s;
            transition-timing-function: ease;
        }

            .more-type-select > .filter-checkbox.new-ques-filter + .new-quest-explain > .tip::before {
                content: '';
                width: 10px;
                height: 10px;
                border-radius: 2px;
                background-color: var(--primary-color-light1);
                position: absolute;
                top: 50%;
                left: -3px;
                z-index: -1;
                transform: translateY(-50%) rotate(45deg);
            }

    .more-type-select > .filter-checkbox.checked > .checkbox-icon {
        background-color: var(--primary-color1);
    }

        .more-type-select > .filter-checkbox.checked > .checkbox-icon::before {
            width: .25rem;
            height: .5rem;
            border-color: var(--primary-color3);
            top: 0;
            left: .1875rem;
        }

.more-type-select > .classic-filter {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    font-size: 0;
    margin-right: .625rem;
}

    .more-type-select > .classic-filter > i {
        display: inline-block;
        vertical-align: middle;
        width: .875rem;
        height: .875rem;
        box-sizing: border-box;
        border-width: .0625rem;
        border-style: solid;
        border-radius: .125rem;
        margin-right: .25rem;
        font-size: .75rem;
        font-style: normal;
        position: relative;
        background: var(--bg-color3);
        border-color: var(--font-color4);
        pointer-events: none;
    }

    .more-type-select > .classic-filter > span {
        display: inline-block;
        vertical-align: middle;
        pointer-events: none;
        font-size: .75rem;
        color: var(--font-color2);
    }

    .more-type-select > .classic-filter.checked > i {
        border-color: var(--primary-color1);
    }

        .more-type-select > .classic-filter.checked > i::before {
            content: "";
            position: absolute;
            top: 0;
            left: .25rem;
            width: .25rem;
            height: .5rem;
            border-right: .125rem solid var(--primary-color1);
            border-bottom: .125rem solid var(--primary-color1);
            -webkit-transform: rotate(45deg) scale(1);
            -ms-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
            border-color: var(--primary-color1);
            opacity: 1;
            filter: alpha(opacity=100);
        }

.special-topic-page {
    display: flex;
}

@supports(gap:.75rem) {
    .special-topic-page {
        gap: .75rem;
    }
}

@supports not(gap:.75rem) {
    .special-topic-page > .left-box {
        margin-right: .75rem;
    }
}

.special-topic-page > .left-box {
    flex: 1;
    max-width: 77%;
}

    .special-topic-page > .left-box > .top-box {
        display: block;
        margin-bottom: .75rem;
    }

    .special-topic-page > .left-box > .ctrl-bar {
        display: flex;
        align-items: center;
        width: 100%;
        height: 3.125rem;
        margin: .75rem 0 0 0;
        font-size: 0;
        box-sizing: border-box;
        border-bottom: 1px solid #ececec;
        border-radius: var(--borderRadius2) var(--borderRadius2) 0 0;
        padding: 0 1.25rem 0 1.25rem;
        background: var(--bg-color3);
    }

        .special-topic-page > .left-box > .ctrl-bar > .sort-box {
            flex: 1;
            display: flex;
            align-items: center;
            height: 100%;
            font-size: 0;
        }

@supports(gap:1.5rem) {
    .special-topic-page > .left-box > .ctrl-bar > .sort-box {
        gap: 1.5rem;
    }
}

@supports not(gap:1.5rem) {
    .special-topic-page > .left-box > .ctrl-bar > .sort-box > *:not(:last-child) {
        margin-right: 1.125rem;
    }
}

.special-topic-page > .left-box > .ctrl-bar > .sort-box > a {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1;
}

    .special-topic-page > .left-box > .ctrl-bar > .sort-box > a.current {
        font-weight: 500;
    }

.special-topic-page > .left-box > .ctrl-bar > .search-box {
    display: flex;
    align-items: center;
    min-width: 10rem;
    height: 1.75rem;
    box-sizing: border-box;
    border-width: .0625rem;
    border-style: solid;
    border-radius: .25rem;
    padding: 0 .25rem 0 .5rem;
    font-size: .75rem;
    border-color: #e6e6e6;
}

    .special-topic-page > .left-box > .ctrl-bar > .search-box > input {
        flex: 1;
        height: 100%;
        box-sizing: border-box;
        color: var(--font-color2);
    }

    .special-topic-page > .left-box > .ctrl-bar > .search-box > .icon-search {
        width: 1.125rem;
        height: 1.125rem;
        color: #666;
        font-size: 1rem;
        line-height: 1.5;
    }

.special-topic-page > .left-box > .topic-list {
    display: block;
    margin-bottom: 1.25rem;
    box-sizing: border-box;
    border-radius: 0 0 var(--borderRadius2) var(--borderRadius2);
    background: var(--bg-color3);
}

    .special-topic-page > .left-box > .topic-list > .item {
        display: block;
        box-sizing: border-box;
        padding: 1.25rem 0;
        margin: 0 1.25rem;
        display: flex;
        align-items: center;
        border-bottom: .0625rem dashed #ececec;
    }

        .special-topic-page > .left-box > .topic-list > .item:last-child {
            border-bottom: 0;
        }

        .special-topic-page > .left-box > .topic-list > .item > .item-type {
            float: left;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 5.125rem;
            height: 6.25rem;
            overflow: hidden;
            margin-right: 1.25rem;
            box-sizing: border-box;
            background-color: #fefefe;
            border-radius: .25rem;
            cursor: pointer;
            position: relative;
        }

            .special-topic-page > .left-box > .topic-list > .item > .item-type > .item-type__title {
                display: inline-flex;
                flex-wrap: wrap;
                justify-content: center;
                width: 72%;
                height: 2.75rem;
                margin: 0 auto;
                margin-top: 1.25rem;
                margin-bottom: .625rem;
                font-size: 1.25rem;
                text-align: center;
                font-weight: bold;
                color: var(--font-color5);
                line-height: 1.1;
                position: relative;
                z-index: 11;
            }

                .special-topic-page > .left-box > .topic-list > .item > .item-type > .item-type__title.wrap_6 {
                    width: 74%;
                }

            .special-topic-page > .left-box > .topic-list > .item > .item-type > .item-type__sum {
                display: inline-block;
                max-width: 80%;
                height: 1.125rem;
                overflow: hidden;
                background: rgba(0,0,0,0.15);
                box-sizing: border-box;
                padding: 0 .375rem;
                border-radius: .5625rem;
                font-size: .75rem;
                line-height: 1.125rem;
                word-break: keep-all;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: var(--font-color5);
                position: relative;
                z-index: 11;
            }

            .special-topic-page > .left-box > .topic-list > .item > .item-type > .cover {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

            .special-topic-page > .left-box > .topic-list > .item > .item-type > .tag {
                display: none;
            }

        .special-topic-page > .left-box > .topic-list > .item.vip {
            position: relative;
        }

            .special-topic-page > .left-box > .topic-list > .item.vip > .item-type::after {
                content: '';
                display: inline-block;
                width: 1.8125rem;
                height: 1rem;
                position: absolute;
                top: 0;
                right: -0.0625rem;
                z-index: 11;
                background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI5LjEyIDE2LjY0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmNGMzYjtmaWxsLXJ1bGU6ZXZlbm9kZDt9LmNscy0ye2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTN7ZmlsbDojZmVmOGQyO308L3N0eWxlPjwvZGVmcz48dGl0bGU+Y292ZXJfdmlwPC90aXRsZT48cGF0aCBpZD0i55+p5b2iIiBjbGFzcz0iY2xzLTEiIGQ9Ik0tLjEyLDBoMjVBNC4xNiw0LjE2LDAsMCwxLDI5LDQuMTZWMTYuNjRIOC4yQTguMzMsOC4zMywwLDAsMS0uMTIsOC4zMlYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xMikiLz48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTkuNDEsMTIuMjZxLS4yNS41NC0uNjYuNTRhLjU1LjU1LDAsMCwxLS4zNi0uMTEsMSwxLDAsMCwxLS4zMS0uNDZMNS41OCw1LjExYTEuMzgsMS4zOCwwLDAsMS0uMDYtLjI2LjQzLjQzLDAsMCwxLDAtLjI1LjQ2LjQ2LDAsMCwxLC4xNi0uMjFBLjczLjczLDAsMCwxLDYsNC4yNWwuMjUsMGEuNzYuNzYsMCwwLDEsLjI2LDBBLjY0LjY0LDAsMCwxLDcsNC43MWwxLjc3LDUuMkwxMC41MSw0LjdhLjc0Ljc0LDAsMCwxLC4xOS0uM0EuNzYuNzYsMCwwLDEsMTEsNC4yNWEuNzEuNzEsMCwwLDEsLjI5LDBsLjI4LDBjLjQzLjA5LjU2LjM3LjQuODRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjEyKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1LjQ0LDEyYS42Ny42NywwLDAsMS0uNzkuNzcuNzUuNzUsMCwwLDEtLjU5LS4xOS44LjgsMCwwLDEtLjE4LS41NlY1YS42OC42OCwwLDAsMSwuNzctLjc3Ljg3Ljg3LDAsMCwxLC41OS4xNy42OS42OSwwLDAsMSwuMi41OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTIpIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTcuNzcsNS4xMWExLjU4LDEuNTgsMCwwLDEsMC0uNDFBLjQxLjQxLDAsMCwxLDE4LDQuNDZhLjg1Ljg1LDAsMCwxLC4zNC0uMTEsNC41MSw0LjUxLDAsMCwxLC41OCwwaDEuNjlhNS43Myw1LjczLDAsMCwxLDEuMzQuMTMsMi4xMywyLjEzLDAsMCwxLC44OS40NCwxLjgsMS44LDAsMCwxLC41MS44M0E0LjQ1LDQuNDUsMCwwLDEsMjMuNDgsN2EzLjk0LDMuOTQsMCwwLDEtLjE3LDEuMjcsMi4wOSwyLjA5LDAsMCwxLS41MS44NywyLjE3LDIuMTcsMCwwLDEtLjkuNDksNSw1LDAsMCwxLTEuMzEuMTVIMTkuMzN2Mi40M2EuNjEuNjEsMCwwLDEtLjE4LjQzLDEsMSwwLDAsMS0xLjIsMCwuNjUuNjUsMCwwLDEtLjE4LS40MlptMS41NiwzLjNoMS4yNmExLjMxLDEuMzEsMCwwLDAsMS4wNS0uMzRBMS42NiwxLjY2LDAsMCwwLDIxLjkyLDdhMS43NCwxLjc0LDAsMCwwLS4xLS42NSwxLjA3LDEuMDcsMCwwLDAtLjI4LS40LjkxLjkxLDAsMCwwLS40Mi0uMiwyLjIsMi4yLDAsMCwwLS41My0uMDZIMTkuMzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjEyKSIvPjwvZz48L3N2Zz4=) no-repeat;
            }

        .special-topic-page > .left-box > .topic-list > .item > .item-info {
            float: left;
            width: 72%;
            min-height: 6.375rem;
            flex: 1;
        }

            .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-info__name {
                display: block;
                font-size: 1rem;
                margin-bottom: .875rem;
                cursor: pointer;
                color: var(--font-color2);
            }

                .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-info__name:hover {
                    color: var(--primary-font-color1-hover);
                }

            .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-info__info {
                display: block;
                font-size: 0;
            }

                .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-info__info > .info-txt {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .75rem;
                }

                .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-info__info > b {
                    display: inline-block;
                    vertical-align: middle;
                    width: 1px;
                    height: .625rem;
                    overflow: hidden;
                    font-size: 0;
                    font-weight: normal;
                    margin: 0 .75rem;
                    color: #ececec;
                    background-color: #ececec;
                }

                .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-info__info > span {
                    color: var(--font-color4);
                }

            .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-tags {
                display: block;
                height: 1.5rem;
                overflow: hidden;
                margin-bottom: 1rem;
            }

                .special-topic-page > .left-box > .topic-list > .item > .item-info > .item-tags > .tag {
                    float: left;
                    box-sizing: border-box;
                    padding: .25rem .5625rem;
                    border-radius: .1875rem;
                    font-size: .75rem;
                    margin-right: .375rem;
                    margin-bottom: .375rem;
                    color: var(--font-color3);
                    background: #f0f8ff;
                }

        .special-topic-page > .left-box > .topic-list > .item > .ctrl-box {
            float: right;
            margin-left: 1rem;
        }

            .special-topic-page > .left-box > .topic-list > .item > .ctrl-box > .look-up-btn {
                display: inline-block;
                box-sizing: border-box;
                padding: .625rem 1.875rem;
                border-radius: .3125rem;
                background: var(--primary-bg-color1);
                color: var(--font-color5);
            }

                .special-topic-page > .left-box > .topic-list > .item > .ctrl-box > .look-up-btn:hover {
                    background: var(--primary-bg-hover-color1);
                }

        .special-topic-page > .left-box > .topic-list > .item:hover > .item-info > .item-info__name {
            color: var(--primary-font-color1-hover);
        }

.special-topic-page > .right-box {
    width: 16.5rem;
}

    .special-topic-page > .right-box > .exam-rec {
        display: block;
        box-sizing: border-box;
        padding: 1.25rem 1.25rem .375rem 1.25rem;
        border-radius: .1875rem;
        background: var(--bg-color3);
    }

        .special-topic-page > .right-box > .exam-rec > .exam-info {
            display: block;
            font-size: 0;
            margin-bottom: .75rem;
        }

            .special-topic-page > .right-box > .exam-rec > .exam-info > .info-pic {
                display: inline-block;
                vertical-align: middle;
                width: 4.625rem;
                height: 4.9375rem;
                overflow: hidden;
                position: relative;
                z-index: 20;
                box-sizing: border-box;
                padding: .25rem 0 0 0;
                margin-right: .875rem;
            }

                .special-topic-page > .right-box > .exam-rec > .exam-info > .info-pic::before {
                    content: "";
                    display: inline-block;
                    width: 5.75rem;
                    height: 7.25rem;
                    background: url(../img/special_icon.png) no-repeat 0 0;
                    transform: scale(0.68);
                    position: absolute;
                    top: -1.125rem;
                    left: -0.875rem;
                    z-index: 19;
                }

                .special-topic-page > .right-box > .exam-rec > .exam-info > .info-pic > span {
                    display: block;
                    font-size: .75rem;
                    position: relative;
                    z-index: 20;
                    text-align: center;
                }

                .special-topic-page > .right-box > .exam-rec > .exam-info > .info-pic > .type-name {
                    width: 66%;
                    margin-bottom: .125rem;
                    margin-left: .625rem;
                    overflow: hidden;
                    text-align: left;
                    text-overflow: ellipsis;
                    word-break: keep-all;
                    white-space: nowrap;
                    color: var(--font-color5);
                }

                .special-topic-page > .right-box > .exam-rec > .exam-info > .info-pic > .info-title {
                    font-size: .75rem;
                    position: relative;
                    z-index: 20;
                    display: block;
                    width: 72%;
                    height: 1.875rem;
                    overflow: hidden;
                    margin: 0 auto;
                    color: #38ab69;
                }

                .special-topic-page > .right-box > .exam-rec > .exam-info > .info-pic > .grade-name {
                    width: 66%;
                    margin-top: .25rem;
                    margin-left: .625rem;
                    overflow: hidden;
                    text-align: right;
                    text-overflow: ellipsis;
                    word-break: keep-all;
                    white-space: nowrap;
                    color: var(--bg-color5);
                }

            .special-topic-page > .right-box > .exam-rec > .exam-info > .info-detail {
                display: inline-block;
                vertical-align: middle;
                width: 60%;
                height: 100%;
                font-size: .75rem;
            }

                .special-topic-page > .right-box > .exam-rec > .exam-info > .info-detail > .info-title {
                    display: block;
                    font-weight: bold;
                    line-height: 1.42857;
                    font-size: .875rem;
                    margin-bottom: .875rem;
                    color: var(--font-color2);
                }

                .special-topic-page > .right-box > .exam-rec > .exam-info > .info-detail > .info-add {
                    display: block;
                    font-size: 0;
                }

                    .special-topic-page > .right-box > .exam-rec > .exam-info > .info-detail > .info-add > span {
                        display: inline-block;
                        vertical-align: middle;
                        width: 50%;
                        font-size: .75rem;
                        color: var(--font-color4);
                    }

                        .special-topic-page > .right-box > .exam-rec > .exam-info > .info-detail > .info-add > span:last-child {
                            text-align: right;
                        }

            .special-topic-page > .right-box > .exam-rec > .exam-info.orange > .info-pic > .info-title {
                color: #ea732d;
            }

            .special-topic-page > .right-box > .exam-rec > .exam-info.green > .info-pic > .info-title {
                color: #38ab69;
            }

            .special-topic-page > .right-box > .exam-rec > .exam-info.blue > .info-pic > .info-title {
                color: #4070e4;
            }

            .special-topic-page > .right-box > .exam-rec > .exam-info.zise > .info-pic > .info-title {
                color: #a873e5;
            }

            .special-topic-page > .right-box > .exam-rec > .exam-info.red > .info-pic > .info-title {
                color: #f36868;
            }

        .special-topic-page > .right-box > .exam-rec > .exam-intro {
            font-size: .75rem;
            letter-spacing: 0;
            line-height: 1.833333;
            color: var(--font-color3);
        }

    .special-topic-page > .right-box > .topic-ranking {
        display: blcok;
        margin: 0 0 .75rem 0;
        box-sizing: border-box;
        padding: 1.25rem 1.25rem .375rem 1.25rem;
        border-radius: var(--borderRadius2);
        background: var(--bg-color3);
        position: relative;
    }

        .special-topic-page > .right-box > .topic-ranking .aside-title {
            display: inline-block;
            margin-bottom: 1.25rem;
            position: relative;
        }

            .special-topic-page > .right-box > .topic-ranking .aside-title:before {
                content: '';
                display: inline-block;
                width: .1875rem;
                height: .875rem;
                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBMMS42MzI0NiAwLjU0NDE1MkMyLjQ0OTE0IDAuODE2MzggMyAxLjU4MDY2IDMgMi40NDE1MlYxMS41NTg1QzMgMTIuNDE5MyAyLjQ0OTE0IDEzLjE4MzYgMS42MzI0NiAxMy40NTU4TDAgMTRWMFoiIGZpbGw9IiMyODc3RkYiLz4KPC9zdmc+Cg==) no-repeat;
                position: absolute;
                left: -1.25rem;
                top: 50%;
                transform: translateY(-50%);
            }

            .special-topic-page > .right-box > .topic-ranking .aside-title > span {
                display: inline-block;
                box-sizing: border-box;
                font-size: 1rem;
                letter-spacing: 0;
                line-height: 1;
                font-weight: 500;
                color: var(--font-color3);
                position: relative;
            }

                .special-topic-page > .right-box > .topic-ranking .aside-title > span > em {
                    font-style: normal;
                    position: relative;
                    z-index: 100;
                }

        .special-topic-page > .right-box > .topic-ranking > .ranking-list {
            display: block;
        }

            .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item {
                display: block;
                height: 1.4375rem;
                margin-bottom: .75rem;
                position: relative;
                display: flex;
                align-items: center;
            }

                .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item > .item__index {
                    display: inline-block;
                    vertical-align: middle;
                    width: 1.125rem;
                    height: 1.4375rem;
                    margin-right: .625rem;
                    text-align: center;
                    line-height: 1.64285;
                    font-size: .875rem;
                    color: #a3a3ac;
                }

                .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item > .item__title {
                    display: inline-block;
                    vertical-align: middle;
                    width: 85.3%;
                    height: 100%;
                    overflow: hidden;
                    font-size: .875rem;
                    line-height: 1.64285;
                    text-overflow: ellipsis;
                    word-break: keep-all;
                    white-space: nowrap;
                    color: var(--font-color2);
                }

                    .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item > .item__title:hover {
                        color: var(--primary-font-color1-hover);
                    }

    .special-topic-page > .right-box > .contact-us {
        display: block;
        box-sizing: border-box;
        padding: 1.25rem;
        border-radius: var(--borderRadius2);
        background: var(--bg-color3);
    }

        .special-topic-page > .right-box > .contact-us > p {
            font-size: .875rem;
            letter-spacing: 0;
            line-height: 1.71428;
            color: var(--font-color2);
        }

            .special-topic-page > .right-box > .contact-us > p > b {
                font-style: normal;
                font-weight: normal;
                color: var(--primary-font-color1);
            }

        .special-topic-page > .right-box > .contact-us > div {
            margin-top: 1rem;
        }

            .special-topic-page > .right-box > .contact-us > div > span {
                display: inline-block;
                vertical-align: middle;
                width: 5.375rem;
                height: 4.4375rem;
                background: url(../img/special_icon.png) 0 -106px;
            }

            .special-topic-page > .right-box > .contact-us > div > a {
                display: inline-block;
                vertical-align: middle;
                box-sizing: border-box;
                padding: .375rem 1.0625rem;
                border-radius: 1.0625rem;
                font-size: .875rem;
                margin-left: 1.125rem;
                color: var(--primary-font-color1);
                border: 1px solid var(--primary-font-color1);
            }

                .special-topic-page > .right-box > .contact-us > div > a:hover {
                    color: var(--primary-font-color1-hover);
                    border-color: var(--primary-color1-hover);
                }

    .special-topic-page > .right-box .spec-banner {
        margin-bottom: .75rem;
        width: 100%;
        overflow: hidden;
    }

        .special-topic-page > .right-box .spec-banner > a {
            display: block;
            width: 100%;
            overflow: hidden;
        }

            .special-topic-page > .right-box .spec-banner > a > img {
                display: block;
                width: 100%;
            }

        .special-topic-page > .right-box .spec-banner .img {
            display: block;
            width: 100%;
        }

    .special-topic-page > .right-box > .politics-box {
        display: block;
        min-height: 14.625rem;
        box-sizing: border-box;
        padding: 1.5rem 1.375rem 0 1.375rem;
        border-radius: .1875rem;
        margin-bottom: .75rem;
        background: var(--bg-color3);
    }

        .special-topic-page > .right-box > .politics-box .aside-title {
            margin-bottom: 1.375rem;
        }

            .special-topic-page > .right-box > .politics-box .aside-title > span::after {
                content: none;
            }

        .special-topic-page > .right-box > .politics-box .link-box {
            display: block;
        }

            .special-topic-page > .right-box > .politics-box .link-box > .link-btn {
                float: left;
                display: block;
                width: 50%;
                height: 4.875rem;
                overflow: hidden;
                text-align: center;
                line-height: 1.07142;
                font-size: 0;
                box-sizing: border-box;
                padding-top: .8125rem;
                margin-bottom: .1875rem;
            }

                .special-topic-page > .right-box > .politics-box .link-box > .link-btn > .pic {
                    display: inline-block;
                    vertical-align: middle;
                    width: 1.875rem;
                    height: 1.875rem;
                    overflow: hidden;
                    line-height: 1;
                    background: url(../img/college_icon.png) no-repeat;
                    margin-bottom: .1875rem;
                }

                .special-topic-page > .right-box > .politics-box .link-box > .link-btn > .txt {
                    display: block;
                    width: 100%;
                    text-align: center;
                    font-size: .875rem;
                    color: var(--font-color2);
                    line-height: 1.35714;
                }

                .special-topic-page > .right-box > .politics-box .link-box > .link-btn.zhuguan > .pic {
                    background-position: -356px -3px;
                }

                .special-topic-page > .right-box > .politics-box .link-box > .link-btn.yuebao > .pic {
                    background-position: -389px -3px;
                }

                .special-topic-page > .right-box > .politics-box .link-box > .link-btn.redian > .pic {
                    background-position: -323px -3px;
                }

                .special-topic-page > .right-box > .politics-box .link-box > .link-btn.tiku > .pic {
                    background-position: -422px -3px;
                }

.special-topic-page .type-group-nav {
    border-radius: var(--borderRadius2) var(--borderRadius2) 0 0;
    overflow: hidden;
}

.special-topic-page .more-type-select {
    border-radius: 0 0 var(--borderRadius2) var(--borderRadius2);
    box-sizing: border-box;
    padding: 1rem 1.25rem 1.25rem 1.25rem;
    position: relative;
}

    .special-topic-page .more-type-select::before {
        content: '';
        display: block;
        width: calc(100% - 2.5rem);
        height: 0;
        border-top: 1px dashed var(--line-color1);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

.special-topic-page > .right-box > .topic-ranking > .ranking-list > .item:nth-child(1) > .item__index, .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item:nth-child(2) > .item__index, .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item:nth-child(3) > .item__index {
    position: relative;
    z-index: 11;
    color: var(--font-color5);
}

.special-topic-page > .right-box > .topic-ranking > .ranking-list > .item:nth-child(1)::before, .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item:nth-child(2)::before, .special-topic-page > .right-box > .topic-ranking > .ranking-list > .item:nth-child(3)::before {
    content: "";
    display: inline-block;
    width: 1.125rem;
    height: 1.4375rem;
    background: url(../img/special_icon.png) -100px -106px;
    position: absolute;
    top: -0.125rem;
    left: 0;
    z-index: 10;
}

.gotodetail:hover {
    cursor: pointer;
}

.special-topic-page > .left-box > .ctrl-bar > .search-box > label, .special-topic-page > .left-box > .ctrl-bar > .search-box > input, .special-topic-page > .left-box > .ctrl-bar > .search-box > .icon-search1 {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
}

.special-topic-page > .left-box > .ctrl-bar > .search-box > .icon-search1 {
    color: #666;
}

.special-topic-page > .left-box > .ctrl-bar > .sort-box > span, .special-topic-page > .left-box > .ctrl-bar > .sort-box > a {
    color: var(--font-color2);
}

    .special-topic-page > .left-box > .ctrl-bar > .sort-box > span:hover, .special-topic-page > .left-box > .ctrl-bar > .sort-box > span.current, .special-topic-page > .left-box > .ctrl-bar > .sort-box > a:hover, .special-topic-page > .left-box > .ctrl-bar > .sort-box > a.current {
        color: var(--primary-font-color1-hover);
    }