.book_v_13 {
    display: flex;
    align-items: center;
    padding: 0 .16rem;
    background-color: #fff;
}

.tabn_v {
    position: relative;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .26rem;
    margin: .17rem .16rem .09rem 0
}

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

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

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

.tabn_v span {
    position: relative;
    z-index: 1
}

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

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

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

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

.taba_v:before {
    position: absolute;
    bottom: .02rem;
    left: 0;
    width: .22rem;
    height: .07rem;
    content: "";
    background: url(/images/bg6.png) no-repeat center/100% 100%
}

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

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

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

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

.recc_v_1 {
    overflow-x: auto;
    margin-top: -.06rem
}

.recc_v_1::-webkit-scrollbar {
    display: none
}

.recc_v {
    width: 4.4rem
}

.book_v_16 {
    display: inline-block;
    width: 2rem;
    height: .68rem;
    margin-right: .08rem;
    margin-top: .16rem;
    position: relative
}

.corn_v {
    position: absolute;
    width: .32rem;
    height: .32rem;
    background-image: url(/images/bg7.png);
    background-size: 100% 100%;
    left: 0;
    bottom: .02rem
}

.book_v_16:nth-child(2n) {
    margin-left: .16rem
}

.cate_v {
    display: inline-block;
    padding: .04rem .02rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .13rem;
    transform: scale(.83);
    transform-origin: center
}

.read_v_9 {
    position: relative;
    min-height: 1rem;
}

.read_v_9 .print {
    padding-top: .22rem
}

.read_v_9 .read_v_7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    white-space: pre-wrap
}

.read_v_9 .cont_v_1 {
    position: absolute;
    z-index: 2;
    bottom: .35rem;
    left: 0;
    right: 0;
    height: 2rem;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 41.38%,rgb(255,255,255) 100%)
}

.read_v_9 .open_v_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .18rem;
    width: 2.08rem;
    height: .34rem;
    border: .01rem solid #adadad;
    border-radius: .17rem;
    text-align: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem
}

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

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

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

[data-theme=default] .read_v_9 .open_v_1 .open_v {
    color: gray
}

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

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

.read_v_2 {
    position: absolute;
    top: 0;
    font-size: .12rem;
    font-weight: 500
}

.read_v_2 ._little-comm_ {
    padding: .03rem .08rem;
    border-radius: 0 0 .06rem .06rem;
    background: #ebebeb;
    color: gray
}

.read_v_2 ._more-comm_v_ {
    padding: .03rem .08rem;
    border-radius: 0 0 .06rem .06rem;
    background: #ffe6e7;
    color: #e5353e
}

.read_v_6 {
    margin-bottom: .34rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .24rem;
    line-height: .32rem
}

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

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

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

.read_v_3 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .26rem
}

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

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

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

.read_v_3 p {
    margin-top: .16rem
}

.book_v_12 {
    position: relative;
    text-align: center;
    padding-bottom: .2rem
}

.prod_v {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    margin-top: .24rem
}

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

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

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

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

[data-theme=default] .copy_v {
    color: #ccc
}

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

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

.bdfo_v {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 .2rem
}

.bdne_v,.bdre_v {
    box-sizing: border-box;
    width: 50%
}

.bdre_v {
    position: relative;
    margin-left: .08rem
}

.bdre_v .y-button {
    width: 100%
}

.read_v_1 .y-button__tex {
    display: flex;
    justify-content: center;
    align-items: center
}

.read_v_1 .y-button__tex i {
    margin-left: -.1rem
}

.read_v_4 {
    position: absolute;
    top: -.08rem;
    right: -.08rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .12rem;
    transform: scale(.75);
    transform-origin: center;
    border: .01rem solid;
    box-sizing: border-box;
    border-radius: .07rem .07rem .07rem .01rem;
    padding-right: .04rem
}

[data-theme=default] .read_v_4,[data-theme=blue] .read_v_4,[data-theme=yellow] .read_v_4,[data-theme=beige] .read_v_4,[data-theme=green] .read_v_4,[data-theme=dark] .read_v_4 {
    background-color: #fff5d6
}

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

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

[data-theme=blue] .read_v_4 {
    border-color: #edf5f7
}

[data-theme=yellow] .read_v_4 {
    border-color: #f4ecd1
}

[data-theme=beige] .read_v_4 {
    border-color: #faf9f4
}

[data-theme=green] .read_v_4 {
    border-color: #ebfaeb
}

[data-theme=dark] .read_v_4 {
    border-color: #191919
}

.redp_v {
    display: inline-block;
    vertical-align: top;
    margin: .02rem;
    width: .12rem;
    height: .12rem;
    background: url(/images/bg8.png) no-repeat center 100%/100%
}

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

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

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

.read_v_5 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .12rem;
    transform: scale(.75);
    transform-origin: center
}

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

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

.bdmo_v {
    display: flex;
    padding: .12rem .16rem
}

.bdmo_v>li {
    width: 50%
}

.bdmo_v>li:only-child {
    width: 100%
}

.bdmo_v>li+li {
    padding-left: .12rem;
    border-left: .01rem solid
}

[data-theme=default] .bdmo_v>li+li {
    border-color: rgba(0,0,0,.08)
}

[data-theme=blue] .bdmo_v>li+li {
    border-color: rgba(0,0,0,.08)
}

