.sear_r_17 {
    position: fixed;
    z-index: 201;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

[data-theme=default] .sear_r_17 {
    background-color: #f5f5f5
}

[data-theme=blue] .sear_r_17 {
    background-color: #dcebef
}

[data-theme=yellow] .sear_r_17 {
    background-color: #efe2c0
}

[data-theme=beige] .sear_r_17 {
    background-color: #f5f1e8
}

[data-theme=green] .sear_r_17 {
    background-color: #e0eee1
}

[data-theme=dark] .sear_r_17 {
    background-color: #111
}

.sear_r_1 {
    position: absolute;
    left: 0;
    right: 0;
    top: .44rem;
    padding-top: 52.2%;
    background: url(/images/bg20.jpg) no-repeat top center/100% 100%
}

.sear_r_13 {
    position: relative
}

.sear_r {
    position: absolute;
    top: 0;
    right: .6rem;
    bottom: 0;
    left: .16rem;
    height: .32rem;
    margin: auto;
    border-radius: .02rem
}

[data-theme=default] .sear_r {
    background-color: #fff
}

[data-theme=blue] .sear_r {
    background-color: #edf5f7
}

[data-theme=yellow] .sear_r {
    background-color: #f4ecd1
}

[data-theme=beige] .sear_r {
    background-color: #faf9f4
}

[data-theme=green] .sear_r {
    background-color: #ebfaeb
}

[data-theme=dark] .sear_r {
    background-color: #1f1f1f
}

.sear_r .icon_r_3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .08rem;
    margin: auto;
    width: .14rem;
    height: .14rem
}

[data-theme=default] .sear_r .icon_r_3 {
    color: #191919
}

