html {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio:2) {
    html:not([data-android]) {
        cursor:pointer
    }
}

body {
    margin: 0;
    color: #444;
    background-color: #f6f6f6
}

html[data-theme=dark] body {
    color: #d3d3d3;
    background-color: #1b1b1b
}

button,html,input {
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica Neue,Microsoft YaHei,sans-serif
}

a {
    color: #056de8
}

html[data-theme=dark] a {
    color: #558eff
}

button {
    cursor: pointer;
    outline: none
}

img {
    text-indent: -9999px
}

textarea {
    resize: none;
    border: none;
    outline: none
}

.Dialog-dialog-xcpMP {
    min-width: 320px;
    outline: none;
    background-color: #fff
}

html[data-theme=dark] .Dialog-dialog-xcpMP {
    background-color: #121212
}

.Dialog-closeButton-92baV {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    color: #999;
    border: 0;
    background-color: transparent
}

html[data-theme=dark] .Dialog-closeButton-92baV {
    color: #999
}

.Dialog-title-6XKEw {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px
}

.Dialog-content-pMvtV,.Dialog-title-6XKEw {
    text-align: center
}

.Dialog-content-pMvtV {
    padding: 30px 32px
}

.Button-base-6qNw1 {
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap
}

.Button-base-6qNw1[disabled] {
    cursor: default
}

.Button-disabled-wMDqJ[disabled] {
    border-color: #bfbfbf;
    background-color: #bfbfbf
}

html[data-theme=dark] .Button-disabled-wMDqJ[disabled] {
    border-color: #444;
    background-color: #444
}

.Button-buttonBase-fwx2C {
    line-height: 1;
    padding: 8px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 5px;
    background: none
}

.Button-buttonBase-fwx2C[type] {
    color: #fff;
    -webkit-appearance: none
}

.Button-primary-3P4a6,html[data-theme=dark] .Button-buttonBase-fwx2C[type] {
    color: #fff
}

.Button-primary-3P4a6 {
    border-color: #056de8;
    background-color: #056de8
}

.Button-primary-3P4a6:active:not([disabled]) {
    background-color: #0453b4
}

html[data-theme=dark] .Button-primary-3P4a6:active:not([disabled]) {
    background-color: #246dff
}

.Button-primary-3P4a6.Button-outline-eqFu5 {
    color: #056de8;
    border-color: currentColor;
    background-color: transparent
}

.Button-primary-3P4a6.Button-outline-eqFu5:active:not([disabled]) {
    background-color: rgba(5,109,232,.1)
}

html[data-theme=dark] .Button-primary-3P4a6.Button-outline-eqFu5:active:not([disabled]) {
    background-color: rgba(85,142,255,.1)
}

html[data-theme=dark] .Button-primary-3P4a6.Button-outline-eqFu5 {
    color: #558eff
}

html[data-theme=dark] .Button-primary-3P4a6 {
    color: #fff;
    border-color: #558eff;
    background-color: #558eff
}

.Button-excited-3rePC {
    color: #fff;
    border-color: #f36;
    background-color: #f36
}

.Button-excited-3rePC:active:not([disabled]) {
    background-color: #ff0040
}

html[data-theme=dark] .Button-excited-3rePC:active:not([disabled]) {
    background-color: #ff1f3d
}

.Button-excited-3rePC.Button-outline-eqFu5 {
    color: #f36;
    border-color: currentColor;
    background-color: transparent
}

.Button-excited-3rePC.Button-outline-eqFu5:active:not([disabled]) {
    background-color: rgba(255,51,102,.1)
}

html[data-theme=dark] .Button-excited-3rePC.Button-outline-eqFu5:active:not([disabled]) {
    background-color: rgba(255,80,102,.1)
}

html[data-theme=dark] .Button-excited-3rePC.Button-outline-eqFu5 {
    color: #ff5066
}

html[data-theme=dark] .Button-excited-3rePC {
    color: #fff;
    border-color: #ff5066;
    background-color: #ff5066
}

.Button-gray-gdPNU {
    color: #fff;
    border-color: #adadbc;
    background-color: #adadbc
}

.Button-gray-gdPNU:active:not([disabled]) {
    background-color: #9292a5
}

.Button-gray-gdPNU.Button-outline-eqFu5 {
    color: #adadbc;
    border-color: currentColor;
    background-color: transparent
}

.Button-gray-gdPNU.Button-outline-eqFu5:active:not([disabled]) {
    background-color: rgba(173,173,188,.1)
}

.Button-copper-6GvVh,html[data-theme=dark] .Button-gray-gdPNU {
    color: #fff
}

.Button-copper-6GvVh {
    border-color: #a5542f;
    background-color: #a5542f
}

.Button-copper-6GvVh.Button-outline-eqFu5 {
    color: #a5542f
}

html .Button-copper-6GvVh.Button-outline-eqFu5,html[data-android] .Button-copper-6GvVh.Button-outline-eqFu5 {
    background-color: transparent
}

html[data-theme=dark] .Button-copper-6GvVh.Button-outline-eqFu5 {
    color: #d28262
}

html[data-theme=dark] .Button-copper-6GvVh {
    color: #fff;
    border-color: #d28262;
    background-color: #d28262
}

.Button-link-mWsQs {
    text-decoration: none
}

.Button-block-tCmrp {
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 13px 0
}

.Button-virtual-w2ewx,.Button-virtual-w2ewx[disabled] {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    background-color: transparent
}

