blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0
}
.logo {
    position: relative;
    width: 50%;
    float:left;
}


.head {
    height: 46px;
    overflow: hidden;
    background-color: #db3737cf;
}

.head_back {
    line-height: 26px;
    font-size: 16px;
    height: 26px;
    float: left;
    margin: 15px 10px;
}
.head_back > a {
    color: #ffffff;
}

.add_chapter {
    line-height: 26px;
    font-size: 16px;
    height: 26px;
    float: right;
    margin: 15px 10px;
}
.add_chapter > a {
    color: #ffffff;
}


.page-footer {
    position: relative;
    background-color: #f7f9fa;
    color: #ccc;
    font-size: .625rem;
    text-align: center;
    padding-bottom: 4.5rem;
    padding-top: 1.6rem
}

.page-footer h4 {
    color: #999;
    line-height: 1.2rem
}

.page-footer p {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    line-height: 1.1rem
}

.page-footer-line {
    width: 5.3125rem;
    height: 1px;
    background-color: #e6e6e6;
    display: block;
    margin: 1rem auto
}


ol,ul {
    list-style: none;
    padding: 0
}

a {
    color: inherit;
    text-decoration: none;
    outline: none
}

em {
    font-style: normal
}

h1,h2,h3,h4,h5,h6,input,select,textarea {
    font-size: 100%;
    font-weight: inherit
}

input,select,textarea {
    font-family: inherit;
    box-sizing: border-box
}

img {
    display: inline-block
}

p {
    word-break: break-all
}

main {
    display: block
}

html {
    font-size: 16px
}

.clip {
    position: absolute;
    clip: rect(0 0 0 0)
}

@media screen and (min-width:320px) {
    html {
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39)
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px) / 586)
    }
}

@media screen and (min-width:600px) {
    html {
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400)
    }
}

@media screen and (min-width:1000px) {
    html {
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) / 1000)
    }
}

body {
    line-height: 1.5;
    fill: currentColor;
    color: #333;
    font-family: PingFang SC,sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,.05);
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    background-color: #f7f9fa;
    scroll-behavior: smooth
}

.mt-head {
    margin-top: 2.25rem
}

.gray {
    color: #999
}

.blue {
    color: #0055fb
}

.dn {
    display: none!important
}

.db {
    display: block
}

.fr {
    float: right
}

.tc {
    text-align: center
}