[data-theme=yellow] .bdmo_v>li+li {
    border-color: rgba(0,0,0,.08)
}

[data-theme=beige] .bdmo_v>li+li {
    border-color: rgba(0,0,0,.08)
}

[data-theme=green] .bdmo_v>li+li {
    border-color: rgba(0,0,0,.08)
}

[data-theme=dark] .bdmo_v>li+li {
    border-color: rgba(255,255,255,.12)
}

.hono_v_1 {
    position: relative;
    display: flex;
    justify-content: space-between
}

.hono_v {
    flex: 1
}

.hono_v_4 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .26rem
}

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

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

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

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

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

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

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

[data-theme=default] .hono_v_2 i {
    color: #ccc
}

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

[data-theme=dark] .hono_v_2 i {
    color: rgba(255,255,255,.32)
}

.hono_v_3 {
    display: block;
    width: .44rem;
    height: .44rem
}

.bdmo_v_2 {
    margin: 0 .12rem .08rem;
    padding: .12rem .16rem;
    border-radius: .1rem;
    overflow: hidden
}

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

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

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

.bdmo_v_1 {
    padding: .12rem .16rem .16rem
}

.reco_v_2 {
    padding-right: 0;
    padding-left: 0
}

.book_v_14 {
    padding-top: .02rem;
    position: relative
}

.fans_v {
    width: .4rem;
    height: .4rem;
    border: .005rem solid;
    border-radius: 2rem;
    vertical-align: bottom;
    display: block
}

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

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

.myta_v {
    position: absolute;
    bottom: -.06rem;
    left: 0;
    display: inline-block;
    min-width: .4rem;
    text-align: center
}

.hono_v_5 {
    margin-left: .12rem
}

.work_v_1 {
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.work_v_5 {
    overflow: hidden;
    margin-bottom: .16rem
}

.btng_v_1 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    table-layout: fixed;
    display: flex;
    overflow-x: auto;
    padding-bottom: .08rem;
    scroll-snap-type: x mandatory
}

.btng_v_1::-webkit-scrollbar {
    display: none
}

.btng_v {
    font-size: 100%;
    font-weight: 400;
    display: table-cell;
    margin-right: .08rem;
    flex: 1;
    scroll-snap-align: start;
    text-align: center
}

.btng_v:first-child {
    padding-left: .16rem
}

.btnt_v_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .26rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: .16rem
}

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

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

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

.btnt_v {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .26rem;
    position: relative
}

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

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

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

.btnt_v span {
    position: relative;
    z-index: 1
}

.btnt_v span:before {
    position: absolute;
    bottom: .04rem;
    left: 0;
    width: .22rem;
    height: .07rem;
    content: "";
    z-index: -1;
    background: url(/images/bg6.png) no-repeat center/100% 100%
}

.work_v_4 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    padding: 0 .16rem
}

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

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

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

.olac_v {
    display: block
}

.modu_v_4 {
    position: relative;
    padding: 0;
    white-space: initial
}

.work_v_3 {
    pointer-events: none
}

.book_v_15 {
    position: relative;
    display: block;
    overflow: hidden;
    transition: padding-left .15s;
    margin-bottom: .08rem;
    padding: .08rem;
    border-radius: .08rem
}

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

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

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

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

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

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

.role_v_1 {
    margin-bottom: .04rem
}

.book_v_1 {
    position: relative;
    float: left;
    width: .48rem;
    height: .48rem;
    margin-right: .04rem
}

.book_v {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%
}

[data-theme=default] .book_v,[data-theme=blue] .book_v,[data-theme=yellow] .book_v,[data-theme=beige] .book_v,[data-theme=green] .book_v {
    box-shadow: 0 0 .01rem rgba(0,0,0,.08)
}

[data-theme=dark] .book_v {
    box-shadow: 0 0 .01rem rgba(255,255,255,0)
}

.book_v_15 {
    overflow: hidden;
    height: .48rem
}

.book_v_13 {
    display: block;
    overflow: hidden
}

.book_v_14 {
    margin-bottom: .02rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .16rem;
    line-height: .24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

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

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

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

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

.role_v {
    max-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap
}

.work_v_2 {
    margin-bottom: .12rem;
    padding-bottom: .12rem;
    border-bottom: .01rem solid
}

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

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

.slid_v_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem
}

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

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

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

.slid_v {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .16rem;
    line-height: .24rem
}

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

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

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

.subs_v_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .16rem;
    line-height: .24rem
}

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

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

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

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

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

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

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

.work_v {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .12rem;
    text-align: center;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 29.34%,#fff 52.22%,#fff 100%)
}

[data-theme=default] .work_v {
    color: #ccc
}

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

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

.auth_v {
    margin: 0 .12rem .08rem;
    border-radius: .1rem;
    padding: .12rem .16rem
}

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

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

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

.auth_v_5 {
    display: inline-block;
    width: .42rem;
    height: .26rem;
    margin-left: .04rem;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: contain
}

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

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

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

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

.auth_v_4 {
    display: flex;
    align: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .26rem
}

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

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

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

.modu_v_3 {
    display: block;
    overflow: hidden;
    border-top: 0
}

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

.modu_v_1 {
    float: left
}

.modu_v_2 {
    float: right;
    line-height: .26rem;
    margin-right: .16rem
}

[data-theme=default] .modu_v_2 i {
    color: #ccc
}

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

