.J7RgWuytaN1gm75iqA3k {
    font-size: 18px;
    color: #060a26;
    line-height: 28px;
    font-weight: 600;
    padding: 0 0 16px 8px
}

.header-spacing {
    z-index: 100
}

.footer-spacing {
    min-height: 1px;
    flex: 100000
}

.AFjMpqNoH10Xzp6Lu3Ij {
    width: 1024px;
    margin: 0 auto;
    box-sizing: border-box;
    height: 100%
}

html {
    font-size: 100px
}

*, html {
    padding: 0;
    margin: 0
}

input, textarea {
    padding: 0
}

body {
    --font-darkest: rgba(6, 10, 38, 1);
    --font-darker-2: rgba(6, 10, 38, .5);
    --font-darker: rgba(6, 10, 38, .5);
    --font-xxl: 20px;
    --line-height-xxl: 28px;
    --primary: #0D53FF;
    --gk-bold: 500;
    --font-bold: 500
}

a {
    text-decoration: none
}

body {
    box-sizing: border-box;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 22px;
    color: var(--font-darkest)
}

#root {
    margin: 0 auto
}

#layout {
    display: flex;
    flex-direction: column;
    position: relative
}

.gk-card {
    background: #fff;
    border: 1px solid #f3f3f5;
    box-shadow: 0 4px 12px -4px rgba(6, 10, 38, .06);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px
}

.gk-card-line {
    border-top: 1px solid #f3f3f5
}

.gk-toast {
    background: #fff;
    border: 1px solid rgba(6, 10, 38, .12);
    box-shadow: 0 6px 24px -8px rgba(6, 10, 38, .12);
    border-radius: 12px;
    padding: 14px;
    position: fixed;
    transform: translate3d(-50%, 0, 0);
    top: 35%;
    left: 50%;
    z-index: 10000000;
    font-weight: 600
}

.gk-scroll::-webkit-scrollbar {
    width: 4px;
    height: 6px
}

.gk-scroll::-webkit-scrollbar-thumb {
    background: rgba(6, 10, 38, .12);
    border-radius: 3px;
    height: 100px
}

.gk-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    margin-top: 4px
}

.qk-tabs.qk-tabs-type-radius .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active .qk-tab-radius {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    border: 1px solid rgba(13, 83, 255, .08) !important
}

.qk-font-bold {
    font-family: PingFangSC-Medium
}

.jBAzOd7vp4_rvJFxc1As {
    position: absolute;
    z-index: 30;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.jBAzOd7vp4_rvJFxc1As .pxqBXWrPJUYIAHhqTvHN {
    position: absolute;
    z-index: 31;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    min-width: 1024px
}

._PnrqlzIuG_ynHHm4AQe .x3HInXd4CG2ZM54phxM7 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 480px;
    padding-top: 160px;
    background-color: #fff;
    border: 1px solid rgba(6, 10, 38, .12);
    box-shadow: 0 32px 64px -12px rgba(6, 10, 38, .24);
    border-radius: 16px;
    background-position: center top;
    background-size: 480px 160px;
    background-repeat: no-repeat;
    z-index: 1000000;
    box-sizing: border-box
}

._PnrqlzIuG_ynHHm4AQe .aJpOYqkOetT8svHun7om {
    position: fixed;
    z-index: 100000;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    min-width: 1024px;
    background-color: rgba(255, 255, 255, .5);
    backdrop-filter: blur(3px)
}

._PnrqlzIuG_ynHHm4AQe .P1EjzeZKyFCu8PUjVQUO {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUdwTAAMJAYKJgwMIwYKJQUKJgUKJwYKJrW5k+AAAAAHdFJOUwAV1BbTamkry3kSAAAAa0lEQVQY02NgIBYEQigxEMFaZACimNUTwKQiiCNUJACnmNUdwYoZQVJGJQIQrUApmARYCi4BkoJLgKQQEkCjihAcoxKIXRAJRyG4FNAoRpgU2A6YlBDIKKgUI8QOiBQrxA5G9QAkz5kSHRoAxeQQBniwFgwAAAAASUVORK5CYII=) center center no-repeat #fff;
    background-size: 12px;
    right: 10px;
    top: 10px;
    border-radius: 24px;
    cursor: pointer
}

._PnrqlzIuG_ynHHm4AQe .o0qXyBn96mKcaR7B2M74 {
    padding: 20px;
    font-size: 14px
}

._PnrqlzIuG_ynHHm4AQe .W6UmyyAD3G5IpT_2h6ZU {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: rgba(6, 10, 38, .4);
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 400
}