.fixed {
    position: fixed
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(45deg);
        transform: perspective(400px) rotateX(45deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(5deg);
        transform: perspective(400px) rotateX(5deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-1deg);
        transform: perspective(400px) rotateX(-1deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(45deg);
        transform: perspective(400px) rotateX(45deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(5deg);
        transform: perspective(400px) rotateX(5deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-1deg);
        transform: perspective(400px) rotateX(-1deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(45deg);
        transform: perspective(400px) rotateX(45deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(45deg);
        transform: perspective(400px) rotateX(45deg);
        opacity: 0
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.page-tips {
    position: fixed;
    z-index: 5;
    left: 50%;
    top: 50%;
    font-size: 1rem;
    border-radius: .5rem;
    padding: 1.2rem;
    background: rgba(23,25,26,.8);
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 50%;
    text-align: center
}

.page-lable {
    color: #f7dca5;
    font-weight: 700;
    font-size: 10px;
    padding: 0 4px;
    background-color: #333;
    border-radius: .125rem;
    margin-left: .3125rem
}

.page-back {
    font-size: .75rem;
    line-height: 2.25rem;
    background-color: #f7f9fa;

    top: 0;
    left:0;
    right: 0;
    height: 3.25rem;
    margin-bottom: 3px;
}

.page-back+div {
    margin-top: 2.25rem
}

.page-back-title {
    position: absolute;
    right: 0;
    color: #333;
    font-size: .875rem;
    padding-right: .9375rem
}

.page-c-error {
    text-align: left;
    background: #fec;
    font-size: .875rem;
    color: #ff002b;
    text-indent: 2.1875rem
}

.page-c-error:before {
    position: absolute;
    content: "";
    width: .9375rem;
    height: .9375rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='16' viewBox='0 0 15 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0 .5)' fill='none'%3E%3Ccircle fill='%23FF002B' cx='7.5' cy='7.5' r='7.5'/%3E%3Cpath d='M5.866 2.5h3.268l-.49 6H6.356l-.49-6zm1.634 7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    left: .9375rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-backtop-btn {
    width: 4rem;
    height: 4rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='b' cx='32' cy='27' r='22'/%3E%3Cfilter x='-31.8%25' y='-22.7%25' width='163.6%25' height='163.6%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='4' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='4' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill-opacity='.8' fill='%23FFF' xlink:href='%23b'/%3E%3Cpath stroke='%23AFB1B3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M23 27l9-8 9 8m-9-1v10'/%3E%3Cpath d='M0 0h64v64H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover;
    position: fixed;
    bottom: 2.8125rem;
    right: .625rem;
    visibility: hidden;
    -webkit-transition: opacity .25s,visibility .25s;
    transition: opacity .25s,visibility .25s;
    opacity: 0;
    z-index: 1
}

.page-book-href {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 1.25rem 0 .9375rem
}

.page-book-href-b {
    overflow: hidden;
    display: block
}

.page-c-book-item {
    position: relative;
    border-bottom: 1px solid #f2f6f7;
    background: #fff
}

.page-c-book-href {
    position: relative;
    padding: .9375rem;
    display: block;
    overflow: hidden
}

.page-c-book-pic {
    width: 5.3125rem;
    height: 7.1875rem;
    float: left;
    border: 1px solid rgba(69,76,82,.08);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.16);
    border-radius: 2px;
    margin-right: .9375rem;
    box-sizing: border-box
}

.page-c-author-name,.page-c-book-lable,.page-c-book-name {
    font-size: .75rem;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.page-c-book-lable {
    margin-bottom: .2rem
}

.page-c-book-name {
    color: #333;
    font-weight: 700
}

.page-c-book-msg,.page-c-book-name {
    font-size: .875rem;
    margin-bottom: .3rem
}

.page-c-book-msg {
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    max-height: 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.page-c-book-cell {
    position: relative;
    overflow: hidden
}

.page-c-author-name {
    position: relative;
    padding-left: .9375rem
}

.page-c-author-name:before {
    position: absolute;
    content: "";
    left: 0;
    width: .625rem;
    height: .625rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.063 7.063C1.5 6.25 1.563 4.813 3.375 3c.25-.188.5-.438.75-.625L5.563 3.75V1.562C7.624.5 10 0 10 0S8.937 4.375 6.875 6.375c-1.563 1.5-2.938 1.75-3.813 1.438l-2 2a.604.604 0 0 1-.875 0 .604.604 0 0 1 0-.876l1.875-1.874z' fill='%23C2C7CC'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover;
    top: .23rem
}

.page-c-book-over {
    overflow: hidden;
    height: 3.375rem;
    text-align: center;
    font-size: .75rem;
    color: #999;
    background-image: -webkit-linear-gradient(top,#f7f9fa,#fff 100%);
    background-image: linear-gradient(180deg,#f7f9fa,#fff)
}

.page-c-book-over p {
    margin-top: .75rem
}

.page-title-list {
    position: relative;
    background-color: #f7f9fa;
    line-height: 2.75rem
}

.page-title {
    padding-left: 2.5rem;
    position: relative;
    font-weight: 700
}

.page-title-r {
    font-size: .75rem;
    position: absolute;
    right: 0;
    padding: 0 1.875rem;
    top: 0
}

.page-c-unbook {
    font-size: 1rem;
    color: #999
}

.page-c-unbook,.page-c-warn {
    margin: 3.125rem auto;
    text-align: center
}

.page-c-suc-pic,.page-c-warn-pic {
    display: block;
    width: 8.5625rem;
    height: 8.5625rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='137' height='137' viewBox='0 0 137 137' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-119-138h375v812h-375z'/%3E%3Ctext font-family='PingFangSC-Regular, PingFang SC' font-size='16' fill='%23333' transform='translate(-95)'%3E%3Ctspan x='76' y='153'%3E璇峰湪寰俊瀹㈡埛绔墦寮€閾炬帴%3C/tspan%3E%3C/text%3E%3Cpath d='M0 0h137v137H0z'/%3E%3Ccircle fill='%232BB760' cx='68.5' cy='68.5' r='49.5'/%3E%3Cpath d='M68.5 100a7 7 0 1 1 0-14 7 7 0 0 1 0 14zm6-27a6 6 0 1 1-12 0l-1.58-30.011A7.59 7.59 0 0 1 68.5 35a7.59 7.59 0 0 1 7.58 7.989L74.5 73z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover;
    margin: auto
}

.page-c-suc-pic {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='137' height='137' viewBox='0 0 137 137' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%232BB760' cx='68.5' cy='68.5' r='49.5'/%3E%3Cpath d='M62.5 86.497l31-31m-31 31l-20-20' stroke='%23FFF' stroke-width='11' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='.218' d='M0 0h137v137H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.page-c-unbook-pic {
    display: block;
    width: 8.5625rem;
    height: 8.5625rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='137' height='137' viewBox='0 0 137 137' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-119-138h375v812h-375z'/%3E%3Ctext font-family='PingFangSC-Regular, PingFang SC' font-size='16' fill='%23999' transform='translate(-35)'%3E%3Ctspan x='0' y='153'%3E鍔犺浇瓒呮椂锛岄〉闈㈣蛋涓笉瑙佸暒锝�%3C/tspan%3E%3C/text%3E%3Cg transform='translate(8.531 32.619)'%3E%3Cellipse fill='%23F7F4F2' cx='112.661' cy='59.986' rx='10.789' ry='2.241'/%3E%3Cellipse fill='%23F7F4F2' cx='15.055' cy='59.986' rx='15.055' ry='2.241'/%3E%3Cpath fill='%23EDF2F7' d='M50.128 11.542L60.57 25.398 25.677 51.692 15.235 37.836z'/%3E%3Cpath fill='%23F2F6FA' d='M57.192 20.916l3.378 4.482-34.893 26.294-3.378-4.482zm-7.064-9.374l3.378 4.483-34.893 26.294-3.378-4.483z'/%3E%3Cpath fill='%23FFFDF2' d='M15.235 37.836l10.442 13.856-2.737 2.063-10.442-13.857z'/%3E%3Cpath d='M17.916 57.54l-1.241.936a4.998 4.998 0 0 1-7.004-.977l-4.43-5.878a4.993 4.993 0 0 1 .992-7.002l1.242-.935 5.023-3.786L22.94 53.755l-5.024 3.785z' fill='%23EBEBEB'/%3E%3Cpath fill='%23EDF2F7' d='M111.13 42.556l-11.845 15.16L62.824 29.23l11.845-15.16z'/%3E%3Cpath fill='%23F2F6FA' d='M103.118 52.811l-3.832 4.905-36.461-28.487 3.831-4.905zm8.012-10.255l-3.832 4.905-36.461-28.487 3.832-4.905z'/%3E%3Cpath fill='%23EBEBEB' d='M119.302 59.706L99.4 57.654l11.836-15.152z'/%3E%3Cpath d='M113.571 59.09l3.331-4.263 2.172 4.797-5.503-.533z' fill='%23A1B3B3'/%3E%3Cpath fill='%23FFF' d='M50.583 11.542l-1.546 6.805 6.994 2.734 1.947 6.364 3.05-2.17zM62.39 29.091l9.17-3.96.805-5.948 4.84-3.141-2.925-2.335z'/%3E%3Cpath fill='%23EBEBEB' d='M61.677 10.48L57.402.445l5.084.69zm3.681 1.062l4.157-4.482.927 2.782z'/%3E%3C/g%3E%3Cpath d='M0 0h137v137H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover;
    margin: auto
}

.page-nav-title {
    font-size: 0;
    margin-top: 10px !important;
}
.page-nav-title a {
    align-content: center;
    width: 50%;
    margin: 0 auto;
    background-color: #f3f3f3;
}

.page-nav-title-item {
    width: 33.333%;
    font-size: .875rem;
    position: relative;
    display: inline-block;
    line-height: 2.75rem;
    text-align: center;
    color: #999;
    z-index: 1
}

.page-nav-title-item.active {
    font-weight: 700;
    color: #333
}

.page-nav-title-item span {
    position: relative;
    display: inline-block
}

.page-nav-title-item span:after {
    position: absolute;
    content: "";
    width: 110%;
    height: .75rem;
    #background-color: #ebe6e5;
    border-radius: .375rem;
    left: -5%;
    right: 0;
    bottom: .6rem;
    margin: auto;
    transition: transform .1s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    z-index: -1
}

.page-c-lable-item {
    font-size: .875rem;
    color: #333;
    line-height: 1.5rem;
    text-align: center;
    padding: 0 .625rem;
    margin-right: .9375rem;
    background-color: #f5f5f5;
    border-radius: .75rem;
    display: inline-block;
    vertical-align: top;
    margin-bottom: .9375rem
}

.page-c-lable-item.black {
    background-color: #fff;
    font-weight: 700;
    border: 1px solid #ededed;
    box-sizing: border-box
}

.page-c-pop,.page-c-pop-back,.page-c-pop-white {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: visibility .25s;
    transition: visibility .25s;
    visibility: hidden
}

.page-c-pop-back,.page-c-pop-white {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 0;
    background-color: #000
}

.page-c-pop-white {
    background-color: transparent
}

.active>.page-c-pop-back,.active>.page-c-pop-white {
    opacity: .6;
    visibility: visible
}

.page-c-pop-msg {
    color: #fff;
    padding: 0 3.125rem;
    text-align: center;
    padding-top: 1.25rem;
    line-height: 1.375rem;
    font-size: 1rem
}

.page-c-pop.active {
    z-index: 4;
    visibility: visible;
    -webkit-transition: none;
    transition: none
}

.page-c-dl-item {
    background-color: #fff;
    position: relative;
    color: #333;
    font-size: .875rem;
    border-top: 1px solid #f2f6f7
}

.page-c-dl-mtitle {
    font-size: .75rem;
    padding-right: .9375rem;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle
}

.page-c-dl-m {
    font-size: 0
}

.page-c-dl-r-num {
    font-size: .875rem
}

.page-c-dl-mtitle:after {
    position: absolute;
    content: "";
    right: .4rem;
    top: .35rem;
    width: 1px;
    height: .5rem;
    background-color: #e6e9eb
}

.page-c-dl-mtitle:last-child:after {
    display: none
}

.page-c-dl-href {
    padding: .71875rem .9375rem .78125rem;
    display: block
}

.page-c-dl-r {
    font-size: 0;
    text-align: right;
    position: absolute;
    right: .9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-c-dl-title {
    max-width: 90%;
    margin-bottom: .125rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-c-line {
    height: .625rem;
    background-color: #f7f9fa;
    display: block
}

.page-c-btn {
    display: block;
    color: #f7dca5;
    margin: 2.5rem .9375rem 0;
    text-align: center;
    line-height: 2.75rem;
    border-radius: .25rem;
    background-color: #333
}

.page-c-btn.disable {
    color: #999;
    background-color: #e6e6e6
}

.page-c-btn.blue {
    background: #0ca6f2
}

.page-c-recharge-list {
    font-size: 0
}

.page-c-recharge-item {
    width: calc(50% - .4rem);
    height: 5.25rem;
    display: inline-block;
    vertical-align: top;
    margin-bottom: .9375rem;
    color: #333;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    border-radius: 8px
}

.page-c-recharge-box {
    overflow: hidden;
    border-radius: .5rem;
    position: relative;
    color: #333;
    padding: .75rem 0;
    height: 3.75rem
}

.page-c-recharge-item.active {
    border: 2px solid #cca266;
    border-radius: .5rem
}

.page-c-recharge-item.active:before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8 0h10v10a8 8 0 0 1-8 8H0V8a8 8 0 0 1 8-8z' fill='%23CCA266'/%3E%3Cpath d='M7 10.585L4.915 8.5l-.71.705L7 12l6-6-.705-.705z' fill='%23FFF' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    right: -2px;
    bottom: -2px;
    width: 1.125rem;
    height: 1.125rem
}

.page-c-recharge-item.gray .page-c-recharge-title {
    margin-bottom: 1.2rem;
    margin-top: .5rem
}

.page-c-recharge-item.gray .page-c-recharge-num {
    padding-top: .165rem;
    bottom: 1rem
}

.page-c-recharge-item.gray .page-c-recharge-mtitle {
    top: 3rem
}

.page-c-recharge-item.gray .page-c-recharge-num {
    display: none
}

.page-c-recharge-item.vip {
    font-size: .75rem;
    color: #f80
}

.page-c-recharge-item.orange:after,.page-c-recharge-item.red:after,.page-c-recharge-item.vip:after {
    position: absolute;
    content: "浼樻儬";
    font-size: .75rem;
    width: 2rem;
    height: 1.125rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='18' viewBox='0 0 32 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='a'%3E%3Cstop stop-color='%23E6C9A1' offset='0%25'/%3E%3Cstop stop-color='%23CCA266' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0h24a8 8 0 0 1 8 8v10H8a8 8 0 0 1-8-8V0z' transform='matrix(-1 0 0 1 32 0)' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    top: -1px;
    left: -1px;
    color: #fff;
    text-align: center
}

.page-c-recharge-item.red:after {
    content: "棣栧厖"
}

.page-c-recharge-item.vip:after {
    content: "鍖呭勾"
}

.page-c-recharge-item.gray .page-c-recharge-num {
    color: #7a7a7a
}

.page-c-recharge-item:nth-of-type(2n) {
    margin-left: .4rem
}

.page-c-recharge-item:nth-of-type(odd) {
    margin-right: .4rem
}

.page-c-recharge-title {
    position: relative;
    color: currentColor;
    font-size: 1.25rem;
    text-align: center;
    font-family: special;
    line-height: 1
}

.page-c-recharge-title span {
    font-size: .75rem;
    color: currentColor;
    margin: 5px
}

.page-c-recharge-mtitle {
    top: 2.2rem;
    color: #7a7a7a
}

.page-c-recharge-mtitle,.page-c-recharge-num {
    font-size: .75rem;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center
}

.page-c-recharge-num {
    color: #cca266;
    bottom: .7rem
}

.page-c-recharge-mnum {
    text-decoration: line-through;
    font-weight: 400;
    margin-left: .3125rem;
    color: currentColor;
    font-style: normal;
    font-size: .75rem
}

.page-c-fail {
    width: 11.25rem;
    text-align: center;
    font-size: .875rem;
    color: #fff;
    background: rgba(23,25,26,.8);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    border-radius: 8px;
    position: fixed;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding-bottom: 1rem;
    z-index: 5;
    padding-top: .875rem
}

.page-c-fail-s,.page-c-suc-s {
    width: 1.5rem;
    height: 1.5rem;
    margin: 1rem auto;
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='100%25' y1='0%25' x2='0%25' y2='100%25' id='a'%3E%3Cstop stop-color='%23FFF' stop-opacity='.7' offset='0%25'/%3E%3Cstop stop-color='%23FFF' offset='47.609%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M4.768 22.768a2.5 2.5 0 0 1-3.536-3.536l9-9a2.5 2.5 0 0 1 3.536 3.536l-9 9z' fill='url(%23a)'/%3E%3Cpath d='M1.232 4.768a2.5 2.5 0 1 1 3.536-3.536l17.996 18a2.5 2.5 0 1 1-3.536 3.536l-17.996-18zm15.536 6l-3.536-3.536 6-6a2.5 2.5 0 0 1 3.536 3.536l-6 6z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.page-c-suc-s {
    width: 2.0625rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='33' height='24' viewBox='0 0 33 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='-21.429%25' y1='50.002%25' y2='50%25' id='a'%3E%3Cstop stop-color='%23FFF' stop-opacity='.7' offset='0%25'/%3E%3Cstop stop-color='%23FFF' offset='47.609%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M4.768 22.768a2.5 2.5 0 0 1-3.536-3.536l9-9a2.5 2.5 0 0 1 3.536 3.536l-9 9z' fill='url(%23a)' transform='matrix(-1 0 0 1 15 0)'/%3E%3Cpath d='M31.764 4.768a2.5 2.5 0 1 0-3.536-3.536l-17.996 18a2.5 2.5 0 1 0 3.536 3.536l17.996-18z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.page-c-fail-s-msg {
    margin: 0 .5rem
}

.page-c-popb {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #333;
    background-color: #fff;
    border-radius: .5rem .5rem 0 0;
    box-shadow: 0 -4px 8px 0 rgba(0,0,0,.2);
    padding-bottom: 2.8125rem;
    -webkit-transition: transform .25s;
    transition: transform .25s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    padding: 0 1.875rem .5rem
}

.page-c-popb-title {
    text-align: center;
    font-size: 1rem;
    padding: 1rem
}

.page-c-popb-p {
    font-size: .875rem;
    padding: 0 0 .2rem
}

.page-c-popb-center {
    background-color: #fff;
    position: absolute;
    width: 19.0625rem;
    left: 50%;
    top: 50%;
    padding-bottom: 1.875rem;
    -webkit-transform: translate(50%,50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.page-c-pop.active .page-c-popb {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.page-c-pop.active .page-c-pop-close,.page-c-pop.active .page-c-popb-center {
    opacity: 1
}

.page-c-pop .page-c-btn {
    margin-left: 0;
    margin-right: 0
}

.page-c-popb-center {
    box-shadow: 0 -4px 8px 0 rgba(0,0,0,.2);
    border-radius: .88rem
}

.page-c-popb-pic {
    width: 7.5rem;
    height: 7.5rem;
    margin: 0 auto;
    padding: 1.875rem 3rem 1.25rem;
    display: block;
    position: relative;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none
}

.page-c-popb-h {
    border-radius: .88rem .88rem 0 0;
    font-size: .875rem;
    line-height: 3.5rem;
    text-align: center;
    color: #cca266
}

.page-c-popb-content {
    position: relative
}

.page-c-popb-content .read-pop-more {
    text-align: center
}

.page-c-popb-content:after {
    position: absolute;
    content: "";
    width: 7.5rem;
    height: 7.5rem;
    left: 0;
    top: 1.875rem;
    right: 0;
    margin: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
}

.page-c-pop-close {
    width: 1.9375rem;
    height: 1.875rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='31' height='30' viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%23FFF' x='1' y='.5' width='29' height='29' rx='14.5'/%3E%3Cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9.5 9l6.998 7 4.998 5M9.5 21l5.998-6m2-2l3.998-4'/%3E%3Cpath d='M5.5 5h20v20h-20z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(10rem);
    transform: translateY(10rem);
    right: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.page-c-pop-close.black {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='31' height='30' viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect x='.5' width='30' height='30' rx='15' fill='%23000'/%3E%3Crect x='.5' width='30' height='30' rx='15' fill='%2317191A' fill-opacity='.8'/%3E%3Cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9.5 9l6.998 7 4.998 5M9.5 21l5.998-6m2-2l3.998-4'/%3E%3Cpath d='M5.5 5h20v20h-20z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: cover
}

.page-c-pop-p {
    font-size: .875rem;
    padding: .3125rem 0 0
}

.page-c-pop-p.active .page-c-radio {
    border: 1px solid #f7dca5;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23F7DCA5' width='18' height='18' rx='2'/%3E%3Cpath stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 9l4 4 6.5-6.5'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat #0ca6f2;
    background-size: cover
}

.page-c-radio {
    width: .8125rem;
    height: .8125rem;
    border: 1px solid #f2f6f7;
    background-color: #fff;
    display: inline-block;
    margin-right: .6875rem;
    vertical-align: -2.5px
}

.page-c-title {
    font-size: .875rem;
    color: #999;
    display: block;
    line-height: 2.75rem;
    padding: 0 .9375rem
}

.page-c-list {
    color: #333;
    background-color: #fff
}

.page-c-item {
    font-size: .875rem;
    position: relative;
    line-height: 2.75rem
}

.page-c-href {
    display: block;
    border-bottom: 1px solid #f2f6f7;
    padding: 0 .9375rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-c-item.lock {
    color: #999
}

.page-c-item.lock .page-c-href:after {
    width: 1.25rem;
    height: 1.25rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' opacity='.5'%3E%3Cpath d='M4.007 19A1.01 1.01 0 0 1 3 17.998V8.002C3 7.45 3.45 7 4.007 7h11.986A1.01 1.01 0 0 1 17 8.002v9.996C17 18.55 16.55 19 15.993 19H4.007zM6 7V5a4 4 0 0 1 8 0v2H6z' stroke='%23AFB1B3' stroke-width='2'/%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.page-c-item.check .page-c-href:after,.page-c-item.lock .page-c-href:after {
    position: absolute;
    content: "";
    right: .9375rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-c-item.check .page-c-href:after {
    width: .9375rem;
    height: .9375rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23AFB1B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 7l4 4 7-7'/%3E%3Cpath d='M0 0h15v15H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.page-c-popb-center.black {
    width: 15.9375rem;
    padding-top: 2.1875rem;
    padding-bottom: 2.5625rem;
    background: rgba(23,25,26,.8);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2)
}

.page-c-popb-book {
    width: 11.5625rem;
    height: 8.4375rem;
    padding: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='165' height='125' viewBox='0 0 165 125' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='75.899%25' y1='100%25' x2='24.101%25' y2='0%25' id='b'%3E%3Cstop stop-color='%23FFF' stop-opacity='.5' offset='.048%25'/%3E%3Cstop stop-color='%23DCE2E9' stop-opacity='.5' offset='100%25'/%3E%3C/linearGradient%3E%3Cpath id='a' d='M41 33v67.81l56 10V40z'/%3E%3ClinearGradient x1='75.899%25' y1='0%25' x2='24.101%25' y2='100%25' id='d'%3E%3Cstop stop-color='%23FFF' stop-opacity='.5' offset='0%25'/%3E%3Cstop stop-color='%23E2EBEF' stop-opacity='.5' offset='100%25'/%3E%3C/linearGradient%3E%3Cpath id='c' d='M97 40v70.81l56-10V33z'/%3E%3C/defs%3E%3Cg transform='translate(-10 -2)' fill='none' fill-rule='evenodd'%3E%3Cpath d='M34 44.064v70.999a4 4 0 0 0 3.937 4L97 120V41l-58.937-.936a4 4 0 0 0-4.063 4zM97 41v79l59.063-.938a4 4 0 0 0 3.937-3.999V44.064a4 4 0 0 0-4.063-4L97 41z' fill='%2391C9FF'/%3E%3Cpath d='M37 43.05v69a3 3 0 0 0 2.95 3L97 116V41l-56.95-.95a3 3 0 0 0-3.05 3zM97 41v75l57.05-.95a3 3 0 0 0 2.95-3v-69a3 3 0 0 0-3.05-3L97 41z' fill='%2300C7FF'/%3E%3Cellipse fill='%2300C7FF' cx='97' cy='116.5' rx='12' ry='6.5'/%3E%3Cpath d='M85.511 118.002A13.984 13.984 0 0 0 97 124c4.756 0 8.958-2.372 11.488-5.997' stroke='%2391C9FF' stroke-width='4.5' fill='%2300C7FF' stroke-linecap='round'/%3E%3Cuse fill='%23FFF' xlink:href='%23a'/%3E%3Cuse fill='url(%23b)' xlink:href='%23a'/%3E%3Cuse fill='%23FFF' xlink:href='%23c'/%3E%3Cuse fill='url(%23d)' xlink:href='%23c'/%3E%3Cpath fill='%23DCE8E7' d='M41 88v6l25 3H41v14h56V96zm56 8v15h56V97h-25l25-3v-6z'/%3E%3Cellipse fill='%2300C7FF' cx='97' cy='113' rx='8' ry='6'/%3E%3Ccircle stroke='%23FF6D6D' stroke-width='2' cx='14' cy='40' r='3'/%3E%3Ccircle fill='%23FFD747' cx='101.5' cy='29.5' r='2.5'/%3E%3Ccircle stroke='%235DC8FF' stroke-width='2' cx='129' cy='6' r='3'/%3E%3Cpath stroke='%2399FB83' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M67 17h4v4'/%3E%3Cpath stroke='%23FF74E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M168 54h3v3'/%3E%3Cpath stroke='%2399FB83' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 64l2 2-2 2m55-51h-4v-4'/%3E%3Cpath stroke='%23FF74E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M174 54h-3v-3'/%3E%3Cpath stroke='%2399FB83' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M24 68l-2-2 2-2'/%3E%3Cpath d='M0 0h185v135H0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: contain;
    margin: 0 auto
}

.page-c-mbtn {
    background-color: #fcf1cf;
    font-size: .75rem;
    padding: 2px 10px;
    border-radius: .6875rem
}

.page-c-mbtn.disable {
    background: #e6e6e6;
    color: #fff
}

.page-c-normal-btn {
    width: 17.5rem;
    text-align: center;
    border-radius: 1.375rem;
    display: block;
    height: 2.75rem;
    line-height: 2.75rem;
    background: -webkit-linear-gradient(top,#e6c495,#cca266);
    background: linear-gradient(180deg,#e6c495,#cca266);
    margin: .9375rem auto 2.8125rem
}

.page-c-normal-btn.disable {
    opacity: .5;
    color: #fff
}

.page-c-popb-center.normal {
    width: 17.5rem;
    border-radius: .625rem;
    padding: 1.25rem 0 0;
    box-sizing: border-box
}

.page-c-popb-center .page-c-popb-title {
    font-weight: 700;
    padding: 0 1.25rem;
    margin-bottom: .25rem
}

.page-c-popb-center .page-c-popb-msg {
    font-size: .875rem;
    color: #7a7a7a;
    text-align: center;
    padding: 0 1.25rem 1.25rem
}

.page-c-pop-footer {
    border-top: 1px solid #e0e0e0;
    font-size: 0
}

.page-c-pop-footer-btn {
    font-size: .875rem;
    color: #7a7a7a;
    width: 50%;
    text-align: center;
    display: inline-block;
    height: 2.875rem;
    line-height: 2.875rem;
    position: relative
}

.page-c-pop-footer-btn:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: #e0e0e0
}

.page-c-pop-footer-btn.sure {
    color: #0067e6;
    font-weight: 700
}

.page-c-pop-footer-btn:last-child:after {
    display: none
}

.page-c-pop-footer-btn:first-child:last-child {
    width: 100%;
    color: #cca266
}

.page-c-pop-footer-btn:first-child:last-child:after {
    display: none
}

.page-c-pop-footer-btn.orange {
    color: #cca266
}

.icon-search {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CradialGradient cx='100%25' cy='0%25' fx='100%25' fy='0%25' r='141.421%25' id='a'%3E%3Cstop stop-color='%23F4DA5A' offset='0%25'/%3E%3Cstop stop-color='%23F1A518' offset='100%25'/%3E%3C/radialGradient%3E%3ClinearGradient x1='50%25' y1='33.286%25' x2='50%25' y2='84.956%25' id='b'%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='.8' offset='26.986%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/linearGradient%3E%3CradialGradient cy='7.803%25' fx='50%25' fy='7.803%25' r='100%25' id='c'%3E%3Cstop stop-color='%23FFF' stop-opacity='.8' offset='0%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='url(%23a)' cx='22' cy='22' r='22'/%3E%3Crect fill='url(%23b)' fill-rule='nonzero' transform='scale(-1 1) rotate(45 0 -40.805)' x='26' y='23' width='5' height='10' rx='2.5'/%3E%3Ccircle stroke='%23FFF' stroke-width='4' fill='url(%23c)' fill-rule='nonzero' cx='21' cy='21' r='8'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain
}

.men-button {
    width: 10rem;
    height: 2rem;
    margin: auto;
    display: block;
    margin-bottom: .625rem;
    background: url(/images/men.png) 50% no-repeat;
;background-size: contain;
}

.women-button {
    width: 10rem;
    height: 2rem;
    margin: auto;
    display: block;
    margin-bottom: .625rem;
    background: url(/images/mobile/women.png) 50% no-repeat;
    background-size: contain;
}

.men .icon-class {
    background: url(/images/mobile/men-stack.png) 50% no-repeat;
    background-size: contain
}

.women .icon-class {
    background: url(/images/mobile/women-stack.png) 50% no-repeat;
    background-size: contain
}

.men .icon-center {
    background: url(/images/mobile/men-myinfo.png) 50% no-repeat;
    background-size: contain
}

.women .icon-center {
    background: url(/images/mobile/women-myinfo.png) 50% no-repeat;
    background-size: contain
}

.men .icon-charge {
    background: url(/images/mobile/men-pay.png) 50% no-repeat;
    background-size: contain
}

.women .icon-charge {
    background: url(/images/mobile/women-pay.png) 50% no-repeat;
    background-size: contain
}

.men .icon-bookcase {
    background: url(/images/mobile/men-bookrank.png) 50% no-repeat;
    background-size: contain
}

.women .icon-bookcase {
    background: url(/images/mobile/women-bookrank.png) 50% no-repeat;
    background-size: contain
}

.men .icon-free {
    background: url(/images/mobile/men-free.png) 50% no-repeat;
    background-size: contain
}

.women .icon-free {
    background: url(/images/mobile/women-free.png) 50% no-repeat;
    background-size: contain
}

.delete-icon,.search-icon {
    width: 11.25rem;
    height: 1.25rem;
    position: absolute;
    right: -1.0675rem;
    top: .4rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23E6E9EB' stroke-width='2' cx='9' cy='9' r='6'/%3E%3Cpath d='M15 15l2 2' stroke='%23E6E9EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E") top no-repeat;
    background-size: contain;
    background-color: #f5f5f5;
    -webkit-tap-highlight-color: transparent
}

.delete-icon {
    top: .5rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Crect id='b' width='20' height='20' rx='10'/%3E%3Cfilter x='-35%25' y='-25%25' width='170%25' height='170%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(4 2)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23A1ADB3' xlink:href='%23b'/%3E%3C/g%3E%3Cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M10 8l3.998 4 3.998 4M10 16l4-4m2-2l2-2'/%3E%3C/g%3E%3C/svg%3E") top no-repeat;
    background-size: contain
}

.delete-icon:after,.search-icon:after {
    position: absolute;
    content: "";
    left: -1rem;
    top: -1rem;
    bottom: -1rem;
    right: -1rem
}

.active.delete-icon {
    display: block
}

.active.search-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23AFB1B3' stroke-width='2' cx='9' cy='9' r='6'/%3E%3Cpath d='M15 15l2 2' stroke='%23AFB1B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E") top no-repeat;
    background-size: contain;
    background-color: #f5f5f5;
    display: block
}

.change-icon:after,.clear-icon:after,.more-icon:after {
    position: absolute;
    content: "";
    width: .625rem;
    height: .625rem;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='10' height='10' rx='5'/%3E%3Cpath d='M6.702 2.28A3.5 3.5 0 1 0 8 5M7 5l1-1 1 1' stroke='%23AFB1B3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.more-icon:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='10' height='10' rx='5'/%3E%3Cpath stroke='%23AFB1B3' stroke-linecap='round' stroke-linejoin='round' d='M3.5 1.5l4 3.5-4 3.5'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.clear-icon:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5 .5a1 1 0 0 1 1 1v1a.5.5 0 0 0 .5.5h1.25c.966 0 1.75.784 1.75 1.75V5h-9v-.25C.5 3.784 1.284 3 2.25 3H3.5a.5.5 0 0 0 .5-.5v-1a1 1 0 0 1 1-1zm-2.5 9H2a1 1 0 0 1-1-1v-2m6.5 3H8a1 1 0 0 0 1-1v-2m-4.5 3H4a1 1 0 0 1-1-1v-1m2.5 2H6a1 1 0 0 0 1-1v-1m-4.5 2h5M5 8v-.5' stroke='%23AFB1B3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 0h10v10H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.consume-icon:before,.count-icon:before,.feedback-icon:before,.history-icon:before,.hot-icon:before,.list-icon:before,.order-icon:before,.recomment-icon:before,.record-icon:before,.sign-icon:before {
    position: absolute;
    content: "";
    width: .9375rem;
    height: .9375rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='37.074%25' y1='68.146%25' x2='78.263%25' y2='3.854%25' id='b'%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='.6' offset='100%25'/%3E%3C/linearGradient%3E%3Cpath d='M6.952.884C6.732 2.923 5.747 4.96 4 7c-3 3.5-1.686 9 4.311 9 5.5 0 7.44-4.712 6.689-7.81-.93-3.836-3.298-6.464-7.107-7.887a.7.7 0 0 0-.94.58z' id='a'/%3E%3ClinearGradient x1='60.621%25' y1='84.149%25' x2='12.254%25' y2='-4.029%25' id='d'%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='.8' offset='100%25'/%3E%3C/linearGradient%3E%3Cpath d='M3.77 4.32C1.59 6.674.5 8.754.5 10.563c0 3 2 4.5 4 4.5s4.311-1.808 4.311-4.5c0-1.636-1.193-3.719-3.58-6.25a1 1 0 0 0-1.461.007z' id='c'/%3E%3C/defs%3E%3Cg fill='none'%3E%3Cuse fill='%23F7DCA5' xlink:href='%23a'/%3E%3Cuse fill='url(%23b)' xlink:href='%23a'/%3E%3Cuse fill='%23F7DCA5' xlink:href='%23c'/%3E%3Cpath stroke='%23F7F9FA' stroke-width='.5' d='M3.586 4.15l.06-.06a1.25 1.25 0 0 1 1.767.052C7.84 6.715 9.06 8.847 9.06 10.562c0 2.637-2.219 4.75-4.561 4.75-2.388 0-4.25-1.861-4.25-4.75 0-1.883 1.118-4.016 3.336-6.411z' fill='url(%23d)' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover;
    left: 1.125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.recomment-icon:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNCAxSDEuNkMuNzEyIDEgLjAwOCAxLjc3OS4wMDggMi43NUwwIDEzLjI1QzAgMTQuMjIxLjcxMiAxNSAxLjYgMTVoMTIuOGMuODg4IDAgMS42LS43NzkgMS42LTEuNzVWMi43NUMxNiAxLjc3OSAxNS4yODggMSAxNC40IDF6bS05LjIgOS42MjVoLS45NkwyLjIgNy41NjJ2My4wNjNoLTF2LTUuMjVoMWwyIDMuMDYzVjUuMzc0aDF2NS4yNXptNC00LjE0N2gtMnYuOThoMlY4LjU2aC0ydi45NzFoMnYxLjA5NEg2di01LjI1aDMuMnYxLjEwM3ptNS42IDMuMjcyYzAgLjQ4MS0uMzYuODc1LS44Ljg3NWgtMy4yYy0uNDQgMC0uOC0uMzk0LS44LS44NzVWNS4zNzVoMXYzLjk0NmguOTA0di0zLjA4aDF2My4wNzJoLjg5NlY1LjM3NGgxVjkuNzV6IiBmaWxsPSIjRjdEQ0E1Ii8+PHBhdGggZD0iTTE0LjQgMUgxLjZDLjcxMiAxIC4wMDggMS43NzkuMDA4IDIuNzVMMCAxMy4yNUMwIDE0LjIyMS43MTIgMTUgMS42IDE1aDEyLjhjLjg4OCAwIDEuNi0uNzc5IDEuNi0xLjc1VjIuNzVDMTYgMS43NzkgMTUuMjg4IDEgMTQuNCAxem0tOS4yIDkuNjI1aC0uOTZMMi4yIDcuNTYydjMuMDYzaC0xdi01LjI1aDFsMiAzLjA2M1Y1LjM3NGgxdjUuMjV6bTQtNC4xNDdoLTJ2Ljk4aDJWOC41NmgtMnYuOTcxaDJ2MS4wOTRINnYtNS4yNWgzLjJ2MS4xMDN6bTUuNiAzLjI3MmMwIC40ODEtLjM2Ljg3NS0uOC44NzVoLTMuMmMtLjQ0IDAtLjgtLjM5NC0uOC0uODc1VjUuMzc1aDF2My45NDZoLjkwNHYtMy4wOGgxdjMuMDcyaC44OTZWNS4zNzRoMVY5Ljc1eiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjE2Ljc1NCIgeTE9IjkuMzk1IiB4Mj0iMTAuNDg5IiB5Mj0iLTMuNjU3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMDEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=") 50% no-repeat;
    background-size: cover
}

.history-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='b'%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='.5' offset='100%25'/%3E%3C/linearGradient%3E%3Ccircle id='a' cx='7.5' cy='7.5' r='7.5'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Ccircle stroke='%233BC253' stroke-width='2' fill='%2391DF98' fill-rule='nonzero' cx='7.5' cy='7.5' r='6.5'/%3E%3Cg fill-rule='nonzero'%3E%3Cuse fill='%2391DF98' xlink:href='%23a'/%3E%3Cuse fill='url(%23b)' xlink:href='%23a'/%3E%3C/g%3E%3Cpath stroke='%23EAFFB5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7.5 4v3.5l2.5 1'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.list-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CradialGradient cx='100%25' cy='0%25' fx='100%25' fy='0%25' r='241.661%25' gradientTransform='scale(-1 -.45454) rotate(-65.556 0 1.553)' id='b'%3E%3Cstop stop-color='%23FFF' stop-opacity='.7' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='100%25'/%3E%3C/radialGradient%3E%3Cpath d='M1 4h4v11H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z' id='a'/%3E%3CradialGradient cx='0%25' cy='0%25' fx='0%25' fy='0%25' r='223.607%25' gradientTransform='scale(1 .5) rotate(63.435)' id='d'%3E%3Cstop stop-color='%23FFF' stop-opacity='.7' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='100%25'/%3E%3C/radialGradient%3E%3Cpath d='M11 5h4a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-4V5z' id='c'/%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='f'%3E%3Cstop stop-color='%23FFF' stop-opacity='.6' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Cpath d='M6.5 2h3a1 1 0 0 1 1 1v12h-5V3a1 1 0 0 1 1-1z' id='e'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 -1)'%3E%3Cuse fill='%23F7DCA5' xlink:href='%23a'/%3E%3Cuse fill='url(%23b)' xlink:href='%23a'/%3E%3C/g%3E%3Cg transform='translate(0 -1)'%3E%3Cuse fill='%23F7DCA5' xlink:href='%23c'/%3E%3Cuse fill='url(%23d)' xlink:href='%23c'/%3E%3C/g%3E%3Cg transform='translate(0 -1)'%3E%3Cuse fill='%23F7DCA5' xlink:href='%23e'/%3E%3Cuse fill='url(%23f)' xlink:href='%23e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.record-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M13.496 9.5H12a1 1 0 0 1-1-1v-.003a1 1 0 0 1 1-1h1.496a.5.5 0 0 1 .5.5V9a.5.5 0 0 1-.5.5zM12 10.5h1.5a.5.5 0 0 1 .5.5v1a1.5 1.5 0 0 1-1.5 1.5H3.004a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2H13.5a.5.5 0 1 1 0 1h-10a.5.5 0 0 0 0 1H13a1 1 0 0 1 1 1V6a.5.5 0 0 1-.5.5H12a2 2 0 1 0 0 4z' fill='%2355AFFF'/%3E%3Cpath d='M0 0h15v15H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.order-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-4 -4)' fill='none' fill-rule='evenodd'%3E%3Crect fill='%23F97BF7' x='5' y='5' width='13' height='13' rx='6.5'/%3E%3Cpath d='M13.5 9.5H18a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4.5V18a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-4.5H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h4.5V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4.5z' fill='%23F97BF7' fill-rule='nonzero'/%3E%3Cpath d='M14.328 11.5l3.182 3.182a1 1 0 0 1 0 1.414l-1.414 1.414a1 1 0 0 1-1.414 0L11.5 14.328 8.318 17.51a1 1 0 0 1-1.414 0L5.49 16.096a1 1 0 0 1 0-1.414L8.672 11.5 5.49 8.318a1 1 0 0 1 0-1.414L6.904 5.49a1 1 0 0 1 1.414 0L11.5 8.672l3.182-3.182a1 1 0 0 1 1.414 0l1.414 1.414a1 1 0 0 1 0 1.414L14.328 11.5z' fill='%23F97BF7' fill-rule='nonzero'/%3E%3Crect fill='%23FFF' x='9' y='9' width='5' height='5' rx='2.5'/%3E%3Cpath d='M4 4h15v15H4z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.count-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M14.436 4.748A5.971 5.971 0 0 0 12.93 2.85c-1.3-1.103-3.024-1.711-4.851-1.711-.681 0-1.352.084-1.998.252C5.435 1.02 4.59.888 3.55.995A1 1 0 0 1 3.448 1H2.75a.342.342 0 0 0-.258.566c.503.58.82.945.951 1.098a7.236 7.236 0 0 0-.975.955 5.736 5.736 0 0 0-.887 1.445l-.748.127A1 1 0 0 0 0 6.177V7.64a1 1 0 0 0 .834.986l.579.098c.357 1.11 1.085 2.116 2.087 2.882l.461 1.661a1 1 0 0 0 .964.733h.734a1 1 0 0 0 .86-.49l.301-.506a8.058 8.058 0 0 0 2.517 0l.302.507a1 1 0 0 0 .86.489h.734a1 1 0 0 0 .964-.732l.46-1.66C14.152 10.469 15 8.849 15 7.118c0-.822-.19-1.62-.564-2.37zM4.5 6.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z' fill='%23F4C05E'/%3E%3Cpath d='M0 0h15v15H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.feedback-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%230EE3CC' x='1' width='13' height='15' rx='2'/%3E%3Cpath d='M4.5 3.5h3m-3 4h6m-6 4h6' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 0h15v15H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.consume-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M2.852 1h9.296a2 2 0 0 1 1.994 1.847l.692 9A2 2 0 0 1 12.84 14H2.16a2 2 0 0 1-1.994-2.153l.692-9A2 2 0 0 1 2.852 1z' fill='%23F97979' fill-rule='nonzero'/%3E%3Cpath d='M4 4.5a3.5 3.5 0 0 0 7 0' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 0h15v15H0z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.sign-icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0 .5)' fill='none' fill-rule='evenodd'%3E%3Crect fill='%239B7BF9' y='2' width='15' height='12' rx='2'/%3E%3Crect fill='%239B7BF9' x='3' width='2' height='4' rx='1'/%3E%3Crect fill='%239B7BF9' x='10' width='2' height='4' rx='1'/%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M11.5 6l-6 4.5-2-2.5'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.arr-icon,.warn-icon {
    width: .625rem;
    height: .625rem;
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M5.5 3.5h1v1h-1v-1zm0 2h1v3h-1v-3zM6 1C3.24 1 1 3.24 1 6s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0 9c-2.205 0-4-1.795-4-4s1.795-4 4-4 4 1.795 4 4-1.795 4-4 4z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23BFBFBF' xlink:href='%23a' transform='translate(-1 -1)'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    margin-right: .3125rem
}

.arr-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='10' height='10' rx='5'/%3E%3Cpath stroke='%230CA6F2' stroke-linecap='round' stroke-linejoin='round' d='M4 1.5L7.5 5 4 8.5'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: cover
}

.active.page-nav-title-item span:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.read-close-btn {
    position: absolute;
    content: "";
    width: .9375rem;
    height: .9375rem;
    right: .9375rem;
    top: 1.3rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23AFB1B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 3l3.998 4 4.998 5M3 12l4-4m2.5-2.5L12 3'/%3E%3Cpath d='M0 0h15v15H0z'/%3E%3C/g%3E%3C/svg%3E") top no-repeat;
    background-size: cover
}

.page-c-time {
    position: absolute;
    top: 45px;
    left: 4.5rem;
    font-size: 0
}

.page-c-time-hour,.page-c-time-minute,.page-c-time-second {
    position: relative;
    font-size: .625rem;
    background: #333;
    color: #f7dca5;
    text-align: center;
    min-width: .875rem;
    vertical-align: middle;
    border-radius: 2px;
    padding: 0 1px;
    margin-right: 6px;
    display: inline-block
}

.page-c-time-minute:before,.page-c-time-second:before {
    position: absolute;
    content: ":";
    left: -4.7px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #333;
    font-weight: 700
}

.page-c-popb-center-result {
    border-radius: 0;
    width: 60vw;
    height: 70vw;
    padding-bottom: 0;
    background: url(https://img-open.book.qq.com/wxcp/img/act09-pop-result.png) no-repeat;
    background-size: contain
}

.pop-get-award {
    font-size: .9rem;
    color: #f9e19b;
    text-align: center;
    margin-top: 18.5vw;
    margin-left: -1rem;
    font-weight: 700
}

.pop-get-award2 {
    font-size: 1.2rem;
    margin-top: 0
}

.page-button-see {
    width: 16vw;
    margin-left: 19vw;
    margin-top: 3vw
}

.act-ad-href {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10.6665% 0
}

.act-ad-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.kefu-p {
    max-width: 90%;
    text-align: left;
    position: relative;
    background: rgba(0,0,0,.04);
    color: #7a7a7a;
    font-size: .75rem;
    border-radius: 2rem;
    padding: .5rem 1rem .5rem 2rem;
    display: inline-block;
    left: 50%;
    transform: translate(-50%,1rem);
    box-sizing: border-box
}

.kefu-p:before {
    position: absolute;
    content: "";
    width: .75rem;
    height: .75rem;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAuNUE0LjUgNC41IDAgMCAwIDEuNSA1djMuNWMwIC44My42NyAxLjUgMS41IDEuNWgxLjVWNmgtMlY1YzAtMS45MzUgMS41NjUtMy41IDMuNS0zLjVTOS41IDMuMDY1IDkuNSA1djFoLTJ2NGgydi41SDZ2MWgzYy44MyAwIDEuNS0uNjcgMS41LTEuNVY1QTQuNSA0LjUgMCAwIDAgNiAuNXoiIGZpbGw9IiM3QTdBN0EiLz48L3N2Zz4=") no-repeat 50%;
    background-size: contain;
    top: .75rem;
    left: 1rem
}

.gift-pop {
    width: 15rem;
    height: 21.1875rem;
    background: url(https://img-open.book.qq.com/wxcp/img/gift-pop.png) no-repeat transparent;
    background-size: contain;
    box-shadow: none;
    padding: 0
}

.lottery-min-pop,.lottery-pop {
    width: 18.5rem;
    height: 24.5625rem;
    background: url(https://qidian.qpic.cn/qidian_common/349573/eace0c3a668ae2b41ac3a7e2d6c11e70/0) no-repeat 50%;
    background-size: contain;
    box-shadow: none;
    padding: 0
}

.lottery-min-pop {
    width: 18.5rem;
    height: 14.4375rem;
    background: url(https://qidian.qpic.cn/qidian_common/349573/df7ea7c67d2183dc55ba7225423277c1/0) no-repeat 50%;
    background-size: contain
}

.lottery-qr-pic {
    width: 11.5rem;
    height: 11.5rem;
    display: block;
    margin: 0 auto;
    border-radius: 50%
}

.lottery-pop-title {
    color: #ffeacc;
    font-size: .875rem;
    text-align: center;
    margin: 5.5rem 2rem 1rem
}

.gift-pop-title {
    width: 5rem;
    height: 1.21875rem;
    background: url(https://img-open.book.qq.com/wxcp/img/gift-title.png) no-repeat transparent;
    background-size: contain;
    margin: 5.5rem auto 1.75rem
}

.gift-num {
    text-align: center;
    font-size: 2.25rem;
    line-height: 2.25rem;
    color: #fff;
    font-family: special
}

.gift-num span {
    font-family: none;
    font-size: 1.75rem;
    vertical-align: middle;
    margin-left: .25rem
}

.gift-pop-p {
    font-size: .8rem;
    line-height: .625rem;
    color: hsla(0,0%,100%,.5);
    text-align: center;
    margin: 1.8rem 1rem 2rem;
    line-height: 1.25rem
}

.gift-pop-p a {
    color: #f7dca5
}

.gift-pop-btn {
    width: 10rem;
    height: 3rem;
    display: block;
    margin: 2rem auto
}

.lottery-pop-btn {
    width: 14rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #000;
    font-size: 1rem;
    text-align: center;
    background: linear-gradient(180deg,#e6c495,#cca266 97.32%);
    box-shadow: 0 0 6px rgba(153,0,26,.25);
    border-radius: 1.75rem;
    display: block;
    margin: 1.7rem auto 0
}

.gift-pop:after,.lottery-min-pop:after,.lottery-pop:after {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -3rem;
    pointer-events: none
}

@media screen and (max-width:320px) {
    .page-c-book-lable {
        margin-top: 0
    }
}

@supports (display:none) {
    dot {
        text-align: left;
        display: inline-block;
        width: 3ch;
        text-indent: -1ch;
        vertical-align: bottom;
        overflow: hidden;
        animation: dot 3s infinite step-start both;
        font-family: Consolas,Monaco,monospace
    }
}

@keyframes dot {
    33% {
        text-indent: 0
    }

    66% {
        text-indent: -2ch
    }
}

.page-c-popb-center .page-c-popb-msg {
    text-align: left;
    padding: 0 1.25rem 1.125rem
}

.page-c-pop-footer-btn,.page-c-pop-footer-btn.sure {
    color: #cca266
}