.Button-light-copper-fw3zf {
    color: #ce994f;
    border: none;
    background: none;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Button-light-copper-fw3zf {
    font-weight: 500
}

html[data-android] .Button-light-copper-fw3zf {
    font-weight: 700
}

html[data-theme=dark] .Button-light-copper-fw3zf {
    color: #ce994f
}

.Button-linear-copper-5296r {
    color: #754e19;
    border: none;
    background-image: linear-gradient(90deg,#f8e2c4,#f3bb6c);
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Button-linear-copper-5296r {
    font-weight: 500
}

html[data-android] .Button-linear-copper-5296r {
    font-weight: 700
}

html[data-theme=dark] .Button-linear-copper-5296r {
    color: #754e19;
    background-image: linear-gradient(90deg,#f8e2c4,#f3bb6c)
}

.Button-light-gray-gTEy2 {
    color: #999;
    border: none;
    background: #ebebeb;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Button-light-gray-gTEy2 {
    font-weight: 500
}

html[data-android] .Button-light-gray-gTEy2 {
    font-weight: 700
}

html[data-theme=dark] .Button-light-gray-gTEy2 {
    color: #999;
    background: #2e2e2e
}

.AlertDialog-message-tsiw9 {
    font-size: 14px;
    margin-bottom: 18px;
    white-space: pre-wrap
}

.AlertDialog-message-tsiw9,html[data-theme=dark] .AlertDialog-message-tsiw9 {
    color: #999
}

.ConfirmDialog-defaultMessage-w8VJS {
    font-size: 14px;
    white-space: pre-wrap;
    color: #999
}

html[data-theme=dark] .ConfirmDialog-defaultMessage-w8VJS {
    color: #999
}

.ConfirmDialog-defaultButtonSet-cheAd {
    position: relative;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.08)
}

.ConfirmDialog-defaultButtonSet-cheAd button {
    font-size: 16px;
    width: 50%;
    height: 62px;
    border: 0;
    background: unset
}

.ConfirmDialog-buttonSeperator-na26m {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 28px;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,.08)
}

.ConfirmDialog-defaultCancelButton-7f9Kr {
    color: #999
}

.ConfirmDialog-defaultOkButton-tjReU {
    font-weight: 500
}

.ConfirmDialog-defaultOkButton-tjReU.ConfirmDialog-primary-r6wYz {
    color: #1185fe
}

.ConfirmDialog-defaultOkButton-tjReU.ConfirmDialog-danger-98XSA {
    color: #fe6270
}

.ConfirmDialog-circular-5GvFL {
    width: 70%;
    min-width: 280px;
    border-radius: 10px;
    background: #fff
}

.ConfirmDialog-circularContent-sXjbx {
    padding: 20px
}

.ConfirmDialog-circularTitle-nccjP {
    margin-bottom: 10px;
    font-size: 17px;
    color: #121212
}

.ConfirmDialog-circularMessage-6QWcG {
    font-size: 13px;
    color: #444;
    line-height: 18px
}

.ConfirmDialog-circularButtonSet-Rxn7q {
    box-shadow: none;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.ConfirmDialog-circularButtonSet-Rxn7q button {
    width: 112px;
    height: 40px;
    font-weight: 0;
    border-radius: 6px
}

.ConfirmDialog-circularCancelButton-c4Gzd {
    background: #eaeaea;
    color: #444
}

.ConfirmDialog-circularOkButton-mC2Ly {
    background: #06f;
    color: #fff
}

.GotoAppDialog-root-2DeLi {
    padding: 55px 56px 30px 60px;
    border-radius: 4px
}

.GotoAppDialog-close-8qhkC {
    right: -45px;
    color: #fff
}

.GotoAppDialog-subTitle-cJmsU,.GotoAppDialog-title-ka9Gn {
    text-align: center
}

.GotoAppDialog-title-ka9Gn {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #121212
}

.GotoAppDialog-wrapper-iASzv {
    display: flex;
    align-items: center
}

.GotoAppDialog-left-9XcZr {
    width: 224px
}

.GotoAppDialog-right-6JE7a {
    width: 300px;
    height: 374px;
    padding-left: 21px
}

.GotoAppDialog-triangle-gNmhi {
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 30px;
    transform: translateY(100%);
    border-top: calc(52.6px * .431) solid #fff;
    border-right: calc(75.5px * .431) solid transparent;
    border-bottom: 0 solid transparent;
    border-left: calc(23.5px * .431) solid transparent;
    filter: drop-shadow(2px 9px 5px rgba(0,0,0,.08));
    border-bottom-right-radius: 71px;
    border-bottom-left-radius: 57px
}

.GotoAppDialog-triangle_circle-hFW6W {
    position: absolute;
    bottom: 1px;
    left: -1.4px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%
}

.GotoAppDialog-qrcode-u9uCN {
    position: relative;
    display: flex;
    z-index: 1;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    width: 140px;
    height: 159px;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.08)
}

.GotoAppDialog-qrcode_img-eKinF {
    position: absolute;
    width: 105px;
    height: 105px
}

.GotoAppDialog-zhihu_logo-kJPEz {
    position: absolute;
    width: 64px;
    bottom: 0;
    right: -51px
}

.GotoAppDialog-line_first-fSXdC {
    margin-top: 32px;
    font-weight: 500;
    font-size: 24px;
    color: #000
}

.GotoAppDialog-line_second-2snpf {
    margin-top: 2px;
    font-size: 16px;
    line-height: 14px;
    color: #000
}

.GotoAppDialog-line_third-inQ6J {
    margin-top: 24px
}

.GotoAppDialog-line_last-cTH1D,.GotoAppDialog-line_third-inQ6J {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    background: #000;
    color: #fff
}

.GotoAppDialog-line_last-cTH1D {
    margin-top: 10px
}

.CornerButtonToTop-cornerButton-qrpjx {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 4px 30px 0 rgba(0,0,0,.08);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.CornerButtonToTop-cornerButton-qrpjx svg {
    fill: #81858f
}

.CornerButtonToTop-cornerButton-qrpjx:hover {
    background: #d3d3d3
}

.CornerButtonToTop-cornerButton-qrpjx:hover svg {
    fill: #76839b
}

.CornerButtonToTop-cornerButton-qrpjx {
    .CornerButtonToTop-tip-54owe {
        font-size: 12px;
        margin-top: 4px;
        color: #81858f
    }
}

.Image-imageWrapper-3UyhA {
    position: relative;
    flex-shrink: 0
}

.Image-refreshWrapper-2tSBi {
    display: flex;
    justify-content: center;
    align-items: center
}

.Image-refreshText-99dg8 {
    margin-top: -35px;
    margin-left: -60px;
    font-size: 12px
}

.Image-refresh-mztnq,.Image-refreshText-99dg8 {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 5px 6px
}

.Image-refresh-mztnq {
    display: inline-block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    border-radius: 50%;
    background: #fff
}

html[data-theme=dark] .Image-refresh-mztnq {
    background: #121212
}

.Image-image-bdKjJ {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-object-fit: cover;
    object-fit: cover
}

.Image-image-bdKjJ,.Image-sizeHolder-vf7Cf {
    border-radius: inherit
}

.Image-sizeHolder-vf7Cf {
    background-image: linear-gradient(180deg,#f4f4f4,#fdfdfd)
}

html[data-theme=dark] .Image-sizeHolder-vf7Cf {
    background-image: linear-gradient(180deg,#2e2e2e,#3b3b3b)
}

.Image-vipPlaceHolder-bLMgP {
    position: relative;
    border-radius: inherit;
    background-image: linear-gradient(180deg,#f4f4f4,#fdfdfd)
}

html[data-theme=dark] .Image-vipPlaceHolder-bLMgP {
    background-image: linear-gradient(180deg,#2e2e2e,#3b3b3b)
}

.Image-vipLogo-gzVPq {
    width: 29.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.Image-zhihuPlaceHolder-bkiMD {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
    border-radius: inherit
}

html[data-theme=dark] .Image-zhihuPlaceHolder-bkiMD {
    background-color: #1b1b1b
}

.Image-zhihuLogo-iUY85 {
    width: 40px;
    height: 40px;
    fill: #d3d3d3
}

html[data-theme=dark] .Image-zhihuLogo-iUY85 {
    fill: #1b1b1b
}

.Image-lowResImage-ja6uc {
    filter: blur(20px);
    opacity: .6
}

.Image-highResImage-fEZT6 {
    filter: blur(0);
    opacity: 1;
    transition: opacity .7s ease-in,blur .7s ease-in
}

.ProfileMenu-root-mkEES {
    position: absolute;
    top: 65px;
    right: 0;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    background-color: #fff;
    color: #444;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.08);
    z-index: 204
}

.ProfileMenu-item-iT1iQ {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 10px;
    width: 130px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer
}

.ProfileMenu-item-iT1iQ svg {
    margin-right: 20px
}

.ProfileMenu-item-iT1iQ:hover {
    background-color: #f6f6f6
}

.TopNavBar-root-oL4f5 {
    position: relative;
    top: 0;
    width: 100%;
    height: 52px;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(18,18,18,.10196)
}

.TopNavBar-fixed-8WkTH {
    position: fixed
}

.TopNavBar-root-oL4f5 .TopNavBar-content-w79MH {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0 auto;
    max-width: 1156px;
    min-width: 1000px;
    padding-left: 16px;
    padding-right: 55px
}

.TopNavBar-logo-vFCqg {
    display: inline-block;
    height: 33px
}

.TopNavBar-inner-eTRQC {
    margin-left: 25px;
    margin-right: 15px
}

.TopNavBar-inner-eTRQC .TopNavBar-tab-d8yaD:hover a {
    color: #191b1f
}

.TopNavBar-inner-eTRQC .TopNavBar-tab-d8yaD {
    float: left;
    height: 52px;
    text-align: center;
    padding: 0 15px
}

.TopNavBar-inner-eTRQC .TopNavBar-tab-d8yaD,.TopNavBar-inner-eTRQC .TopNavBar-tab-d8yaD a {
    display: flex;
    align-items: center
}

.TopNavBar-inner-eTRQC .TopNavBar-tab-d8yaD a {
    position: relative;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    color: #8491a5;
    text-decoration: none
}

.TopNavBar-inner-eTRQC .TopNavBar-tab-d8yaD a .TopNavBar-conner-wnVMV {
    padding: 2px 4px;
    top: -3px;
    right: -27px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 10px;
    position: absolute;
    border: 1px solid #fff;
    color: #fff;
    background: #5a4df8;
    transform: scale(.8)
}

.TopNavBar-inner-eTRQC .TopNavBar-activeTab-nN4v9 a {
    font-weight: 600;
    color: #191b1f
}

.TopNavBar-inner-eTRQC .TopNavBar-activeTab-nN4v9 a:after {
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    content: "";
    bottom: -12px;
    background-color: #1772f6
}

& .TopNavBar-searchBar-hDE1u {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    padding: 4px 0 4px 16px;
    border-radius: 999px;
    background-color: #f7f7f9;
    border: 1px solid #eaebeb
}

& .TopNavBar-searchBar-hDE1u .TopNavBar-input-sjsdr {
    width: 100%;
    height: 24px;
    line-height: 24px;
    outline: none;
    border: none;
    font-size: 14px;
    color: #191b1f;
    padding: 0;
    background: none
}

& .TopNavBar-searchBar-hDE1u .TopNavBar-input-sjsdr::-webkit-input-placeholder {
    color: #8590a6
}

& .TopNavBar-searchBar-hDE1u .TopNavBar-searchIcon-bwNDS {
    padding: 0 12px;
    margin-left: 12px;
    cursor: pointer;
    color: #8792a3
}

.TopNavBar-searchBtn-6tGNQ {
    margin-left: 12px;
    width: 70px;
    height: 34px;
    border-radius: 999px;
    background-color: #0062ff;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    cursor: pointer
}

.TopNavBar-userInfo-rSUG5 {
    margin-left: 30px;
    height: 52px
}

.TopNavBar-userInfo-rSUG5,.TopNavBar-userInfo-rSUG5 .TopNavBar-icon-x37no {
    display: flex;
    align-items: center
}

.TopNavBar-userInfo-rSUG5 .TopNavBar-icon-x37no {
    flex-direction: column;
    margin-right: 24px;
    font-size: 12px;
    line-height: 12px;
    color: #9facc7;
    cursor: pointer
}

.TopNavBar-userInfo-rSUG5 .TopNavBar-avatar-ihYhS {
    margin-top: 2px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer
}

.TopNavBar-vector-azC3E {
    opacity: .5;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    align-items: center;
    display: flex
}

.TopNavBar-vector-azC3E .TopNavBar-text-eDzR6 {
    margin-left: 7px;
    color: #444
}

.TopNavBar-loginBtn-kKS1f {
    border: 1px solid #0062ff!important;
    color: #0062ff!important;
    border: 1px solid #fff;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    width: 60px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    margin-left: 21px;
    cursor: pointer
}

@keyframes Spinner-fade-64KLU {
    0% {
        opacity: .85
    }

    50% {
        opacity: .25
    }

    to {
        opacity: .25
    }
}

.Spinner-root-oRy34 {
    display: flex;
    align-items: center;
    justify-content: center
}

.Spinner-spinner-sAVSJ {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px
}

.Spinner-blade-8smhU {
    position: absolute;
    top: 37%;
    left: 44.5%;
    width: 10%;
    height: 25%;
    animation: Spinner-fade-64KLU 1s linear infinite;
    border-radius: 50%/20%;
    background-color: #8c8c8c
}

.Spinner-blade-8smhU:first-child {
    transform: rotate(30deg) translateY(-150%);
    animation-delay: -1.66667s
}

.Spinner-blade-8smhU:nth-child(2) {
    transform: rotate(60deg) translateY(-150%);
    animation-delay: -1.58333s
}

.Spinner-blade-8smhU:nth-child(3) {
    transform: rotate(90deg) translateY(-150%);
    animation-delay: -1.5s
}

.Spinner-blade-8smhU:nth-child(4) {
    transform: rotate(120deg) translateY(-150%);
    animation-delay: -1.41667s
}

.Spinner-blade-8smhU:nth-child(5) {
    transform: rotate(150deg) translateY(-150%);
    animation-delay: -1.33333s
}

.Spinner-blade-8smhU:nth-child(6) {
    transform: rotate(180deg) translateY(-150%);
    animation-delay: -1.25s
}

.Spinner-blade-8smhU:nth-child(7) {
    transform: rotate(210deg) translateY(-150%);
    animation-delay: -1.16667s
}

.Spinner-blade-8smhU:nth-child(8) {
    transform: rotate(240deg) translateY(-150%);
    animation-delay: -1.08333s
}

.Spinner-blade-8smhU:nth-child(9) {
    transform: rotate(270deg) translateY(-150%);
    animation-delay: -1s
}

.Spinner-blade-8smhU:nth-child(10) {
    transform: rotate(300deg) translateY(-150%);
    animation-delay: -.91667s
}

.Spinner-blade-8smhU:nth-child(11) {
    transform: rotate(330deg) translateY(-150%);
    animation-delay: -.83333s
}

.Spinner-blade-8smhU:nth-child(12) {
    transform: rotate(1turn) translateY(-150%);
    animation-delay: -.75s
}

.Spinner-large-cw8Re {
    width: 35px;
    height: 35px
}

.Spinner-large-cw8Re .Spinner-blade-8smhU {
    width: 8.57143%;
    height: 25.71429%;
    border-radius: 50%/16.67%
}

.Spinner-white-46CwV .Spinner-blade-8smhU {
    background-color: #fff
}

.InfiniteLoader-loader-bXapg {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px
}

.Infinite-root-aXuT9 {
    position: relative;
    padding-bottom: 40px
}

.Infinite-noPadding-5rYAM {
    padding-bottom: 0
}

.CourseItem-relatedCourseItem-m29Ue {
    margin-top: 24px;
    height: 66px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1
}

.CourseItem-relatedCourseItem-m29Ue:first-of-type {
    margin-top: 0
}

.CourseItem-leftContent-hzQ36 {
    width: 100px;
    position: relative;
    margin-right: 12px;
    height: 67.5px;
    background: #f6f6f6;
    border-radius: 6px
}

.CourseItem-leftContent-hzQ36 .CourseItem-coverContainer-vm492 {
    height: 100%
}

.CourseItem-leftContent-hzQ36 img {
    border-radius: 6px;
    width: 100px;
    height: 100%
}

.CourseItem-leftContent-hzQ36 .CourseItem-courseCover-tuxzN {
    -o-object-fit: cover;
    object-fit: cover
}

.CourseItem-leftContent-hzQ36 .CourseItem-courseDuration-cWj9W {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .6125px;
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,.4);
    background: linear-gradient(180deg,rgba(0,0,0,.0001),rgba(0,0,0,.5));
    width: 100px;
    height: 24px;
    border-radius: 6px
}

.CourseItem-leftContent-hzQ36 .CourseItem-courseDuration-cWj9W .CourseItem-content-twX73 {
    position: absolute;
    right: 6px;
    bottom: 6.5px
}

html[data-theme=dark] .CourseItem-leftContent-hzQ36 .CourseItem-courseDuration-cWj9W {
    color: #fff
}

html[data-theme=dark] .CourseItem-leftContent-hzQ36 {
    background: #1b1b1b
}

.CourseItem-rightContent-pc-fTpTc {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-courseTitle-2hYnF {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: .7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #121212;
    word-break: break-all
}

html[data-theme=dark] .CourseItem-rightContent-pc-fTpTc .CourseItem-courseTitle-2hYnF {
    color: #fff
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-advancedTitle-m9dYV {
    -webkit-line-clamp: 1!important
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-subTitle-8JpEU {
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #444
}

html[data-theme=dark] .CourseItem-rightContent-pc-fTpTc .CourseItem-subTitle-8JpEU {
    color: #d3d3d3
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .6125px;
    margin-top: 4px;
    color: #999;
    width: 168px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS a {
    display: inline-block
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS .CourseItem-authorName-q3St9 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS .CourseItem-right-rLuDV {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS .CourseItem-arrow-3Ghtb,.CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS .CourseItem-right-rLuDV .CourseItem-dot-77rGX,html[data-theme=dark] .CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS,html[data-theme=dark] .CourseItem-rightContent-pc-fTpTc .CourseItem-bottom-safnS .CourseItem-arrow-3Ghtb {
    color: #999
}

.CourseItem-rightContent-pc-fTpTc .CourseItem-advanced-bottom-bPxk4 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.CourseItem-rightContent-mobile-wBgZB {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    width: calc(100% - 120px)
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-courseTitle-2hYnF {
    flex: 1;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: .7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #121212;
    word-break: break-all;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .CourseItem-rightContent-mobile-wBgZB .CourseItem-courseTitle-2hYnF {
    font-weight: 500
}

html[data-android] .CourseItem-rightContent-mobile-wBgZB .CourseItem-courseTitle-2hYnF {
    font-weight: 700
}

html[data-theme=dark] .CourseItem-rightContent-mobile-wBgZB .CourseItem-courseTitle-2hYnF {
    color: #fff
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-advancedTitle-m9dYV {
    -webkit-line-clamp: 1!important
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-subTitle-8JpEU {
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #444
}

html[data-theme=dark] .CourseItem-rightContent-mobile-wBgZB .CourseItem-subTitle-8JpEU {
    color: #d3d3d3
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS {
    font-size: 13px;
    line-height: 17px;
    letter-spacing: .6125px;
    margin-top: 4px;
    color: #999
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS a {
    display: inline-block
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS .CourseItem-authorName-q3St9 {
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #444
}

html[data-theme=dark] .CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS .CourseItem-authorName-q3St9 {
    color: #d3d3d3
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS .CourseItem-sectionCount-3qm7u {
    margin-top: 6px;
    line-height: 13px;
    color: #999
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS .CourseItem-arrow-3Ghtb,html[data-theme=dark] .CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS,html[data-theme=dark] .CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS .CourseItem-arrow-3Ghtb,html[data-theme=dark] .CourseItem-rightContent-mobile-wBgZB .CourseItem-bottom-safnS .CourseItem-sectionCount-3qm7u {
    color: #999
}

.CourseItem-rightContent-mobile-wBgZB .CourseItem-advanced-bottom-bPxk4 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.CourseItem-mobileItemWrapper-wbYKk {
    height: 80px;
    margin-top: 16px
}

.CourseItem-mobileItemWrapper-wbYKk .CourseItem-leftContent-hzQ36 {
    width: 120px;
    height: 80px;
    margin-right: 10px;
    flex-shrink: 0
}

.CourseItem-mobileItemWrapper-wbYKk .CourseItem-leftContent-hzQ36 img {
    width: 100%;
    height: 100%
}

.CourseItem-mobileItemWrapper-wbYKk .CourseItem-leftContent-hzQ36 .CourseItem-courseDuration-cWj9W {
    width: 100%
}

.CourseItem-mobileItemWrapper-wbYKk .CourseItem-leftContent-hzQ36 .CourseItem-tag-bGP2N {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 16px;
    color: #fff;
    font-size: 10px;
    background: #056de8;
    border-radius: 6px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

html[data-theme=dark] .CourseItem-mobileItemWrapper-wbYKk .CourseItem-leftContent-hzQ36 .CourseItem-tag-bGP2N {
    color: #fff;
    background: #558eff
}

.CourseItem-mobileItemWrapper-wbYKk .CourseItem-rightContent-4p3qc {
    flex: 1 1
}

.CourseItem-mobileItemWrapper-wbYKk .CourseItem-rightContent-4p3qc .CourseItem-advanced-bottom-bPxk4 {
    justify-content: flex-start
}

.CourseItem-promotionCard-vTuBP {
    margin-bottom: 24px
}

.Dialog-content-6rRVW,.Dialog-root-ppU22 {
    height: 216px
}

.Dialog-content-6rRVW {
    width: 400px;
    background: #fff;
    color: #121212
}

.Dialog-content-6rRVW .Dialog-title-8JNn8 {
    padding-top: 40px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Dialog-content-6rRVW .Dialog-title-8JNn8 {
    font-weight: 500
}

html[data-android] .Dialog-content-6rRVW .Dialog-title-8JNn8 {
    font-weight: 700
}

.Dialog-content-6rRVW .Dialog-subTitle-ckDk2 {
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx {
    margin-top: 33px;
    padding: 0 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9 {
    flex: 1
}

.Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9:first-child {
    margin-right: 18px
}

html[data-theme=dark] .Dialog-content-6rRVW {
    background: #121212;
    color: #fff
}

.Dialog-root-hybrid-gnfiX {
    min-width: 280px;
    width: 280px;
    height: auto;
    background: #fff;
    border-radius: 12px
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW {
    width: 100%;
    height: 100%;
    padding: 24px 20px 20px;
    box-sizing: border-box;
    color: #121212;
    background: transparent
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-title-8JNn8 {
    padding-top: 0;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-title-8JNn8 {
    font-weight: 500
}

html[data-android] .Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-title-8JNn8 {
    font-weight: 700
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-title-8JNn8 {
    -webkit-line-clamp: 2
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-subTitle-ckDk2,.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-title-8JNn8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-subTitle-ckDk2 {
    margin-top: 8px;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #444;
    -webkit-line-clamp: 3
}

html[data-theme=dark] .Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-subTitle-ckDk2 {
    color: #d3d3d3
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx {
    margin-top: 19.5px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9 {
    flex: 1;
    border-radius: 6px;
    font-size: 16px;
    height: 40px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9 {
    font-weight: 500
}

html[data-android] .Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9 {
    font-weight: 700
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9:first-child {
    margin-right: 16.5px;
    color: #444;
    background: #ebebeb;
    border: none
}

html[data-theme=dark] .Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW .Dialog-buttonContainer-rt5Vx .Dialog-button-88sR9:first-child {
    color: #d3d3d3;
    background: #1b1b1b
}

html[data-theme=dark] .Dialog-root-hybrid-gnfiX .Dialog-content-6rRVW {
    color: #fff
}

html[data-theme=dark] .Dialog-root-hybrid-gnfiX {
    background: #2e2e2e
}

.RecommendModule-moduleWrapper-2gVnZ {
    padding-top: 20px
}

.RecommendModule-moduleWrapper-2gVnZ .RecommendModule-title-hJpdb {
    font-weight: 600;
    font-size: 19px;
    color: #121212;
    line-height: 27px;
    margin-bottom: 20px
}

.RecommendModule-moduleWrapper-2gVnZ .RecommendModule-moduleTitle-ehV2F {
    font-weight: 600;
    font-size: 15px;
    color: #121212;
    line-height: 21px;
    margin-bottom: 16px
}

html[data-theme=dark] .RecommendModule-moduleWrapper-2gVnZ .RecommendModule-moduleTitle-ehV2F {
    color: #fff
}

.RecommendModule-mobileModuleWrapper-6dVFm {
    padding-top: 0
}

.RecommendModule-mobileModuleWrapper-6dVFm .RecommendModule-moduleTitle-ehV2F {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.RecommendModule-mobileModuleWrapper-6dVFm .RecommendModule-list-mpYS4>div:first-child {
    margin-top: 0
}

.MoreCourse-MoreCourse-e5mU7 {
    margin: 49px 0 20px 20px;
    width: 280px
}

.MoreCourse-MoreCourse-e5mU7 .MoreCourse-title-gePfW {
    font-weight: 600;
    font-size: 19px;
    color: #121212;
    line-height: 27px
}

.Header-pc-tuEpA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.Header-pc-tuEpA .Header-chapterButton-nBx53 {
    float: left;
    display: flex;
    color: #121212;
    font-weight: 600;
    font-size: 19px
}

.Header-pc-tuEpA .Header-chapterButton-nBx53 .Header-count-rLhFz {
    margin-left: 10px;
    font-weight: 500;
    font-size: 15px;
    color: grey;
    line-height: 30px
}

.Header-mobile-s9js2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.Header-mobile-s9js2 .Header-headerLeft-73VFH {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #121212
}

html[data-theme=dark] .Header-mobile-s9js2 .Header-headerLeft-73VFH {
    color: #fff
}

.Header-mobile-s9js2 .Header-headerRight-oceNY {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    display: flex;
    align-items: center
}

html[data-theme=dark] .Header-mobile-s9js2 .Header-headerRight-oceNY {
    color: #999
}

.RespondentEvaluation-cell-vxz5A {
    display: flex
}

.RespondentEvaluation-cell-vxz5A .RespondentEvaluation-cellRight-pscTE {
    margin-left: 10px
}

.RespondentEvaluation-pc-toCSg {
    margin-top: 50px
}

.RespondentEvaluation-pc-toCSg .RespondentEvaluation-authorName-5QCmR {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #333
}

.RespondentEvaluation-pc-toCSg .RespondentEvaluation-headline-hMMHr {
    font-weight: 400;
    font-size: 12px;
    color: #666;
    margin-top: 6px
}

.RespondentEvaluation-pc-toCSg .RespondentEvaluation-cell-vxz5A {
    margin-top: 22px
}

.RespondentEvaluation-pc-toCSg .RespondentEvaluation-contentText-8nsEE {
    margin-top: 8px
}

.RespondentEvaluation-pc-toCSg .RespondentEvaluation-interactionWrapper-3Rawa {
    margin-top: 11px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.RespondentEvaluation-pc-toCSg .RespondentEvaluation-interactionWrapper-3Rawa .RespondentEvaluation-linkText-hkzaW {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #06f;
    cursor: pointer;
    text-decoration: none
}

.RespondentEvaluation-pc-toCSg .RespondentEvaluation-interactionWrapper-3Rawa .RespondentEvaluation-linkText-hkzaW svg {
    margin-left: 7px
}

.RespondentEvaluation-mobile-cGk97 {
    margin: 20px 16px
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-authorName-5QCmR {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #444
}

html[data-theme=dark] .RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-authorName-5QCmR {
    color: #d3d3d3
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-headline-hMMHr {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #999;
    margin-top: 2px
}

html[data-theme=dark] .RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-headline-hMMHr {
    color: #999
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-cell-vxz5A {
    margin-top: 7px
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-cellRight-pscTE .RespondentEvaluation-contentText-8nsEE {
    margin-top: 2px
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-cellRight-pscTE .RespondentEvaluation-expandText-nsaSr {
    display: inline-block;
    width: 50px
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-cellRight-pscTE .RespondentEvaluation-interactionWrapper-3Rawa {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-cellRight-pscTE .RespondentEvaluation-interactionWrapper-3Rawa .RespondentEvaluation-linkText-hkzaW {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #06f;
    cursor: pointer;
    text-decoration: none
}

.RespondentEvaluation-mobile-cGk97 .RespondentEvaluation-cellRight-pscTE .RespondentEvaluation-interactionWrapper-3Rawa .RespondentEvaluation-linkText-hkzaW svg {
    margin-left: 7px
}

.index-expandBottom-uij8G {
    background: #f6f6f6;
    border-radius: 6px;
    width: 202px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #121212;
    cursor: pointer
}

html[data-theme=dark] .index-expandBottom-uij8G {
    background: #1b1b1b
}

.index-expandBottomWrapper-9crTE {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.ReferenceList-root-9jbsE {
    margin-top: 2.13rem;
    padding-bottom: 20px
}

.ReferenceList-root-9jbsE .ReferenceList-title-mfp9A {
    margin-top: 0
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv {
    clear: both;
    padding-left: .1em;
    color: #646464;
    counter-reset: ol
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 {
    margin-left: -3px;
    margin-bottom: 0;
    padding-left: 1.3em;
    list-style: none;
    letter-spacing: .02;
    font-size: 12px
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 a {
    color: #175199;
    word-break: break-all
}

html[data-theme=dark] .ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 a {
    color: #6385a6
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a {
    color: #646464
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a:visited,html[data-theme=dark] .ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a:visited {
    color: #999
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a:hover {
    color: #175199;
    background: #ebebeb
}

html[data-theme=dark] .ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a:hover {
    color: #6385a6;
    background: #000
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a:active {
    color: #175199;
    background: transparent
}

html[data-theme=dark] .ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a:active {
    color: #6385a6
}

html[data-theme=dark] .ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9 .ReferenceList-content-615RW>a {
    color: #d3d3d3
}

.ReferenceList-root-9jbsE .ReferenceList-list-pUShv>li.ReferenceList-item-3Nmu9:before {
    left: 2px;
    text-align: right;
    counter-increment: ol;
    content: counter(ol) ". ";
    white-space: pre
}

html[data-theme=dark] .ReferenceList-root-9jbsE .ReferenceList-list-pUShv {
    color: #d3d3d3
}

li.ReferenceList-item-3Nmu9:focus {
    outline: none;
    transition: background .3s
}

li.ReferenceList-item-3Nmu9[data-focus-visible]:focus {
    background: rgba(0,132,255,.08)
}

html[data-theme=dark] li.ReferenceList-item-3Nmu9[data-focus-visible]:focus {
    background: rgba(18,18,18,.3)
}

html[data-theme=dark] html[data-theme=dark] li.ReferenceList-item-3Nmu9[data-focus-visible]:focus {
    background: hsla(0,0%,100%,.3)
}

.ReferenceList-backHint-eDrDZ,.ReferenceList-backLink-ix7Xp {
    padding-right: .15em
}

.ReferenceList-backLink-ix7Xp {
    color: #175199;
    text-decoration: none;
    vertical-align: top;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .ReferenceList-backLink-ix7Xp {
    font-weight: 500
}

html[data-android] .ReferenceList-backLink-ix7Xp {
    font-weight: 700
}

@media (hover: hover) {
    .ReferenceList-backLink-ix7Xp:hover {
        text-decoration:underline
    }
}

html[data-theme=dark] .ReferenceList-backLink-ix7Xp {
    color: #6385a6
}

.processImgLazyload-placeholder-e5egJ {
    display: block;
    width: 100%;
    font-size: 15px;
    border-radius: 10px;
    text-align: center
}

html[data-theme=light] .processImgLazyload-placeholder-e5egJ {
    color: #bfbfbf;
    background-color: #f4f4f4
}

html[data-theme=dark] .processImgLazyload-placeholder-e5egJ {
    color: grey;
    background-color: #1a1a1a
}

.RichText-richText-gzpBv {
    text-align: justify;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.RichText-richText-gzpBv h1,.RichText-richText-gzpBv h2,.RichText-richText-gzpBv h3,.RichText-richText-gzpBv h4,.RichText-richText-gzpBv h5,.RichText-richText-gzpBv h6 {
    font-size: 1em;
    font-weight: 500;
    margin: 1.1875em 0
}

.RichText-richText-gzpBv img {
    display: block;
    max-width: 100%;
    margin: auto
}

.RichText-richText-gzpBv img.formula {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.RichText-richText-gzpBv ul {
    margin: 1.1875em 0;
    padding: 0;
    list-style-position: inside
}

.RichText-richText-gzpBv ol {
    margin: 1.1875em 0;
    padding-left: 1.4em;
    list-style-position: outside
}

.RichText-richText-gzpBv ol ol,.RichText-richText-gzpBv ol ul,.RichText-richText-gzpBv ul ol,.RichText-richText-gzpBv ul ul {
    padding-left: 1em
}

.RichText-richText-gzpBv ul>li {
    margin-left: 1.3em;
    list-style: none
}

.RichText-richText-gzpBv ul>li:before {
    font-family: PingFang SC,serif;
    display: inline-block;
    width: 1.3em;
    margin-left: -1.3em;
    content: "＊"
}

.RichText-richText-gzpBv p {
    margin: 1.1875em 0;
    word-break: break-word
}

.RichText-richText-gzpBv>:first-child {
    margin-top: 0
}

.RichText-richText-gzpBv>:last-child {
    margin-bottom: 0
}

.RichText-richText-gzpBv figure {
    margin: 0;
    text-align: center
}

.RichText-richText-gzpBv .full-width img {
    width: 100%
}

.RichText-richText-gzpBv figcaption {
    margin: 10px 0 25px;
    font-size: 15px;
    color: #999
}

html[data-theme=dark] .RichText-richText-gzpBv figcaption {
    color: #999
}

.RichText-richText-gzpBv sup {
    color: #175199;
    cursor: pointer;
    font-size: 12px
}

.RichText-richText-gzpBv sup a {
    text-decoration: none;
    color: #175199
}

.RichText-richText-gzpBv sup a:visited {
    color: #175199
}

html[data-theme=dark] .RichText-richText-gzpBv sup a,html[data-theme=dark] .RichText-richText-gzpBv sup a:visited {
    color: #6385a6
}

.RichText-richText-gzpBv sup a[data-focus-visible]:focus {
    outline: none;
    animation: RichText-focus-h3eMY 1s
}

html[data-theme=dark] .RichText-richText-gzpBv sup {
    color: #6385a6
}

@keyframes RichText-focus-h3eMY {
    0% {
        background: rgba(0,132,255,.08)
    }

    99% {
        background: rgba(0,132,255,.08)
    }

    to {
        background: transparent
    }
}

pre[class*=language-] {
    overflow: auto;
    margin: 1.4em 0;
    padding: .88889em;
    border: none;
    border-radius: 4px;
    font-size: .9em;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    background: #f6f6f6;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

pre[class*=language-]>code {
    overflow: visible;
    overflow: initial;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0
}

pre[class*=language-] span[class*=keyword] {
    color: #0084ff
}

pre[class*=language-] span[class*=cdata],pre[class*=language-] span[class*=doctype],pre[class*=language-] span[class*=keyword],pre[class*=language-] span[class*=prolog] {
    color: #708090
}

html[data-theme=dark] pre[class*=language-] span[class*=punctuation],pre[class*=language-] span[class*=punctuation] {
    color: #999
}

pre[class*=language-] span[class*=namespace] {
    opacity: .7
}

pre[class*=language-] span[class*=boolean],pre[class*=language-] span[class*=constant],pre[class*=language-] span[class*=deleted],pre[class*=language-] span[class*=number],pre[class*=language-] span[class*=property],pre[class*=language-] span[class*=symbol],pre[class*=language-] span[class*=tag] {
    color: #f36
}

html[data-theme=dark] pre[class*=language-] span[class*=boolean],html[data-theme=dark] pre[class*=language-] span[class*=constant],html[data-theme=dark] pre[class*=language-] span[class*=deleted],html[data-theme=dark] pre[class*=language-] span[class*=number],html[data-theme=dark] pre[class*=language-] span[class*=property],html[data-theme=dark] pre[class*=language-] span[class*=symbol],html[data-theme=dark] pre[class*=language-] span[class*=tag] {
    color: #ff5066
}

pre[class*=language-] span[class*=attr-name],pre[class*=language-] span[class*=builtin],pre[class*=language-] span[class*=char],pre[class*=language-] span[class*=inserted],pre[class*=language-] span[class*=selector],pre[class*=language-] span[class*=string] {
    color: grey
}

html[data-theme=dark] pre[class*=language-] span[class*=attr-name],html[data-theme=dark] pre[class*=language-] span[class*=builtin],html[data-theme=dark] pre[class*=language-] span[class*=char],html[data-theme=dark] pre[class*=language-] span[class*=inserted],html[data-theme=dark] pre[class*=language-] span[class*=selector],html[data-theme=dark] pre[class*=language-] span[class*=string] {
    color: #999
}

pre[class*=language-] span[class*="language-css string"],pre[class*=language-] span[class*="style string"],pre[class*=language-] span[class*=entity],pre[class*=language-] span[class*=operator],pre[class*=language-] span[class*=url] {
    color: #a5542f
}

html[data-theme=dark] pre[class*=language-] span[class*="language-css string"],html[data-theme=dark] pre[class*=language-] span[class*="style string"],html[data-theme=dark] pre[class*=language-] span[class*=entity],html[data-theme=dark] pre[class*=language-] span[class*=operator],html[data-theme=dark] pre[class*=language-] span[class*=url] {
    color: #d28262
}

pre[class*=language-] span[class*=atrule],pre[class*=language-] span[class*=attr-value],pre[class*=language-] span[class*=keyword] {
    color: #056de8
}

html[data-theme=dark] pre[class*=language-] span[class*=atrule],html[data-theme=dark] pre[class*=language-] span[class*=attr-value],html[data-theme=dark] pre[class*=language-] span[class*=keyword] {
    color: #558eff
}

pre[class*=language-] span[class*=function] {
    color: #f36
}

html[data-theme=dark] pre[class*=language-] span[class*=function] {
    color: #ff5066
}

pre[class*=language-] span[class*=important],pre[class*=language-] span[class*=regex],pre[class*=language-] span[class*=variable] {
    color: #ff9607
}

html[data-theme=dark] pre[class*=language-] span[class*=important],html[data-theme=dark] pre[class*=language-] span[class*=regex],html[data-theme=dark] pre[class*=language-] span[class*=variable] {
    color: #ffae4e
}

pre[class*=language-] span[class*=bold],pre[class*=language-] span[class*=important] {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] pre[class*=language-] span[class*=bold],html[data-ios] pre[class*=language-] span[class*=important] {
    font-weight: 500
}

html[data-android] pre[class*=language-] span[class*=bold],html[data-android] pre[class*=language-] span[class*=important] {
    font-weight: 700
}

pre[class*=language-] span[class*=italic] {
    font-style: italic
}

pre[class*=language-] span[class*=entity] {
    cursor: help
}

html[data-theme=dark] pre[class*=language-] {
    background: #1b1b1b
}

.Avatar-wrapper-hAzRi {
    position: relative;
    display: inline-block;
    background-color: #f6f6f6
}

.Avatar-wrapper-hAzRi.Avatar-circle-8SihQ {
    border-radius: 50%
}

html[data-theme=dark] .Avatar-wrapper-hAzRi {
    background-color: #1b1b1b
}

html[data-theme=dark] .Avatar-supportDark-iKtLB {
    position: relative
}

html[data-theme=dark] .Avatar-supportDark-iKtLB:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none;
    border-radius: inherit;
    background-color: rgba(0,0,0,.3)
}

.Avatar-image-gfh4X {
    display: block;
    max-width: none;
    border-radius: inherit
}

.UserAvatar-root-4Rtyd {
    display: inline-block;
    position: relative;
    line-height: 1;
    cursor: pointer
}

.UserAvatar-root-4Rtyd .UserAvatar-square-dCHBK img {
    border-radius: 2px
}

.UserAvatar-root-4Rtyd .UserAvatar-badge-tw9Aq {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 2px
}

.UserAvatar-root-4Rtyd .UserAvatar-squareBadge-gP73s {
    right: -2px!important;
    bottom: 0!important
}

.SummaryText-root-eoBKw {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5
}

.SummaryText-lineClamp1-wQVuQ {
    -webkit-line-clamp: 1
}

.SummaryText-lineClamp2-qT4Rg {
    -webkit-line-clamp: 2
}

.SummaryText-lineClamp3-5yyoJ {
    -webkit-line-clamp: 3
}

.SummaryText-more-3gmuz {
    position: absolute;
    right: 0;
    bottom: -1.5px;
    font-size: 15px;
    background: #fff;
    cursor: pointer
}

html[data-theme=dark] .SummaryText-more-3gmuz {
    background: #121212
}

.SummaryText-more-3gmuz>span:first-child {
    box-shadow: -4px 0 6px 4px #fff
}

html[data-theme=dark] .SummaryText-more-3gmuz>span:first-child {
    box-shadow: -4px 0 6px 4px #121212
}

.SummaryText-more-3gmuz span:nth-child(2) {
    color: #056de8;
    margin-left: 5px
}

html[data-theme=dark] .SummaryText-more-3gmuz span:nth-child(2) {
    color: #558eff
}

.InteractionInfo-interactionInfo-v2QQP {
    font-weight: 400;
    font-size: 12px;
    color: #999
}

html[data-theme=dark] .InteractionInfo-interactionInfo-v2QQP {
    color: #999
}

.ReviewCell-cell-c81P8 .ReviewCell-cellRight-hQ1wJ {
    margin-left: 10px;
    width: 100%
}

.ReviewCell-pc-xqgr3:first-child {
    margin-top: 20px!important
}

.ReviewCell-pc-xqgr3:last-child .ReviewCell-content-77C2x {
    border-bottom: 0!important
}

.ReviewCell-pc-xqgr3 {
    margin-top: 20px;
    padding: 0 20px
}

.ReviewCell-pc-xqgr3 .ReviewCell-content-77C2x {
    border-bottom: .5px solid rgba(51,51,51,.1);
    display: flex;
    padding-bottom: 20px;
    width: 100%
}

.ReviewCell-pc-xqgr3 .ReviewCell-avatarImage-eM7tj img {
    border-radius: 4px!important
}

.ReviewCell-pc-xqgr3 .ReviewCell-authorName-rntXj {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.ReviewCell-pc-xqgr3 .ReviewCell-authorName-rntXj .ReviewCell-icon-axDaE {
    margin-left: 4px;
    vertical-align: middle
}

.ReviewCell-pc-xqgr3 .ReviewCell-authorName-rntXj .ReviewCell-icon-axDaE img {
    width: 15px;
    height: 15px
}

.ReviewCell-pc-xqgr3 .ReviewCell-headline-fTt5d {
    font-weight: 400;
    font-size: 12px;
    color: #666;
    margin-top: 6px
}

.ReviewCell-pc-xqgr3 .ReviewCell-contentText-g9m8w {
    margin-top: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.ReviewCell-pc-xqgr3 .ReviewCell-interactionWrapper-7tG8U {
    margin-top: 9px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.ReviewCell-pc-xqgr3 .ReviewCell-interactionWrapper-7tG8U .ReviewCell-linkText-voz9s {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #06f;
    cursor: pointer;
    text-decoration: none
}

.ReviewCell-pc-xqgr3 .ReviewCell-interactionWrapper-7tG8U .ReviewCell-linkText-voz9s svg {
    margin-left: 7px
}

.ReviewCell-mobile-pgTup:first-child {
    margin-top: 10px!important
}

.ReviewCell-mobile-pgTup {
    margin: 25px 0
}

.ReviewCell-mobile-pgTup,.ReviewCell-mobile-pgTup .ReviewCell-content-77C2x {
    display: flex
}

.ReviewCell-mobile-pgTup .ReviewCell-authorName-rntXj {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #444
}

.ReviewCell-mobile-pgTup .ReviewCell-authorName-rntXj .ReviewCell-icon-axDaE {
    margin-left: 4px
}

.ReviewCell-mobile-pgTup .ReviewCell-authorName-rntXj .ReviewCell-icon-axDaE img {
    width: 12px;
    height: 12px
}

html[data-theme=dark] .ReviewCell-mobile-pgTup .ReviewCell-authorName-rntXj {
    color: #d3d3d3
}

.ReviewCell-mobile-pgTup .ReviewCell-headline-fTt5d {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #999;
    margin-top: 2px
}

html[data-theme=dark] .ReviewCell-mobile-pgTup .ReviewCell-headline-fTt5d {
    color: #999
}

.ReviewCell-mobile-pgTup .ReviewCell-cell-c81P8 {
    margin-top: 7px
}

.ReviewCell-mobile-pgTup .ReviewCell-cellRight-hQ1wJ .ReviewCell-contentText-g9m8w {
    margin-top: 2px
}

.ReviewCell-mobile-pgTup .ReviewCell-cellRight-hQ1wJ .ReviewCell-notExpand-cwUPx {
    margin: 10px 12px
}

.ReviewCell-mobile-pgTup .ReviewCell-cellRight-hQ1wJ .ReviewCell-expandText-pVpwp {
    display: inline-block;
    width: 50px
}

.ReviewCell-mobile-pgTup .ReviewCell-cellRight-hQ1wJ .ReviewCell-interactionWrapper-7tG8U {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.ReviewCell-mobile-pgTup .ReviewCell-cellRight-hQ1wJ .ReviewCell-interactionWrapper-7tG8U .ReviewCell-linkText-voz9s {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #06f;
    cursor: pointer;
    text-decoration: none
}

.ReviewCell-mobile-pgTup .ReviewCell-cellRight-hQ1wJ .ReviewCell-interactionWrapper-7tG8U .ReviewCell-linkText-voz9s svg {
    margin-left: 7px
}

.index-header-bcdxP {
    color: #000;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 27px
}

.index-correlated-vqr4e {
    margin: 50px 0 50px 20px
}

.index-correlated-vqr4e .index-correlatedList-pxzXX .index-item-MmKjS {
    margin-top: 20px
}

.index-correlatedCard-t2rcA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.index-correlatedCard-t2rcA .index-content-b6Eij .index-title-b6Vb3 {
    font-weight: 400;
    font-size: 15px;
    color: #121212;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word
}

html[data-theme=dark] .index-correlatedCard-t2rcA .index-content-b6Eij .index-title-b6Vb3 {
    color: #fff
}

.index-correlatedCard-t2rcA .index-content-b6Eij .index-desc-iiUAU {
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin-top: 8px
}

.index-correlatedCard-t2rcA .index-arrow-4hk1F,html[data-theme=dark] .index-correlatedCard-t2rcA .index-arrow-4hk1F,html[data-theme=dark] .index-correlatedCard-t2rcA .index-content-b6Eij .index-desc-iiUAU {
    color: #999
}

.index-examPracticeCard-ofc3K {
    background-color: rgba(0,102,255,.06);
    border-radius: 6px;
    width: 412px;
    height: 80px;
    justify-content: space-between;
    padding: 12px;
    box-sizing: border-box;
    cursor: pointer
}

.index-content-wsNdS,.index-examPracticeCard-ofc3K {
    display: flex;
    flex-direction: row;
    align-items: center
}

.index-content-wsNdS {
    justify-content: flex-start
}

.index-content-wsNdS .index-info-mZuBF {
    margin-left: 12px
}

.index-content-wsNdS .index-info-mZuBF .index-title-c9LmS {
    font-weight: 500;
    font-size: 15px;
    color: #262626;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word
}

.index-content-wsNdS .index-info-mZuBF .index-desc-9mUSj {
    font-weight: 400;
    font-size: 12px;
    color: #999
}

.index-content-wsNdS .index-icon-6gdwz {
    width: 69px;
    height: 76px;
    flex-shrink: 0
}

.index-content-wsNdS .index-icon-6gdwz img {
    width: 100%;
    height: 100%
}

.index-operation-4s3rZ {
    font-weight: 500;
    font-size: 15px;
    color: #0062ff;
    width: 85px;
    flex-shrink: 0;
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.index-operation-4s3rZ svg {
    margin-left: 4px
}

.index-commonButton-hPw6u {
    border-radius: 22px;
    min-width: 72px;
    background: rgba(0,98,255,.08);
    text-align: center;
    box-sizing: border-box;
    color: #0062ff;
    line-height: 36px;
    font-size: 14px;
    width: 100px;
    height: 36px;
    font-weight: 500;
    cursor: pointer
}

.index-unActiveButton-cn6Uk {
    background: #fff;
    border: .5px solid #d3d3d3;
    color: grey;
    font-weight: 400!important
}

.index-doneButton-5oqMW {
    background: hsla(0,0%,60%,.12);
    color: #999
}

.index-matchedList-8ffdA {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.index-matchedList-8ffdA .index-item-hRcU4 {
    margin-top: 20px
}

.index-matchedList-8ffdA .index-item-hRcU4:nth-of-type(2n) {
    margin-left: 20px
}

.index-matchedList-8ffdA .index-specialItem-miyoZ,.index-specialItem-miyoZ {
    width: 500px
}

.index-bottom-4gF4G {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

.index-courseCard-8ZqRM {
    width: 405px
}

.index-matchedPractice-pgzfb {
    margin-top: 50px;
    width: 830px
}

.index-matchedList-sffgs {
    display: flex;
    flex-wrap: wrap
}

.index-matchedList-sffgs .index-item-eZ7ha {
    margin-top: 20px
}

.index-matchedList-sffgs .index-item-eZ7ha:nth-of-type(2n) {
    margin-left: 20px
}

.index-bottom-sE1dv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

.NoteMark-root-fkxFX {
    position: absolute;
    top: 132px;
    right: 20px
}

.NoteMark-icon-mP7HQ {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.NoteMark-popover-pRpSa {
    width: 98px;
    height: 94px;
    position: absolute;
    top: -8px;
    right: 24px;
    display: flex;
    flex-direction: column;
    background-image: url("https://pica.zhimg.com/v2-f11f42dad4d945a5e7a0fea5a0abf1f2.png");
    background-size: 100% 100%
}

.NoteMark-line-41oE9 {
    width: 89px;
    height: 1px;
    background: #4f4f4f
}

.NoteMark-help-uUi59 {
    width: 142px;
    height: 36px;
    position: absolute;
    top: -4px;
    right: 24px;
    background-image: url("https://picx.zhimg.com/v2-dad4fe33abe93ecaa5437bd3e41b16a8.png");
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.NoteMark-help-text-824iB {
    font-size: 12px;
    color: #fff
}

.NoteMark-item-8RA3s {
    width: calc(100% - 9px);
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.NoteMark-note-type-iaxDt {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.NoteMark-note-icon-g9xUR {
    margin-right: 6px
}

.VideoPlayer-videoPlayerContainer-fytPL {
    width: 828px;
    height: 466px;
    position: relative;
    cursor: pointer
}

.VideoPlayer-videoWrapper-u9fQi {
    height: 100%
}

.VideoPlayer-title-7ofBd {
    background: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.0001) 97.43%);
    position: absolute;
    width: 100%;
    display: block;
    height: 57px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 57px;
    color: #fff;
    box-sizing: border-box;
    padding-left: 16px;
    top: 0;
    pointer-events: none
}

.VideoPlayer-fullScreen-fFw6p {
    font-size: 20px!important
}

.VideoPlayer-tip-juJFT {
    background: #0084ff;
    border-radius: 12px;
    width: 159px;
    height: 42px;
    bottom: -60px;
    right: -12px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    line-height: 42px
}

.VideoPlayer-tip-juJFT,.VideoPlayer-tip-juJFT:after {
    position: absolute
}

.VideoPlayer-tip-juJFT:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #0084ff;
    top: -20px;
    right: 30px
}

.LoginActions-root-2DsLN {
    width: 100%;
    text-align: center
}

.LoginActions-title-nu8Hd {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 32px
}

.LoginActions-actions-eFEJr {
    margin: 0 14px
}

.LoginActions-button-dAyc8 {
    max-width: 320px;
    margin: 20px auto 0
}

.LoginActions-zhiyinguButton-jLFC3 {
    background-color: #ff2441;
    border: 1px solid #ff2441
}

.LoginActions-zhiyinguButton-jLFC3:active {
    background-color: #ff2441!important
}

.LoginActions-loginButton-fGbMF {
    color: #9197a3;
    border-color: #9197a3
}

.LoginActions-weiboButton-2oXPT {
    border-color: #fe6270;
    background-color: #fe6270
}

.LoginActions-weiboButton-2oXPT:active {
    background-color: #fe2f40!important
}

.LoginActions-qqButton-fNZJw {
    border-color: #12b7f5;
    background-color: #12b7f5
}

.LoginActions-qqButton-fNZJw:active {
    background-color: #0999ce!important
}

.LoginModal-dialog-37fZ5 {
    width: 92%;
    max-width: 400px;
    margin: auto;
    padding: 30px 32px;
    text-align: center;
    border-radius: 8px
}

.Like-likeWrapper-ejWmr {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.Like-likeWrapper-ejWmr svg {
    cursor: pointer
}

.Like-likeWrapper-ejWmr span {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #8590a6
}

.Vote-voteBtnRoot-rsvA5 {
    margin-right: 16px;
    height: 34px
}

.Vote-voteUpActive-7bbXq,.Vote-voteUpBtn-9a8tV {
    float: left;
    margin-right: 4px;
    height: 34px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #e9effe;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    color: #1d6af6;
    cursor: pointer
}

.Vote-voteUpActive-7bbXq:hover,.Vote-voteUpBtn-9a8tV:hover {
    background-color: #dfe8fe
}

.Vote-voteUpActive-7bbXq .Vote-arrow-hF1PH,.Vote-voteUpBtn-9a8tV .Vote-arrow-hF1PH {
    margin-right: 3px;
    transform: translateY(3px)
}

.Vote-voteUpActive-7bbXq {
    color: #fff
}

.Vote-voteUpActive-7bbXq,.Vote-voteUpActive-7bbXq:hover {
    background-color: #1d6af6
}

.Vote-voteDownActive-2BKyb,.Vote-voteDownBtn-sK2an {
    float: right;
    width: 9px;
    height: 34px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #e9effe;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    color: #1d6af6;
    cursor: pointer
}

.Vote-voteDownActive-2BKyb:hover,.Vote-voteDownBtn-sK2an:hover {
    background-color: #dfe8fe
}

.Vote-voteDownActive-2BKyb .Vote-arrow-hF1PH,.Vote-voteDownBtn-sK2an .Vote-arrow-hF1PH {
    transform: translate(-2px,2px) rotate(180deg)
}

.Vote-voteDownActive-2BKyb {
    color: #fff
}

.Vote-voteDownActive-2BKyb,.Vote-voteDownActive-2BKyb:hover {
    background-color: #1d6af6
}

.Interaction-root-esGak {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f6f6f6;
    height: 53px
}

.Interaction-voteBtnRoot-u5vsd {
    margin-right: 16px;
    height: 34px
}

.Interaction-item-kjU1V {
    display: flex;
    font-size: 14px;
    line-height: 14px;
    color: #8590a6;
    cursor: pointer;
    margin-left: 17px
}

.Interaction-item-kjU1V svg {
    margin-right: 4px
}

.Interaction-favorites-7qKEU {
    font-size: 14px;
    line-height: 14px;
    color: #8590a6
}

.ByteSummary-root-bMQ6N {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5
}

.ByteSummary-lineClamp1-mLnz8 {
    -webkit-line-clamp: 1
}

.ByteSummary-lineClamp2-hV7ET {
    -webkit-line-clamp: 2
}

.ByteSummary-lineClamp3-cmzQU {
    -webkit-line-clamp: 3
}

.ByteSummary-more-fxxiJ {
    position: absolute;
    right: 0;
    bottom: -1.5px;
    font-size: 15px;
    background: #fff;
    cursor: pointer
}

html[data-theme=dark] .ByteSummary-more-fxxiJ {
    background: #121212
}

.ByteSummary-more-fxxiJ>span:first-child {
    box-shadow: -4px 0 6px 4px #fff
}

html[data-theme=dark] .ByteSummary-more-fxxiJ>span:first-child {
    box-shadow: -4px 0 6px 4px #121212
}

.ByteSummary-more-fxxiJ span:nth-child(2) {
    color: #056de8;
    margin-left: 5px
}

html[data-theme=dark] .ByteSummary-more-fxxiJ span:nth-child(2) {
    color: #558eff
}

.LearningRouteLabel-learningPath-SMtqD {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px 5px 8px;
    background: rgba(23,81,153,.06);
    border-radius: 16px;
    color: #175199;
    font-size: 13px;
    line-height: 16px
}

html[data-theme=dark] .LearningRouteLabel-learningPath-SMtqD {
    background: rgba(99,133,166,.06);
    color: #6385a6
}

.LearningRouteLabel-pcLearningLabel-sDZZp {
    cursor: pointer;
    line-height: unset
}

.LearningRouteLabel-learningIcon-9tR9m {
    margin-right: 5px;
    color: #175199
}

html[data-theme=dark] .LearningRouteLabel-learningIcon-9tR9m {
    color: #6385a6
}

.LearningRouteLabel-arrowRight-njucD {
    color: #175199
}

html[data-theme=dark] .LearningRouteLabel-arrowRight-njucD {
    color: #6385a6
}

.LearningRouteLabel-learningTitle-kxxtC {
    font-weight: 500;
    margin-right: 4px
}

.LearningRouteLabel-learningName-87M2H {
    font-weight: 400;
    margin-right: 5px
}

.CourseDescription-courseDescription-s3DUL {
    margin-top: 28px
}

.CourseDescription-courseTitle-kgyCH {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    position: relative
}

.CourseDescription-courseLabel-qPDMp {
    background: #0062ff;
    border-radius: 2px;
    width: 90px;
    height: 23px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    line-height: 23px;
    position: absolute;
    top: 3px
}

.CourseDescription-courseName-cW67u {
    font-weight: 600;
    max-width: 100%;
    font-size: 19px;
    margin-left: 102px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden
}

.CourseDescription-courseTag-p93mF {
    flex-shrink: 0;
    margin-left: 12px;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 500px;
    line-height: 17px;
    color: #999;
    background: hsla(0,0%,60%,.08);
    border: .5px solid hsla(0,0%,60%,.08);
    border-radius: 2px
}

html[data-theme=dark] .CourseDescription-courseTag-p93mF {
    color: #999
}

.CourseDescription-labels-hnqFB,.CourseDescription-learningLabel-8g9tj {
    display: flex;
    align-items: center
}

.CourseDescription-learningLabel-8g9tj {
    margin-bottom: 5px;
    margin-top: 10px
}

.CourseDescription-roundTable-3PVre {
    margin-right: 8px
}

.CourseDescription-courseInfo-whgBi,.CourseDescription-expandText-oDYAM {
    font-size: 14px
}

.CourseDescription-expandText-oDYAM {
    line-height: 20px;
    color: #0062ff;
    font-weight: 400
}

.CourseDescription-expandText-oDYAM svg {
    fill: #0062ff
}

html[data-theme=dark] .CourseDescription-expandText-oDYAM {
    color: #0062ff
}

.CourseDescription-playCount-kwVHf {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #2a2a2a;
    opacity: .6
}

.Summary-isClickable-gr5vp {
    cursor: pointer;
    text-align: justify;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.Summary-expandButton-mMLGf {
    display: inline-block;
    color: #999
}

html[data-theme=dark] .Summary-expandButton-mMLGf {
    color: #999
}

.Toast-root-uHQgS {
    margin: 0 auto;
    width: 520px;
    height: 48px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    pointer-events: all;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    position: fixed;
    top: 50px;
    z-index: 1000;
    animation: Toast-slide-f15GJ .2s ease-out forwards;
    text-align: center;
    line-height: 48px
}

@keyframes Toast-slide-f15GJ {
    0% {
        transform: translate(-50%)
    }

    to {
        transform: translate(-50%,30px)
    }
}

.LecturerCard-lectureCardWrapper-qnnTg {
    width: 337px;
    height: 120px;
    background: hsla(0,0%,96.5%,.8);
    border-radius: 4px;
    padding: 15px;
    box-sizing: border-box
}

.LecturerCard-lectureInfo-3NnYG {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.LecturerCard-avatar-rFR3H {
    cursor: pointer
}

.LecturerCard-desc-wLJBX {
    margin-top: 10px;
    font-size: 14px;
    color: #444;
    text-align: left!important
}

.LecturerCard-lectureLabel-htfLG {
    margin-left: 6px;
    width: 100%
}

.LecturerCard-userNameWrapper-a1TDk {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    line-height: 21px
}

.LecturerCard-fullname-hNRR4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: calc(100% - 100px);
    font-size: 15px;
    color: #262626
}

.LecturerCard-follow-wcJWu,.LecturerCard-fullname-hNRR4 {
    font-weight: 500;
    cursor: pointer
}

.LecturerCard-follow-wcJWu {
    margin-left: 8px;
    font-size: 14px;
    line-height: 21px
}

.LecturerCard-notFollow-eJKFz {
    color: #0062ff
}

.LecturerCard-notFollow-eJKFz:hover {
    color: #005ce6
}

.LecturerCard-alreadyFollow-3j2kG {
    color: #999
}

.LecturerCard-avatarIcon-cFRNP {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 25px;
    top: 25px
}

.LecturerCard-intro-k1BG1 {
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 50px)
}

.LecturerCard-expandText-ibq1o {
    color: #0062ff;
    font-size: 14px
}

.LecturerCard-dialog-e6BZW {
    width: 500px;
    max-height: 401px;
    padding: 15px;
    box-sizing: border-box
}

.LecturerCard-dialog-e6BZW .LecturerCard-introduction-5GRpX {
    max-height: 320px;
    overflow-y: auto;
    margin-top: 10px;
    color: #444
}

.LecturerCard-closeIcon-x2JGj {
    top: 20px;
    right: -29px;
    width: 12px;
    height: 12px;
    color: #444;
    position: absolute
}

.LecturerList-lectureListWrapper-hWGKy {
    margin-top: 32px;
    margin-right: 20px
}

.LecturerList-title-omdNR {
    font-weight: 600;
    font-size: 19px;
    color: #121212;
    margin-bottom: 20px
}

.LecturerList-lectureSnap-7HbQ2 {
    position: relative
}

.LecturerList-lectureSnap-7HbQ2>div {
    scrollbar-width: none
}

.LecturerList-lectureSnap-7HbQ2>div>div {
    padding-left: 0!important;
    padding-right: 16px!important
}

.LecturerList-lectureSnap-7HbQ2>div>div:last-child {
    padding-right: 0!important
}

.LecturerList-icon-tg3xr {
    width: 26px;
    height: 32px;
    background: linear-gradient(0deg,rgba(0,102,255,.12),rgba(0,102,255,.12)),#fff;
    border-radius: 0 6px 6px 0;
    position: absolute;
    top: 45px;
    color: #0062ff;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.LecturerList-icon-tg3xr:hover {
    background: linear-gradient(0deg,rgba(0,102,255,.24),rgba(0,102,255,.24)),#fff
}

.LecturerList-leftIcon-2YK4m {
    left: 0
}

.LecturerList-rightIcon-gv7Km {
    right: 0;
    border-radius: 6px 0 0 6px
}

.LecturerList-specialItem-2yPuy {
    width: 500px
}

.EvaluationV2-root-sccu1 {
    margin-top: 50px
}

.EvaluationV2-filterHeader-atLKQ {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.EvaluationV2-filterHeader-atLKQ .EvaluationV2-chapterButton-kiUQH {
    float: left;
    display: flex;
    color: #121212;
    font-weight: 600;
    font-size: 19px
}

.EvaluationV2-filterHeader-atLKQ .EvaluationV2-chapterButton-kiUQH .EvaluationV2-count-84HaK {
    margin-left: 10px;
    font-weight: 500;
    font-size: 15px;
    color: grey;
    line-height: 30px
}

.EvaluationV2-comment-HLsWJ {
    margin: 0 -20px
}

.Arrow-icon-t36Po {
    width: 14px;
    height: 14px
}

.Loading-loading-iauUA {
    width: 14px;
    height: 14px;
    animation: Loading-run-tdppm 1s steps(12) infinite
}

@keyframes Loading-run-tdppm {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Panel-panel-tBbq1 {
    overflow: hidden
}

.Collapse-header-ebWoi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 15px 0;
    box-sizing: border-box
}

.Collapse-header-ebWoi .Collapse-title-8shrr {
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600
}

.Collapse-arrow-qt6FZ {
    transform: rotate(0deg);
    transition: all .3s ease
}

.Collapse-active-wwvC8 {
    transform: rotate(-180deg)
}

.ConfirmDialog-remindModalContainer-uoW91 {
    width: 320px
}

.ConfirmDialog-remindModalContainer-uoW91 .ConfirmDialog-title-kTxLt {
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    padding: 42px 32px 20px
}

.ConfirmDialog-remindModalContainer-uoW91 .ConfirmDialog-btnGroup-seAxJ {
    display: flex;
    justify-content: space-around;
    padding: 20px
}

.ConfirmDialog-remindModalContainer-uoW91 .ConfirmDialog-currentBtn-ewUzh {
    color: rgba(0,0,0,.85098);
    background: #e8eaed;
    border-color: #e8eaed
}

.ConfirmDialog-remindModalContainer-uoW91 .ConfirmDialog-originalBtn-onnpN {
    color: #fff;
    border-color: #1772f6;
    background: #1772f6
}

.ConfirmDialog-btn-hSHnd {
    line-height: 1.5715;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: 0 2px rgba(0,0,0,.01569);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 40px;
    padding: 4px 15px;
    font-size: 14px;
    width: 112px;
    border-radius: 40px
}

.ConfirmDialog-root-73MiT {
    border-radius: 12px
}

.StudyNotesList-root-gxKAz {
    padding: 0 20px 8px;
    height: 100%
}

.StudyNotesList-root-gxKAz::-webkit-scrollbar {
    display: none
}

.StudyNotesList-filterButtonWrapper-qyUjM {
    display: flex
}

.StudyNotesList-filterButton-6oRVp {
    padding: 6px 12px;
    font-family: PingFang SC;
    color: #056de8;
    text-align: center;
    border-radius: 24px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin: 12px 10px 12px 0;
    cursor: pointer
}

.StudyNotesList-filterButton-6oRVp,html[data-theme=dark] .StudyNotesList-filterButton-6oRVp {
    background-color: rgba(0,98,255,.1)
}

html[data-theme=dark] .StudyNotesList-filterButton-6oRVp {
    color: #558eff
}

.StudyNotesList-btnSelect-bbdAP {
    background-color: #056de8;
    color: #fff
}

html[data-theme=dark] .StudyNotesList-btnSelect-bbdAP {
    background-color: #558eff;
    color: #fff
}

.StudyNotesList-collapsedRadius-teyiE {
    border-radius: 8px 8px 0 0
}

.StudyNotesList-loader-wGL8M {
    bottom: auto;
    left: 50%
}

.StudyNotesList-emptyWrapper-qD8WY {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.StudyNotesList-line-fFKfC {
    border-top: 1px solid #eef0f2;
    margin: 12px 0 0
}

.StudyNotesList-bgGray-faf74 {
    background-color: #f6f6f6
}

html[data-theme=dark] .StudyNotesList-bgGray-faf74 {
    background-color: #1b1b1b
}

.StudyNotesList-bgWhite-pxUaB {
    background-color: #fff
}

html[data-theme=dark] .StudyNotesList-bgWhite-pxUaB {
    background-color: #121212
}

.Empty-emptyWrapper-dEdmh {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 14px
}

.SectionTitle-collapseWrapper-8aRt6 {
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px
}

.SectionTitle-collapseWrapper-8aRt6 .SectionTitle-title-f26GC {
    color: #121212;
    font-family: PingFang SC;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 175px
}

html[data-theme=dark] .SectionTitle-collapseWrapper-8aRt6 .SectionTitle-title-f26GC {
    color: #fff
}

.SectionTitle-collapseWrapper-8aRt6 .SectionTitle-extra-8nr39 {
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0
}

.SectionTitle-collapsedRadius-821ys {
    border-radius: 8px 8px 0 0
}

.SectionTitle-bgGray-a9dJF {
    background-color: #f6f6f6
}

html[data-theme=dark] .SectionTitle-bgGray-a9dJF {
    background-color: #1b1b1b
}

.SectionTitle-bgWhite-nWkCj {
    background-color: #fff
}

html[data-theme=dark] .SectionTitle-bgWhite-nWkCj {
    background-color: #121212
}

.NoteList-noteCardWrapper-bSv5B {
    padding: 0 14px 12px
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardTitleWrapper-odxBy {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardTitleWrapper-odxBy .NoteList-bluePoint-peL2L {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 6px 6px;
    background: linear-gradient(90deg,#52a0ff,#0062ff)
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardTitleWrapper-odxBy .NoteList-playIcon-wYd9K {
    width: 10px;
    position: relative;
    top: -1px;
    margin: 0 3px 0 7px
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardTitleWrapper-odxBy .NoteList-duration-54VBi {
    font-family: PingFang SC;
    font-size: 10px;
    font-weight: 400;
    color: #838383
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardImageWrapper-4nJec {
    position: relative
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardImageWrapper-4nJec img {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 6px
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardImageWrapper-4nJec .NoteList-flag-c1hPs {
    width: 39px;
    height: 22px;
    border-radius: 6px 0 10px 0;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    font-size: 11px
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardImageWrapper-4nJec .NoteList-zhongdian-7Sfdk {
    background: linear-gradient(90deg,#52a0ff,#0062ff)
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardImageWrapper-4nJec .NoteList-yidian-mCRbv {
    background: linear-gradient(90deg,#dfcc22,#ffa114)
}

.NoteList-noteCardWrapper-bSv5B .NoteList-noteCardImageWrapper-4nJec .NoteList-loadImg-7Y2zj {
    width: 100%;
    aspect-ratio: 16/9;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e9e9e9
}

.NoteList-line-rstbe {
    border-top: 1px solid #eef0f2;
    margin: 12px 0 0
}

.NoteList-lastCard-8idoy {
    border-radius: 0 0 8px 8px
}

.NoteList-bgGray-tg97c {
    background-color: #f6f6f6
}

html[data-theme=dark] .NoteList-bgGray-tg97c {
    background-color: #1b1b1b
}

.NoteList-bgWhite-qLEjs {
    background-color: #fff
}

html[data-theme=dark] .NoteList-bgWhite-qLEjs {
    background-color: #121212
}

.EpisodeList-episodeList-m3CAU {
    height: 422px;
    overflow-y: auto;
    width: 281px
}

.EpisodeList-chapter-4DRGQ {
    position: relative
}

.EpisodeList-chapterTitle-koA6R {
    font-size: 14px;
    color: #121212;
    position: sticky;
    top: 0;
    width: calc(100% - 22px);
    padding: 0 11px 10px;
    background: #f6f6f6;
    font-weight: 500
}

html[data-theme=dark] .EpisodeList-chapterTitle-koA6R {
    color: #fff
}

.EpisodeList-sectionItem-5wzFz {
    box-sizing: border-box;
    background: #f6f6f6;
    height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 12px;
    margin-bottom: 6px;
    cursor: pointer;
    justify-content: space-between
}

.EpisodeList-sectionInfo-szXYp,.EpisodeList-sectionItem-5wzFz {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}

.EpisodeList-sectionInfo-szXYp {
    justify-content: flex-start;
    height: 100%
}

.EpisodeList-sectionInfo-szXYp .EpisodeList-playIcon-aCtYL {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.EpisodeList-duration-vPSzj {
    font-size: 12px;
    background: linear-gradient(270deg,#fbfbfb 86.67%,hsla(0,0%,98.4%,0));
    height: 33px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 34px
}

.EpisodeList-duration-vPSzj,html[data-theme=dark] .EpisodeList-duration-vPSzj {
    color: #999
}

.EpisodeList-activeSection-sHbhP {
    background: hsla(0,0%,100%,.6)
}

.EpisodeList-activeSection-sHbhP .EpisodeList-sectionTitle-uFK6t {
    color: #0062ff;
    font-weight: 500
}

html[data-theme=dark] .EpisodeList-activeSection-sHbhP .EpisodeList-sectionTitle-uFK6t {
    color: #0062ff
}

.EpisodeList-hoverSection-vsVhX .EpisodeList-sectionInfo-szXYp {
    width: calc(100% - 34px)
}

.EpisodeList-sectionItem-5wzFz:hover {
    background: hsla(0,0%,100%,.6)
}

.EpisodeList-sectionItem-5wzFz:hover .EpisodeList-sectionTitle-uFK6t,html[data-theme=dark] .EpisodeList-sectionItem-5wzFz:hover .EpisodeList-sectionTitle-uFK6t {
    color: #0062ff
}

.EpisodeList-sectionTitle-uFK6t {
    font-size: 13px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 100%
}

html[data-theme=dark] .EpisodeList-sectionTitle-uFK6t {
    color: #d3d3d3
}

.TextScroll-titleHover-sq1y4 {
    display: inline-block;
    height: 100%;
    position: relative
}

.TextScroll-titleHover-sq1y4 .TextScroll-title-426Q8 {
    position: absolute;
    height: 100%;
    left: 0;
    animation: TextScroll-turnLeft-rv8mZ 4s linear 0s 1;
    animation-fill-mode: forwards
}

@keyframes TextScroll-turnLeft-rv8mZ {
    0% {
        left: 0
    }

    to {
        left: calc(210px - 100%)
    }
}

.Tabs-container-feZhG {
    padding-bottom: 10px;
    height: 466px;
    margin-left: 19px;
    background: #f6f6f6;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

.Tabs-episodeInfo-mq3wi {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 12px;
    height: 44px
}

.Tabs-episodeInfo-mq3wi,.Tabs-tabs-tAgqB {
    display: flex;
    align-items: center
}

.Tabs-tabs-tAgqB {
    flex-direction: row;
    justify-content: flex-start;
    flex: 1
}

.Tabs-note-cCTyJ {
    margin-left: 14px
}

.Tabs-catalog-uACUS {
    font-size: 15px;
    cursor: pointer
}

.Tabs-catalog-uACUS,html[data-theme=dark] .Tabs-catalog-uACUS {
    color: #999
}

.Tabs-catalogCount-jUV58 {
    margin-left: 10px
}

.Tabs-active-tab-2CpLg {
    color: #121212;
    font-weight: 600;
    position: relative
}

.Tabs-active-tab-2CpLg:after {
    content: "";
    display: block;
    position: absolute;
    left: 9px;
    bottom: -5px;
    width: 12px;
    height: 3px;
    border-radius: 3px;
    background-color: #056de8
}

html[data-theme=dark] .Tabs-active-tab-2CpLg:after {
    background-color: #558eff
}

html[data-theme=dark] .Tabs-active-tab-2CpLg {
    color: #fff
}

.Tabs-autoPlayNextBtn-vYuV4 {
    font-size: 12px;
    line-height: 17px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.Tabs-autoPlayNextBtn-vYuV4 svg {
    cursor: pointer
}

.Tabs-autoPlayNextBtn-vYuV4.Tabs-input-s29Fa {
    color: #0062ff;
    line-height: 21px;
    outline-style: none;
    padding: 0
}

.Tabs-autoPlayNextBtn-vYuV4 input:after {
    background-color: red
}

.Tabs-autoPlayNextBtn-vYuV4 span {
    color: grey;
    margin-right: 5px
}

html[data-theme=dark] .Tabs-autoPlayNextBtn-vYuV4 span {
    color: #999
}

.Tabs-autoPlayNextBtn-vYuV4 .Tabs-autoPlayText-jurTq,html[data-theme=dark] .Tabs-autoPlayNextBtn-vYuV4 .Tabs-autoPlayText-jurTq {
    color: #0062ff
}

.PcContent-content-svsSi {
    padding: 72px 155px 0;
    display: flex;
    justify-content: center
}

.PcContent-leftContainer-4hf88 {
    width: 830px
}

.PcContent-leftContainer-4hf88 .PcContent-videoWrapper-iR9Sq {
    width: 828px;
    height: 466px
}

.PcContent-rightContainer-971fv {
    width: 300px
}

.PcContent-emptyWarp-jXZ6w {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh
}

.PcContent-emptyWarp-jXZ6w button {
    display: inline-block;
    line-height: 32px;
    cursor: pointer
}

.OpenAppDialog-root-sLzMA {
    border-radius: 12px;
    padding: 28px 20px 20px
}

.OpenAppDialog-content-tz8xQ {
    color: #121212;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

html[data-theme=dark] .OpenAppDialog-content-tz8xQ {
    color: #fff
}

.OpenAppDialog-foot-8yL2B {
    display: flex;
    justify-content: space-around;
    margin-top: 28px
}

.OpenAppDialog-footBtn-pcZgu {
    width: 112px;
    height: 40px;
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    line-height: 40px
}

.OpenAppDialog-cancelBtn-jx6mu {
    background-color: #ebebeb;
    color: #444
}

html[data-theme=dark] .OpenAppDialog-cancelBtn-jx6mu {
    background-color: #1b1b1b;
    color: #d3d3d3
}

.OpenAppDialog-confirmBtn-gELRL {
    background-color: #056de8;
    color: #fff
}

html[data-theme=dark] .OpenAppDialog-confirmBtn-gELRL {
    background-color: #558eff;
    color: #fff
}

.OpenAppfootBtn-root-e9HDR {
    position: fixed;
    top: 88.67%;
    left: 50%;
    transform: translate(-50%);
    font-size: 16px;
    color: #fff;
    background: #056de8;
    border-radius: 84px;
    box-shadow: 0 0 24px rgba(24,117,255,.3);
    height: 48px;
    width: 250px;
    text-align: center;
    line-height: 48px
}

html[data-theme=dark] .OpenAppfootBtn-root-e9HDR {
    color: #121212;
    background: #558eff
}

.MobileMoreCourse-header-nFuRE {
    padding: 0 16px;
    padding-right: 13.5px;
    margin-bottom: 10px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.MobileMoreCourse-header-nFuRE .MobileMoreCourse-title-veXpU {
    font-size: 16px;
    line-height: 22px;
    color: #121212;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .MobileMoreCourse-header-nFuRE .MobileMoreCourse-title-veXpU {
    font-weight: 500
}

html[data-android] .MobileMoreCourse-header-nFuRE .MobileMoreCourse-title-veXpU {
    font-weight: 700
}

html[data-theme=dark] .MobileMoreCourse-header-nFuRE .MobileMoreCourse-title-veXpU {
    color: #fff
}

.MobileMoreCourse-header-nFuRE .MobileMoreCourse-showAll-d6Yuk {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    display: flex;
    align-items: center
}

html[data-theme=dark] .MobileMoreCourse-header-nFuRE .MobileMoreCourse-showAll-d6Yuk {
    color: #999
}

.MobileMoreCourse-listContainer-h5FLv {
    padding: 0 16px
}

.MobileMoreCourse-bottomCell-vNEZG {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 73px;
    background: #fff;
    margin: 20px 0 34px 0;
    font-size: 13px;
    font-weight: 400;
    color: #999
}

html[data-theme=dark] .MobileMoreCourse-bottomCell-vNEZG {
    background: #121212;
    color: #999
}

.Error-root-4ogGv:before {
    content: "!";
    display: block;
    font-size: 30px;
    line-height: 30px
}

.CardInfoHead-inBlock-h1BpV {
    display: inline-block
}

.CardInfoHead-modulTitle-hQhyn {
    max-width: 100%;
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #121212;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

html[data-theme=dark] .CardInfoHead-modulTitle-hQhyn {
    color: #fff
}

.CardInfoHead-courseDesc-nv8gN {
    justify-content: space-between;
    margin-top: 10px
}

.CardInfoHead-courseDesc-nv8gN,.CardInfoHead-textLink-pXzst {
    display: flex;
    flex-direction: row;
    align-items: center
}

.CardInfoHead-textLink-pXzst {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #056de8;
    justify-content: center
}

.CardInfoHead-playTotals-eDjnQ {
    display: block;
    font-size: 13px;
    color: #999;
    line-height: 16px;
    margin-top: 5px
}

html[data-theme=dark] .CardInfoHead-playTotals-eDjnQ {
    color: #999
}

.CardInfoHead-teacherHead-rqba3 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.CardInfoHead-nameConetnt-3goqn {
    flex: 1;
    margin-left: 6px;
    height: 40px
}

.CardInfoHead-teacherName-kCr3j {
    color: #121212;
    font-weight: 700;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

html[data-theme=dark] .CardInfoHead-teacherName-kCr3j {
    color: #fff
}

.CardInfoHead-intro-w6Q55 {
    font-size: 13px;
    line-height: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-top: 4px
}

.CardInfoHead-intro-w6Q55,html[data-theme=dark] .CardInfoHead-intro-w6Q55 {
    color: #999
}

.CardInfoHead-follower-dT9P4 {
    font-size: 12px;
    font-weight: 700;
    color: #056de8;
    padding: 0 18px;
    height: 27px;
    line-height: 27px;
    background: #f1f9ff;
    border-radius: 13.5px
}

html[data-theme=dark] .CardInfoHead-follower-dT9P4 {
    background: rgba(85,142,255,.2);
    color: #558eff
}

.CardInfoHead-isFollow-7rBvB {
    background: #f6f6f6
}

.CardInfoHead-isFollow-7rBvB,html[data-theme=dark] .CardInfoHead-isFollow-7rBvB {
    color: #999
}

html[data-theme=dark] .CardInfoHead-isFollow-7rBvB {
    background: #1b1b1b
}

.CardInfoHead-titleContainer-T9M8T {
    display: flex;
    align-items: center
}

.CardInfoHead-courseTag-pBUQX {
    flex-shrink: 0;
    margin-left: 8px;
    padding: 2px 4px;
    font-size: 11px;
    line-height: 14px;
    color: #999;
    background: hsla(0,0%,60%,.08);
    border: .5px solid hsla(0,0%,60%,.08);
    border-radius: 2px
}

html[data-theme=dark] .CardInfoHead-courseTag-pBUQX {
    color: #999
}

.CardInfoHead-avatar-3cziH {
    position: relative;
    height: 40px
}

.CardInfoHead-avatar-3cziH svg {
    position: absolute;
    bottom: 0;
    right: 0
}

.Zhixuetang-container-6C5qd {
    background: rgba(0,102,255,.06);
    border-radius: 16px;
    width: 270px;
    height: 28px;
    padding: 6px 10px;
    box-sizing: border-box;
    display: flex
}

.Zhixuetang-icon-92o1u {
    width: 16px;
    height: 16px
}

.Zhixuetang-text-qyYc8 {
    font-size: 13px;
    line-height: 16px;
    color: #056de8;
    margin-left: 6px
}

html[data-theme=dark] .Zhixuetang-text-qyYc8 {
    color: #558eff
}

.Zhixuetang-highlightText-3V7am {
    font-weight: 500
}

.Zhixuetang-jumpText-9FrN7 {
    font-weight: 400
}

.Zhixuetang-arrowRight-feWvN {
    color: #056de8
}

html[data-theme=dark] .Zhixuetang-arrowRight-feWvN {
    color: #558eff
}

.CourseIntro-intro-auvVh {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: 10px 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.CourseIntro-intro-auvVh,html[data-theme=dark] .CourseIntro-intro-auvVh {
    color: #999
}

.CourseIntro-expandButton-7X3Nk {
    display: inline-block;
    color: #056de8
}

html[data-theme=dark] .CourseIntro-expandButton-7X3Nk {
    color: #558eff
}

.CourseIntro-authorInfo-vq1da {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: #999;
    margin-right: 2px
}

.CourseIntro-authorInfo-vq1da .CourseIntro-nickName-fxpJx {
    margin-left: 2px
}

.CourseIntro-authorInfo-vq1da .CourseIntro-avatar-p3ZP4 .CourseIntro-item-gyuMe {
    position: relative
}

.CourseIntro-authorInfo-vq1da .CourseIntro-avatar-p3ZP4 .CourseIntro-item-gyuMe:not(:first-child) {
    margin-left: -7px
}

.CourseIntro-authorInfo-vq1da .CourseIntro-avatar-p3ZP4 img {
    width: 14px;
    height: 14px;
    border: 1px solid #f6f6f6;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -2px
}

html[data-theme=dark] .CourseIntro-authorInfo-vq1da .CourseIntro-avatar-p3ZP4 img {
    border: 1px solid #1b1b1b
}

html[data-theme=dark] .CourseIntro-authorInfo-vq1da {
    color: #999
}

.CourseIntro-includedLabel-gjXcU>div {
    padding: 0
}

.CourseIntro-pointEvent-jAiYD {
    pointer-events: none
}

.CatalogueItem-sectionItem-7xFid {
    position: relative;
    flex-shrink: 1;
    font-size: 13px;
    color: #444;
    height: 48px;
    border-radius: 8px;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    display: flex;
    align-items: center
}

.CatalogueItem-sectionItem-7xFid:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 195%;
    width: 195%;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    transform-origin: 0 0;
    transform: scale(.5)
}

html[data-theme=dark] .CatalogueItem-sectionItem-7xFid:after {
    border: 1px solid #2e2e2e
}

html[data-theme=dark] .CatalogueItem-sectionItem-7xFid {
    color: #d3d3d3
}

.CatalogueItem-sectionTitle-5y9WF {
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #444
}

html[data-theme=dark] .CatalogueItem-sectionTitle-5y9WF {
    color: #d3d3d3
}

.CatalogueItem-playingIcon-msi4j {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
    color: #e46436
}

.CatalogueItem-playing-5UetD {
    font-weight: 700;
    box-sizing: border-box
}

.CatalogueItem-playing-5UetD:after {
    content: "";
    border: none
}

.CatalogueItem-zhixuetang-qtXhQ .CatalogueItem-playing-5UetD a,html[data-theme=dark] .CatalogueItem-zhixuetang-qtXhQ .CatalogueItem-playing-5UetD a {
    color: #0062ff
}

.CatalogueItem-zhixuetang-qtXhQ .CatalogueItem-playing-5UetD,html[data-theme=dark] .CatalogueItem-zhixuetang-qtXhQ .CatalogueItem-playing-5UetD {
    border: 1px solid #0062ff
}

.CatalogueItem-zhihu-pgiS3 .CatalogueItem-playing-5UetD a {
    color: #056de8
}

html[data-theme=dark] .CatalogueItem-zhihu-pgiS3 .CatalogueItem-playing-5UetD a {
    color: #558eff
}

.CatalogueItem-zhihu-pgiS3 .CatalogueItem-playing-5UetD {
    border: 1px solid #056de8
}

html[data-theme=dark] .CatalogueItem-zhihu-pgiS3 .CatalogueItem-playing-5UetD {
    border: 1px solid #558eff
}

.Catalogue-catalogue-vDdHA {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    position: relative
}

.Catalogue-catalogueTitle-dpARU {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    padding-right: 13.5px;
    align-items: center;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #121212
}

html[data-theme=dark] .Catalogue-catalogueTitle-dpARU {
    color: #fff
}

.Catalogue-total-2R1Tg {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    display: flex;
    align-items: center
}

.Catalogue-total-2R1Tg,html[data-theme=dark] .Catalogue-total-2R1Tg {
    color: #999
}

.Catalogue-arrowRight-9fdBc {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 6px solid #999;
    border-bottom: 4px solid transparent;
    vertical-align: 1px;
    margin-left: 5px;
    border-radius: .5px
}

.Catalogue-section-du5Jv {
    height: 48px;
    margin-top: 10px;
    display: flex;
    overflow-y: hidden;
    overflow-x: auto
}

.Catalogue-section-du5Jv::-webkit-scrollbar {
    display: none
}

.Catalogue-mleft-eFqcK {
    margin-left: 16px
}

.Catalogue-mright-7EZCW {
    margin-right: 16px!important
}

.Catalogue-goCatalogueBtn-kCjPw {
    display: flex;
    align-items: center;
    position: absolute;
    top: 26px;
    width: 44px;
    height: 60px;
    padding: 0 0 0 6px;
    box-sizing: border-box;
    background: hsla(0,0%,96.5%,.9)
}

html[data-theme=dark] .Catalogue-goCatalogueBtn-kCjPw {
    background: rgba(27,27,27,.9)
}

.Catalogue-goCatalogueBtn-kCjPw {
    color: #444;
    font-size: 12px;
    line-height: 15px;
    opacity: 0;
    z-index: -1
}

html[data-theme=dark] .Catalogue-goCatalogueBtn-kCjPw {
    color: #d3d3d3
}

.Catalogue-CatalogueBtn-2odza {
    margin: 0;
    border-left-color: #646464
}

.Catalogue-left-kXGT1 {
    left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.Catalogue-left-kXGT1,.Catalogue-right-n9f1F {
    opacity: 1;
    z-index: 2
}

.Catalogue-right-n9f1F {
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.Catalogue-item-8mAmX {
    width: 136px;
    border-radius: 8px;
    margin-right: 10px
}

.Catalogue-sectionTitle-n54MU {
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.Catalogue-list-kwesm {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Catalogue-list-kwesm::-webkit-scrollbar {
    display: none
}

.MobileContent-root-creUy {
    padding-bottom: 20px;
    max-width: 640px;
    margin: 0 auto
}

.MobileContent-cover-vTS1D {
    position: relative;
    min-height: 200px;
    cursor: pointer
}

.MobileContent-courseWarp-7KAVM {
    padding: 20px 16px 0
}

.MobileContent-commentWarp-j6aYS {
    min-height: 200px;
    margin-top: 20px
}

.MobileContent-commentWarp-j6aYS .MobileContent-header-6cDBA {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.MobileContent-commentWarp-j6aYS .MobileContent-headerLeft-5PtGY {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #121212
}

html[data-theme=dark] .MobileContent-commentWarp-j6aYS .MobileContent-headerLeft-5PtGY {
    color: #fff
}

.MobileContent-commentWarp-j6aYS .MobileContent-headerRight-9K3ZC {
    position: absolute;
    top: 0;
    right: -5px;
    height: 100%;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    display: flex;
    align-items: center
}

html[data-theme=dark] .MobileContent-commentWarp-j6aYS .MobileContent-headerRight-9K3ZC {
    color: #999
}

.MobileContent-commentWarp-j6aYS .MobileContent-emptyWrapper-5peFL {
    height: 100%
}

.MobileContent-commentWarp-j6aYS .MobileContent-emptyWrapper-5peFL .MobileContent-emptyView-rUryL {
    text-align: center;
    color: #999
}

html[data-theme=dark] .MobileContent-commentWarp-j6aYS .MobileContent-emptyWrapper-5peFL .MobileContent-emptyView-rUryL {
    color: #999
}

.MobileContent-commentWarp-j6aYS .MobileContent-header-6cDBA {
    margin-bottom: -6px
}

.MobileContent-arrow-hWB1r {
    margin-left: 4px
}

.MobileContent-emptyWarp-oEhR7,.MobileContent-more-ot2Fu {
    display: flex;
    align-items: center
}

.MobileContent-emptyWarp-oEhR7 {
    justify-content: center;
    min-height: 100vh
}

.MobileContent-emptyWarp-oEhR7 button {
    display: inline-block;
    line-height: 32px;
    cursor: pointer
}

.MobileContent-jumpApp-wadhb {
    padding: 14px 16px;
    color: #0062ff;
    font-size: 14px;
    font-weight: 500;
    background-color: #f0f6ff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.MobileContent-icon-xtPsW {
    margin-right: 6px
}

.MobileContent-label-pjrkT {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.App-root-vFFpA {
    margin: 0 auto;
    min-height: 100vh;
    background-color: #fff
}

.App-root-vFFpA>img {
    display: none
}

html[data-theme=dark] .App-root-vFFpA {
    background-color: #121212
}

a {
    text-decoration: none
}
.css-1fo89v5 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.css-x0pxoz {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    border-radius: 4px;
    border: 1px solid;
    border-color: #EBEBEB;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 8px 12px;
}
.css-i6bazn {
    overflow: hidden;
}
.css-ip4bff {
    font-size: 15px;
    border: none !important;
    background: none !important;
}
.css-vurnku {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
}
.css-79elbk {
    position: relative;
}

.css-ip4bff .Dropzone {
    min-height: auto !important;
}
<style>
.css-ip4bff .RichText {
    padding: 0px;
}
.Editable-content {
    padding: 6px 12px;
    cursor: text;
}
.ztext {
    word-break: break-word;
    line-height: 1.6;
}
.Dropzone {
    position: relative;
}
.ztext>:last-child {
    margin-bottom: 0;
}
.ztext>:first-child {
    margin-top: 0;
}
.css-ip4bff .public-DraftEditorPlaceholder-root {
    color: rgb(153, 153, 153);
}
.Editable .public-DraftEditorPlaceholder-root {
    color: #8590a6;
    position: absolute;
    pointer-events: none;
}
.css-ip4bff .public-DraftEditorPlaceholder-root {
    color: rgb(153, 153, 153);
}
.Editable .public-DraftEditorPlaceholder-root {
    color: #8590a6;
    position: absolute;
    pointer-events: none;
}
.css-u2c28s {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.css-u2c28s {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.css-1gqd0v0 {
    box-sizing: border-box;
    margin: 0px 0px 0px 4px;
    min-width: 0px;
    font-weight: 600;
}
.css-bxied2 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    color: rgb(132, 145, 165);
}