._PnrqlzIuG_ynHHm4AQe .JOsRoo3rjssb2i2X81QV {
    font-size: 16px;
    line-height: 22px;
    font-weight: var(--font-bold);
    margin-bottom: 10px;
    color: #060a26;
    font-family: PingFang SC
}

._PnrqlzIuG_ynHHm4AQe .dow9TF0E0K4O7sOJKHes {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

._PnrqlzIuG_ynHHm4AQe .dow9TF0E0K4O7sOJKHes .C_YTlQ54eRLC0Y7BZuLb {
    background: #4d80ff;
    border: 1px solid rgba(6, 10, 38, .06);
    border-radius: 8px;
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 182px;
    box-sizing: border-box;
    font-weight: var(--font-bold);
    cursor: pointer;
    height: 32px
}

.filter-section {
    display: flex;
    justify-content: center;
    position: relative;
    font-weight: var(--gk-bold)
}

.filter-section .filter-section__label {
    margin-right: 7px;
    padding: 5px 0;
    letter-spacing: 1px
}

.filter-section .filter-section__label span {
    text-align: justify;
    text-align-last: justify;
    display: inline-block
}

.filter-section .tapList {
    flex: 1;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    height: 34px;
    overflow: hidden;
    transition: .3s linear
}

.filter-section .tapList .filter-option {
    cursor: pointer;
    background: #fff;
    border: 1px solid #f3f3f5;
    border-radius: 27px;
    padding: 0 16px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    font-weight: 400;
    box-sizing: border-box
}

.filter-section .tapList .filter-option.active {
    background: rgba(13, 83, 255, .06);
    border: 1px solid rgba(13, 83, 255, .08);
    color: var(--primary);
    font-weight: 500;
    font-family: PingFangSC-Medium
}

.filter-section . filter-section__arrow {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s linear;
    display: inline-flex;
    align-items: center;
    padding: 8px 0 8px 10px;
    background-image: linear-gradient(270deg, #fff 40%, rgba(255, 255, 255, 0.2) 100%);
    z-index: 1
}

.filter-section.QfRhdrNdKtXIFiQ6BoFK . filter-section__arrow {
    transform: rotate(180deg)
}

.filter-section.QfRhdrNdKtXIFiQ6BoFK .tapList {
    height: fit-content
}

.qk-icon {
    display: inline-flex
}

.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-svg-f {
    fill: #fff !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-svg-s {
    stroke: #fff !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-svg-g-s {
    stroke: #fff !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-icon-choose .qk-svg-s {
    stroke: #060f23 !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-icon-play-fill .qk-svg-f {
    fill-opacity: 1 !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-icon-play-fill path {
    fill: #060f23 !important
}

.PCVlbf0jN4tepRsMBkVA {
    text-align: center;
    font-size: 16px;
    background: url("https://cdn.sm.cn/static/25/05/06/ea65f78de6e45548667ef3c4a6baa70d.png") center top no-repeat;
    background-size: auto 128px;
    padding-top: 128px
}

.PCVlbf0jN4tepRsMBkVA ._7oVRL24Vi675V1rl8Ajw {
    margin-top: 10px
}

.ZGALVm81NwLevq6H0Yev {
    text-align: center;
    padding: 20px;
    font-size: 16px
}

.page-yifenyiduan #yfyd-line {
    height: 260px;
    width: 100%;
    margin-top: 20px
}

.page-yifenyiduan #yfyd-line svg {
    height: 100%;
    width: 100%
}

.page-yifenyiduan .qk-input.qk-input-size-middle {
    border: none
}

.page-yifenyiduan .search-score {
    padding: 7px 12px
}

.page-yifenyiduan .qk-tabs-head-wrapper {
    background: #fff
}

.page-yifenyiduan .qk-tabs-head-wrapper .qk-tabs-head {
    background: #fff;
    padding-bottom: 16px
}

.page-yifenyiduan .qk-tabs-content {
    margin-top: -16px
}

.yfyd-tooltips-info {
    color: red;
    padding: 0
}

.history {
    display: grid;
    gap: 12px;
    grid-template-columns:repeat(4, 1fr)
}

.history .item {
    padding: 8px 12px;
    background-image: linear-gradient(180deg, rgba(247, 248, 250, 0.7) 0%, rgba(247, 248, 250, 0.2) 100%);
    border-radius: 8px
}

.Ca_FoEiRMZlDmBCub6Qr .C0UVC7D4wVIwrAKQ233Y, .Ca_FoEiRMZlDmBCub6Qr .Ce7mCZej9KAuOb4ujETI {
    display: flex;
    text-align: left;
    padding: 15px 8px
}

.Ca_FoEiRMZlDmBCub6Qr .C0UVC7D4wVIwrAKQ233Y div, .Ca_FoEiRMZlDmBCub6Qr .Ce7mCZej9KAuOb4ujETI div {
    flex: 1
}

.Ca_FoEiRMZlDmBCub6Qr .C0UVC7D4wVIwrAKQ233Y div:nth-child(3), .Ca_FoEiRMZlDmBCub6Qr .Ce7mCZej9KAuOb4ujETI div:nth-child(3) {
    width: 184px;
    flex: none
}

.Ca_FoEiRMZlDmBCub6Qr .Ce7mCZej9KAuOb4ujETI {
    border-top: 1px solid #f3f3f5
}

.zJkpoMtT_xgaMZ7Z1pDD {
    background: #fff;
    padding: 20px 0 16px 0
}

.zJkpoMtT_xgaMZ7Z1pDD .Bxs90idvHkbAym3SDzAU {
    background: #fff;
    width: 100%;
    display: flex;
    width: fit-content;
    align-items: center;
    top: 0;
    z-index: 2;
    border: 1px solid rgba(6, 10, 38, .12);
    border-radius: 8px;
    padding: 3px
}

.VDSEEMJuxoGQtltJXS6W {
    margin-top: 24px
}

.VDSEEMJuxoGQtltJXS6W .FVMqs4BcEpdGKJJ9pSgw {
    position: relative
}

.VDSEEMJuxoGQtltJXS6W .FVMqs4BcEpdGKJJ9pSgw .sDrcpxX8RAc0jDMiklWW {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    display: flex;
    align-items: center;
    justify-content: center
}

.VDSEEMJuxoGQtltJXS6W .FVMqs4BcEpdGKJJ9pSgw .sDrcpxX8RAc0jDMiklWW div {
    text-align: center
}

.Tv1otyoPwMsn2LB3Wmsy {
    display: flex;
    padding: 15px 16px;
    background: rgba(13, 83, 255, .06);
    border: 1px solid rgba(13, 83, 255, .08);
    border-radius: 12px;
    gap: 0 24px;
    position: relative
}

.YX0YKZIQFwcRbgPLkdGu {
    margin: 24px -20px;
    background: #f3f3f5;
    height: 1px
}

.PJlkhq0pOnXkwZsEbepO {
    padding: 250px 0
}

.I0aEZmpFNOh8pZQg4eI4 .rAJ7FtBF79INKgwE_0og, .I0aEZmpFNOh8pZQg4eI4 .cTt7laNxDvF29LnUWHqG {
    display: flex;
    text-align: left;
    padding: 15px 8px
}

.I0aEZmpFNOh8pZQg4eI4 .rAJ7FtBF79INKgwE_0og div, .I0aEZmpFNOh8pZQg4eI4 .cTt7laNxDvF29LnUWHqG div {
    flex: 1
}

.I0aEZmpFNOh8pZQg4eI4 .rAJ7FtBF79INKgwE_0og div:nth-child(3), .I0aEZmpFNOh8pZQg4eI4 .cTt7laNxDvF29LnUWHqG div:nth-child(3) {
    width: 184px;
    flex: none
}

.I0aEZmpFNOh8pZQg4eI4 .cTt7laNxDvF29LnUWHqG {
    border-top: 1px solid #f3f3f5
}

.qk-button {
    outline: none;
    display: inline-flex;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    border: none;
    font-weight: var(--font-bold);
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font-family: inherit
}

.qk-button.qk-button-text-align-left {
    text-align: left
}

.qk-button.qk-button-text-align-center {
    text-align: center
}

.qk-button.qk-button-text-align-right {
    text-align: right
}

.qk-button.qk-button-radius-s {
    border-radius: var(--radius-xs)
}

.qk-button.qk-button-radius-m {
    border-radius: var(--radius-s)
}

.qk-button.qk-button-disabled {
    color: var(--font-dark);
    background-color: #f8f8f8;
    pointer-events: none
}

.qk-button.qk-button-disabled .qk-check-box {
    opacity: .8
}

.qk-button .qk-icon.qk-icon-align-left {
    order: -3;
    margin-right: var(--gap-m)
}

.qk-button .qk-icon.qk-icon-align-right {
    order: 6;
    margin-left: var(--gap-m)
}

.qk-button.qk-button-size-xs {
    height: var(--btn-s);
    font-size: 12px
}

.qk-button.qk-button-size-s, .qk-button.qk-button-size-small {
    height: var(--btn-s);
    padding: 0 var(--btn-gap-s);
    font-size: var(--font-s)
}

.qk-button.qk-button-size-s .qk-icon-align-left, .qk-button.qk-button-size-small .qk-icon-align-left {
    margin-right: var(--gap-s)
}

.qk-button.qk-button-size-s .qk-icon-align-right, .qk-button.qk-button-size-small .qk-icon-align-right {
    margin-left: var(--gap-s)
}

.qk-button.qk-button-size-m, .qk-button.qk-button-size-middle {
    height: var(--btn-m);
    padding: 0 var(--btn-gap-m);
    font-size: var(--font-m)
}

.qk-button.qk-button-size-m-2 {
    height: var(--btn-m2);
    padding: 0 20px
}

.qk-button.qk-button-size-m-3 {
    height: var(--btn-m3)
}

.qk-button.qk-button-size-l, .qk-button.qk-button-size-large {
    height: var(--btn-l);
    padding: 0 var(--btn-gap-l);
    font-size: var(--font-l-2)
}

.qk-button.qk-button-default {
    color: var(--font-darkest);
    background-color: var(--bg-gray)
}

.qk-button.qk-button-disabled {
    color: var(--font-dark);
    background-color: #f8f8f8
}

.qk-button.qk-button-disabled .qk-check-box {
    opacity: .8
}

.qk-button.qk-button-weak {
    color: var(--primary);
    background-color: rgba(var(--primary-rgb), 0.06)
}

.qk-button.qk-button-weak.qk-button-disabled {
    opacity: .8
}

.qk-button.qk-button-weak:visited .qk-button-title {
    color: inherit
}

.qk-button.qk-button-strong, .qk-button.qk-button-primary {
    color: var(--font-lightest);
    background-color: rgba(var(--primary-rgb), 1)
}

.qk-button.qk-button-strong.qk-button-disabled, .qk-button.qk-button-primary.qk-button-disabled {
    opacity: .8
}

.qk-button.qk-button-strong.qk-link-action-hover:hover, .qk-button.qk-button-primary.qk-link-action-hover:hover {
    text-decoration-color: var(--font-lightest)
}

.qk-button.qk-button-strong:visited .qk-button-title, .qk-button.qk-button-primary:visited .qk-button-title {
    color: inherit
}

.qk-button.qk-button-selected {
    color: var(--font-lightest);
    background-color: rgba(0, 0, 0, .86)
}

.qk-button.qk-button-selected .qk-button-subtitle {
    color: #fff
}

.qk-button.qk-button-selected.qk-link-action-hover:hover {
    text-decoration-color: var(--font-lightest)
}

.qk-button.qk-button-ghost {
    background: #e9ebff;
    border: 1px solid #3b45ef;
    color: #3b45ef
}

.qk-button.qk-button-ghost.qk-button-disabled {
    opacity: .8
}

.qk-button .qk-button-ripple {
    transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.qk-button .qk-button-ripple.qk-button-ripple-animation {
    width: 30px;
    height: 30px;
    display: none;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: rippleAnimate;
    animation-timing-function: ease-out;
    border-radius: 50%
}

@keyframes rippleAnimate {
    0% {
        transform: scale3d(1, 1, 1);
        border-color: rgba(0, 0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: scale3d(8, 8, 8)
    }
}

.qk-button .qk-loading {
    display: inherit
}

.qk-button .qk-button-content {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: inherit;
    letter-spacing: var(--letter-spacing)
}

.qk-button .qk-button-content > a {
    color: inherit;
    display: inherit;
    width: inherit;
    align-items: inherit
}

.qk-button .qk-button-content .qk-button-title {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.qk-button .qk-button-content .qk-button-subtitle {
    font-style: normal;
    font-size: 12px;
    color: var(--font-dark);
    margin-left: 8px
}

.qk-button.qk-button-circle {
    border-radius: 300px
}

.UCUNNIC:not(.UCEyeProtect) div a.qk-button, .UCUNNIC:not(.UCEyeProtect) div button.UCNightMode_changeBgColor.qk-button {
    background-color: #333 !important
}

.UCUNNIC:not(.UCEyeProtect) div a.qk-button .qk-button-content, .UCUNNIC:not(.UCEyeProtect) div button.UCNightMode_changeBgColor.qk-button .qk-button-content, .UCUNNIC:not(.UCEyeProtect) div a.qk-button .qk-button-title, .UCUNNIC:not(.UCEyeProtect) div button.UCNightMode_changeBgColor.qk-button .qk-button-title {
    background-color: rgba(0, 0, 0, 0) !important
}

.qk-tabs.qk-tabs-position-arrow-mode .qk-tabs-position-arrow-left {
    position: absolute;
    right: 0;
    z-index: 999;
    top: 50%;
    transform: translate3d(100%, -50%, 0px);
    width: 60px;
    height: 200%;
    background-image: linear-gradient(90deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    align-items: center;
    cursor: pointer
}

.qk-tabs.qk-tabs-position-arrow-mode .qk-tabs-position-arrow-left .qk-icon {
    transform: rotate(180deg);
    cursor: pointer
}

.qk-tabs.qk-tabs-position-arrow-mode .qk-tabs-position-arrow {
    position: sticky;
    right: 0;
    display: flex;
    flex: 1;
    cursor: pointer;
    z-index: 3
}

.qk-tabs.qk-tabs-position-arrow-mode .qk-tabs-position-arrow div {
    margin-left: 90000%;
    position: relative
}

.qk-tabs.qk-tabs-position-arrow-mode .qk-tabs-position-arrow div span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 50px;
    background-image: linear-gradient(270deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%)
}

.qk-tabs.qk-tabs-pc.qk-tabs-type-button .qk-button:hover {
    background-color: rgba(13, 83, 255, .06) !important
}

.qk-tabs.qk-tabs-pc.qk-tabs-type-tab .qk-tabs-tab-content:hover {
    color: var(--font-darkest) !important
}

.qk-tabs.qk-tabs-pc.qk-tabs-type-bubble .qk-tabs-tab-content:hover {
    color: var(--font-darkest) !important
}

.qk-tabs.qk-tabs-pc.qk-tabs-type-radius .qk-tab-radius:hover {
    background-color: #f8f8fa !important
}

.qk-tabs.qk-tabs-type-column {
    display: flex;
    height: 100%
}

.qk-tabs.qk-tabs-type-column.qk-tabs-cursor-active .qk-tabs-cursor {
    top: 50%;
    transform: translateY(-50%)
}

.qk-tabs.qk-tabs-type-column .qk-tabs-head {
    flex-direction: column
}

.qk-tabs.qk-tabs-type-column .qk-tabs-head .qk-tabs-tab {
    flex: 0 0 auto
}

.qk-tabs.qk-tabs-type-column .qk-tabs-head .qk-tabs-cursor {
    border-radius: 2px;
    left: auto;
    right: 0;
    animation-name: zoomInColumn;
    width: var(--tabs-cursor-h);
    height: var(--tabs-cursor-w)
}

.qk-tabs.qk-tabs-type-column .qk-tabs-content {
    flex: 1
}

.qk-tabs.qk-tabs-type-row .qk-tabs-cursor {
    width: var(--tabs-cursor-w);
    height: var(--tabs-cursor-h);
    bottom: 0
}

.qk-tabs.qk-tabs-type-row .qk-tabs-cursor.qk-tabs-cursor-follow {
    left: 0
}

.qk-tabs.qk-tabs-cursor-active .qk-tabs-cursor {
    left: 50%;
    transform: translateX(-50%);
    animation-name: zoomIn;
    animation-duration: .2s;
    animation-fill-mode: both
}

.qk-tabs.qk-tabs-cursor-custom .qk-tabs-head .qk-tabs-cursor {
    width: auto;
    height: auto;
    background: initial;
    border-radius: initial
}

.qk-tabs.qk-tabs-type-button .qk-tabs-head {
    border-bottom: none;
    justify-content: flex-start
}

.qk-tabs.qk-tabs-type-button .qk-tabs-head .qk-tabs-tab {
    flex: none;
    height: var(--btn-m)
}

.qk-tabs.qk-tabs-type-button .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-first .qk-tabs-tab-content {
    padding-left: 0
}

.qk-tabs.qk-tabs-type-button .qk-tabs-head .qk-tabs-tab .qk-tabs-tab-content {
    padding-left: calc(var(--gap-m) / 2);
    padding-right: calc(var(--gap-m) / 2)
}

.qk-tabs.qk-tabs-type-button.qk-tabs-welling > .qk-tabs-content {
    border-top: none
}

.qk-tabs.qk-tabs-type-button-outline {
    --tab-color: #0d53ff;
    --tab-border-size: 1.5px
}

.qk-tabs.qk-tabs-type-button-outline.qk-tabs-pos-1_1, .qk-tabs.qk-tabs-type-button-outline.qk-tabs-pos-1_0 {
    --bg-gray: #fff
}

.qk-tabs.qk-tabs-type-button-outline .qk-tabs-head {
    border-bottom: none;
    justify-content: flex-start
}

.qk-tabs.qk-tabs-type-button-outline .qk-tabs-head .qk-tabs-tab {
    flex: none
}

.qk-tabs.qk-tabs-type-button-outline .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-first .qk-tabs-tab-content {
    padding-left: 0
}

.qk-tabs.qk-tabs-type-button-outline .qk-tabs-head .qk-tabs-tab button {
    border: var(--tab-border-size) solid var(--bg-gray);
    height: calc(var(--btn-m) + 3px);
    padding: 0 calc(var(--btn-gap-m) + var(--tab-border-size))
}

.qk-tabs.qk-tabs-type-button-outline .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active button {
    border: var(--tab-border-size) solid var(--tab-color);
    background-color: var(--bg-gray)
}

.qk-tabs.qk-tabs-type-button-outline .qk-tabs-head .qk-tabs-tab .qk-tabs-tab-content {
    padding-left: calc(var(--gap-m) / 2 - var(--tab-border-size));
    padding-right: calc(var(--gap-m) / 2 - var(--tab-border-size))
}

.qk-tabs.qk-tabs-type-tab .qk-tabs-head {
    width: 100%
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head {
    padding: 2px 0 10px 0;
    border: none
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab {
    height: 62px
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active .qk-tabs-bubble-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active .qk-tabs-bubble-icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 28px;
    right: 10px;
    bottom: -3px;
    border: 2px solid var(--primary);
    background-color: #fff;
    border-radius: 4px;
    transform: skewX(-10deg) rotate(38deg)
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active .qk-tabs-bubble-icon:after {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    top: 10px;
    right: 5px;
    bottom: 0px;
    background-color: #fff
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active .qk-tabs-tab-content {
    border: 2px solid var(--primary);
    box-shadow: 0 5px 10px 0 rgba(0, 23, 67, .08)
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab .qk-tabs-tab-content {
    background: #fff;
    border: .3px solid #e6e6e6;
    box-shadow: 0 3px 6px 0 rgba(245, 245, 245, .75);
    margin: 0 5px;
    border-radius: 8px
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab .qk-tabs-tab-content .qk-tab-bubble div {
    position: relative;
    z-index: 1;
    text-align: center
}

.qk-tabs.qk-tabs-type-bubble .qk-tabs-head .qk-tabs-tab .qk-tabs-tab-content .qk-tab-bubble span {
    position: relative;
    z-index: 1;
    font-size: 12px;
    color: #5b616d;
    font-weight: var(--font-normal);
    word-break: keep-all;
    white-space: nowrap;
    text-align: center;
    display: block
}

.qk-tabs.qk-tabs-type-radius .qk-tabs-head {
    border-bottom: none
}

.qk-tabs.qk-tabs-type-radius .qk-tabs-head .qk-tabs-tab {
    flex: none;
    height: var(--btn-m)
}

.qk-tabs.qk-tabs-type-radius .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active .qk-tab-radius {
    color: var(--primary);
    border: var(--border-width) solid var(--border-color-primary);
    background-color: var(--bg-content-primary)
}

.qk-tabs.qk-tabs-type-radius .qk-tabs-head .qk-tabs-tab .qk-tabs-tab-content {
    padding-left: calc(var(--gap-m) / 2);
    padding-right: calc(var(--gap-m) / 2)
}

.qk-tabs.qk-tabs-type-radius .qk-tabs-head .qk-tabs-tab .qk-tab-radius {
    width: 100%;
    height: 100%;
    border: var(--border-width) solid var(--border-color);
    background-color: var(--bg-white);
    border-radius: 300px;
    display: flex;
    align-items: center;
    padding: 0 calc(var(--btn-gap-m) - 1px);
    box-sizing: border-box;
    font-size: var(--font-m);
    font-weight: var(--font-bold);
    color: var(--font-darkest)
}

.qk-tabs.qk-tabs-type-slider {
    --tab-head-color: #F2F6FF;
    --tabs-tab-head-height: 38px
}

.qk-tabs.qk-tabs-type-slider.gray {
    --tab-head-color: #F8F8FA
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-row .qk-tabs-cursor {
    bottom: 2px
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-row .qk-tabs-head-wrapper {
    padding: 0 2px
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-row .qk-tabs-head-wrapper .qk-tabs-tab-content {
    color: var(--font-darkest);
    font-weight: var(--font-bold)
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-row > .qk-tabs-head {
    width: calc(100% - 4px);
    margin: 0 auto
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-row .qk-tabs-tab .qk-tabs-cursor {
    width: 100%;
    z-index: -1
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-column .qk-tabs-head {
    height: calc(100% - 4px);
    margin: 0 auto
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-column .qk-tabs-cursor {
    width: calc(100% - 4px);
    right: 2px
}

.qk-tabs.qk-tabs-type-slider.qk-tabs-type-column .qk-tabs-tab .qk-tabs-cursor {
    height: 100%;
    z-index: -1
}

.qk-tabs.qk-tabs-type-slider > .qk-tabs-head-wrapper {
    border-radius: 8px
}

.qk-tabs.qk-tabs-type-slider > .qk-tabs-head-wrapper .qk-tabs-head {
    border-bottom: none
}

.qk-tabs.qk-tabs-type-slider .qk-tabs-cursor {
    height: calc(100% - 4px);
    background-color: #fff;
    border-radius: 8px
}

.qk-tabs.qk-tabs-no-border.qk-tabs-welling > .qk-tabs-content {
    border-top: none
}

.qk-tabs.qk-tabs-no-border > .qk-tabs-head-wrapper > .qk-tabs-head {
    border-bottom: none
}

.qk-tabs.qk-tabs-welling > .qk-tabs-head-wrapper {
    margin: 0 calc(0px - (var(--gap-xl)))
}

.qk-tabs.qk-tabs-welling > .qk-tabs-head-wrapper > .qk-tabs-head {
    padding: 0 var(--gap-xl);
    border-bottom: none
}

.qk-tabs.qk-tabs-welling > .qk-tabs-content {
    border-top: 1px solid var(--border-color)
}

.qk-tabs .qk-tabs-head-wrapper {
    display: flex;
    align-items: center;
    overflow-y: hidden;
    background-color: var(--tab-head-color)
}

.qk-tabs .qk-tabs-label {
    position: relative;
    height: 30px
}

.qk-tabs .qk-tabs-label.qk-tabs-has-label {
    flex: none;
    height: auto;
    font-size: var(--font-l-2);
    color: var(--font-darkest);
    line-height: var(--line-height-m);
    font-weight: var(--font-bold);
    word-break: keep-all;
    padding-right: 4px
}

.qk-tabs .qk-tabs-head {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: auto;
    position: relative;
    border-bottom: 1px solid var(--border-color)
}

.qk-tabs .qk-tabs-head.qk-tabs-head-center .qk-tabs-tab {
    flex: 1
}

.qk-tabs .qk-tabs-head.qk-tabs-head-start {
    justify-content: flex-start
}

.qk-tabs .qk-tabs-head.qk-tabs-head-start .qk-tabs-tab {
    flex: none
}

.qk-tabs .qk-tabs-head.qk-tabs-head-end {
    justify-content: flex-end
}

.qk-tabs .qk-tabs-head.qk-tabs-head-end .qk-tabs-tab {
    flex: none
}

.qk-tabs .qk-tabs-head.qk-init-no-animate .qk-tabs-cursor {
    animation-duration: 0s !important
}

.qk-tabs .qk-tabs-head.qk-tabs-init-hidden {
    opacity: 0
}

.qk-tabs .qk-tabs-head::-webkit-scrollbar {
    display: none
}

.qk-tabs .qk-tabs-head .qk-tabs-tab {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--tabs-tab-head-height);
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    z-index: 2
}

.qk-tabs .qk-tabs-head .qk-tabs-tab.qk-tabs-tab-active .qk-tabs-tab-content {
    color: var(--font-darkest);
    font-weight: var(--font-bold)
}

.qk-tabs .qk-tabs-head .qk-tabs-tab .qk-tabs-tab-content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-darker);
    font-size: var(--font-m);
    font-weight: var(--font-normal);
    padding: 0 15px;
    word-break: keep-all
}

.qk-tabs .qk-tabs-cursor {
    position: absolute;
    background: var(--primary);
    border-radius: 2px
}

.qk-tabs .qk-tabs-cursor.qk-tabs-cursor-follow-transition {
    transition: all .3s cubic-bezier(0.18, 0.89, 0.32, 1.01)
}

.qk-tabs .qk-tabs-cursor.qk-tabs-cursor-hidden {
    visibility: hidden
}

.qk-tabs .qk-tabs-content .qk-tabs-pane {
    display: none
}

.qk-tabs .qk-tabs-content .qk-tabs-pane.qk-tabs-pane-active {
    display: block
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: translateX(-50%) scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomInColumn {
    from {
        opacity: 0;
        transform: translatey(-50%) scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs {
    border-bottom: none !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs.qk-tabs-type-slider .qk-tabs-head-wrapper .qk-tabs-head {
    border-bottom: none !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs.qk-tabs-type-slider .qk-tabs-head-wrapper .qk-tabs-head .qk-tabs-cursor {
    background: #333 !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs-tab, .UCUNNIC:not(.UCEyeProtect) .qk-tabs-pane {
    background: none !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-button, .UCUNNIC:not(.UCEyeProtect) .qk-tab-radius {
    background-color: #1a1a1a !important;
    border: none !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs-head-wrapper .qk-tabs-head .qk-tabs-cursor {
    background: #fff !important
}

.UCUNNIC:not(.UCEyeProtect).qk-tabs-pc .qk-tab-radius:hover {
    background-color: #1a1a1a !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs-tab .qk-tabs-tab-content {
    border: none !important;
    color: #fff !important
}

.UCUNNIC:not(.UCEyeProtect).qk-tabs-type-bubble .qk-tabs-tab-active .qk-tabs-tab-content {
    background-color: #333 !important;
    border: 2px solid #0d53ff !important
}

.UCUNNIC:not(.UCEyeProtect).qk-tabs-type-bubble .qk-tabs-tab-active .qk-tabs-tab-content .qk-tabs-bubble-icon:before, .UCUNNIC:not(.UCEyeProtect).qk-tabs-type-bubble .qk-tabs-tab-active .qk-tabs-tab-content .qk-tabs-bubble-icon:after {
    background-color: #333 !important;
    -webkit-filter: none
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs-tab-active .qk-tabs-tab-content .qk-button {
    background-color: #333 !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs-tab-active .qk-tabs-tab-content .qk-tab-radius {
    background: #333 !important
}

.UCUNNIC:not(.UCEyeProtect) .qk-tabs-position-arrow-left, .UCUNNIC:not(.UCEyeProtect) .qk-tabs-position-arrow {
    display: none
}

.qk-input {
    display: flex;
    padding: 0 16px;
    position: relative;
    box-sizing: border-box
}

.qk-input.qk-input-textarea {
    padding: 12px;
    min-height: 80px
}

.qk-input.qk-input-textarea::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.qk-input.qk-input-textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.qk-input.qk-input-textarea::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #ededed;
    border-radius: 10px
}

.qk-input.qk-input-textarea .qk-input-clear {
    align-items: end
}

.qk-input.qk-input-font-size-l .qk-input-inner {
    font-size: var(--font-l-2);
    line-height: 18px
}

.qk-input.qk-input-font-size-l .qk-input-clear-top {
    margin-top: 1px
}

.qk-input.qk-input-font-size-m .qk-input-inner {
    font-size: var(--font-m);
    line-height: 18px
}

.qk-input.qk-input-size-middle {
    height: var(--input-height);
    width: 220px;
    border: 1px solid var(--input-border-color);
    border-radius: 8px
}

.qk-input .qk-input-suffix, .qk-input .qk-input-prefix {
    display: flex;
    align-items: center;
    justify-content: center
}

.qk-input .qk-input-suffix {
    order: 1
}

.qk-input .qk-input-prefix {
    order: -1
}

.qk-input .qk-input-inner {
    height: 100%;
    width: 100%;
    border: none;
    background: rgba(0, 0, 0, 0);
    caret-color: #3b45ef;
    outline: none;
    color: var(--font-darkest);
    font-weight: var(--font-bold);
    resize: none;
    padding: 0 4px 0 0;
    caret-color: inherit
}

.qk-input .qk-input-inner::-moz-placeholder {
    color: var(--font-dark);
    font-weight: var(--font-normal)
}

.qk-input .qk-input-inner:-ms-input-placeholder {
    color: var(--font-dark);
    font-weight: var(--font-normal)
}

.qk-input .qk-input-inner::placeholder {
    color: var(--font-dark);
    font-weight: var(--font-normal)
}

.qk-input .qk-input-clear {
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer
}

.qk-input .qk-input-clear.qk-input-clear-top {
    align-items: start
}

.qk-input .qk-input-clear .qk-icon {
    background-color: #060f23;
    border-radius: 100%;
    width: 16px !important;
    height: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px
}

.qk-input form {
    display: block;
    height: 100%;
    width: 100%
}

.qk-input.qk-input-pc-bg {
    border: none
}

.qk-input.qk-input-pc-bg.qk-input-bg-gray {
    background-color: var(--bg-gray)
}

.qk-input.qk-input-pc-bg.qk-input-bg-primary {
    background-color: rgba(var(--primary-rgb), 0.06)
}

.qk-input.qk-input-pc-bg .qk-input-inner::-webkit-input-placeholder {
    color: rgba(92, 102, 120, .4)
}