.tk-check-box {
    display: inline-block;
    vertical-align: middle;
    width: .875rem;
    height: .875rem;
    overflow: hidden;
    box-sizing: border-box;
    line-height: .875rem;
    position: relative;
    z-index: 9;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: var(--bg-color3);
    border: 1px solid var(--font-color4);
}

    .tk-check-box:hover {
        border-color: var(--primary-color1-hover);
    }

    .tk-check-box > .checkbox-icon {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .tk-check-box > input[checked="checked"] + .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);
        position: absolute;
        top: .1875rem;
        left: .0625rem;
        -ms-transform: rotate(-45deg);
        -ms-transform-origin: center center;
        transform: rotate(-45deg);
        transform-origin: center center;
    }

    .tk-check-box.checked {
        border-color: var(--primary-color1);
    }

        .tk-check-box.checked > .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);
            position: absolute;
            top: .1875rem;
            left: .0625rem;
            -ms-transform: rotate(-45deg);
            -ms-transform-origin: center center;
            transform: rotate(-45deg);
            transform-origin: center center;
        }

.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;
    }

.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);
        }

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

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

.school-page {
    display: flex;
    flex-direction: column;
}

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

@supports not(gap:.75rem) {
    .school-page > *:not(:last-child) {
        margin-bottom: .75rem;
    }
}

.school-page > .filter-bar {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25rem;
    border-radius: var(--borderRadius2);
    background: var(--bg-color3);
}