[data-theme=dark] .modu_v_2 i {
    color: rgba(255,255,255,.32)
}

.modu_v_5 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .26rem
}

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

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

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

.sear_v {
    margin-top: .04rem;
    display: flex;
    flex-wrap: wrap
}

.btnl_v {
    padding: .04rem .1rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    border-radius: .24rem;
    margin-right: .08rem;
    margin-top: .08rem
}

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

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

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

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

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

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

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

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

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

.reco_v_3 {
    max-width: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: .16rem
}

.modu_v {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem
}

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

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

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

.reco_v_1 {
    overflow-x: auto;
    padding-left: .16rem;
    margin-top: -.06rem
}

.reco_v_1::-webkit-scrollbar {
    display: none
}

.reco_v {
    width: 6.4rem;
    font-size: 0
}

.book_v_16 {
    display: inline-block;
    width: 2rem;
    height: .68rem;
    margin-right: .08rem;
    margin-top: .16rem
}

.book_v_16 {
    float: left;
    padding: .02rem .08rem .02rem 0
}

.book_v_10 {
    width: .48rem;
    height: .64rem;
    border: .005rem solid;
    border-radius: .04rem
}

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

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

.book_v_15 {
    height: .68rem;
    overflow: hidden
}

.book_v_11 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.book_v_11 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem
}

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

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

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

.book_v_11 a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

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

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

.book_v_12 {
    height: .16rem;
    margin-top: .04rem
}

.cycl_v {
    width: .16rem;
    height: .16rem;
    float: left
}

.cycl_v_1,.cate_v {
    display: inline-block;
    padding: .015rem 0
}

.cycl_v_1 span,.cate_v span {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .13rem;
    transform: scale(.83);
    transform-origin: center;
    display: block
}

.cycl_v_1 {
    border-radius: 0 .04rem .04rem 0;
    margin-right: .04rem
}

[data-theme=default] .cycl_v_1,[data-theme=blue] .cycl_v_1,[data-theme=yellow] .cycl_v_1,[data-theme=beige] .cycl_v_1,[data-theme=green] .cycl_v_1 {
    background-color: #ffe6e7
}

[data-theme=dark] .cycl_v_1 {
    background-color: rgba(229,53,62,.16)
}

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

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

.cycl_v_1 span {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .13rem;
    transform: scale(.83);
    transform-origin: center;
    display: block
}

.cate_v {
    border-radius: .04rem
}

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

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

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

[data-theme=default] .cate_v {
    color: #adadad
}

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

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

.hotq_v {
    padding: .12rem .16rem;
    margin: 0 .12rem .08rem;
    border-radius: .1rem
}

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

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

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

.hotq_v h2,.hotq_v p {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem
}

[data-theme=default] .hotq_v h2,[data-theme=default] .hotq_v p {
    color: #191919
}

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

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

.hotq_v p {
    font-weight: 400
}

.hotq_v h3 {
    float: left;
    width: 82%;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .26rem
}

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

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

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

.hot_v {
    display: block;
    margin-top: .12rem
}

.hot_v:first-child {
    margin-top: 0
}

.hott_v {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.hotm_v {
    border-radius: .24rem;
    width: .52rem;
    height: .24rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    padding: .04rem .06rem
}

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

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

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

[data-theme=default] .hotm_v i {
    color: #ccc
}

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

[data-theme=dark] .hotm_v i {
    color: rgba(255,255,255,.32)
}

.hotc_v {
    margin-top: .04rem;
    text-align: left
}

.hotn_v {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem;
    display: inline-block;
    margin-right: .08rem;
    margin-top: .08rem;
    padding: .02rem .08rem;
    border-radius: .24rem
}

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

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

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

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

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

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

.mybo_v {
    margin: 0 .16rem;
    position: relative;
    overflow: hidden
}

.ipba_v {
    border-radius: .1rem;
    margin: 0 .12rem .08rem;
    overflow: hidden;
    display: block
}

.ipba_v_1 {
    width: 100%
}

.empt_k {
    height: 1.9rem;
    text-align: center;
    padding: .4rem 0
}

.empt_k_1 {
    width: .48rem;
    height: .48rem;
    margin: 0 auto
}

.main_k {
    font-size: .16rem;
    font-weight: 500;
    line-height: .24rem;
    text-align: center;
    color: gray;
    margin-top: .12rem
}

.subt_k {
    margin-top: .04rem;
    font-size: .14rem;
    font-weight: 500;
    line-height: .22rem;
    letter-spacing: 0em;
    text-align: center;
    color: #5790df
}

.book_k_1 {
    margin: .12rem;
    padding: .12rem .16rem .16rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: 0
}

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

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

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

.book_k_1 .head_k {
    display: flex;
    height: .28rem;
    line-height: .28rem
}

.book_k_1 .left_k_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .26rem
}

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

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

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

.book_k_1 .book_k:nth-child(n+2) {
    margin-top: .24rem
}

.book_k_1 .book_k:nth-child(1) {
    margin-top: .1rem
}

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

.foot_k object {
    height: .16rem;
    display: block
}

.foot_k a,.foot_k em {
    width: auto;
    border-radius: .04rem;
    padding: 0 .03rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .13rem;
    transform: scale(.83);
    transform-origin: center;
    -webkit-text-size-adjust: 100%;
    display: block;
    white-space: nowrap;
    height: .16rem;
    line-height: .16rem
}

