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

.compare-detail-container .CQDSmmOC1F0pHWTkQp8w {
    display: flex;
    align-items: flex-start;
    padding-bottom: 80px
}

.compare-detail-container .CQDSmmOC1F0pHWTkQp8w .comparison-sidebar, .compare-detail-container .CQDSmmOC1F0pHWTkQp8w .NWXCKeMuQM6cu9goCgyp {
    background: #fff;
    border: 1px solid #f3f3f5;
    box-shadow: 0 4px 12px -4px rgba(6, 10, 38, .06);
    border-radius: 8px;
    padding: 20px
}

.compare-detail-container .CQDSmmOC1F0pHWTkQp8w .NWXCKeMuQM6cu9goCgyp {
    margin-right: 20px;
    width: 59.4%
}

.compare-detail-container .CQDSmmOC1F0pHWTkQp8w .comparison-sidebar {
    flex: 1
}

.compare-detail-container .MGMSH8yACfAA8nL3ooq0 {
    display: flex;
    font-size: var(--font-xl);
    color: var(--font-darkest);
    line-height: var(--line-height-xl);
    align-items: baseline
}

.compare-detail-container .MGMSH8yACfAA8nL3ooq0 span {
    font-size: var(--font-m);
    color: var(--font-darker-2);
    line-height: var(--line-height-m);
    display: inline-block;
    margin-left: 8px
}

.compare-detail-container .MGMSH8yACfAA8nL3ooq0 .TaMAPW9mteGkvZS0Nu9w {
    width: 133px;
    height: 36px;
    background: #0d53ff;
    border-radius: 8px;
    font-size: var(--font-size-m);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    color: rgba(0, 0, 0, .4)
}

.compare-detail-container .comparison-list {
    padding-top: 2px
}

.compare-detail-container .comparison-list .comparison-item {
    box-sizing: border-box;
    display: flex;
    border-radius: 8px;
    border: 1px solid #f3f3f5;
    border-radius: 8px;
    padding: 15px 14px;
    margin-top: 12px
}

.compare-detail-container .comparison-list .comparison-item {
    position: relative
}

.compare-detail-container .comparison-list .comparison-item .bypVuo0xxDuYWukE2z4T {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("https://cdn.sm.cn/static/25/04/22/4ff54ddbf82bfbfb858b052fd75c68fd.png") no-repeat;
    background-size: cover;
    top: -1px;
    right: -1px
}

.compare-detail-container .GdourYxgUnRnadhiOsSz, .compare-detail-container .compare-start-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d53ff;
    border-radius: 8px;
    height: 44px;
    margin-top: 12px;
    cursor: pointer
}

.compare-detail-container .LDox1QkzVm7luhnG31hV {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 83, 255, .04);
    border: 1px solid rgba(13, 83, 255, .1);
    border-radius: 8px;
    box-sizing: border-box;
    height: 44px;
    margin-top: 12px;
    cursor: pointer
}

.compare-detail-container .compare-start-btn {
    margin-top: 20px;
    color: #fff
}

.compare-detail-container .IOBb0BHS28A4zC1ZUEER {
    font-size: var(--font-xxl);
    color: var(--font-darkest)
}

.compare-detail-container .JNvltW1huASIGZlZqiIa {
    margin-top: 8px
}

.compare-detail-container .school-card {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    padding: 16px 0px;
    border-top: 1px solid #f3f3f5
}

.compare-detail-container .school-card:nth-of-type(1) {
    border: none
}

.compare-detail-container .school-card .school-card-content {
    flex: 1;
    display: flex;
    align-items: center;
    margin-right: 16px;
    overflow: hidden
}

.compare-detail-container .school-card .school-card-status {
    flex-shrink: 0;
    width: 64px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(6, 10, 38, .06);
    border-radius: 8px;
    font-size: var(--font-m);
    box-sizing: border-box;
    color: var(--font-darkest);
    cursor: pointer
}

.compare-detail-container .school-card .school-card-status span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("https://cdn.sm.cn/static/25/04/22/69bcc803a130bfae7739227d44ad98a1.png") no-repeat;
    background-size: cover;
    margin-right: 4px
}