[data-theme=blue] .sear_r .icon_r_3,[data-theme=yellow] .sear_r .icon_r_3,[data-theme=beige] .sear_r .icon_r_3,[data-theme=green] .sear_r .icon_r_3 {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .sear_r .icon_r_3 {
    color: rgba(255,255,255,.6)
}

.sear_r_19 {
    position: absolute;
    display: block;
    top: 0;
    right: .04rem;
    width: .52rem;
    padding: .05rem 0;
    margin: .06rem auto;
    text-align: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem;
    color: gray;
}

[data-theme=default] .sear_r_19 {
    color: gray
}

[data-theme=blue] .sear_r_19,[data-theme=yellow] .sear_r_19,[data-theme=beige] .sear_r_19,[data-theme=green] .sear_r_19 {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .sear_r_19 {
    color: rgba(255,255,255,.4)
}

.sear_r_14 {
    width: 100%;
    height: inherit;
    padding: 0 .32rem;
    border: 0 none;
    background: 0 0;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .16rem;
    line-height: .24rem
}

.sear_r_14 {
    color: #191919;
    background-color: #f5f5f5;
}

[data-theme=blue] .sear_r_14,[data-theme=yellow] .sear_r_14,[data-theme=beige] .sear_r_14,[data-theme=green] .sear_r_14 {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .sear_r_14 {
    color: rgba(255,255,255,.6)
}

[data-theme=default] .sear_r_14 {
    background-color: #f5f5f5
}

[data-theme=blue] .sear_r_14,[data-theme=yellow] .sear_r_14,[data-theme=beige] .sear_r_14,[data-theme=green] .sear_r_14 {
    background-color: rgba(0,0,0,.08)
}

[data-theme=dark] .sear_r_14 {
    background-color: rgba(255,255,255,.08)
}

.sear_r_12 {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: .32rem;
    height: inherit;
    padding: 0;
    -webkit-animation: fade_r .15s;
    animation: fade_r .15s;
    border: 0 none;
    background: 0 0
}

.sear_r_12 .icon_r_2 {
    display: inline-block;
    width: .14rem;
    height: .14rem;
    vertical-align: -.02rem;
    border-radius: .16rem;
    background-color: #969ba3
}

[data-theme=default] .sear_r_12 .icon_r_2 {
    color: #fff
}

[data-theme=blue] .sear_r_12 .icon_r_2,[data-theme=yellow] .sear_r_12 .icon_r_2,[data-theme=beige] .sear_r_12 .icon_r_2,[data-theme=green] .sear_r_12 .icon_r_2 {
    color: rgba(0,0,0,.04)
}

[data-theme=dark] .sear_r_12 .icon_r_2 {
    color: rgba(255,255,255,.08)
}

.sear_r_12 .icon_r_2>svg {
    display: block;
    width: .06rem;
    height: .06rem;
    margin: .04rem auto 0
}

.sear_r_16 {
    position: relative;
    overflow: hidden;
    height: 0
}

.sear_r_21 {
    position: relative
}

.sear_r_21 .titl_r {
    padding: .1rem .16rem;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem;
    color: gray
}

.sear_r_21 .titl_r .red_r {
    color: #e5353e
}

.sear_r_21 .type_r {
    margin: .02rem .16rem
}

.sear_r_21 .tips_r {
    display: inline-block;
    padding: .04rem .1rem;
    border-radius: .06rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    margin-right: .08rem
}

[data-theme=default] .sear_r_21 .tips_r {
    background-color: #fff
}

[data-theme=blue] .sear_r_21 .tips_r,[data-theme=yellow] .sear_r_21 .tips_r,[data-theme=beige] .sear_r_21 .tips_r,[data-theme=green] .sear_r_21 .tips_r {
    background-color: rgba(0,0,0,.04)
}

[data-theme=dark] .sear_r_21 .tips_r {
    background-color: rgba(255,255,255,.08)
}

[data-theme=default] .sear_r_21 .tips_r {
    color: #191919
}

[data-theme=blue] .sear_r_21 .tips_r,[data-theme=yellow] .sear_r_21 .tips_r,[data-theme=beige] .sear_r_21 .tips_r,[data-theme=green] .sear_r_21 .tips_r {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .sear_r_21 .tips_r {
    color: rgba(255,255,255,.6)
}

.sear_r_22 {
    padding: .12rem;
    overflow: hidden
}

.sear_r_22+.modu_r {
    margin-top: 0
}

.sear_r_23 {
    font-size: .13rem;
    font-weight: 400;
    float: left;
    color: #969ba3
}

.sear_r_23>output {
    margin: 0 .5ch
}

.sear_r_15 {
    font-size: .13rem;
    float: right
}

.sear_r_14 {
    display: inline-block;
    margin: 0 -.005rem;
    padding: 0 .005rem
}

[data-theme=default] .sear_r_14 {
    color: #4c4c4c
}

[data-theme=blue] .sear_r_14,[data-theme=yellow] .sear_r_14,[data-theme=beige] .sear_r_14,[data-theme=green] .sear_r_14 {
    color: rgba(0,0,0,.7)
}

[data-theme=dark] .sear_r_14 {
    color: rgba(255,255,255,.5)
}

.sear_r_14>.icon_r_4 {
    margin-right: .00188rem
}

.sear_r_20 {
    position: relative;
    padding-left: .16rem;
    padding-right: .08rem;
    padding-top: .08rem
}

.sear_r_20.acti_r {
    height: .72rem;
    overflow: hidden
}

.sear_r_20.acti_r .sear_r_18 {
    opacity: 1;
    visibility: visible
}

.sear_r_18 {
    position: absolute;
    bottom: 0;
    right: .16rem;
    font-size: .12rem;
    line-height: 1;
    padding: .08rem;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden
}

[data-theme=default] .sear_r_18 {
    background-color: #fff
}

[data-theme=blue] .sear_r_18,[data-theme=yellow] .sear_r_18,[data-theme=beige] .sear_r_18,[data-theme=green] .sear_r_18 {
    background-color: rgba(0,0,0,.04)
}

[data-theme=dark] .sear_r_18 {
    background-color: rgba(255,255,255,.08)
}

.sear_r_18 .icon_r {
    vertical-align: top
}

.btnl_r {
    display: inline-block;
    text-align: center;
    border-radius: .06rem;
    padding: .06rem .08rem;
    margin: 0 .08rem .12rem 0;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    background-color: #fff;
    color: gray;
}

[data-theme=default] .btnl_r {
    color: gray
}

[data-theme=blue] .btnl_r,[data-theme=yellow] .btnl_r,[data-theme=beige] .btnl_r,[data-theme=green] .btnl_r {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .btnl_r {
    color: rgba(255,255,255,.4)
}

[data-theme=default] .btnl_r {
    background-color: #fff
}

[data-theme=blue] .btnl_r,[data-theme=yellow] .btnl_r,[data-theme=beige] .btnl_r,[data-theme=green] .btnl_r {
    background-color: rgba(0,0,0,.04)
}

[data-theme=dark] .btnl_r {
    background-color: rgba(255,255,255,.08)
}

.sear_r_16 {
    position: relative;
    margin: .12rem .16rem;
    border-radius: .12rem;
    background-color: rgba(255,255,255,.4);
    display: flex;
    padding: .08rem .12rem;
    justify-content: space-between
}

.sear_r_16 .btn_r {
    display: inline-block;
    height: .32rem;
    padding: .08rem .1rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .16rem;
    background-color: #ffe5e7;
    color: #e5353e;
    border-radius: .24rem;
    box-sizing: border-box;
    margin: .04rem 0
}

[data-theme=default] .sear_r_16 .btn_r,[data-theme=blue] .sear_r_16 .btn_r,[data-theme=yellow] .sear_r_16 .btn_r,[data-theme=beige] .sear_r_16 .btn_r,[data-theme=green] .sear_r_16 .btn_r {
    color: #e5353e
}

[data-theme=dark] .sear_r_16 .btn_r {
    color: #ff4d55
}

.sear_r_16 .btn_r .icon_r_4 {
    font-size: .16rem;
    margin-right: .125rem;
    vertical-align: top
}

.sear_r_16 .btn_r i {
    vertical-align: top
}

.sear_r_16 .lead_r {
    display: inline-block;
    width: .85rem;
    height: .2rem;
    vertical-align: top;
    background: url(/images/bg21.png) no-repeat top center/100% 100%
}

.sear_r_16 .dec_r {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .13rem;
    transform: scale(.83);
    transform-origin: center;
    padding: .015rem .04rem;
    border-radius: .04rem;
    margin-left: .04rem;
    vertical-align: .25ex
}

[data-theme=default] .sear_r_16 .dec_r {
    color: gray
}

[data-theme=blue] .sear_r_16 .dec_r,[data-theme=yellow] .sear_r_16 .dec_r,[data-theme=beige] .sear_r_16 .dec_r,[data-theme=green] .sear_r_16 .dec_r {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .sear_r_16 .dec_r {
    color: rgba(255,255,255,.4)
}

[data-theme=default] .sear_r_16 .dec_r,[data-theme=blue] .sear_r_16 .dec_r,[data-theme=yellow] .sear_r_16 .dec_r,[data-theme=beige] .sear_r_16 .dec_r,[data-theme=green] .sear_r_16 .dec_r {
    background-color: rgba(255,255,255,.7)
}

[data-theme=dark] .sear_r_16 .dec_r {
    background-color: rgba(255,255,255,.6)
}

.sear_r_16 .main_r {
    margin-top: .08rem;
    margin-left: -.16rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .12rem;
    transform: scale(.83);
    transform-origin: center
}

[data-theme=default] .sear_r_16 .main_r {
    color: #4c4c4c
}

[data-theme=blue] .sear_r_16 .main_r,[data-theme=yellow] .sear_r_16 .main_r,[data-theme=beige] .sear_r_16 .main_r,[data-theme=green] .sear_r_16 .main_r {
    color: rgba(0,0,0,.7)
}

[data-theme=dark] .sear_r_16 .main_r {
    color: rgba(255,255,255,.5)
}

.sear_r_13 {
    padding-left: .16rem
}

.sear_r_10 {
    box-sizing: border-box;
    height: .48rem;
    border-bottom: .01rem solid #f0f1f2
}

.sear_r_17 {
    line-height: .224rem;
    display: block;
    margin-left: -.16rem;
    padding: .12rem .16rem .11rem;
    padding: 12px 16px 11px
}

.sear_r_17:after {
    display: table;
    clear: both;
    content: ""
}

.sear_r_19 {
    float: left
}

.sear_r_19 .icon_r_4 {
    margin-right: .01rem;
    color: #969ba3
}

.sear_r_11 {
    float: right
}

.sear_r_24 {
    font-size: .14rem;
    margin-right: .03rem
}

.sear_r_15 {
    font-size: .13rem;
    color: #969ba3
}

.sear_r_11 {
    height: .48rem
}

.sear_r_10 {
    position: relative;
    overflow: hidden
}

.sear_r_10 .book_r {
    margin-right: .8rem
}

.sear_r_10 .icon_r_1 {
    position: absolute;
    right: 0;
    bottom: -.08rem;
    opacity: .05
}

.head_r {
    position: relative;
    box-sizing: border-box;
    height: .44rem;
    padding-top: .11rem;
    padding-bottom: .1rem;
    border-bottom: .01rem solid #f0f1f2
}

[data-theme=default] .head_r {
    background-color: #fff
}

[data-theme=blue] .head_r {
    background-color: #edf5f7
}

[data-theme=yellow] .head_r {
    background-color: #f4ecd1
}

[data-theme=beige] .head_r {
    background-color: #faf9f4
}

[data-theme=green] .head_r {
    background-color: #ebfaeb
}

[data-theme=dark] .head_r {
    background-color: #191919
}

.head_r .btng_r {
    margin-top: -.02rem
}

.home_1_1 {
    padding: .08rem .04rem .12rem;
    display: flex;
    align-items: center;
    flex-flow: wrap
}

[data-theme=default] .home_1_1 {
    background-color: #fff
}

[data-theme=blue] .home_1_1 {
    background-color: #edf5f7
}

[data-theme=yellow] .home_1_1 {
    background-color: #f4ecd1
}

[data-theme=beige] .home_1_1 {
    background-color: #faf9f4
}

[data-theme=green] .home_1_1 {
    background-color: #ebfaeb
}

[data-theme=dark] .home_1_1 {
    background-color: #191919
}

.navi_1_1 {
    position: relative;
    display: inline-block;
    height: .58rem;
    text-align: center
}

[data-theme=default] .navi_1_1 {
    color: #191919
}

[data-theme=blue] .navi_1_1,[data-theme=yellow] .navi_1_1,[data-theme=beige] .navi_1_1,[data-theme=green] .navi_1_1 {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .navi_1_1 {
    color: rgba(255,255,255,.6)
}

.navi_1 {
    position: absolute;
    right: 0;
    bottom: .18rem;
    left: 0;
    width: .48rem;
    height: .48rem;
    margin: auto
}

.navt_1 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .2rem
}

.head_1_1 {
    box-sizing: content-box;
    height: .22rem;
    padding: .11rem .12rem;
    border-bottom: .005rem solid;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[data-theme=default] .head_1_1,[data-theme=blue] .head_1_1,[data-theme=yellow] .head_1_1,[data-theme=beige] .head_1_1,[data-theme=green] .head_1_1 {
    border-color: rgba(0,0,0,.08)
}

[data-theme=dark] .head_1_1 {
    border-color: rgba(255,255,255,.12)
}

[data-theme=default] .head_1_1,[data-theme=blue] .head_1_1,[data-theme=yellow] .head_1_1,[data-theme=beige] .head_1_1,[data-theme=green] .head_1_1,[data-theme=dark] .head_1_1 {
    box-shadow: 0 0 .16rem rgba(0,0,0,.12)
}

.head_1_1 .y-popup {
    z-index: 180
}

.tran_1_1 {
    box-shadow: none!important;
    border: none!important
}

.whit_1 {
    position: sticky;
    top: 0;
    z-index: 200
}

[data-theme=default] .whit_1 {
    background-color: #fff
}

[data-theme=blue] .whit_1 {
    background-color: #edf5f7
}

[data-theme=yellow] .whit_1 {
    background-color: #f4ecd1
}

[data-theme=beige] .whit_1 {
    background-color: #faf9f4
}

[data-theme=green] .whit_1 {
    background-color: #ebfaeb
}

[data-theme=dark] .whit_1 {
    background-color: #1f1f1f
}

[data-theme=default] .tran_1 {
    color: #fff
}

[data-theme=blue] .tran_1,[data-theme=yellow] .tran_1,[data-theme=beige] .tran_1,[data-theme=green] .tran_1 {
    color: rgba(0,0,0,.04)
}

[data-theme=dark] .tran_1 {
    color: rgba(255,255,255,.08)
}

.stic_1 {
    position: sticky;
    top: -.01rem;
    left: 0;
    right: 0;
    z-index: 200;
    background-color: #fff;
    box-shadow: 0 0 .16rem rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .08);
}

.fixe_1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200
}

.head_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.left_1 {
    display: flex;
    align-items: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem;
    min-width: 0
}

.back_1 {
    font-size: 0;
    line-height: 0
}

.titl_1 {
    margin-left: .02rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem
}

.righ_1_1 {
    display: flex;
    align-items: center;
    justify-content: right
}

.doub_1 {
    margin-left: .1rem
}

.righ_1 {
    text-align: right;
    font-weight: 500
}

[data-theme=default] .righ_1 {
    color: #191919
}

[data-theme=blue] .righ_1,[data-theme=yellow] .righ_1,[data-theme=beige] .righ_1,[data-theme=green] .righ_1 {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .righ_1 {
    color: rgba(255,255,255,.6)
}

.loos_1 {
    flex: .25
}

.icon_1_1 {
    display: block
}

.home_1 {
    margin: .12rem;
    border-radius: .1rem
}

.book_1 .y-button {
    width: calc(100% - .24rem);
    margin: auto;
    margin-top: .16rem
}

.nav_1 {
    height: .2rem;
    padding: .14rem .04rem;
    border-radius: .08rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: #e0e0e0;
}

[data-theme=default] .nav_1 {
    background-color: #e0e0e0
}

[data-theme=blue] .nav_1,[data-theme=yellow] .nav_1,[data-theme=beige] .nav_1,[data-theme=green] .nav_1 {
    background-color: rgba(0,0,0,.24)
}

[data-theme=dark] .nav_1 {
    background-color: rgba(255,255,255,.24)
}

.nav_1 h3 {
    padding: 0 .1rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    flex: 1;
    text-align: center;
    white-space: nowrap
}

[data-theme=default] .nav_1 h3 {
    color: gray
}

[data-theme=blue] .nav_1 h3,[data-theme=yellow] .nav_1 h3,[data-theme=beige] .nav_1 h3,[data-theme=green] .nav_1 h3 {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .nav_1 h3 {
    color: rgba(255,255,255,.4)
}

.nav_1 .taba_1 {
    height: .24rem;
    border-radius: .06rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #191919;
    background-color: #fff;
}

[data-theme=default] .nav_1 .taba_1 {
    background-color: #fff
}

[data-theme=blue] .nav_1 .taba_1,[data-theme=yellow] .nav_1 .taba_1,[data-theme=beige] .nav_1 .taba_1,[data-theme=green] .nav_1 .taba_1 {
    background-color: rgba(0,0,0,.04)
}

[data-theme=dark] .nav_1 .taba_1 {
    background-color: rgba(255,255,255,.08)
}

[data-theme=default] .nav_1 .taba_1 {
    color: #191919
}

[data-theme=blue] .nav_1 .taba_1,[data-theme=yellow] .nav_1 .taba_1,[data-theme=beige] .nav_1 .taba_1,[data-theme=green] .nav_1 .taba_1 {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .nav_1 .taba_1 {
    color: rgba(255,255,255,.6)
}

.open_1 {
    width: .68rem;
    height: .28rem;
    border-radius: .24rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .16rem;
    padding: .06rem .1rem;
    white-space: nowrap
}

[data-theme=default] .open_1,[data-theme=blue] .open_1,[data-theme=yellow] .open_1,[data-theme=beige] .open_1,[data-theme=green] .open_1,[data-theme=dark] .open_1 {
    background-color: rgba(229,53,62,.1)
}

[data-theme=default] .open_1,[data-theme=blue] .open_1,[data-theme=yellow] .open_1,[data-theme=beige] .open_1,[data-theme=green] .open_1 {
    color: #e5353e
}

[data-theme=dark] .open_1 {
    color: #ff4d55
}

.bloc_1 {
    display: block
}

.foot_1_1 {
    display: table;
    width: 100%;
    text-align: center
}

.foot_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    line-height: .55rem;
    display: table-cell;
    padding: 0 .16rem;
    border-bottom: .01rem solid
}

[data-theme=default] .foot_1,[data-theme=blue] .foot_1,[data-theme=yellow] .foot_1,[data-theme=beige] .foot_1,[data-theme=green] .foot_1 {
    border-color: rgba(0,0,0,.08)
}

[data-theme=dark] .foot_1 {
    border-color: rgba(255,255,255,.12)
}

[data-theme=default] .blue_1,[data-theme=blue] .blue_1,[data-theme=yellow] .blue_1,[data-theme=beige] .blue_1,[data-theme=green] .blue_1 {
    color: #5790df
}

[data-theme=dark] .blue_1 {
    color: #6da2ed
}

.foot_1_4 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    display: flex;
    flex-wrap: wrap;
    padding: .09rem .19rem 0;
    text-align: center;
    justify-content: space-between
}

[data-theme=default] .foot_1_4 {
    color: gray
}

[data-theme=blue] .foot_1_4,[data-theme=yellow] .foot_1_4,[data-theme=beige] .foot_1_4,[data-theme=green] .foot_1_4 {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .foot_1_4 {
    color: rgba(255,255,255,.4)
}

.foot_1_3 {
    display: block;
    flex: 1;
    padding: .08rem;
    white-space: pre
}

.icon_1 {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.icon_1 .y-icon {
    margin-right: .08rem
}

.site_1 {
    height: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden
}

[data-theme=default] .dark_1 {
    color: #191919
}

[data-theme=blue] .dark_1,[data-theme=yellow] .dark_1,[data-theme=beige] .dark_1,[data-theme=green] .dark_1 {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .dark_1 {
    color: rgba(255,255,255,.6)
}

.foot_1_2 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem;
    padding-top: .04rem;
    padding-bottom: .16rem;
    text-align: center
}

[data-theme=default] .foot_1_2 {
    color: gray
}

[data-theme=blue] .foot_1_2,[data-theme=yellow] .foot_1_2,[data-theme=beige] .foot_1_2,[data-theme=green] .foot_1_2 {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .foot_1_2 {
    color: rgba(255,255,255,.4)
}

body,body[data-theme=default],body[data-theme=blue],body[data-theme=yellow],body[data-theme=beige],body[data-theme=green] {
    --primary-red-500: #e5353e;
    --primary-red-300: #ff6f75;
    --primary-red-50: #ffe6e7;
    --secondary-blue-500: #5790df;
    --secondary-blue-300: #84b4f5;
    --secondary-blue-50: #ebeffa;
    --surface-gray-900: #191919;
    --surface-gray-700: #4c4c4c;
    --surface-gray-500: #808080;
    --surface-gray-400: #adadad;
    --surface-gray-300: #ccc;
    --surface-gray-200: #e0e0e0;
    --surface-gray-100: #ebebeb;
    --surface-gray-50: #f5f5f5;
    --surface-bw-white: #fff;
    --background-gray-100: #ebebeb;
    --background-gray-50: #f5f5f5;
    --background-bw-white: #fff;
    --sheet-background-gray-50: #f5f5f5;
    --sheet-background-bw-white: #fff;
    --nav-bar-background-bw-white: #fff;
    --on-image-bw-white: #fff;
    --on-image-white-70: rgba(255, 255, 255, .7);
    --on-image-white-36: rgba(255, 255, 255, .36);
    --on-image-black-90: rgba(0, 0, 0, .9);
    --on-image-black-60: rgba(0, 0, 0, .6);
    --on-image-black-36: rgba(0, 0, 0, .36);
    --outline-black-8: rgba(0, 0, 0, .08);
    --overlay-black-90: rgba(0, 0, 0, .9);
    --overlay-black-60: rgba(0, 0, 0, .6);
    --overlay-black-36: rgba(0, 0, 0, .36);
    --segmentation-black-4: rgba(0, 0, 0, .04);
    --bw-black: #000;
    --bw-white: #fff;
    --sd2: rgba(0, 0, 0, .06);
    --sd3: rgba(0, 0, 0, .06);
    --sd4: rgba(0, 0, 0, .07);
    --sd5: rgba(0, 0, 0, .08);
    --sd6: rgba(0, 0, 0, .09);
    --sd7: rgba(0, 0, 0, .1);
    --sd8: rgba(0, 0, 0, .12);
    --sd12: rgba(0, 0, 0, .16);
    --sd16: rgba(0, 0, 0, .16);
    --on-image-surface-black-4: rgba(0, 0, 0, .04);
    --on-image-surface-black-8: rgba(0, 0, 0, .08)
}

body[data-theme=blue] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #cedde1;
    --background-gray-50: #dcebef;
    --background-bw-white: #edf5f7;
    --sheet-background-gray-50: #dcebef;
    --sheet-background-bw-white: #edf5f7;
    --nav-bar-background-bw-white: #edf5f7
}

body[data-theme=yellow] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #e3d0a1;
    --background-gray-50: #efe2c0;
    --background-bw-white: #f4ecd1;
    --sheet-background-gray-50: #efe2c0;
    --sheet-background-bw-white: #f4ecd1;
    --nav-bar-background-bw-white: #f4ecd1
}

body[data-theme=beige] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #ebe6da;
    --background-gray-50: #f5f1e8;
    --background-bw-white: #faf9f4;
    --sheet-background-gray-50: #f5f1e8;
    --sheet-background-bw-white: #faf9f4;
    --nav-bar-background-bw-white: #faf9f4
}

body[data-theme=green] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #c9e0cb;
    --background-gray-50: #e0eee1;
    --background-bw-white: #ebfaeb;
    --sheet-background-gray-50: #e0eee1;
    --sheet-background-bw-white: #ebfaeb;
    --nav-bar-background-bw-white: #ebfaeb
}

body[data-theme=dark] {
    --primary-red-500: #ff4d55;
    --primary-red-300: rgba(229, 53, 62, .48);
    --primary-red-50: rgba(229, 53, 62, .16);
    --secondary-blue-500: #6da2ed;
    --secondary-blue-300: rgba(109, 162, 237, .48);
    --secondary-blue-50: rgba(114, 148, 227, .16);
    --surface-gray-900: rgba(255, 255, 255, .6);
    --surface-gray-700: rgba(255, 255, 255, .5);
    --surface-gray-500: rgba(255, 255, 255, .4);
    --surface-gray-400: rgba(255, 255, 255, .36);
    --surface-gray-300: rgba(255, 255, 255, .32);
    --surface-gray-200: rgba(255, 255, 255, .24);
    --surface-gray-100: rgba(255, 255, 255, .12);
    --surface-gray-50: rgba(255, 255, 255, .08);
    --surface-bw-white: rgba(255, 255, 255, .08);
    --background-gray-100: #0a0a0a;
    --background-gray-50: #111;
    --background-bw-white: #191919;
    --sheet-background-gray-50: #191919;
    --sheet-background-bw-white: #1f1f1f;
    --nav-bar-background-bw-white: #1f1f1f;
    --on-image-bw-white: rgba(255, 255, 255, .9);
    --on-image-white-70: rgba(255, 255, 255, .6);
    --on-image-white-36: rgba(255, 255, 255, .36);
    --on-image-black-90: rgba(0, 0, 0, .9);
    --on-image-black-60: rgba(0, 0, 0, .6);
    --on-image-black-36: rgba(0, 0, 0, .36);
    --outline-black-8: rgba(255, 255, 255, .12);
    --overlay-black-90: rgba(0, 0, 0, .9);
    --overlay-black-60: rgba(0, 0, 0, .6);
    --overlay-black-36: rgba(0, 0, 0, .36);
    --segmentation-black-4: rgba(0, 0, 0, .7);
    --bw-black: #000;
    --bw-white: #fff;
    --sd2: rgba(0, 0, 0, 0);
    --sd3: rgba(0, 0, 0, 0);
    --sd4: rgba(0, 0, 0, 0);
    --sd5: rgba(0, 0, 0, 0);
    --sd6: rgba(0, 0, 0, 0);
    --sd7: rgba(0, 0, 0, 0);
    --sd8: rgba(0, 0, 0, 0);
    --sd12: rgba(0, 0, 0, 0);
    --sd16: rgba(0, 0, 0, 0);
    --on-image-surface-black-4: rgba(255, 255, 255, .08);
    --on-image-surface-black-8: rgba(255, 255, 255, .12)
}

[data-theme=default] .wrap_f {
    background-color: #f5f5f5
}

[data-theme=blue] .wrap_f {
    background-color: #dcebef
}

[data-theme=yellow] .wrap_f {
    background-color: #efe2c0
}

[data-theme=beige] .wrap_f {
    background-color: #f5f1e8
}

[data-theme=green] .wrap_f {
    background-color: #e0eee1
}

[data-theme=dark] .wrap_f {
    background-color: #111
}

[data-theme=default] .whit_f {
    background-color: #fff
}

[data-theme=blue] .whit_f {
    background-color: #edf5f7
}

[data-theme=yellow] .whit_f {
    background-color: #f4ecd1
}

[data-theme=beige] .whit_f {
    background-color: #faf9f4
}

[data-theme=green] .whit_f {
    background-color: #ebfaeb
}

[data-theme=dark] .whit_f {
    background-color: #191919
}

.cont_f {
    min-height: calc(100vh - 1.4rem)
}

.foot_f_1 {
    box-sizing: border-box;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .12rem .16rem
}

[data-theme=default] .foot_f_1 {
    background-color: #fff
}

[data-theme=blue] .foot_f_1 {
    background-color: #edf5f7
}

[data-theme=yellow] .foot_f_1 {
    background-color: #f4ecd1
}

[data-theme=beige] .foot_f_1 {
    background-color: #faf9f4
}

[data-theme=green] .foot_f_1 {
    background-color: #ebfaeb
}

[data-theme=dark] .foot_f_1 {
    background-color: #191919
}

.fdwr_f {
    display: flex;
    align-items: center
}

.fdwr_f img {
    margin-right: .08rem
}

.fdti_f {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem
}

[data-theme=default] .fdti_f {
    color: #191919
}

[data-theme=blue] .fdti_f,[data-theme=yellow] .fdti_f,[data-theme=beige] .fdti_f,[data-theme=green] .fdti_f {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .fdti_f {
    color: rgba(255,255,255,.6)
}

.fdsu_f {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .2rem
}

[data-theme=default] .fdsu_f {
    color: gray
}

[data-theme=blue] .fdsu_f,[data-theme=yellow] .fdsu_f,[data-theme=beige] .fdsu_f,[data-theme=green] .fdsu_f {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .fdsu_f {
    color: rgba(255,255,255,.4)
}

.fdbt_f {
    height: .26rem!important
}

.logo_f {
    width: .36rem;
    height: .36rem
}

.down_f_2 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .12rem .16rem;
    z-index: 50;
    box-shadow: 0 -.02rem .14rem rgba(0,0,0,.08)
}

[data-theme=default] .down_f_2 {
    background-color: #fff
}

[data-theme=blue] .down_f_2 {
    background-color: #edf5f7
}

[data-theme=yellow] .down_f_2 {
    background-color: #f4ecd1
}

[data-theme=beige] .down_f_2 {
    background-color: #faf9f4
}

[data-theme=green] .down_f_2 {
    background-color: #ebfaeb
}

[data-theme=dark] .down_f_2 {
    background-color: #191919
}

.come_f {
    bottom: .6rem
}

.down_f_1 {
    flex: 1;
    padding: .06rem .16rem;
    background: linear-gradient(270deg,#fa646d 0%,#fa323e 100%);
    border: .005rem solid;
    box-sizing: border-box;
    border-radius: .36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none
}

[data-theme=default] .down_f_1,[data-theme=blue] .down_f_1,[data-theme=yellow] .down_f_1,[data-theme=beige] .down_f_1,[data-theme=green] .down_f_1,[data-theme=dark] .down_f_1 {
    color: #fff
}

[data-theme=default] .down_f_1,[data-theme=blue] .down_f_1,[data-theme=yellow] .down_f_1,[data-theme=beige] .down_f_1,[data-theme=green] .down_f_1,[data-theme=dark] .down_f_1 {
    border-color: rgba(0,0,0,.08)
}

[data-theme=default] .down_f_1,[data-theme=blue] .down_f_1,[data-theme=yellow] .down_f_1,[data-theme=beige] .down_f_1,[data-theme=green] .down_f_1,[data-theme=dark] .down_f_1 {
    box-shadow: 0 .04rem .16rem rgba(229,53,62,.24)
}

.down_f_1 i {
    background: url(/images/bg22.png) center no-repeat;
    background-size: 100% 100%;
    width: .16rem;
    height: .16rem;
    margin-right: .04rem
}

.foot_f {
    position: fixed;
    z-index: 1;
    right: .12rem;
    bottom: .88rem;
    width: .44rem;
    height: .44rem;
    -webkit-transition: opacity .25s,visibility .25s;
    transition: opacity .25s,visibility .25s;
    opacity: 0;
    color: #fff;
    border-radius: .44rem;
    display: flex;
    justify-content: center;
    align-items: center
}

[data-theme=default] .foot_f,[data-theme=blue] .foot_f,[data-theme=yellow] .foot_f,[data-theme=beige] .foot_f,[data-theme=green] .foot_f,[data-theme=dark] .foot_f {
    background-color: rgba(0,0,0,.6)
}

.foot_f i {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/bg23.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.text_f {
    margin: 0;
    white-space: nowrap;
    font-weight: 500
}

.text_f:after {
    content: "打开起点读书，新用户14天海量作品免费读"
}

.text_f[data-mm="1"]:after {
    content: "打开APP，新人免费读本书"
}

.text_f[data-pid=mqd_P_freem]:after {
    content: "打开起点读书App，第一时间获取限免通知"
}

.exch_f {
    display: none
}