[data-theme=default] .foot_k a,[data-theme=default] .foot_k em {
    background-color: #f5f5f5
}

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

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

[data-theme=default] .foot_k a,[data-theme=default] .foot_k em {
    color: #adadad
}

[data-theme=blue] .foot_k a,[data-theme=blue] .foot_k em,[data-theme=yellow] .foot_k a,[data-theme=yellow] .foot_k em,[data-theme=beige] .foot_k a,[data-theme=beige] .foot_k em,[data-theme=green] .foot_k a,[data-theme=green] .foot_k em {
    color: rgba(0,0,0,.36)
}

[data-theme=dark] .foot_k a,[data-theme=dark] .foot_k em {
    color: rgba(255,255,255,.36)
}

.foot_k em {
    margin-left: .04rem
}

.empt_k_2 {
    width: .32rem;
    height: auto;
    margin: 1.49rem auto .16rem;
    display: block
}

.erro_k {
    padding-bottom: .12rem;
    overflow: hidden
}

.erro_k h5 {
    text-align: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem
}

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

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

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

.goho_k {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem;
    text-align: center;
    margin: 0 auto 1.26rem;
    display: block
}

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

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

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

[data-theme=default] .down_k {
    background-color: #ebebeb
}

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

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

.down_k .auth_k {
    padding: .12rem
}

.down_k .auth_k .auth_k_1 {
    display: flex;
    border-radius: 100%;
    align-items: center;
    margin-bottom: .08rem
}

.down_k .auth_k .auth_k_1 img {
    width: .24rem;
    height: .24rem;
    margin-right: .08rem
}

.down_k .auth_k .auth_k_1 .auth_k_2 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem
}

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

[data-theme=dark] .down_k .auth_k .auth_k_1 .auth_k_2 {
    color: #6da2ed
}

.down_k .auth_k .guid_k {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    margin: .04rem auto .08rem
}

[data-theme=default] .down_k .auth_k .guid_k {
    color: gray
}

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

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

.down_k .auth_k .cont_k {
    border-radius: .06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .12rem
}

[data-theme=default] .down_k .auth_k .cont_k {
    background-color: #fff
}

[data-theme=blue] .down_k .auth_k .cont_k {
    background-color: #edf5f7
}

[data-theme=yellow] .down_k .auth_k .cont_k {
    background-color: #f4ecd1
}

[data-theme=beige] .down_k .auth_k .cont_k {
    background-color: #faf9f4
}

[data-theme=green] .down_k .auth_k .cont_k {
    background-color: #ebfaeb
}

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

.down_k .auth_k .cont_k .left_k_1 {
    display: flex;
    align-items: center
}

.down_k .auth_k .cont_k img {
    width: .48rem;
    height: .48rem;
    display: block;
    margin-right: .12rem
}

.down_k .auth_k .cont_k .y-button {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .16rem;
    width: .68rem;
    height: .28rem;
    padding: .06rem .1rem
}

.down_k .auth_k .cont_k .titl_k {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem
}

[data-theme=default] .down_k .auth_k .cont_k .titl_k {
    color: #191919
}

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

[data-theme=dark] .down_k .auth_k .cont_k .titl_k {
    color: rgba(255,255,255,.6)
}

.down_k .auth_k .cont_k .subt_k_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .13rem;
    line-height: .2rem
}

[data-theme=default] .down_k .auth_k .cont_k .subt_k_1 {
    color: gray
}

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

[data-theme=dark] .down_k .auth_k .cont_k .subt_k_1 {
    color: rgba(255,255,255,.4)
}

.cate_k_1 {
    margin: .12rem;
    padding: .12rem .16rem .16rem;
    border-radius: .1rem
}

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

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

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

.cate_k_1 .head_k {
    display: flex;
    height: .28rem;
    line-height: .28rem;
    margin-bottom: .12rem
}

.cate_k_1 .left_k_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .26rem;
    flex: 1
}

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

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

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

.cate_k_1 .righ_k_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    line-height: .28rem
}

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

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

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

[data-theme=default] .cate_k_1 .righ_k_1 .arro_k {
    color: #ccc
}

[data-theme=blue] .cate_k_1 .righ_k_1 .arro_k,[data-theme=yellow] .cate_k_1 .righ_k_1 .arro_k,[data-theme=beige] .cate_k_1 .righ_k_1 .arro_k,[data-theme=green] .cate_k_1 .righ_k_1 .arro_k {
    color: rgba(0,0,0,.32)
}

[data-theme=dark] .cate_k_1 .righ_k_1 .arro_k {
    color: rgba(255,255,255,.32)
}

.cate_k_2 {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap
}

.cate_k_2 li {
    margin-right: .08rem;
    margin-bottom: .08rem
}

.cate_k {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    border-radius: .24rem;
    padding: .04rem .1rem
}

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

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

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

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

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

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

.end_k {
    margin-left: .12rem;
    margin-right: .12rem
}