@supports(gap:.625rem) {
    .school-page > .filter-bar {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .school-page > .filter-bar > *:not(:last-child) {
        margin-bottom: .625rem;
    }
}

.school-page > .wrapper {
    display: flex;
}

@supports(gap:.75rem) {
    .school-page > .wrapper {
        gap: .75rem;
    }
}

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

.school-page > .wrapper > .right-box {
    flex: 1;
}

.school-page > .filter-bar > .area-filter {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: .625rem 0;
    background: var(--bg-color3);
}

@supports(gap:.625rem) {
    .school-page > .filter-bar > .area-filter {
        gap: .625rem;
    }
}

@supports not(gap:.625rem) {
    .school-page > .filter-bar > .area-filter > *:not(:last-child) {
        margin-right: .625rem;
    }
}

.school-page > .filter-bar > .area-filter .title-txt {
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
    color: var(--font-color4);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.school-page > .filter-bar > .area-filter .area-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

@supports(gap:.875rem 1.5rem) {
    .school-page > .filter-bar > .area-filter .area-list {
        gap: .875rem 1.5rem;
    }
}

@supports not(gap:.875rem 1.5rem) {
    .school-page > .filter-bar > .area-filter .area-list > * {
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

.school-page > .filter-bar > .area-filter .area-list .area-link {
    display: inline-block;
    box-sizing: border-box;
    font-size: .875em;
    color: var(--font-color2);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

    .school-page > .filter-bar > .area-filter .area-list .area-link.active {
        color: var(--primary-font-color1);
    }

.school-page > .filter-bar > .type-group-nav {
    padding: 0;
    overflow: hidden;
    border-radius: unset;
}

    .school-page > .filter-bar > .type-group-nav .type-group-item {
        padding: .6875rem 0;
    }

        .school-page > .filter-bar > .type-group-nav .type-group-item .type-item-top > .type-name {
            display: inline-block;
            padding: 0;
            color: var(--font-color4);
            font-size: .875rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
        }

        .school-page > .filter-bar > .type-group-nav .type-group-item .type-item-top > .type-list {
            flex: 1;
            display: flex;
            flex-wrap: wrap;
        }

.school-page > .filter-bar > .more-type-select {
    padding: 0;
    gap: unset;
}

    .school-page > .filter-bar > .more-type-select > .type-name {
        display: flex;
        align-items: center;
        height: 2.25rem;
        margin-right: .25rem;
        color: var(--font-color4);
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
    }

    .school-page > .filter-bar > .more-type-select > .type-menu {
        display: flex;
        align-items: center;
        height: 2.25rem;
        margin-right: 1.5rem;
    }

.school-page .wrapper > .school-list-panel {
    width: 16.5rem;
}

    .school-page .wrapper > .school-list-panel > .wrapper {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-radius: var(--borderRadius2);
        padding: 1.125rem 0 0 0;
        background: var(--bg-color3);
    }

        .school-page .wrapper > .school-list-panel > .wrapper > .title-bar {
            display: inline-block;
            display: flex;
            align-items: center;
            height: 1.6875rem;
            box-sizing: border-box;
            margin: 0 1.25rem .625rem 1.25rem;
            font-size: 1em;
            line-height: 1;
            font-weight: normal;
            color: var(--font-color2);
            position: relative;
        }

            .school-page .wrapper > .school-list-panel > .wrapper > .title-bar > span {
                display: inline-block;
                vertical-align: middle;
                font-size: 1rem;
                font-weight: 500;
                color: var(--font-color3);
                position: relative;
                z-index: 10;
            }

                .school-page .wrapper > .school-list-panel > .wrapper > .title-bar > span > span {
                    position: relative;
                    z-index: 10;
                }

        .school-page .wrapper > .school-list-panel > .wrapper > .search-box {
            display: flex;
            align-items: center;
            height: 1.625rem;
            margin-left: 1.25rem;
            margin-right: 5.25rem;
            margin-bottom: 1.5rem;
            box-sizing: border-box;
            padding: 0 .125rem 0 1.8125rem;
            border-radius: var(--borderRadius2);
            border: .0625rem solid var(--line-color1);
            position: relative;
            overflow: hidden;
        }

            .school-page .wrapper > .school-list-panel > .wrapper > .search-box > input {
                flex: 1;
                display: block;
                height: 100%;
                font-size: .75rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1.16667;
                color: var(--font-color2);
            }

                .school-page .wrapper > .school-list-panel > .wrapper > .search-box > input::placeholder {
                    color: #999;
                    font-size: .75rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1.16667;
                }

            .school-page .wrapper > .school-list-panel > .wrapper > .search-box > .icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 1rem;
                height: 1rem;
                line-height: 1;
                font-size: .875rem;
                position: absolute;
                top: 50%;
                left: .5625rem;
                transform: translateY(-50%);
                color: var(--font-color4);
            }

        .school-page .wrapper > .school-list-panel > .wrapper > .school-list {
            display: flex;
            flex-direction: column;
            height: 41.75em;
            overflow-x: hidden;
            overflow-y: auto;
            position: relative;
        }

@supports(gap:1.5rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list {
        gap: 1.5rem;
    }
}

@supports not(gap:1.5rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > *:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school-empty {
    display: block;
    box-sizing: border-box;
    padding-right: 1.25em;
    padding-left: 1.25em;
    margin: 2em 0;
    font-size: .875em;
    color: var(--font-color3);
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-right: 1.25em;
    padding-left: 1.25em;
    border-right: .125rem solid transparent;
    min-height: 4.375em;
    cursor: pointer;
}

@supports(gap:1rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school {
        gap: 1rem;
    }
}

@supports not(gap:1rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > *:not(:last-child) {
        margin-right: 1rem;
    }
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-logo-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 3.125rem;
    height: 3.125rem;
    min-width: 3.125rem;
    font-size: 0;
    position: relative;
}

    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-logo-wrapper > .pic {
        display: inline-block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 50%;
        overflow: hidden;
    }

        .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-logo-wrapper > .pic > img {
            display: block;
            width: 100%;
        }

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school.is-rec-1 > .school-logo-wrapper::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../assets/type_pic.png) -36px -80px;
    position: absolute;
    top: 76%;
    right: 0;
    z-index: 200;
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school.is-rec-1 > .school-logo-wrapper > .school-tag {
    background-position: -36px -80px;
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@supports(gap:.75rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info {
        gap: .75rem;
    }
}

@supports not(gap:.75rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > *:not(:last-child) {
        margin-bottom: .75rem;
    }
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .school-name {
    display: flex;
    align-items: center;
    width: 100%;
}

    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .school-name > .name-txt {
        flex: 1;
        overflow: hidden;
        margin-right: .25rem;
        font-size: .875em;
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
        color: var(--font-color2);
    }

        .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .school-name > .name-txt:hover {
            color: var(--primary-font-color1-hover);
        }

    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .school-name > .subscribe-btn {
        display: inline-flex;
        width: .875rem;
        height: .875rem;
        min-width: .875rem;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzI4NzdGRjt9Cjwvc3R5bGU+CjxnIGlkPSJWZWN0b3IiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTcsMTIuOGMtMC4xLDAtMC4xLDAtMC4yLDBDNC42LDEyLjEsMC43LDksMC43LDUuNWMwLTIsMS43LTMuNywzLjctMy43YzEsMCwxLjksMC40LDIuNiwxLjEKCQljMC43LTAuNywxLjYtMS4xLDIuNi0xLjFjMiwwLDMuNywxLjcsMy43LDMuN2MwLDMuNS00LDYuNS02LjIsNy4zQzcuMSwxMi44LDcuMSwxMi44LDcsMTIuOHogTTQuNCwyLjhDMi45LDIuOCwxLjcsNCwxLjcsNS41CgkJYzAsMi44LDMuNCw1LjYsNS4zLDYuM2MxLjktMC43LDUuMy0zLjQsNS4zLTYuM2MwLTEuNS0xLjItMi43LTIuNy0yLjdDOC43LDIuOCw3LjksMy4zLDcuNCw0QzcuMyw0LjEsNy4yLDQuMiw3LDQuMmwwLDAKCQlDNi44LDQuMiw2LjcsNC4xLDYuNiw0QzYuMSwzLjMsNS4zLDIuOCw0LjQsMi44eiIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
        background-size: 100% 100%;
    }

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .count-box {
    display: flex;
    align-items: center;
}

@supports(gap:1rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .count-box {
        gap: 1rem;
    }
}

@supports not(gap:1rem) {
    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .count-box > *:not(:last-child) {
        margin-right: 1rem;
    }
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .count-box > .paper-count {
    color: var(--font-color4);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.16667%;
}

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .count-box > .detail-link {
    display: inline-flex;
    align-items: center;
    color: var(--primary-font-color1);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

    .school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school > .school-info > .count-box > .detail-link > .icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: .5625rem;
        height: .375rem;
        margin-left: .375rem;
        font-size: .875rem;
    }

.school-page .wrapper > .school-list-panel > .wrapper > .school-list > .school.subscribe > .school-info > .school-name > .subscribe-btn {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGNEMzQjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjYsMS44Yy0xLDAtMS45LDAuNC0yLjYsMS4xQzYuMywyLjIsNS40LDEuOCw0LjQsMS44Yy0yLDAtMy43LDEuNy0zLjcsMy43YzAsMy41LDQsNi41LDYuMiw3LjMKCWMwLjEsMCwwLjEsMCwwLjIsMGMwLjEsMCwwLjEsMCwwLjIsMGMyLjItMC43LDYuMi0zLjgsNi4yLTcuM0MxMy4zLDMuNSwxMS43LDEuOCw5LjYsMS44eiIvPgo8L3N2Zz4K) no-repeat;
}

.school-page .wrapper > .school-list-panel > .banner {
    display: block;
    width: 100%;
    min-height: 7.125em;
    margin-top: 1em;
    background: #ccc;
}

    .school-page .wrapper > .school-list-panel > .banner > img {
        display: block;
        width: 100%;
    }

.school-page > .wrapper > .right-box {
    flex: 1;
    display: block;
    max-width: 57.75rem;
}

    .school-page > .wrapper > .right-box > .school-papers {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }

        .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar {
            display: flex;
            align-items: center;
            height: 3.125rem;
            box-sizing: border-box;
            padding: .5625rem 1.25rem .3125rem 1.25rem;
            border-radius: var(--borderRadius2) var(--borderRadius2) 0 0;
            background: var(--bg-color3);
            position: relative;
        }

            .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar::after {
                content: '';
                width: calc(100% - 2.5rem);
                height: 1px;
                background: var(--line-color1);
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
            }

            .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .order-box {
                display: flex;
                align-items: center;
            }

@supports(gap:1.5rem) {
    .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .order-box {
        gap: 1.5rem;
    }
}

@supports not(gap:1.5rem) {
    .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .order-box > *:not(:last-child) {
        margin-right: 1.5rem;
    }
}

.school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .order-box > .count-btn {
    color: var(--font-color2);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

    .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .order-box > .count-btn:first-child {
        margin-left: .4375rem;
    }

    .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .order-box > .count-btn.active {
        color: var(--primary-font-color1);
    }

.school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .paper-count {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: .4375rem;
}

    .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .paper-count .count-btn {
        font-size: .875em;
        margin-left: 1.5em;
        color: var(--font-color2);
    }

    .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .paper-count > .count-txt {
        font-size: .875em;
        margin-left: 2.14em;
        color: var(--font-color3);
    }

        .school-page > .wrapper > .right-box > .school-papers > .ctrl-bar > .paper-count > .count-txt > em {
            font-style: normal;
            color: var(--error-color1);
        }

.school-page > .wrapper > .right-box > .school-papers > .paper-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    background: var(--bg-color3);
    margin-bottom: 2em;
    border-radius: 0 0 var(--borderRadius2) var(--borderRadius2);
    overflow: hidden;
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item {
        display: block;
        padding: 0 1.25em;
        box-sizing: border-box;
        border: .0625rem solid transparent;
        cursor: pointer;
    }

        .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item:last-child > .wrapper {
            border-bottom-color: transparent;
        }

        .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item > .wrapper {
            display: flex;
            box-sizing: border-box;
            padding: 1.25rem 0;
            border-bottom: 1px dashed var(--line-color1);
        }

@supports(gap:1.25rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item > .wrapper {
        gap: 1.25rem;
    }
}

@supports not(gap:1.25rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item > .wrapper > *:not(:last-child) {
        margin-right: 1.25rem;
    }
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item:hover {
    border-color: var(--primary-color1-hover);
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item:hover + .paper-item > .wrapper {
        border-top-color: transparent;
    }

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item:hover > .wrapper {
        border-top-color: transparent;
    }

        .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item:hover > .wrapper > .paper-info > .paper-title > .link-txt {
            color: var(--primary-font-color1-hover);
        }

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-type {
    display: inline-block;
    width: 3.5rem;
    height: 4rem;
    min-width: 3.5rem;
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
    position: relative;
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-type > span {
        display: block;
        margin: 0 4px;
        overflow: hidden;
        max-width: 99.75%;
        font-size: .75rem;
        text-align: center;
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
        line-height: 2.167;
    }

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-type > svg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-type > .type-name {
        position: relative;
        z-index: 11;
    }

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item.zise .paper-type > span {
    color: #7878ef;
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item.lanse .paper-type > span {
    color: #639cfb;
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item.chengse .paper-type > span {
    color: #f09807;
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item.lvse .paper-type > span {
    color: #5da901;
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item.hongse .paper-type > span {
    color: #eb5822;
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item.tianlanse .paper-type > span {
    color: #22aff5;
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

@supports(gap:1rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info {
        gap: 1rem;
    }
}

@supports not(gap:1rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > *:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-title {
    display: block;
    font-size: 1em;
    line-height: 1;
    color: var(--font-color2);
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-title > .link-txt {
        display: inline-block;
        max-width: 100%;
        min-height: 1.25rem;
        overflow: hidden;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: keep-all;
        color: var(--font-color2);
    }

        .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-title > .link-txt:hover {
            color: var(--primary-font-color1-hover);
        }

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags {
    display: flex;
    align-items: center;
}

@supports(gap:.75rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags {
        gap: .75rem;
    }
}

@supports not(gap:.75rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > *:not(:last-child) {
        margin-right: .75rem;
    }
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > .tag {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: .75em;
    color: var(--font-color3);
    word-break: keep-all;
    white-space: nowrap;
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > .tag > em {
        font-style: normal;
    }

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > .tag.super-100 {
        color: white;
        background: #ffc68d;
    }

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > .tag.province-key {
        color: white;
        background: #a7b8ff;
    }

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > .gap {
    display: inline-block;
    width: .0625rem;
    height: .625rem;
    background: #ececec;
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > .paper-from {
    flex: 1;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    font-size: .75em;
    color: var(--font-color3);
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > a.paper-from {
    color: var(--font-color3);
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-tags > a.paper-from:hover {
        color: var(--primary-font-color1-hover);
    }

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .ctrl-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@supports(gap:1.875rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .ctrl-box {
        gap: 1.875rem;
    }
}

@supports not(gap:1.875rem) {
    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .ctrl-box > *:not(:last-child) {
        margin-right: 1.875rem;
    }
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .ctrl-box > .ctrl-btn {
    color: var(--primary-font-color1);
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .ctrl-box > .ctrl-btn > .icon {
        font-size: .875em;
        margin-right: .25rem;
    }

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .ctrl-box > .ctrl-btn > span {
        font-size: .875em;
    }

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .ctrl-box > .ctrl-btn.paper-fav.done > .icon::before {
        content: "\e695";
    }

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item.visited .paper-info > .paper-title > .link-txt {
    color: var(--font-color4);
}

.school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-title > .link-txt.has-audio {
    box-sizing: border-box;
    padding-right: 3.625rem;
    position: relative;
}

    .school-page > .wrapper > .right-box > .school-papers > .paper-list > .paper-item .paper-info > .paper-title > .link-txt.has-audio::after {
        content: "\542b\97f3\9891";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 1.25rem;
        background: #f0f8ff;
        border-radius: .1875rem;
        box-sizing: border-box;
        padding: .125rem .375rem .0625rem .375rem;
        font-size: .75rem;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        color: var(--primary-font-color1);
    }

.school-page .wrapper > .left-box > .wrapper > .school-list > .school:hover, .school-page .wrapper > .left-box > .wrapper > .school-list > .school.active {
    position: relative;
    border-right-color: var(--primary-bg-hover-color1);
    background: #f9f9f9;
}