.compare-detail-container .school-card .added {
    color: var(--font-darker-2)
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS .S5ndDWMkL8y1YOxsdu_L {
    width: 552px;
    height: 476px;
    padding: 24px 24px 0px 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(6, 10, 38, .12);
    box-shadow: 0 24px 64px -12px rgba(6, 10, 38, .2);
    border-radius: 12px;
    box-sizing: border-box;
    background: #fff
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS .S5ndDWMkL8y1YOxsdu_L .LVx5HXVzZldruZLbkwT1 {
    display: flex
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS .S5ndDWMkL8y1YOxsdu_L .L_Oq6cgPwik5gCJvyqAH {
    height: 40px;
    width: 100%;
    border: 1px solid rgba(6, 10, 38, .12);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0px 16px;
    margin-top: 16px
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS .S5ndDWMkL8y1YOxsdu_L .L_Oq6cgPwik5gCJvyqAH img {
    width: 16px;
    height: 16px
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS .S5ndDWMkL8y1YOxsdu_L .TQEenF7r9NUS90ioulFK {
    flex: 1;
    overflow-y: scroll;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 12px;
    margin-bottom: 12px
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS .S5ndDWMkL8y1YOxsdu_L .TQEenF7r9NUS90ioulFK .school-card {
    border: none;
    height: 72px;
    padding: 0px 12px
}

.compare-detail-container .tANyA06M5ZJrQPfs02ZS .S5ndDWMkL8y1YOxsdu_L .r3_sYgVYFgEEApNHAE6j {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: var(--font-m);
    color: rgba(6, 10, 38, .5)
}

.LBecz6lYFiyd_AAs7Nlm {
    position: fixed;
    left: 0;
    top: 45%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8vw;
    line-height: 8vw
}

.sSD02SW9aoe8M8EVq85D {
    width: 4vw;
    height: 4vw;
    background-color: #2828f5;
    animation: YWGzFo7FTt1sps3OLz6A 1s linear infinite;
    margin-right: 2.66667vw
}

@keyframes YWGzFo7FTt1sps3OLz6A {
    0% {
        transform: rotateZ(0)
    }
    100% {
        transform: rotateZ(360deg)
    }
}

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

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

.qk-picture {
    position: relative;
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAEgCAMAAABB++e0AAAAgVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/w8PDx8fHw8PDw8PDx8fHx8fHx8fHx8fHx8fHx8fHy8vLy8vLy8vLy8vLy8vL09PT09PT19fX4+Pj8/Pz////////u7u6EEfmOAAAAKnRSTlMA9/Pk4eC4tbP67unczcjBvLCooJGFf3t0bWBYVEE4MismIhsWEQ0KBgWC8AH7AAADrklEQVR4XuzNoQ3AIBAAwIpHgPiQkGBe4Nh/xE5R1bsF7vkZAAAAAAAAAAAA4J7aa2aL0fuIlnPtOvf79yXe3pYbhWEwACuEDeXUkAOEHAppIID/93/AvdjO7kw3RbZjR991ZhgyMrJlSTV1lOKhNKobRd58HooAs4Li8EkedHUOLXndkVPTaQ0D69NErgz1EoaW9UAu9GUCC0nZ07PGcgFLi3Kkp1xCPCG8kL1rgScVV7KjqhhPiytFFro1nFh3ZOwtgSPJG5mZ9nBoP5GBoYBTxUDa+hyO5T1pumVwLruRljaFB2lLGtoAXgQtsW4pPElvxOgzeJMxUTfk8CgfaMZUwKtiop/t4dmefvQG797oB10C75KOHlJrvMBa0SMVXqKiB64xXiK+0v8KvEhB/7ngZS70zRjCRBBV56a7T9O9a85VFMBE+H0/X0JfVrbfQla1ZQZ95bd8soCmeNvQQ802hqZFb/fiu5m8eNtZvfqQQMuqpVntClqSgf6poSM+EusYQ0dNf01LaMj0dmEZNCz/5dYTNKzupOW+goYTfaE1eJuRNI0b8Nb0pQNvo0ib2oDX6YfbaiQD47t+yOXgZHcycs/Ayb9qe+DELRlqY3D+VAsP4BzJ2AGcg14iX5E5tdJK6yoAoyULLRiBIqIGjB1Z2YLRaCy0+EZWbrHGYoswb0vk59UjIkrZf8fSB+alRAPmZWQtw7yBjcqSrFXsKjqzv7DWYN6ZKnY1WlMJd3DasSFpL+I+IAV7rLNXch9YJvWeyRa/PXunX+wq9xZxvyhkdzv2bpgVEhORd3pCj1kJxZg10RNGzIq9PnxiHi76t4sGnOhSE/3I+Py8cnmj8JlYppRLLBVmJYqsnTGv8riZGELMO/vbRk0RGK23DeTnOziDn61zf9EoyqXODw39x7HcZNAROT0ujZdNAn21w4OiqgMYadwdkacNzATKXXFgD0OFu7JIA1MHdwWhCKY+nZXCxhiGcndFwA+Yqt2VP2uY6twVfksYWjssee9h6OSw2L+DmeXk8JpjCzO1ywueHEaSwfJqy8UyL11e6tUwsujdXWeqYwwj1XMXucmfi9xR9ddLGcJMOEpeYUte3ou2LUg2bIi2qkg26Ui2J0k2Zom2pEk240m2IUo2YEq2nko23Uq2G0s2Wku2mMs218uPFcgPVMiPksgP0ciPD8kPTsmPjMkPy8mPCcoPSMqPhsoPxfLjwL/bgQMCAAAABEH9X90QYS0AAAAAAAAAAADAAe789CW+vMO9AAAAAElFTkSuQmCC);
    background-size: 32%;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.qk-picture[data-loaded=true] {
    background-image: none
}

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

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

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

.qk-picture.qk-picture-cover .qk-image {
    background-size: cover;
    background-position: 50% 20%
}

.qk-picture.qk-picture-contain .qk-image {
    background-size: contain;
    background-position: center
}

.qk-picture.qk-picture-shadow .qk-image {
    box-shadow: var(--shadow-inset)
}

.qk-picture.qk-picture-hover-zoom:hover .qk-image {
    transform: scale3d(1.06, 1.06, 1.06) translate3d(-2px, -2px, -2px)
}

.qk-picture.qk-picture-hover-zoom .qk-image {
    transition-duration: .4s;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.qk-picture.qk-picture-video-style .qk-video-play-strong-icon {
    position: absolute;
    z-index: 8;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.qk-picture.qk-picture-video-style .qk-video-play-strong-icon svg {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.7))
}

.qk-picture.qk-picture-video-style .qk-video-play-weak-icon {
    margin-right: 4px
}

.qk-picture.qk-picture-video-style .qk-video-time {
    font-family: "PlusJakartaSans-Bold";
    box-sizing: border-box;
    position: absolute;
    z-index: 8;
    height: 20px;
    min-width: 42px;
    line-height: 20px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
    font-size: var(--font-s);
    color: var(--bg-white);
    font-weight: var(--font-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px
}

.qk-picture.qk-picture-video-style .qk-video-time.qk-video-time-shadow {
    background-color: rgba(0, 0, 0, 0);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .16)
}

.qk-picture.qk-picture-video-style .qk-video-time.qk-video-top-left {
    top: 8px;
    left: 8px
}

.qk-picture.qk-picture-video-style .qk-video-time.qk-video-top-right {
    top: 8px;
    right: 8px
}

.qk-picture.qk-picture-video-style .qk-video-time.qk-video-bottom-left {
    left: 8px;
    bottom: 8px
}

.qk-picture.qk-picture-video-style .qk-video-time.qk-video-bottom-right {
    right: 8px;
    bottom: 8px
}

.qk-picture.qk-picture-video-style .qk-video-time.qk-video-bottom {
    bottom: 0;
    width: 100%;
    justify-content: space-between;
    height: 22px
}

.qk-picture.qk-picture-video-style .qk-video-time.qk-video-bottom .qk-video-play-weak-icon {
    order: 1;
    margin: 0
}

.qk-picture.qk-picture-1-1-xs {
    width: var(--pic-1-1-xs);
    height: var(--pic-1-1-xs)
}

.qk-picture.qk-picture-1-1-s {
    width: var(--pic-1-1-s);
    height: var(--pic-1-1-s);
    background-size: 24px
}

.qk-picture.qk-picture-1-1-m {
    width: var(--pic-1-1-m);
    height: var(--pic-1-1-m);
    background-size: 40px
}

.qk-picture.qk-picture-1-1-l {
    width: var(--pic-1-1-l);
    height: var(--pic-1-1-l);
    background-size: 40px
}

.qk-picture.qk-picture-1-1-xl {
    width: var(--pic-1-1-xl);
    height: var(--pic-1-1-xl);
    background-size: 50px
}

.qk-picture.qk-picture-1-1-xxl {
    width: var(--pic-1-1-xxl);
    height: var(--pic-1-1-xxl);
    background-size: 56px
}

.qk-picture.qk-picture-3-2-s {
    width: var(--pic-3-2-s-w);
    height: var(--pic-3-4-s-h)
}

.qk-picture.qk-picture-3-2-m {
    width: var(--pic-3-2-m-w);
    height: var(--pic-3-2-m-h);
    background-size: 26px
}

.qk-picture.qk-picture-3-2-l {
    width: var(--pic-3-2-l-w);
    height: var(--pic-3-2-l-h);
    background-size: 32px
}

.qk-picture.qk-picture-3-2-xl {
    width: var(--pic-3-2-xl-w);
    height: var(--pic-3-2-xl-h);
    background-size: 42px
}

.qk-picture.qk-picture-3-2-xxl {
    width: var(--pic-3-2-xxl-w);
    height: var(--pic-3-2-xxl-h);
    background-size: 56px
}

.qk-picture.qk-picture-3-2-r {
    width: 100%;
    background-size: 56px;
    padding-bottom: 66.7%
}

.qk-picture.qk-picture-3-4-xs {
    width: var(--pic-3-4-xs-w);
    height: var(--pic-3-4-xs-h)
}

.qk-picture.qk-picture-3-4-s {
    width: var(--pic-3-4-s-w);
    height: var(--pic-3-4-s-h);
    background-size: 28px
}

.qk-picture.qk-picture-3-4-s2 {
    width: var(--pic-3-4-s2-w);
    height: var(--pic-3-4-s2-h);
    background-size: .4rem
}

.qk-picture.qk-picture-3-4-m {
    width: var(--pic-3-4-m-w);
    height: var(--pic-3-4-m-h);
    background-size: 36px
}

.qk-picture.qk-picture-3-4-l {
    width: var(--pic-3-4-l-w);
    height: var(--pic-3-4-l-h);
    background-size: 48px
}

.qk-picture.qk-picture-3-4-xl {
    width: var(--pic-3-4-xl-w);
    height: var(--pic-3-4-xl-h);
    background-size: 60px
}

.qk-picture.qk-picture-3-4-xxl {
    width: var(--pic-3-4-xxl-w);
    height: var(--pic-3-4-xxl-h);
    background-size: 80px
}

.qk-picture.qk-picture-3-4-r {
    width: 100%;
    background-size: 80px;
    padding-bottom: 133.3333333333%
}

.qk-picture.qk-picture-16-9-xxl {
    width: var(--pic-16-9-xxl-w);
    height: var(--pic-16-9-xxl-h);
    background-size: 50px
}

.qk-picture.qk-picture-16-9-xl {
    width: var(--pic-16-9-xl-w);
    height: var(--pic-16-9-xl-h);
    background-size: 40px
}

.qk-picture.qk-picture-16-9-l {
    width: var(--pic-16-9-l-w);
    height: var(--pic-16-9-l-h);
    background-size: 30px
}

.qk-picture.qk-picture-16-9-m {
    width: var(--pic-16-9-m-w);
    height: var(--pic-16-9-m-h);
    background-size: 26px
}

.qk-picture.qk-picture-16-9-r {
    width: 100%;
    padding-bottom: 56.25%;
    background-size: 50px
}

.qk-picture.qk-picture-cover-s {
    width: 100%;
    padding-bottom: 33.4328358209%;
    background-size: .4rem auto
}

.qk-picture.qk-picture-cover-xs {
    width: 100%;
    padding-bottom: 26.8656716418%;
    background-size: .4rem auto
}

.qk-picture.qk-picture-cover-m {
    width: 100%;
    padding-bottom: 50.1492537313%;
    background-size: .4rem auto
}

.qk-picture.qk-picture-cover-l {
    width: 100%;
    padding-bottom: 56.1194029851%;
    background-size: .4rem auto
}

.qk-picture.qk-picture-cover-xl {
    width: 100%;
    padding-bottom: 53.3333333333%;
    background-size: .4rem auto
}

.qk-picture.qk-picture-max-m, .qk-picture.qk-picture-max-l, .qk-picture.qk-picture-max-xl, .qk-picture.qk-picture-max-xxl {
    width: var(--pic-max-w);
    height: var(--pic-max-h);
    background-size: 158px
}

.qk-picture.qk-picture-responsive > a, .qk-picture.qk-picture-responsive > .qk-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.qk-picture > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.qk-picture .qk-picture-hd {
    transform: translateY(-100%)
}

.qk-picture .qk-image {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5
}

.qk-picture .qk-tag {
    position: absolute;
    z-index: 6;
    left: var(--gap-m);
    top: var(--gap-m)
}

.qk-picture .qk-tag-position-top-left {
    position: absolute;
    z-index: 6;
    left: var(--gap-m);
    top: var(--gap-m);
    bottom: auto;
    right: auto
}

.qk-picture .qk-tag-position-top-right {
    position: absolute;
    z-index: 6;
    right: var(--gap-m);
    top: var(--gap-m);
    bottom: auto;
    left: auto
}

.qk-picture .qk-tag-position-bottom-left {
    position: absolute;
    z-index: 6;
    top: auto;
    right: auto;
    left: var(--gap-m);
    bottom: var(--gap-m)
}

.qk-picture .qk-tag-position-bottom-right {
    position: absolute;
    z-index: 6;
    top: auto;
    left: auto;
    right: var(--gap-m);
    bottom: var(--gap-m)
}

.qk-picture .qk-picture-backdrop-blur {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    transform: scale(1.3)
}

.history-section .history-content {
    margin-top: 20px
}

.history-section .history-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px
}

.history-section .history-list .history-item {
    font-size: var(--font-m);
    color: var(--font-darkest);
    line-height: var(--line-height-m);
    padding: 4px 8px;
    border: 1px solid rgba(6, 10, 38, .06);
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-right: 8px;
    cursor: pointer
}

.history-section .history-list .history-item span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.sm.cn/static/25/04/22/69bcc803a130bfae7739227d44ad98a1.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 4px
}

.history-section .history-list .history-item-style {
    background: rgba(13, 83, 255, .06);
    border: 1px solid #0d53ff;
    color: "#0D53FF"
}

.history-section .history-list .history-item-style span {
    background-image: url("https://cdn.sm.cn/static/25/04/28/612fd86e89b88349669e89501f3d419e.png")
}

.detail-content {
    height: 100%;
    overflow: hidden
}

.detail-content .p6oskj_u7OXCNLfOUU8K {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #f3f3f5;
    border-radius: 8px
}

.detail-content ._GbbbckcpyWME6UiDKfr {
    box-sizing: border-box;
    position: relative;
    overflow: auto
}

.detail-content .detail-header-container {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f1f2;
    padding-left: 20px;
    width: 100%;
    background: #fff;
    z-index: 20
}

.detail-content .detail-header-container img {
    width: 20px;
    margin-right: 33px;
    cursor: pointer
}

.detail-content .detail-header-container .detail-header {
    display: flex;
    font-size: var(--font-xl);
    color: var(--font-darkest);
    line-height: var(--line-height-xl);
    align-items: baseline;
    position: relative
}

.detail-content .detail-header-container .detail-header span {
    font-size: var(--font-m);
    color: var(--font-darker-2);
    line-height: var(--line-height-m);
    display: inline-block;
    margin-left: 8px
}

.detail-content .detail-header-container .detail-header::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 17px;
    background-color: #f3f3f5;
    left: -16px;
    top: 4px
}

.detail-content .detail-main {
    width: 100%;
    background: #fff
}

.detail-content .add-school-container {
    cursor: pointer;
    display: flex;
    font-size: var(--font-m);
    color: var(--font-darkest);
    align-items: center;
    justify-content: center;
    border-right: 1px solid #f3f3f5;
    height: 96px;
    flex: 1;
    flex-shrink: 0
}

.detail-content .add-school-container .add-school-btn {
    background: rgba(13, 83, 255, .06);
    border-radius: 6px;
    padding: 5px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d53ff
}

.detail-content .add-school-container span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("https://cdn.sm.cn/static/25/05/19/8ad2af910d31978df700a9d0fe4d60d1.png") no-repeat;
    background-size: contain;
    margin-right: 2px
}

.detail-content .add-school-container:last-child {
    border-right: none
}

.detail-content .rk5AnbngmjGxrOGwtFZr {
    border-right: 1px solid #f3f3f5
}

.detail-content .rk5AnbngmjGxrOGwtFZr:last-child {
    border-right: none
}

.detail-content .detail-main-content {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 10
}

.detail-content .comparison-details {
    width: 140px;
    height: 100%;
    flex-shrink: 0;
    position: sticky;
    left: 0;
    z-index: 2
}

.detail-content .QD_o0XXjKDX3JPjoNMRo {
    flex: 1;
    background: #fff;
    min-width: 800px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3f3f5
}

.detail-content .QD_o0XXjKDX3JPjoNMRo::-webkit-scrollbar {
    display: none
}

.detail-content .school-comparison-container {
    min-width: 800px;
    width: 100%;
    background: #fff;
    display: flex
}

.detail-content .school-comparison-container::-webkit-scrollbar {
    display: none
}

.detail-content .detail-title {
    width: 140px;
    font-size: var(--font-m);
    color: var(--font-darkest);
    height: 96px;
    flex-shrink: 0;
    background: #fff;
    border-right: 1px solid #f3f3f5;
    box-sizing: border-box;
    padding-left: 16px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 66px;
    left: 0;
    z-index: 11
}

.detail-content .school-card-container {
    flex: 1;
    border-right: 1px solid #f3f3f5;
    box-sizing: border-box;
    background: #fff;
    flex-shrink: 0;
    height: 96px
}

.detail-content .school-card-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0px 16px;
    overflow: hidden
}

.detail-content .school-card-wrapper .BHBqiIhCaPHPfAzLOq8Q {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-s);
    color: #0d53ff
}

.detail-content .school-card-wrapper .BHBqiIhCaPHPfAzLOq8Q > img {
    width: 14px;
    height: 14px
}

.detail-content .school-info {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    align-items: baseline;
    margin-top: 3px
}

.detail-content .school-logo {
    width: 44px;
    height: 44px;
    background: #fbfbfb;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
    border-radius: 50%;
    flex-shrink: 0
}

.detail-content .TE3rJOE_Xe4eXa1bXblw {
    font-size: var(--font-l);
    color: var(--font-darkest);
    margin-bottom: 4px;
    line-height: 16px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.detail-content .school-divider {
    cursor: pointer;
    background-image: url("https://cdn.sm.cn/static/25/04/22/4ff54ddbf82bfbfb858b052fd75c68fd.png");
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    right: -2px;
    top: -3px
}

.detail-content .au0P_zb9XaJ5ucyNGU7T {
    background: #f2f3f4;
    font-size: var(--font-m);
    color: var(--font-darkest);
    text-align: center;
    white-space: nowrap;
    height: 28px;
    width: 100%;
    line-height: 28px;
    text-align: left
}

.detail-content .section-title {
    padding-left: 16px;
    font-weight: var(--font-bold);
    z-index: 1
}

.detail-content .info-category {
    font-size: var(--font-m);
    color: var(--font-darker-2);
    line-height: var(--line-height-m);
    font-weight: 400;
    border-right: 1px solid #f3f3f5;
    box-sizing: border-box;
    padding-left: 16px;
    background: #fbfbfb
}

.detail-content .EteSUz0V5AP8bSuVysyh {
    border-bottom: 1px solid #f3f3f5
}

.detail-content .category-title {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.detail-content .sFjNoQzu4VLjR8Fhb7x6 {
    height: 54px
}

.detail-content .PUvQO7jqmH6KSTSR8Mnm {
    height: 72px
}

.detail-content .category-content {
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

.detail-content .lQ6EztEYjvAfnaKhAhso {
    padding: 16px
}

.detail-content .tKISkTdjmnEapBBVrd9o {
    font-size: var(--font-l);
    color: var(--font-darkest);
    line-height: var(--line-height-m);
    padding-left: 16px;
    border-bottom: 1px solid #f3f3f5;
    border-right: 1px solid #f3f3f5;
    font-family: PlusJakartaSans-Medium
}

.detail-content .eTEm3VV54TElJNZE2y4J {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.detail-content .f8wTQD8nsmfgSZvmp0jl {
    height: 1000px
}

.detail-content .E0_bzPFlB7u_bvkGL06d {
    padding: 16px 16px
}

.detail-content .E0_bzPFlB7u_bvkGL06d:last-child {
    border-bottom: none
}

.detail-content .last_0_handle_row {
    border-bottom: 1px solid #f3f3f5;
    border-right: 1px solid #f3f3f5
}

.detail-content .last_0_handle_row:last-child {
    border-bottom: none
}

.detail-content .RIE4OwOn21ruF33ImFet {
    font-size: var(--font-m);
    color: var(--font-darker-2);
    line-height: var(--font-leight-m);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap
}

.detail-content .TzWgdFF1vq9t7ZxWgQhB {
    font-size: var(--font-l);
    color: var(--font-darkest);
    line-height: var(--font-leight-m);
    font-family: PlusJakartaSans-Medium
}

.detail-content .NQkLaOvPgJ0gWybqL8Ff {
    height: 100%;
    border-bottom: 1px solid #f3f3f5;
    border-right: 1px solid #f3f3f5;
    background: #fff
}

.detail-content .zvIwA_Q1iqK7T8VCHDa6 {
    padding: 16px;
    display: flex;
    flex-wrap: wrap
}

.detail-content .rX4QyVyn4sz67eAYurcT {
    background: rgba(13, 83, 255, .07);
    border-radius: 8px;
    padding: 6px 8px;
    font-size: var(--font-s);
    color: #0d53ff;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: var(--font-bold);
    margin-right: 4px;
    margin-bottom: 4px
}

.detail-content .ToJo1_9PmCnmqXA2T5i6 {
    padding: 16px;
    display: flex;
    flex-direction: column;
    background: #fff;
    line-height: var(--font-height-m);
    border-right: 1px solid #f3f3f5;
    height: 100%;
    box-sizing: border-box;
    font-size: var(--font-l)
}

.detail-content .ToJo1_9PmCnmqXA2T5i6 > div:not(:first-child) {
    margin-bottom: 8px
}

.detail-content .iEKT6k8ssvpDWtFvL8Oz {
    padding: 16px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-right: 1px solid #f3f3f5;
    height: 100%;
    box-sizing: border-box
}

.detail-content .iEKT6k8ssvpDWtFvL8Oz > div:not(:last-child) {
    margin-bottom: 20px
}

.detail-content .iEKT6k8ssvpDWtFvL8Oz .CDAyqBemPNgQl_5gzD7D {
    line-height: 22px
}

.detail-content .iEKT6k8ssvpDWtFvL8Oz .CDAyqBemPNgQl_5gzD7D > div {
    font-size: var(--font-l)
}

.detail-content .iEKT6k8ssvpDWtFvL8Oz .CDAyqBemPNgQl_5gzD7D .x4L5M4DPJaIyF6d0AL8M {
    font-size: var(--font-m);
    color: var(--primary);
    font-weight: normal;
    margin-bottom: 4px
}

.detail-content .iEKT6k8ssvpDWtFvL8Oz .CDAyqBemPNgQl_5gzD7D > div:not(:first-child) {
    margin-bottom: 8px
}

.detail-content .ZFNqQ4vAkyyTOTWsl1vY {
    padding: 14px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-right: 1px solid #f3f3f5;
    height: 100%;
    box-sizing: border-box
}

.detail-content .ZFNqQ4vAkyyTOTWsl1vY > div:not(:last-child) {
    margin-bottom: 20px
}

.detail-content .ZFNqQ4vAkyyTOTWsl1vY > div:last-child {
    padding-bottom: 80px
}

.detail-content .ZFNqQ4vAkyyTOTWsl1vY .SqtjjTxAJxsn8ozVzc8i {
    line-height: 22px
}

.detail-content .ZFNqQ4vAkyyTOTWsl1vY .SqtjjTxAJxsn8ozVzc8i > div {
    font-size: var(--font-l);
    color: var(--font-darkest)
}

.detail-content .ZFNqQ4vAkyyTOTWsl1vY .SqtjjTxAJxsn8ozVzc8i .KfoXOrXsjh665ZMdRoiA {
    font-size: var(--font-m);
    color: var(--font-darker-2);
    font-weight: normal;
    margin-bottom: 4px
}

.detail-content .ZFNqQ4vAkyyTOTWsl1vY .SqtjjTxAJxsn8ozVzc8i > div:not(:first-child) {
    margin-bottom: 8px
}

.PJlkhq0pOnXkwZsEbepO {
    padding: 250px 0
}

.qk-toast {
    position: fixed;
    bottom: 6%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 999999;
    padding: 12px 20px;
    border-radius: 12px;
    background: rgba(38, 38, 38, .98);
    color: #fff;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: toastBackInDown
}

.qk-toast.qk-toast-position-center {
    bottom: auto;
    top: 50%
}

.qk-toast.qk-toast-type-error {
    background: #ea5959
}

.qk-toast .qk-toast-content {
    display: flex;
    align-items: center
}

.qk-toast .qk-toast-content > .qk-loading {
    height: 26px
}

.qk-toast .qk-toast-face {
    height: 10px;
    width: 20px;
    flex: none;
    padding-right: 6px;
    position: relative;
    left: -2px
}

.qk-toast .qk-toast-face span {
    animation-duration: 3.6s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    height: 100%;
    width: 4px;
    background: #fff;
    float: left;
    border-radius: 4px
}

.qk-toast .qk-toast-face span:first-child {
    animation-delay: .3s;
    animation-name: toastFaceAnimateLeft
}

.qk-toast .qk-toast-face span:last-child {
    margin-left: 6px;
    animation-delay: .3s;
    animation-name: toastFaceAnimateRight
}

@keyframes toastFaceAnimateLeft {
    12% {
        transform: scale3d(1, 1, 1)
    }
    13% {
        transform: scale3d(2, 0.2, 1.5)
    }
    15% {
        transform: scale3d(2, 0.2, 1.5) translate3d(0px, 0, 0)
    }
    16% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    35% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    40% {
        transform: scale3d(1, 1.05, 1) translate3d(5px, 0, 0)
    }
    45% {
        transform: scale3d(1, 1.05, 1) translate3d(5px, 0, 0)
    }
    49% {
        transform: scale3d(1, 1.05, 1) translate3d(5px, 0, 0)
    }
    50% {
        transform: scale3d(1, 0.2, 1) translate3d(5px, 0, 0)
    }
    53% {
        transform: scale3d(1, 1, 1) translate3d(5px, 0, 0)
    }
    59% {
        transform: scale3d(1, 1, 1) translate3d(5px, 0, 0)
    }
    65% {
        transform: scale3d(1, 1, 1) translate3d(5px, 0, 0)
    }
    74% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    79% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    82% {
        transform: scale3d(2, 0.2, 1) translate3d(0px, 0, 0)
    }
    86% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
}

@keyframes toastFaceAnimateRight {
    12% {
        transform: scale3d(1, 1, 1)
    }
    13% {
        transform: scale3d(2, 0.2, 1.5)
    }
    15% {
        transform: scale3d(2, 0.2, 1.5) translate3d(0px, 0, 0)
    }
    16% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    35% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    40% {
        transform: scale3d(1, 0.9, 1) translate3d(4px, 0, 0)
    }
    45% {
        transform: scale3d(1, 0.9, 1) translate3d(4px, 0, 0)
    }
    49% {
        transform: scale3d(1, 0.9, 1) translate3d(4px, 0, 0)
    }
    50% {
        transform: scale3d(1, 0.2, 1) translate3d(4px, 0, 0)
    }
    53% {
        transform: scale3d(1, 1, 1) translate3d(5px, 0, 0)
    }
    59% {
        transform: scale3d(1, 1, 1) translate3d(5px, 0, 0)
    }
    65% {
        transform: scale3d(1, 1, 1) translate3d(5px, 0, 0)
    }
    74% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    79% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
    82% {
        transform: scale3d(2, 0.2, 1) translate3d(0px, 0, 0)
    }
    86% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0, 0)
    }
}

@keyframes toastBackInDown {
    0% {
        transform: translate3d(-50%, -50%, 0) scale(0.4);
        opacity: .6
    }
    30% {
        transform: translate3d(-50%, -50%, 0) scale(0.9)
    }
    60% {
        transform: translate3d(-50%, -50%, 0) scale(1.04)
    }
    100% {
        transform: translate3d(-50%, -50%, 0) scale(1);
        opacity: 1
    }
}

@keyframes toastBackOut {
    from {
        opacity: .7;
        transform: translate3d(-50%, -50%, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8)
    }
}

.qk-toast.qk-toast-back-out {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-name: toastBackOut
}

.qk-toast-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.UCUNNIC:not(.UCEyeProtect) .qk-toast .qk-toast-face span {
    background-color: #fff !important
}