.list_k {
    background-color: #fff;
    margin: auto .16rem;
    padding: .12rem 0;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .15rem;
    line-height: .23rem;
    border-bottom: .01rem solid;
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

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

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

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

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

.list_k:last-child {
    border: none
}

.ttsl_m {
    display: none
}

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

.rolesWrap {
    padding: .12rem .16rem;
    overflow-x: auto;
    overflow-y: hidden
}

.rolesWrap::-webkit-scrollbar {
    display: none
}

.container {
    display: flex;
    align-items: flex-start;
    gap: .1rem;
    overflow-x: auto
}

.roleBox {
    border-radius: .08rem;
    min-width: 1.6rem;
    height: 1.08rem;
    padding: .12rem
}

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

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

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

.roleBox .topPart {
    display: flex
}

.roleBox .topPart .avatar {
    width: .4rem;
    height: .4rem;
    background-color: pink;
    border-radius: .2rem;
    margin-right: .08rem
}

.roleBox .name {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .12rem;
    line-height: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: pre-wrap
}

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

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

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

.roleBox .identity {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem
}

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

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

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

.roleBox .bottomPart {
    display: flex;
    margin-top: .08rem
}

.roleBox .bottomPart .tags {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    max-height: .36rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .18rem
}

[data-theme=default] .roleBox .bottomPart .tags {
    color: #4c4c4c
}

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

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

.roleBox .bottomPart .tags .tag:not(:last-child):after {
    content: "|";
    margin-left: .04rem;
    margin-right: .04rem
}

.roleBox .bottomPart .likeInfo {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.roleBox .bottomPart .likeInfo .likeCount {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .1rem;
    line-height: .14rem;
    font-family: Yuewen Font;
    white-space: nowrap
}

[data-theme=default] .roleBox .bottomPart .likeInfo .likeCount {
    color: #191919
}

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

[data-theme=dark] .roleBox .bottomPart .likeInfo .likeCount {
    color: rgba(255,255,255,.6)
}

.otherRoles {
    height: 1.08rem;
    min-width: .72rem;
    border-radius: .08rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: .04rem
}

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

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

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

.hide-scrollba {
    overflow: auto;
    overflow-y: auto;
    overflow-x: auto
}

.hide-scrollba::-webkit-scrollbar {
    display: none
}

.hide-scrollba {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.cont_o {
    position: absolute;
    z-index: 2;
    bottom: .6rem;
    left: 0;
    right: 0;
    height: 2rem;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 41.38%,rgb(255,255,255) 100%)
}

.open_o {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .2rem auto 0;
    width: 2.8rem;
    height: .34rem;
    border: .01rem solid #adadad;
    border-radius: .17rem;
    text-align: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem
}

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

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

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

.open_o .text_o {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem
}

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

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

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

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

.box {
    padding: .08rem 0;
    position: relative
}

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

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

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

.container {
    padding: 0 .16rem .18rem;
    background-color: #fff
}

.headerWrap {
    display: flex;
    justify-content: space-between;
    padding: .12rem 0
}

.headerWrap .title {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .2rem;
    line-height: .28rem
}

.headerWrap .gotoPost {
    display: flex;
    align-items: center;
    gap: .04rem
}

.headerWrap .gotoPost .text {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem
}

[data-theme=default] .headerWrap .gotoPost .text {
    color: gray
}

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

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

.postsWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .08rem;
    align-self: stretch
}

.postsWrap .post {
    position: relative;
    border-radius: .08rem;
    width: 100%;
    height: 1.26rem;
    padding: .12rem
}

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

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

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

.postsWrap .post .topPart {
    display: flex;
    gap: .08rem
}

.postsWrap .post .topPart .postInfo .title {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .15rem;
    line-height: .23rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    max-height: .24rem
}

[data-theme=default] .postsWrap .post .topPart .postInfo .title {
    color: #191919
}

[data-theme=blue] .postsWrap .post .topPart .postInfo .title,[data-theme=yellow] .postsWrap .post .topPart .postInfo .title,[data-theme=beige] .postsWrap .post .topPart .postInfo .title,[data-theme=green] .postsWrap .post .topPart .postInfo .title {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .postsWrap .post .topPart .postInfo .title {
    color: rgba(255,255,255,.6)
}

.postsWrap .post .topPart .postInfo .description {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap
}

[data-theme=default] .postsWrap .post .topPart .postInfo .description {
    color: gray
}

[data-theme=blue] .postsWrap .post .topPart .postInfo .description,[data-theme=yellow] .postsWrap .post .topPart .postInfo .description,[data-theme=beige] .postsWrap .post .topPart .postInfo .description,[data-theme=green] .postsWrap .post .topPart .postInfo .description {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .postsWrap .post .topPart .postInfo .description {
    color: rgba(255,255,255,.4)
}

.postsWrap .post .topPart .havePic {
    flex: 1
}

.postsWrap .post .topPart .postPic {
    border-radius: .04rem;
    width: .7rem;
    height: .7rem;
    object-fit: cover
}

.postsWrap .post .bottomPart {
    margin-top: .08rem;
    display: flex;
    position: absolute;
    bottom: .12rem
}

.postsWrap .post .bottomPart .avatar {
    width: .24rem;
    height: .24rem;
    background-color: #adff2f;
    border-radius: .12rem;
    margin-right: .08rem
}

.postsWrap .post .bottomPart .name {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .24rem
}

[data-theme=default] .postsWrap .post .bottomPart .name {
    color: gray
}

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

[data-theme=dark] .postsWrap .post .bottomPart .name {
    color: rgba(255,255,255,.4)
}

.postsWrap .postNoPic {
    height: 1rem
}

.haveNoPosts .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .12rem;
    padding: .4rem 0
}

.haveNoPosts .content .postText {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .16rem;
    line-height: .24rem
}

[data-theme=default] .haveNoPosts .content .postText {
    color: gray
}

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

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

.haveNoPosts .gotoPost {
    width: 2.8rem;
    height: .34rem;
    border: .01rem solid #adadad;
    border-radius: .17rem;
    text-align: center;
    margin: 0 auto;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem;
    line-height: .34rem
}

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

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

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

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

.download-bar {
    width: 1.2rem;
    height: .36rem;
    border-radius: .4rem 0 0 .4rem;
    border: .01rem solid;
    background: #666;
    padding: .04rem 0 .04rem .05rem;
    position: fixed;
    right: 0;
    top: 2.85rem;
    z-index: 99;
    display: flex;
    align-items: center
}

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

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

.download-bar.fold {
    width: .4rem
}

.download-bar .icon-containe {
    width: .28rem;
    height: .28rem;
    margin-right: .04rem;
    border-radius: .14rem;
    background-color: rgba(255,255,255,.16);
    display: flex;
    align-items: center;
    justify-content: center
}

.download-bar .icon-containe .icon {
    width: .18rem;
    height: .18rem
}

.download-bar .text {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .13rem;
    line-height: .2rem
}

[data-theme=default] .download-bar .text,[data-theme=blue] .download-bar .text,[data-theme=yellow] .download-bar .text,[data-theme=beige] .download-bar .text,[data-theme=green] .download-bar .text {
    color: #fff
}

[data-theme=dark] .download-bar .text {
    color: rgba(255,255,255,.9)
}

.download-bar .arrowicon {
    font-size: .1rem
}

[data-theme=default] .download-bar .arrowicon,[data-theme=blue] .download-bar .arrowicon,[data-theme=yellow] .download-bar .arrowicon,[data-theme=beige] .download-bar .arrowicon,[data-theme=green] .download-bar .arrowicon {
    color: #fff
}

[data-theme=dark] .download-bar .arrowicon {
    color: rgba(255,255,255,.9)
}

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

.activity-card {
    margin-bottom: -.12rem;
    margin-top: -.2rem;
    width: 100%;
    min-height: .86rem;
    padding: .12rem .16rem .28rem;
    background-image: url(/images/card-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: .2rem .2rem 0 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .08rem;
    position: relative;
    z-index: 5
}

.pop-btn {
    width: .68rem;
    height: .28rem;
    font-size: .12rem;
    background-color: linear-gradient(90deg,#fa646d 0%,#fa323e 100%)
}

.y-button {
    padding: 0
}

.content-box p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    color: #e5353e;
    line-height: .2rem;
    font-size: .12rem
}

.content-box p:first-child {
    font-size: .14rem;
    font-weight: 500;
    line-height: .22rem;
    margin-bottom: .04rem
}

.ddlb_m {
    padding: .11rem 0;
    border-radius: 99.99rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

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

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

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

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

.topt_m {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem
}

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

.open_a_3 {
    width: .68rem;
    height: .28rem;
    margin-right: .14rem;
    border-radius: .24rem
}

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

.open_a_2 {
    position: relative;
    width: 100%;
    height: 100%
}

.open_a_2:before {
    content: "打开App";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .16rem;
    white-space: nowrap
}

[data-theme=default] .open_a_2:before {
    color: #e5353e
}

[data-theme=blue] .open_a_2:before {
    color: #e5353e
}

[data-theme=yellow] .open_a_2:before {
    color: #e5353e
}

[data-theme=beige] .open_a_2:before {
    color: #e5353e
}

[data-theme=green] .open_a_2:before {
    color: #e5353e
}

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

.modu_a {
    border-radius: 0;
    margin: 0;
    padding: .12rem .16rem
}

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

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

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

.modu_a .smal_a {
    display: inline-block;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem;
    padding: 0 .06rem;
    margin-left: .06rem
}

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

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

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

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

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

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

.modu_a .chan_a {
    position: absolute;
    right: 0;
    display: inline-flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%)
}

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

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

.modu_a .chan_a span {
    display: inline-block;
    margin-left: .05rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .13rem;
    line-height: .2rem
}

.box_a {
    padding: .08rem 0;
    background-color: rgba(0,0,0,.04)
}

.open_a_1 {
    margin-right: .14rem;
    width: .68rem;
    height: .24rem
}

.open_a_1 .open_a {
    width: .7rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .12rem;
    line-height: .16rem
}

.open_a_1 .open_a:before {
    content: "打开APP"
}

.down_a_1 {
    margin-right: .09rem;
    width: 1.02rem
}

.down_a_1 .down_a {
    font-weight: 500;
    font-size: .14rem
}

.down_a_1 .down_a:before {
    content: "下载全本"
}

.down_a_1 .b_a:before {
    content: "下载txt"
}

.abbd_a {
    position: relative;
    display: flex;
    border-radius: 0 0 .1rem .1rem;
    flex: 1
}

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

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

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

.abbd_a .ddlp_a {
    font-size: .14rem;
    font-weight: 500!important;
    background-color: #e5353e;
}

.abbd_a .y-button__tex {
    display: flex;
    align-items: center
}

.tool_a {
    font-size: .12rem;
    white-space: nowrap;
    transform: translate(.15rem);
    position: absolute;
    top: -.2rem;
    right: 0;
    background: rgba(0,0,0,.36);
    color: #fff;
    padding: .04rem .1rem
}

.left_a {
    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_a {
    font-size: 0;
    line-height: 0
}

.bann_a {
    position: absolute;
    top: 0;
    opacity: .15;
    filter: blur(.18rem);
    transform: translateZ(0)
}

.abho_a {
    margin-right: .12rem
}

.head_a {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .16rem;
    padding: .04rem .08rem;
    border-radius: .24rem;
    margin-right: .18rem;
    width: .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

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

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

.corn_a {
    position: absolute;
    left: .16rem;
    top: .64rem;
    width: .28rem;
    height: .16rem;
    overflow: hidden
}

.corn_a .free_a {
    width: 100%;
    height: 100%;
    vertical-align: unset
}

.book_a {
    position: absolute;
    left: .16rem;
    top: .64rem;
    width: .87rem;
    height: .28rem;
    opacity: .9;
    margin-top: .88rem;
    padding: .04rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .04rem;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%)
}

.book_a .labe_a {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .13rem
}

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

[data-theme=dark] .book_a .labe_a {
    color: rgba(255,255,255,.9)
}

.book_a .time_a {
    font-family: Yuewen Font;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .16rem
}

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

[data-theme=dark] .book_a .time_a {
    color: rgba(255,255,255,.9)
}

.auth_a {
    display: inline-block;
    width: .42rem;
    height: .22rem;
    margin-left: .04rem;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: contain
}

.summ_a {
    position: absolute;
    right: .12rem;
    bottom: 0;
    border-radius: .06rem;
    padding: .01rem .03rem
}

[data-theme=default] .summ_a {
    color: #adadad
}

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

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

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

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

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

.bdce_a_2 {
    position: relative;
    margin: auto .12rem
}

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

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

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

.bdce_a_2 ul {
    display: flex;
    justify-content: center
}

.bdce_a_2 li {
    width: 33.3333333333%;
    text-align: center;
    position: relative;
    flex: 1
}

.bdce_a_2 li em {
    position: absolute;
    right: 0;
    top: .06rem
}

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

[data-theme=dark] .bdce_a_2 li em {
    color: rgba(255,255,255,.12)
}

.bdce_a_2 a {
    display: block;
    padding: .06rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-theme=default] .bdce_a_2 a i {
    color: gray
}

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

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

.bdce_a_2 span {
    margin-left: .02rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem
}

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

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

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

._disa_a {
    opacity: .5
}

.bdce_a_1 {
    position: relative;
    display: flex;
    border-radius: 0 0 .1rem .1rem;
    margin-top: .14rem;
    padding: 0 .16rem
}

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

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

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

.bdce_a_1 .y-button__tex {
    display: flex;
    align-items: center
}

.bdce_a {
    position: relative;
    display: block;
    flex: 1;
    border-radius: .24rem;
    padding: .07rem 0;
    text-align: center;
    box-sizing: border-box;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .18rem
}

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

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

.read_a {
    position: absolute;
    top: -.08rem;
    right: -.08rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .12rem;
    transform: scale(.75);
    transform-origin: center;
    border: .01rem solid;
    box-sizing: border-box;
    border-radius: .07rem .07rem .07rem .01rem;
    padding-right: .04rem
}

[data-theme=default] .read_a,[data-theme=blue] .read_a,[data-theme=yellow] .read_a,[data-theme=beige] .read_a,[data-theme=green] .read_a,[data-theme=dark] .read_a {
    background-color: #fff5d6
}

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

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

[data-theme=blue] .read_a {
    border-color: #edf5f7
}

[data-theme=yellow] .read_a {
    border-color: #f4ecd1
}

[data-theme=beige] .read_a {
    border-color: #faf9f4
}

[data-theme=green] .read_a {
    border-color: #ebfaeb
}

[data-theme=dark] .read_a {
    border-color: #191919
}

.redp_a {
    display: inline-block;
    vertical-align: top;
    margin: .02rem;
    width: .12rem;
    height: .12rem;
    background: url(/images/bg8.png) no-repeat center 100%/100%
}

.empt_a .y-empty__img {
    width: .48rem;
    height: .48rem
}

.empt_a .y-empty__titl {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem
}

[data-theme=default] .empt_a .y-empty__titl {
    color: gray
}

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

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

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

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

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

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

.btnt_a:before {
    content: "打开起点读书App阅读"
}

.tipt_a {
    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] .tipt_a {
    color: #fff
}

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

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

.tipt_a:before {
    content: "新人海量作品14天免费读"
}

.ddlb_a {
    padding: .11rem 0;
    border-radius: 99.99rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

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

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

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

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

.topt_a {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .14rem;
    line-height: .18rem
}

.floa_a_3 {
    position: fixed;
    bottom: .48rem;
    right: .21rem;
    z-index: 100
}

.floa_a_4 {
    width: .38rem;
    height: .48rem;
    cursor: pointer;
    background-size: 100% 100%;
    background-image: url(/images/reader-bg.png)
}

.floa_a_4 .floa_a_2 {
    font-family: Yuewen Font,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    padding: .01rem .04rem;
    min-width: .48rem;
    line-height: .12rem;
    font-size: .11rem;
    color: #e6cea0;
    border: .01rem solid rgb(230,206,160);
    background-color: #df5f4c;
    border-radius: .03rem
}

.floa_a_1 {
    width: .16rem;
    height: .16rem;
    background-color: rgba(0,0,0,.36);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -.04rem;
    right: -.09rem;
    height: 16px;
    border-radius: 100%
}

.floa_a {
    font-family: ywr-icon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .1rem
}

.floa_a:before {
    content: "";
    font-size: .12rem;
    color: #fff
}

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

.detail__head8 {
    padding-bottom: .3rem!important
}

.download-bar {
    top: 3.45rem!important
}

.bookdetail-he {
    background-color: transparent;
    z-index: 1000
}

.bookdetail-he {
    color: #fff
}

.show-header,.show-catalog,.scoller-stick {
    background-color: #fff!important;
    color: #000!important
}

.audiobook__li {
    padding: .16rem
}

.audiobook__li .audiobook {
    border: .01rem dashed #666666;
    text-align: left;
    line-height: 2;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .15rem;
    line-height: .23rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

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

.audiobook__li ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .04rem
}

.detail__summa {
    border-radius: .1rem .1rem 0 0;
    padding-top: .12rem;
    position: relative;
    z-index: 10;
    top: -.1rem;
    background-color: #fff;
}

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

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

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

.detail__summa .tags-wrapper {
    display: flex;
    align-items: center;
    margin: .08rem 0 0;
    padding: 0 .16rem
}

.detail__summa .title {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem;
    margin-right: .08rem;
    flex: 0 0 auto
}

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

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

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

.detail__summa .tags {
    display: flex;
    align-items: center;
    gap: .08rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.detail__summa .tags::-webkit-scrollbar {
    display: none
}

.detail__summa .tags .tag {
    flex: 0 0 auto;
    display: flex;
    padding: .035rem .1rem;
    justify-content: center;
    align-items: center;
    gap: .02rem;
    border-radius: .24rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    background-color: #f5f5f5;
    color: gray;
}

[data-theme=default] .detail__summa .tags .tag {
    background-color: #f5f5f5
}

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

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

[data-theme=default] .detail__summa .tags .tag {
    color: gray
}

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

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

.detail__summa .detail__summ2 {
    position: relative;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .15rem;
    line-height: .23rem;
    max-height: none;
    margin: .12rem 0;
    padding: 0 .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: pre-wrap
}

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

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

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

.detail__summa .detail__summ2 .detail__summ1 {
    white-space: normal
}

.detail__summa .line {
    margin-top: .12rem;
    background-color: var(--outline-black-8);
    height: .01rem;
    transform: scaleY(.5);
    transform-origin: 0 0
}

.detail__summa .buttonList {
    padding: .08rem .16rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.detail {
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-top: -.44rem;
    min-height: 100vh;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.detail__chap4 {
    position: relative;
    overflow: hidden;
    padding: 0 .16rem
}

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

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

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

.detail__chap4:before {
    content: "";
    display: block;
    border-top: .01rem solid
}

[data-theme=default] .detail__chap4:before {
    border-color: #f5f5f5
}

[data-theme=blue] .detail__chap4:before {
    border-color: rgba(0,0,0,.08)
}

[data-theme=yellow] .detail__chap4:before {
    border-color: rgba(0,0,0,.08)
}

[data-theme=beige] .detail__chap4:before {
    border-color: rgba(0,0,0,.08)
}

[data-theme=green] .detail__chap4:before {
    border-color: rgba(0,0,0,.08)
}

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

.pb8 {
    padding-bottom: .08rem;
    height: 0
}

.detail__chap1 {
    padding-top: .12rem;
    display: flex;
    justify-content: space-between
}

[data-theme=default] .detail__chap1 i {
    color: #ccc
}

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

[data-theme=dark] .detail__chap1 i {
    color: rgba(255,255,255,.32)
}

.detail__chap3 {
    padding: .04rem 0;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .15rem;
    line-height: .23rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

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

.detail__chap3:first-of-type {
    padding-top: .12rem
}

.detail__chap3:nth-of-type(3) {
    padding-bottom: .12rem
}

.detail__chap3 .chapter-link {
    display: block;
    max-width: calc(100vw - .32rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail__chap3 .chapter-time {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    line-height: .24rem
}

[data-theme=default] .detail__chap3 .chapter-time {
    color: gray
}

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

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

.detail__chap3 .special {
    max-width: 100%
}

.detail__chap2,.detail__chapt {
    margin-bottom: .04rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem
}

[data-theme=default] .detail__chap2,[data-theme=default] .detail__chapt {
    color: #191919
}

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

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

.detail__chapt {
    height: .36rem
}

.maskDetail {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=70);
    background: #000;
    background: rgba(0,0,0,.7);
    transform: translateZ(.05rem)
}

.popWrap {
    margin: .5rem;
    width: 2.88rem;
    height: 2.16rem;
    box-sizing: border-box;
    background-color: #fff;
    padding: .24rem 0;
    text-align: center;
    border-radius: .2rem;
    position: relative
}

.pop-logo {
    width: .48rem;
    height: .48rem;
    margin: 0 auto .08rem
}

.pop-title,.pop-text {
    font-size: .18rem;
    font-weight: 500;
    line-height: .26rem;
    text-align: center
}

.pop-btn {
    margin-top: .2rem;
    width: 2.4rem;
    height: .4rem
}

.pop-close-btn {
    position: absolute;
    width: .32rem;
    height: .32rem;
    bottom: -.56rem;
    left: calc(50% - .16rem)
}