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

.bann_i {
    position: fixed;
    top: 0
}

.list_i {
    min-height: 100vh;
    position: relative;
    z-index: 5;
    background-color: #fff;
}

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

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

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

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

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

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

.list_i .y-loading,.list_i .y-empty {
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: .44rem;
    right: 0;
    height: fit-content
}

.firs_i {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .12rem .16rem;
    border-bottom: .01rem solid;
    border-color: rgba(0, 0, 0, .08);
}

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

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

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

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

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

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

.opt_i {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.opti_i {
    margin-right: .04rem
}

.seco_i {
    display: block;
    padding: .12rem .16rem
}

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

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

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

.last_i {
    display: flex;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .15rem;
    line-height: .23rem
}

.last_i i {
    display: block;
    width: .24rem;
    height: .1rem;
    margin: auto .04rem;
    background: no-repeat,url(/images/bg13.png),100% 100%;
    background-size: 100% 100%
}

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

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

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

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

.last_i_1 span {
    margin-left: .04rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .12rem;
    transform: scale(.83);
    transform-origin: center;
    padding: .03rem .06rem;
    border-radius: .04rem;
    position: relative
}

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

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

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

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

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

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

.last_i_1 span:before {
    position: absolute;
    top: .07rem;
    left: -.04rem;
    content: "";
    border-width: .04rem .04rem .04rem 0;
    border-style: solid;
    border-color: transparent #f5f5f5 transparent transparent
}

.lock_i {
    vertical-align: middle
}

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

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

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

.chap_i {
    padding: .08rem .16rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .12rem;
    line-height: .2rem;
    background-color: rgba(0, 0, 0, .04);
}

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

[data-theme=dark] .chap_i {
    background-color: rgba(0,0,0,.7)
}

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

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

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

.chap_i_1 {
    display: block;
    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;
    border-color: rgba(0, 0, 0, .08);
}

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

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

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

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

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

.chap_i_1:last-child {
    border: none
}

.chap_i_1 h2 {
    font-weight: 400
}

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

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

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

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

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

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

.free_i {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    color: gray;
}

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

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

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

.mark_i_2 {
    display: block;
    padding: .12rem .16rem;
    border-bottom: .01rem solid
}

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

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

.mark_i_2:last-child {
    border: none
}

.mark_i_1 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .16rem;
    line-height: .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

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

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

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

.mark_i {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    margin: .08rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: pre-wrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tips_i {
    position: relative;
    padding: 0 0 0 .04rem
}

.chap_i_2 {
    position: relative;
    padding: .03rem
}

.tips_i_1 {
    position: absolute;
    bottom: .3rem;
    right: -.2rem;
    padding: .04rem .08rem;
    word-break: keep-all;
    text-align: center;
    border-radius: .12rem;
    color: #fff
}

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

.tips_i_1:before {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: .08rem .08rem 0 .08rem;
    border-color: rgba(0,0,0,.9) transparent transparent transparent;
    bottom: -.07rem;
    right: .2rem
}