/*reset*/
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
[v-cloak] { display: none !important; }
input, button, textarea, img { vertical-align: middle; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], button { -webkit-appearance: none; outline: 0 }
input::-webkit-input-placeholder { color: #dddddb }
table { border-collapse: collapse; border-spacing: 0; }
li { list-style: none; }
a { text-decoration: none; color: inherit; }
a, img { -webkit-touch-callout: none; -webkit-user-select: none; }
body { color: #333; font-family: sans-serif; min-width: 320px; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #efefef; font-size: .28rem; }
:focus { outline: none; }
.cl:after { content: '\20'; display: block; height: 0; clear: both; }
.icon { width: 1em; height: 1em; vertical-align: -0.1em; fill: currentColor; overflow: hidden; }
/*index*/
.content { background: #fff; min-height: calc(100vh - 2.9rem - 2px); }
.header { padding: 0 .3rem; }
.nav-wrap { height: 1rem; line-height: 1rem; display: box; display: -webkit-box; -webkit-box-align: center; }
.nav-index .nav-logo { display: block; -webkit-box-flex: 1; }
.nav-index .nav-logo h1 { font-size: 0; display: block; width: 1.91rem; height: .51rem; background: url(../images/logo.png) no-repeat 0 0; background-size: 1.91rem .51rem; }
.nav-index .nav-link { display: block; font-size: .4rem; color: #f47983; margin: 0 0 0 .35rem; }
.recently-read { height: .3rem; line-height: .3rem; padding: .1rem 0; margin: 0 0 .2rem; color: #424242; display: box; display: -webkit-box; -webkit-box-align: center; }
.recently-read dt { padding: 0 .3rem 0 0; margin: 0 .4rem 0 0; border-right: 1px solid #e9ede9; font-size: .3rem; }
.recently-read dd { -webkit-box-flex: 1; font-size: .24rem; color: #f47983; }
.recently-read dd a { display: block; }
.recently-read dd a i { float: right; font-style: normal; }
.menu-classify { height: 1.02rem; position: relative; z-index: 10; }
.menu-full { line-height: .58rem; color: #424242; background: #fff; font-size: .3rem; padding: .05rem 0 .15rem 0; border-top: 1px solid #ffe6e6; position: absolute; left: 0; top: 0; width: 100%; }
.menu-full .menu-list { overflow: hidden; }
.menu-full .menu-list li { float: left; padding: .12rem 0; height: .58rem; margin: 0 .08rem 0 .3rem; width: .74rem; text-align: center }
.menu-full .menu-list li:nth-child(n+7) { display: none; }
.menu-full .menu-list .active a { color: #f47983; font-size: .36rem; display: inline-block; border-bottom: .03rem solid #f47983 }
.menu-full .icon-toggle-nav { float: right; width: .75rem; height: .4rem; margin: .21rem 0 0; text-align: center; background: url(../images/icon-toggle-nav.png) no-repeat 0 center; background-size: .07rem .4rem; }
.menu-full .icon-toggle-nav .icon { font-size: .4rem; transition: transform .4s; -webkit-transition: transform .4s; }
.menu-full-show .icon-toggle-nav .icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.swiper-container > .swiper-pagination-bullets { height: .12rem; bottom: .1rem !important }
.swiper-container .swiper-pagination-bullet { background: #999; opacity: 1; width: .12rem; height: .12rem; overflow: hidden; vertical-align: top; }
.swiper-container .swiper-pagination-bullet-active { background: #efefef }
.swiper-show .swiper-slide img { width: 100%; display: block; height: 2.9rem; }
.notice-part { height: .76rem; line-height: .76rem; margin: 0 .35rem; font-size: .26rem; display: box; display: -webkit-box; -webkit-box-align: center; }
.notice-part .icon-notice { display: block; font-size: .3rem; margin: -.05rem .2rem 0 0; }
.swiper-notice { height: .76rem; -webkit-box-flex: 1; text-align: center; color: #999; }
.swiper-notice .swiper-slide { word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.swiper-free-nav { padding: .35rem .1rem .35rem .2rem !important; border-bottom: 1px solid #fafafa }
.swiper-free-nav .swiper-slide .menu-block { width: 2.78rem; height: 1.05rem; background: #ffeff0; border-radius: .1rem; -webkit-border-radius: .1rem; display: box; display: -webkit-box; -webkit-box-align: center; }
.menu-block .icon { display: block; width: .7rem; font-size: .44rem; }
.menu-block dl { -webkit-box-flex: 1; }
.menu-block dt { color: #424242; margin: 0 0 .11rem; line-height: .28rem; }
.menu-block dd { font-size: .24rem; color: #f47983; line-height: .24rem }
.contentbox { border-top: 3px solid #fff5f5; padding: .2rem 0 0 }
.contentbox .boxhd { height: 1rem; line-height: 1rem; display: box; display: -webkit-box; }
.contentbox .boxhd .icon-more { display: block; padding: 0 .2rem; color: #f47983; font-size: .24rem }
.contentbox .boxhd .icon-more .icon { font-size: .28rem; }
.contentbox .boxhd .title { -webkit-box-flex: 1; padding: 0 0 0 .28rem; color: #131313; font-size: .4rem; }
.contentbox .boxhd .title .icon { margin: 0 .1rem 0 0; width: .4rem; font-size: .34rem; height: .34rem; vertical-align: 0; }
.contentbox .boxhd .title .subtitle { color: #b4b4b4 }
.common-img { position: relative; padding: .05rem 0 0 .05rem; margin: 0 0 0 -.05rem; }
.common-img img { display: block; background: #fff; position: relative; z-index: 1; height: 1.8rem; width: 1.34rem; border: 1px solid #dedede; box-sizing: border-box; -webkit-box-sizing: border-box; }
.common-img .mark-red { color: #fff; position: absolute; left: .05rem; top: .05rem; margin: 1px 0 0 1px; z-index: 1 }
.common-img .mark-red::before { content: ''; display: block; width: 0; height: 0; border-top: .8rem solid #ff0000; border-right: .8rem solid transparent; }
.common-img .mark-red span { font-size: .23rem; display: block; width: .8rem; line-height: .8rem; margin: -.94rem 0 0 -.13rem; text-align: center; transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.common-img .mark-green { display: block; width: .3rem; font-size: .23rem; color: #fff; width: .3rem; line-height: .26rem; text-align: center; background: #53ca64; padding: .04rem 0 .06rem; border-radius: .05rem .05rem 0 0; -webkit-border-radius: .05rem .05rem 0 0; position: absolute; left: .1rem; top: 0; z-index: 1; }
.common-img .mark-green:after { content: ""; height: 0; width: 0; border-left: .15rem solid #53ca64; border-right: .15rem solid #53ca64; border-bottom: .15rem solid transparent; position: absolute; bottom: -.15rem; left: 0; }
.common-img .mark-orange { display: block; width: .3rem; font-size: .2rem; color: #fff; width: .3rem; line-height: .22rem; text-align: center; background: #ff8839; padding: .05rem 0 .06rem; border-radius: .05rem .05rem 0 0; -webkit-border-radius: .05rem .05rem 0 0; position: absolute; left: .1rem; top: 0; z-index: 1; }
.common-img .mark-orange:after { content: ""; height: 0; width: 0; border-left: .15rem solid #ff8839; border-right: .15rem solid #ff8839; border-bottom: .15rem solid transparent; position: absolute; bottom: -.15rem; left: 0; }
/*.common-img .mark-yellow::before{ z-index: 0; content: ''; display: block; width: 0; height: 0; position:absolute; left:.0rem; top:.0rem; border-right: .92rem solid #ea9f00; border-top: .92rem solid transparent}
.common-img .mark-yellow .corner{ z-index: 2; display:block;width:1.3rem;height:.32rem;line-height:.32rem; position:absolute; left: -.31rem; top:.17rem;background: #fbe455;border-bottom:.02rem solid #ea9f00;font-size:.23rem;color:#ff5200;text-align: center;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}*/
.common-img .mark-yellow { display: block; width: .62rem; height: .34rem; line-height: .34rem; text-align: center; position: absolute; right: 1px; top: calc(.05rem + 1px); border-radius: .05rem 0 0 .05rem; background: #f9ae08; color: #fff; font-size: .22rem; z-index: 2 }
.details-part { display: -webkit-box; margin: 0 .28rem .23rem; padding: 0 0 .28rem; border-bottom: 1px solid #efefef }
.details-part:last-child { margin-bottom: 0; border: 0 }
.common-list { overflow: hidden; }
.common-list-one .details-part { margin: 0 .28rem .23rem; border-bottom: 1px solid #efefef }
.common-list-justify { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 .28rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.details-part .common-img { margin: 0 .28rem 0 -.05rem; padding: .05rem 0 0 .05rem; overflow: hidden; height: 1.8rem; }
.details-part .common-info { -webkit-box-flex: 1; }
.details-part .common-info dt { font-size: .3rem; font-weight: normal; line-height: .32rem; height: .32rem; margin: .05rem 0 0; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.details-part .common-info .book-profile { color: #999; font-size: .26rem; margin: .17rem 0; line-height: .42rem; height: .84rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.details-part .common-info .book-actions { line-height: .26rem; height: .26rem; padding: 1px 0; overflow: hidden; }
.details-part .common-info .iconBook-classfy { float: right; }
.iconBook-user { color: #999; font-size: .26rem; margin: 0 .1rem 0 0; display: inline-block; }
.iconBook-user .icon { margin: 0 .05rem 0 0; font-size: .26rem; float: left; color: #999 }
.iconBook-classfy { display: inline-block; }
.iconBook-classfy span { position: relative; color: #999; border: 1px solid #999; margin: -1px 0 -1px .1rem; line-height: .26rem; height: .26rem; vertical-align: top; font-size: .2rem; padding: 0 .15rem; display: inline-block; border-radius: .26rem; -webkit-border-radius: .26rem; }
.iconBook-classfy .icon-frame-wj { color: #ff7337; border-color: #ff7337; }
.iconBook-classfy .icon-frame-lz { color: #f4b647; border-color: #f4b647; }
.iconBook-classfy .icon-frame-1 { color: #88aae3; border-color: #88aae3; }
.iconBook-classfy .icon-frame-2 { color: #84d9f5; border-color: #84d9f5; }
.iconBook-classfy .icon-frame-3 { color: #f5d162; border-color: #f5d162; }
.iconBook-classfy .icon-frame-4 { color: #ffacf6; border-color: #ffacf6; }
.iconBook-classfy .icon-frame-5 { color: #a7d08c; border-color: #a7d08c; }
.iconBook-classfy .icon-frame-6 { color: #816cec; border-color: #816cec; }
.iconBook-classfy .icon-frame-7 { color: #8be4ce; border-color: #8be4ce; }
.iconBook-classfy .icon-frame-8 { color: #b099de; border-color: #b099de; }
.iconBook-classfy .icon-frame-9 { color: #ffc7ab; border-color: #ffc7ab; }
.iconBook-classfy .icon-frame-10 { color: #feb2bb; border-color: #feb2bb; }
.iconBook-classfy .icon-frame-11 { color: #f0e923; border-color: #f0e923; }
.vertical-part { display: block; width: 1.34rem; line-height: .36rem; margin: 0 0 .28rem }
.vertical-part .common-img { overflow: hidden; height: 1.8rem; }
.vertical-part .book-name { font-size: .26rem; margin: .08rem 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.vertical-part .book-author { font-size: .26rem; color: #999; height: .36rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.contentbox .boxhd .title-emphasize { color: #f47983; display: box; display: -webkit-box; -webkit-box-align: center; }
.countdown-part { height: .34rem; -webkit-box-flex: 1; margin: 0 0 0 .2rem; color: #999; font-size: .28rem; line-height: .34rem; }
.countdown-part span, .countdown-part em { float: left; text-align: center; height: .34rem; line-height: .34rem; }
.countdown-part span { background: #f47983; color: #fff; font-size: .22rem; width: .32rem; border-radius: .04rem; -webkit-border-radius: .04rem }
.countdown-part em { font-style: normal; margin: 0 .05rem; color: #f47983; }
.details-part-overturn .common-img { margin: 0 0 0 .23rem; }
.details-part-overturn .common-info .iconBook-classfy { float: none; }
.common-list-combination .common-img img { width: 1.93rem; height: 2.59rem; }
.common-list-combination .vertical-part { width: 1.93rem; }
.common-list-combination .vertical-part .common-img { height: 2.59rem; }
.common-list-combination .details-part .common-info .iconBook-classfy { padding: .03rem 0 0; }
.common-list-combination .details-part { padding: .28rem 0 0; border-top: 1px solid #efefef; border-bottom: none }
.common-list-combination .details-part:last-child { padding: .28rem 0; }
.common-list-combination .details-part .common-info .book-profile { margin: .06rem 0; display: block; height: .42rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.topic-banner { margin: 0 0 -3px; }
.topic-banner img { display: block; background: #fff; width: 100%; height: 2rem; }
.swiper-free-topic { padding: 0 0 .4rem .28rem !important }
.swiper-free-topic .topic-thumbnail { display: block; width: 6.8rem; height: 2rem; border-radius: .1rem; -webkit-border-radius: .1rem; }
.tab-classify .tab-hd { height: .46rem; line-height: .46rem; margin: 0 .24rem .3rem; display: -webkit-box; display: -webkit-flex; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
.tab-classify .tab-hd span { display: inline-block; width: 1.64rem; text-align: center; color: #999; font-size: .26rem; background: #fff5f5; border-radius: .46rem; -webkit-border-radius: .46rem; }
.tab-classify .tab-hd .active { color: #f47983; }
.tab-classify .swiper-container { padding: 0 0 .1rem .33rem !important }
.swiper-free-dashen { padding: .1rem 0 .4rem .28rem !important }
.dashen-card { display: block; background: #fff url(../images/flower.png) no-repeat .05rem 1.6rem; background-size: .86rem 1.44rem; width: 6.8rem; height: 3.08rem; padding: .15rem .35rem 0 .15rem; border-radius: .1rem; -webkit-border-radius: .1rem; box-shadow: 0 0 .1rem rgba(255,212,229,.6); box-sizing: border-box; -webkit-box-sizing: border-box; }
.dashen-card .author-pic { float: left; width: 1.2rem; height: 1.2rem; margin: 0 .15rem 0 0; border-radius: 1.2rem; -webkit-border-radius: 1.2rem; border: .09rem solid #f7f7f7; }
.dashen-card .desc { overflow: hidden; padding: .08rem 0 0 }
.dashen-card .desc dt { line-height: .5rem; }
.dashen-card .desc dt .fangtan { float: right; color: #ff8839; font-size: .24rem; }
.dashen-card .desc dt .fangtan .icon { margin: 0 .05rem 0 0 }
.dashen-card .desc dd { font-size: .24rem; line-height: .4rem; color: #999; }
.dashen-card .desc .profile-name { height: .4rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dashen-card .desc .book-desc { border-top: 1px solid #fff8f8; padding: .13rem 0 0; margin: .13rem 0 0; display: box; display: -webkit-box; -webkit-box-align: center; }
.dashen-card .desc .book-desc dl { -webkit-box-flex: 1; }
.dashen-card .desc .book-desc .profile-book { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.dashen-card .desc .book-desc .common-img { display: block; width: .96rem; height: 1.31rem; margin: 0 0 0 .22rem; }
.dashen-card .desc .book-desc .common-img img { width: .96rem; height: 1.31rem; border: none }
.common-list-row { padding: 0 .28rem .12rem 0; }
.cross-part { float: left; width: 50%; overflow: hidden; padding: 0 0 .28rem .28rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.cross-part .common-img { float: left; margin: 0 .22rem 0 -.05rem }
.cross-part .book-info { overflow: hidden; line-height: .36rem; height: 1.85rem; }
.cross-part .book-name { font-size: .26rem; overflow: hidden; height: .72rem; margin: .05rem 0 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cross-part .book-author { font-size: .26rem; color: #999; margin: .16rem 0 .23rem; height: .36rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.cross-part .iconBook-classfy { padding: 1px 0; height: .26rem; }
.cross-part .iconBook-classfy .icon-frame-1 { margin: -1px .1rem 0 0; }
.theme-profile { color: #999; font-size: .26rem; margin: -.08rem .28rem .2rem; line-height: .36rem; max-height: .72rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.common-list-close { padding: 0 0 .4rem }
.common-list-close .details-part { border: none; padding: 0 }
.swiper-free-invite { padding: 0 0 .1rem .33rem !important }
.bottom-part { border-top: .18rem solid #fff5f5; background: #fff }
.searchText-bottom { margin: .4rem .4rem .2rem; display: -webkit-box }
.searchText-bottom .search-text { background: #fff; color: #f47983; border: 1px solid #f47983; padding: 0 .2rem; vertical-align: top; font-size: .32rem; line-height: .74rem; height: .74rem; -webkit-box-flex: 1; display: block; border-radius: .1rem 0 0 .1rem; -webkit-border-radius: .1rem 0 0 .1rem; }
.searchText-bottom .search-text::-webkit-input-placeholder { color: #f47983 }
.searchText-bottom .search-btn { background: #f47983; vertical-align: top; color: #fff; font-size: .5rem; width: 1rem; text-align: center; position: relative; border: 1px solid #f47983; border-left: none; border-radius: 0 .1rem .1rem 0; -webkit-border-radius: 0 .1rem .1rem 0; }
.searchText-bottom .search-btn .icon { vertical-align: top; margin: .11rem 0 0 }
.copyrite-bottom { text-align: center; }
.copyrite-bottom .bottom-nav { color: #424242; }
.copyrite-bottom .bottom-nav a { display: inline-block; padding: 0 .4rem; line-height: .3rem; border-right: 1px solid #424242; }
.copyrite-bottom .bottom-nav a:last-child { border: none }
.copyrite-bottom .wechat { width: 2.75rem; margin: .15rem auto 0; height: .5rem; line-height: .5rem; font-size: .24rem; color: #999; border: 1px solid #999; border-radius: .5rem; -webkit-border-radius: .5rem; }
.copyrite-bottom .wechat .icon { color: #50d360; font-size: .4rem; display: inline-block; margin: 0 .08rem 0 0; vertical-align: middle }
.copyrite-bottom .copyrite { font-size: .24rem; color: #999; line-height: .6rem; }
.downloadApp-bottom { padding: .15rem .32rem .15rem .25rem; height: .96rem; background: #ffeeef url(../images/down-guide.png) no-repeat .25rem center; background-size: .95rem .96rem; display: -webkit-box; -webkit-box-align: center; }
.downloadApp-bottom dl { -webkit-box-flex: 1; margin: 0 0 0 1.1rem }
.downloadApp-bottom dt { font-size: .3rem; color: #424242; }
.downloadApp-bottom dd { font-size: .24rem; color: #999; margin: .1rem 0 0 }
.downloadApp-bottom .btn { display: block; width: 1.6rem; height: .54rem; line-height: .54rem; text-align: center; color: #fff; font-size: .24rem; background: #f47983; border-radius: .54rem; -webkit-border-radius: .54rem; }
/*渐变弹窗*/
.over-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 888; background: rgba(0,0,0,.4); }
.popbox-cloud { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 999; }
.popbox-cloud .icon-close { display: block; font-size: .8rem; color: #fff; margin: .3rem auto 0; }
.popbox-cloud-main { width: 6.3rem; overflow: hidden; background: #ffcece; border-radius: .8rem; -webkit-border-radius: .8rem; background: linear-gradient( bottom, #ffcece 0%, #bce6f4 100%); background: -webkit-linear-gradient( bottom, #ffcece 0%, #bce6f4 100%); }
.popbox-cloud-wrap { margin: .15rem; overflow: hidden; background: #fff url(../images/pop-cloud.png) no-repeat 0 0; background-size: 6rem 2.77rem; border-radius: .8rem; -webkit-border-radius: .8rem; }
.popbox-cloud-tit { text-align: center; font-size: .48rem; color: #f47983; line-height: 1.4rem; font-weight: normal }
.gradient-btn { color: #fff; display: inline-block; text-align: center; position: relative; width: 3.44rem; height: .7rem; line-height: .7rem; background: #ffa1a1; background: linear-gradient( left, #ffa1a1 0%, #87dcff 100%); background: -webkit-linear-gradient( left, #ffa1a1 0%, #87dcff 100%); border-radius: .7rem; -webkit-border-radius: .7rem; }
.gradient-btn mark { position: absolute; right: 0; top: 0; background: #e93e57; height: .3rem; line-height: .3rem; color: #fff; font-size: .16rem; padding: 0 .1rem; border-radius: 0 .35rem 0 .35rem; -webkit-border-radius: 0 .35rem 0 .35rem; }
.failure-btn { color: #999; display: inline-block; text-align: center; width: 3.44rem; height: .7rem; line-height: .66rem; background: #fff; border: 1px solid #999; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: .7rem; -webkit-border-radius: .7rem; }
.popbox-cloud-blue .popbox-cloud-main { background: #a0e3ff }
.popbox-cloud-blue .popbox-cloud-wrap { background-position: 0 -.7rem }
.popbox-cloud-blue .popbox-cloud-tit { color: #53b8e2 }
/*福袋*/
.fudai-main { text-align: center; }
.fudai-main .group { color: #9c9c9c; margin: .3rem 0 .8rem; font-size: .24rem; line-height: .5rem; background: url(../images/super-daoju/heart-ico.png) no-repeat center .35rem; background-size: .44rem .38rem; }
.fudai-main .group .group-user, .fudai-main .group .group-author { padding: 1rem 0 0; display: inline-block; width: 3rem; height: .5rem; vertical-align: top }
.fudai-main .group .group-user { background: url(../images/super-daoju/user-ico.png) no-repeat center 0; background-size: 1.08rem 1.08rem; }
.fudai-main .group .group-author { background: url(../images/super-daoju/author-ico.png) no-repeat center 0; background-size: 1.08rem 1.08rem; }
.fudai-detai { color: #9c9c9c; font-size: .24rem; margin: 0 0 .5rem }
.fudai-detai dt { height: 1.19rem; line-height: 1.19rem; }
.fudai-detai dt .num-yuanbao { display: inline-block; vertical-align: middle; width: 1.3rem; height: .72rem; background: url(../images/super-daoju/num-yuanbao.png) no-repeat 0 0; background-size: 1.3rem .72rem; }
.fudai-detai dt .num-xiaoxiang { display: inline-block; vertical-align: middle; width: 1.91rem; height: .72rem; background: url(../images/super-daoju/num-xiaoxiang.png) no-repeat 0 0; background-size: 1.91rem .72rem; }
.fudai-detai dt .num-tiyan { display: inline-block; vertical-align: middle; width: 1.92rem; height: .72rem; background: url(../images/super-daoju/num-tiyan.png) no-repeat 0 0; background-size: 1.92rem .72rem; }
.fudai-detai dt .fudai-locking { display: inline-block; margin: -.08rem 0 0 .1rem; vertical-align: middle; width: .3rem; height: .4rem; background: url(../images/super-daoju/locking.png) no-repeat 0 0; background-size: .3rem .4rem; }
.fudai-detai dt .num0 { display: inline-block; vertical-align: middle; width: .6rem; height: .58rem; background: url(../images/super-daoju/num0.png) no-repeat 0 0; background-size: .6rem .58rem; margin: 0 -.05rem }
.fudai-detai dt .num1 { display: inline-block; vertical-align: middle; width: .29rem; height: .58rem; background: url(../images/super-daoju/num1.png) no-repeat 0 0; background-size: .29rem .58rem; margin: 0 -.05rem }
.fudai-detai dt .num2 { display: inline-block; vertical-align: middle; width: .54rem; height: .58rem; background: url(../images/super-daoju/num2.png) no-repeat 0 0; background-size: .54rem .58rem; margin: 0 -.05rem }
.fudai-detai dt .num3 { display: inline-block; vertical-align: middle; width: .56rem; height: .58rem; background: url(../images/super-daoju/num3.png) no-repeat 0 0; background-size: .56rem .58rem; margin: 0 -.05rem }
.fudai-detai dt .num4 { display: inline-block; vertical-align: middle; width: .58rem; height: .58rem; background: url(../images/super-daoju/num4.png) no-repeat 0 0; background-size: .58rem .58rem; margin: 0 -.05rem }
.fudai-detai dt .num5 { display: inline-block; vertical-align: middle; width: .59rem; height: .58rem; background: url(../images/super-daoju/num5.png) no-repeat 0 0; background-size: .59rem .58rem; margin: 0 -.05rem }
.fudai-detai dt .num6 { display: inline-block; vertical-align: middle; width: .58rem; height: .58rem; background: url(../images/super-daoju/num6.png) no-repeat 0 0; background-size: .58rem .58rem; margin: 0 -.06rem }
.fudai-detai dt .num7 { display: inline-block; vertical-align: middle; width: .58rem; height: .58rem; background: url(../images/super-daoju/num7.png) no-repeat 0 0; background-size: .58rem .58rem; margin: 0 -.06rem }
.fudai-detai dt .num8 { display: inline-block; vertical-align: middle; width: .58rem; height: .58rem; background: url(../images/super-daoju/num8.png) no-repeat 0 0; background-size: .58rem .58rem; margin: 0 -.06rem }
.fudai-detai dt .num9 { display: inline-block; vertical-align: middle; width: .6rem; height: .58rem; background: url(../images/super-daoju/num9.png) no-repeat 0 0; background-size: .6rem .58rem; margin: 0 -.06rem }
.fudai-detai dt .prize-out { display: inline-block; vertical-align: middle; width: 3.5rem; height: 1.19rem; background: url(../images/super-daoju/fudai-prize3.png) no-repeat 0 0; background-size: 3.5rem 1.19rem; margin: 0 -.06rem }
.fudai-locking-tips { color: #595959; font-size: .26rem; line-height: .36rem; }
.fudai-main .gradient-btn { margin: .3rem 0 .45rem; }
/*超级道具*/
.qiang-fudai { width: .96rem; }
.qiang-fudai dd { width: .96rem; height: 1.21rem; background: url(../images/super-daoju/hongbao-bg.png) no-repeat 0 0; background-size: .96rem 1.21rem; overflow: hidden; }
.qiang-fudai dd .qiang-text { display: block; width: .33rem; height: .33rem; margin: .66rem 0 0 .29rem; -webkit-animation: flash 1s .2s ease both infinite; animation: flash 1s .2s ease both infinite; }
.qiang-fudai dt { width: .3rem; height: .77rem; background: url(../images/super-daoju/hongbao-piaodai.png) no-repeat 0 0; background-size: .3rem .77rem; margin: -.1rem 0 0 .34rem; rotateX(24deg) rotateY(34deg) rotateZ(19deg) translateX(-11px); -webkit-animation: flag 1.5s .2s linear alternate infinite; animation: flag 1.5s .2s linear alternate infinite; }
.super-daoju-yanhua { overflow: hidden; position: fixed; left: 0; top: 0; text-align: center; color: #fff; width: 100%; height: 100%; z-index: 999; }
.super-daoju-yanhua .daoju-main { z-index: 10000; position: relative; height: 9.68rem; left: 0; top: 50%; margin: -5.7rem 0 0 }
.super-daoju-yanhua .daoju-main dd { font-size: .3rem; line-height: .44rem; }
.super-daoju-yanhua .icon-yanhua { width: 7.47rem; height: 7.49rem; margin: 0 auto; background: url(../images/super-daoju/yanhua-ico.png) no-repeat 0 0; background-size: 7.47rem 7.49rem; -webkit-animation: bounceIn 1.2s .2s ease both; animation: bounceIn 1.2s .2s ease both; }
.super-daoju-yanhua .icon-close { display: block; font-size: .6rem; margin: .4rem auto 0 }
.super-daoju-yanhua .gradient-btn { width: 5.55rem; height: .8rem; line-height: .8rem; font-size: .3rem; margin: .3rem auto 0; border-radius: .8rem; -webkit-border-radius: .8rem; }
.super-daoju-yanhua .qiang-fudai { margin: 0 0 -1.85rem 5.5rem; display: block; }
.super-daoju-quanzhang { width: 7rem; overflow: hidden; position: fixed; left: 50%; top: -100%; z-index: 10000; transform: translateX(-50%); -webkit-transform: translateX(-50%); animation: moveINtop 20s; -webkit-animation: moveINtop 20s; }
.super-daoju-quanzhang .daoju-main { position: relative; float: left; background: url(../images/super-daoju/quanzhang-bg.png) no-repeat 0 .1rem; background-size: 6.6rem 1.7rem; padding: .1rem 0 0; width: 6.6rem; height: 1.7rem; }
.super-daoju-quanzhang .daoju-main .quanzhang-tit { display: block; width: 1.22rem; height: .42rem; margin: -.1rem auto 0 }
.super-daoju-quanzhang .daoju-main dt { float: left; margin: -.4rem .1rem 0 .2rem; }
.super-daoju-quanzhang .daoju-main dt .icon-quanzhang { display: block; width: 1.09rem; height: 1.61rem; background: url(../images/super-daoju/quanzhang-ico.png) no-repeat 0 0; background-size: 1.09rem 1.61rem; -webkit-animation: bounceIn2 1s 1s ease both; animation: bounceIn2 1s 1s ease both; }
.super-daoju-quanzhang .daoju-main dd { color: #b00505; font-size: .28rem; line-height: .32rem; text-align: center; padding: .12rem .2rem .12rem 0; margin: .06rem .12rem 0; background: linear-gradient( left, rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient( left, rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%); }
.super-daoju-quanzhang .daoju-main dd p { height: .32rem; overflow: hidden; }
.super-daoju-quanzhang .icon-close { font-size: .4rem; color: #e44520; float: right; margin: .62rem 0 0 }
.super-daoju-quanzhang .daoju-light { height: 1.16rem; width: 6.4rem; padding: .3rem 0 0 0; background: url(../images/super-daoju/quanzhang-light1.png) no-repeat 0 0; background-size: 6.4rem 1.46rem; margin: -.28rem 0 0 .09rem; -webkit-animation: light-quanzhang .5s infinite; animation: light-quanzhang .5s infinite; }
.super-daoju-quanzhang .qiang-fudai { float: left; margin: -.2rem 0 0 5.5rem; display: block; }
.super-daoju-doupeng { width: 7rem; overflow: hidden; position: fixed; left: -100%; top: .2rem; z-index: 10000; animation: moveINleft 20s; -webkit-animation: moveINleft 20s; }
.super-daoju-doupeng .daoju-main { position: relative; float: left; background: url(../images/super-daoju/doupeng-bg.png) no-repeat 0 .18rem; background-size: 6.57rem 1.4rem; padding: .18rem 0 0; width: 6.57rem; height: 1.4rem; }
.super-daoju-doupeng .daoju-main .doupeng-tit { display: block; width: .58rem; height: .42rem; margin: -.18rem auto 0 }
.super-daoju-doupeng .daoju-main dt { float: right; margin: -.14rem .2rem 0 0; }
.super-daoju-doupeng .daoju-main dt .icon-doupeng { display: block; width: 1.06rem; height: 1.16rem; background: url(../images/super-daoju/doupeng-ico.png) no-repeat 0 0; background-size: 1.06rem 1.16rem; }
.super-daoju-doupeng .daoju-main dd { color: #b00505; font-size: .28rem; line-height: .32rem; text-align: center; padding: .12rem 0; background: linear-gradient( left, rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient( left, rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%); }
.super-daoju-doupeng .daoju-main dd p { height: .32rem; overflow: hidden; }
.super-daoju-doupeng .icon-close { font-size: .4rem; color: #e44520; float: left; margin: .55rem 0 0 }
.super-daoju-doupeng .daoju-light { height: 1rem; width: 6.37rem; padding: .15rem 0 0; margin: -.2rem 0 0 .1rem; background: url(../images/super-daoju/doupeng-light1.png) no-repeat 0 0; background-size: 100% 100%; -webkit-animation: light-doupeng .5s ease infinite; animation: light-doupeng .5s ease infinite; }
.super-daoju-doupeng .qiang-fudai { float: left; margin: -.2rem 0 0 5.5rem; display: block; }

@keyframes moveINleft {
    0% { left: -100%; }
    5%,95% { left: 4%; opacity: 1; }
    100% { left: 4%; opacity: 0; }
}

@-webkit-keyframes moveINleft {
    0% { left: -100%; }
    5%,95% { left: 4%; opacity: 1; }
    100% { left: 4%; opacity: 0; }
}

@keyframes moveINtop {
    0% { top: -100%; }
    5%,95% { top: .2rem; opacity: 1; }
    100% { top: .2rem; opacity: 0; }
}

@-webkit-keyframes moveINtop {
    0% { top: -100%; }
    5%,95% { top: .2rem; opacity: 1; }
    100% { top: .2rem; opacity: 0; }
}

@keyframes bounceIn {
    0% { opacity: 0; transform: scale(.3) }
    50% { opacity: 1; transform: scale(1.1) }
    70% { transform: scale(.9) }
    100% { transform: scale(1) }
}

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3) }
    50% { opacity: 1; -webkit-transform: scale(1.1) }
    70% { -webkit-transform: scale(.9) }
    100% { -webkit-transform: scale(1) }
}

@keyframes bounceIn2 {
    0% { transform: scale(1) }
    40% { transform: scale(1.2) }
    80%,100% { transform: scale(1) }
}

@-webkit-keyframes bounceIn2 {
    0% { -webkit-transform: scale(1) }
    40% { -webkit-transform: scale(1.2) }
    80%,100% { -webkit-transform: scale(1) }
}

@-webkit-keyframes flash {
    0%,50%,100% { opacity: 1; }
    25%,75% { opacity: .5; }
}

@keyframes flash {
    0%,50%,100% { opacity: 1; }
    25%,75% { opacity: .5; }
}

@keyframes flag {
    0% { transform: rotateX(24deg) rotateY(34deg) rotateZ(19deg) translateX(-8px); }
    50% { transform: rotateX(0) rotateY(0) rotateZ(0) translateX(0); }
    100% { transform: rotateX(24deg) rotateY(-34deg) rotateZ(-19deg) translateX(8px); }
}

@-webkit-keyframes flag {
    0% { -webkit-transform: rotateX(24deg) rotateY(34deg) rotateZ(19deg) translateX(-8px); }
    50% { -webkit-transform: rotateX(0) rotateY(0) rotateZ(0) translateX(0); }
    100% { -webkit-transform: rotateX(24deg) rotateY(-34deg) rotateZ(-19deg) translateX(8px); }
}

@-webkit-keyframes light-quanzhang {
    0%,100% { background: url(../images/super-daoju/quanzhang-light1.png) no-repeat 0 0; background-size: 100% 100%; }
    50% { background: url(../images/super-daoju/quanzhang-light2.png) no-repeat 0 0; background-size: 100% 100%; }
}

@keyframes light-quanzhang {
    0%,100% { background: url(../images/super-daoju/quanzhang-light1.png) no-repeat 0 0; background-size: 100% 100%; }
    50% { background: url(../images/super-daoju/quanzhang-light2.png) no-repeat 0 0; background-size: 100% 100%; }
}

@-webkit-keyframes light-doupeng {
    0%,100% { background: url(../images/super-daoju/doupeng-light1.png) no-repeat 0 0; background-size: 100% 100%; }
    50% { background: url(../images/super-daoju/doupeng-light2.png) no-repeat 0 0; background-size: 100% 100%; }
}

@keyframes light-doupeng {
    0%,100% { background: url(../images/super-daoju/doupeng-light1.png) no-repeat 0 0; background-size: 100% 100%; }
    50% { background: url(../images/super-daoju/doupeng-light2.png) no-repeat 0 0; background-size: 100% 100%; }
}
/*一键支付*/
.fast-pay-list { text-align: center; color: #9c9c9c; font-size: .26rem; line-height: .36rem; margin: 1.3rem 0 .3rem }
.fast-pay-list .note { margin: 0 0 .5rem }
.fast-pay-list .gradient-btn { width: 4rem; padding: 0 .55rem 0 0; height: .8rem; line-height: .8rem; font-size: .3rem; margin: 0 0 .35rem }
.fast-pay-list .gradient-btn .icon { float: left; height: .65rem; width: .65rem; margin: .08rem 0 0 .25rem }
.confirm-main dl { text-align: center; padding: 0 0 .6rem; }
.confirm-main dt { color: #595959; font-size: .3rem; margin: 1.6rem 0 .5rem }
.confirm-main dd .failure-btn, .confirm-main dd .gradient-btn { width: 2.26rem; margin: 0 .12rem; }
.queen-main .note { text-align: center; color: #666; padding: 1.2rem 0 .5rem }
/*女神与女王*/
.tab-queen .tab-hd { display: -webkit-box; }
.tab-queen .tab-hd span { display: block; -webkit-box-flex: 1; color: #999; font-size: .3rem; text-align: center; height: .8rem; line-height: .8rem; border-bottom: .03rem solid #f6f6f6; }
.tab-queen .tab-hd .active { border-bottom-color: #53b8e2; color: #53b8e2; }
.queen-update { color: #53b8e2; font-size: .22rem; text-align: center; line-height: .76rem; line-height: .76rem; overflow: hidden; padding: 0 0 0 .42rem }
.question-icon { width: .22rem; height: .22rem; color: #53b8e2; border: 1px solid #53b8e2; vertical-align: middle; margin: 0 0 0 .2rem; line-height: .22rem; text-align: center; display: inline-block; border-radius: .22rem; -webkit-border-radius: .22rem; }
.queen-list li { display: -webkit-box; -webkit-box-align: center; margin: 0 .32rem; border-bottom: 1px solid #f6f6f6; padding: .27rem 0 .27rem .1rem }
.queen-list li:last-child { border: none; }
.queen-list li .portrait { width: .98rem; height: .98rem; position: relative; margin: 0 .3rem 0 0 }
.queen-list li .portrait .num { position: absolute; left: -.1rem; top: -.1rem; display: block; width: .34rem; line-height: .34rem; height: .34rem; text-align: center; color: #fff; font-size: .24rem; background: #d42020; border: 1px solid #d42020; border-radius: .34rem; -webkit-border-radius: .34rem; }
.queen-list li .portrait .pic { display: block; width: .98rem; height: .98rem; border-radius: .98rem; -webkit-border-radius: .98rem; }
.queen-list li .author { -webkit-box-flex: 1; font-size: .3rem; }
.fudai-dabang-btn { display: block; width: 1.3rem; height: .5rem; line-height: .5rem; text-align: center; color: #fff; font-size: .24rem; background: #53b8e2; border-radius: .1rem; -webkit-border-radius: .1rem; }
.fudai-list .fudai { display: -webkit-box; -webkit-box-align: center; padding: .22rem 0; margin: 0 .32rem; border-bottom: 1px solid #f6f6f6; }
.fudai-list .fudai:last-child { border: none; }
.fudai-list .fudai .pic { width: 1.01rem; height: 1.35rem; border: 1px solid #b6b6b6; margin: 0 .2rem 0 0 }
.fudai-list .fudai dl { -webkit-box-flex: 1; }
.fudai-list .fudai dt { font-size: .3rem; margin: 0 0 .15rem }
.fudai-list .fudai dt .icon { margin: 0 .3rem; }
.fudai-list .fudai dd { color: #999; font-size: .24rem; line-height: .36rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fudai-list .fudai .desc { text-align: center; font-size: .24rem; color: #999; line-height: .24rem; margin: 0 0 0 .25rem; }
.fudai-list .fudai .desc p { margin: .1rem 0 0 }
.bangdan-rules-main { padding: 0 .45rem .45rem; background-position: 0 -.6rem }
.bangdan-rules-main p { line-height: .34rem; color: #666; margin: .25rem 0 0 }
/*message*/
.message-list dt { color: #fff; font-size: .2rem; background: #d2d2d2; width: 2.4rem; height: .28rem; line-height: .28rem; text-align: center; margin: .37rem auto .2rem; }
.message-list dd { background: #fff; margin: 0 .28rem 0 .32rem; border-radius: .1rem; -webkit-border-radius: .1rem; padding: .12rem .3rem 0 }
.message-list dd h3 { font-weight: normal; height: .64rem; line-height: .64rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.message-list dd .overview { font-size: .24rem; color: #a9a9a9; overflow: hidden; line-height: .3rem; height: .6rem; }
.message-list dd .ribbon { position: relative; width: 1.65rem; height: .4rem; line-height: .4rem; margin: 0 0 0 -.36rem; color: #fff; font-size: .24rem; border-radius: 0 .2rem .2rem 0; -webkit-border-radius: 0 .2rem .2rem 0 }
.message-list dd .ribbon::before { position: absolute; bottom: -.05rem; left: 0; border-width: .03rem .03rem; border-style: solid; content: ''; }
.message-list dd .ribbon .icon { font-size: .28rem; width: .28rem; display: inline-block; margin: 0 .1rem 0 .15rem; vertical-align: -0.04rem }
.message-list dd .ribbon::after { content: ''; display: block; width: .11rem; height: .11rem; border-radius: .11rem; -webkit-border-radius: .11rem; background: #ff0000; position: absolute; top: 0; right: 0; }
.message-list dd .ribbon-yellow { background: #facd89 }
.message-list dd .ribbon-yellow::before { border-color: #d9a454 #d9a454 transparent transparent; }
.message-list dd .ribbon-pink { background: #ffbad8 }
.message-list dd .ribbon-pink::before { border-color: #d76a9a #d76a9a transparent transparent; }
.message-list dd .ribbon-blue { background: #8adbff }
.message-list dd .ribbon-blue::before { border-color: #3a8eb4 #3a8eb4 transparent transparent; }
.message-list dd .icon-limited { transition: transform .5s; display: block; color: #b0b0b0; font-size: .3rem; margin: 0 auto; padding: .12rem }
.message-list .message-show .overview { height: auto; }
.message-list .message-show .icon-limited { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.message-list .message-point .ribbon::after { display: none; }
/*礼品兑换*/
.gift-exchange { margin: .65rem .4rem 0; text-align: center }
.gift-exchange .gift-code { height: .95rem; font-size: .28rem; background: #fff; border-radius: .1rem; -webkit-border-radius: .1rem; width: 100%; border: none; padding: 0 0 0 .35rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.gift-exchange .gift-code::-webkit-input-placeholder { color: #b9b9b9 }
.gift-exchange .exchange-btn { height: .85rem; line-height: .85rem; color: #fff; font-size: .36rem; margin: .75rem 0 0; border-radius: .85rem; -webkit-border-radius: .85rem; background: #53b8e2 }
.gift-main { text-align: center; padding: 0 .68rem; }
.gift-main .gift-list { overflow: hidden; margin: .4rem 0 .2rem }
.gift-main .gift-list li { float: left; width: 50%; color: #5b5b5b; font-size: .3rem; line-height: .68rem; height: .68rem; overflow: hidden; }
.gift-main .tips { color: #c1c1c1; font-size: .24rem; }
.gift-main .btn-know { height: .82rem; margin: .45rem 0 .35rem; line-height: .82rem; background: #53b8e2; color: #fff; font-size: .3rem; border-radius: .82rem; -webkit-border-radius: .82rem; }
.gift-main .code-failure { color: #5b5b5b; margin: 1rem 0; font-size: .3rem; }
/*阅读页*/
.read-page { background: url(../images/read-bg.jpg) repeat-y 0 0; background-size: 100% auto; padding: .5rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.book-profile-guide { display: -webkit-box; padding: 0 0 .5rem; margin: 0 0 .45rem; border-bottom: 1px solid #e5e5e5; }
.book-profile-guide .pic { display: block; width: 1.62rem; height: 2.2rem; margin: 0 .4rem 0 0 }
.book-profile-guide dl { -webkit-box-flex: 1; }
.book-profile-guide dt { font-size: .36rem; line-height: .4rem; height: .4rem; color: #000; overflow: hidden; margin: 0 0 .11rem; }
.book-profile-guide dd { font-size: .24rem; line-height: .5rem; }
.book-profile-guide dd .baoyue { margin: .21rem 0 0; display: block; width: 3.58rem; height: .46rem; line-height: .46rem; background: #84c6dc; border: 1px solid #00adef; font-size: .24rem; color: #fff; text-align: center; border-radius: .46rem; -webkit-border-radius: .46rem; }
.article-desc { color: #000; font-size: 1em; line-height: 1.6em; }
.article-desc p { text-indent: 2em; margin: .8em 0 0 }
.article-desc .article-title { text-indent: 0; margin: 0 }
.article-desc .article-title span { margin: 0 2em 0 0; }
.gesture-guide { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.7); z-index: 999; color: #fff; font-size: .36rem; }
.gesture-guide .subfield-row1, .gesture-guide .subfield-row2, .gesture-guide .subfield-row3 { box-sizing: border-box; -webkit-box-sizing: border-box; }
.gesture-guide .subfield-row1 { height: 25%; border-bottom: .04rem dashed #fff }
.gesture-guide .subfield-row1 .tips { color: #ffba00; line-height: 1rem; }
.gesture-guide .subfield-row2 { height: 54%; display: -webkit-box; }
.gesture-guide .subfield-row2 span { display: block; width: 100%; }
.gesture-guide .subfield-row3 { height: 21%; border-top: .04rem dashed #fff }
.gesture-guide .subfield-row3 .change-gesture2 { margin: .4rem 0 0 }
.gesture-guide .subfield-column1, .gesture-guide .subfield-column2, .gesture-guide .subfield-column3 { display: -webkit-box; -webkit-box-align: center; }
.gesture-guide .subfield-column1 { -webkit-box-flex: .78; }
.gesture-guide .subfield-column2 { -webkit-box-flex: 1; box-sizing: border-box; -webkit-box-sizing: border-box; border-left: .04rem dashed #fff; border-right: .04rem dashed #fff }
.gesture-guide .subfield-column3 { -webkit-box-flex: .78; }
.change-gesture1 { width: 100%; text-align: center; padding: 1.5rem 0 0; background: url(../images/gesture1.png) no-repeat center 0; background-size: 1.32rem 1.25rem; }
.change-gesture2 { width: 100%; text-align: center; padding: 1.5rem 0 0; background: url(../images/gesture2.png) no-repeat center 0; background-size: 1.29rem 1.31rem; }
.gesture-guide .line-tips { line-height: 3rem; }
/*登录*/
.b_white { background: #fff }
.header-inner { padding: 0 }
.header-inner .nav-wrap { position: relative; color: #666; z-index: 890; background: #fff; border-bottom: 1px solid #eee; }
.header-inner .nav-wrap h1 { text-align: center; -webkit-box-flex: 1; font-size: .3rem; font-weight: normal; }
.header-inner .nav-wrap .back-icon { position: absolute; left: .3rem; top: 0; display: block; font-size: .36rem; }
.header-inner .nav-wrap .menu-side { position: absolute; right: .15rem; top: 0; }
.menu-side .nav-icon { font-size: .32rem; float: left; padding: 0 .15rem; }
.menu-side .icon-close, .menu-side .menu-switch-active .icon-show { display: none; }
.menu-side .menu-switch-active .icon-close { display: inline-block; -webkit-animation: rotateIn .5s ease both; }

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-90deg); opacity: 0 }
    100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1 }
}

.menu-dropdown { z-index: 889; position: absolute; left: 0; padding: .45rem 0 .55rem; width: 100%; background: #fff; box-shadow: 0 0 5px #ddd; transform: translateY(-105%); transition: transform .5s; }
.menu-dropdown .dropdown-wrap { overflow: hidden; }
.menu-dropdown .dropdown-wrap a { text-align: center; float: left; width: 20%; line-height: .7rem; }
.menu-dropdown .dropdown-wrap a .icon { display: block; margin: 0 auto; font-size: .5rem }
.menu-dropdown .btn-center { background: #f47983; color: #fff; width: 6.52rem; display: block; text-align: center; line-height: .74rem; margin: .3rem auto 0; border-radius: .1rem; }
.menu-dropdown-active { transform: translateY(0); }
.login-wrap { margin: 0 .45rem }
.login-form-logo { background: url(../images/logo-login.png) no-repeat center .7rem; background-size: 2.62rem .92rem; padding: 2rem 0 0 }
.login-form { margin: 0 0 .65rem; }
.login-form li { border-bottom: 1px solid #eee; height: .96rem; line-height: .96rem; overflow: hidden; margin: .05rem 0 0; display: -webkit-box; }
.login-form li .text { background: none; border: none; height: .96rem; display: block; -webkit-box-flex: 1; font-size: .28rem; color: #333 }
.login-form li .text::-webkit-input-placeholder { color: #d2d2d2; }
.login-form li .icon-action { color: #999; height: .96rem; display: block; }
.login-form li .icon-clearinput { font-size: .32rem; width: .32rem; padding: 0 .32rem; display: none }
.login-form li .icon-switchcode { font-size: .36rem; width: .36rem; padding: 0 .3rem }
.login-form li .icon-clearinput-full { color: #d2d2d2; }
.login-form li .message-code { color: #59a4df; }
.images-code { height: .5rem; }
.common-btn { height: .86rem; line-height: .86rem; color: #fff; font-size: .3rem; text-align: center; background: #f47983; border-radius: .1rem; }
.account-guide { height: .9rem; line-height: .9rem; font-size: .24rem; color: #59a4df }
.account-guide .guide-pwd { float: left; }
.account-guide .guide-reg { float: right; }
.quick-login { text-align: center; border-top: 1px solid #dcdcdc; margin: .6rem 0 0; color: #999; font-size: .24rem; }
.quick-login .tit { display: inline-block; width: 1.4rem; background: #fff; line-height: .4rem; margin: -.2rem auto 0 }
.quick-login-main a { display: inline-block; height: .6rem; line-height: .6rem; padding: .9rem 0 0; margin: .6rem 0 0 }
.quick-login-main .login-qq { background: url(../images/login-qq.png) no-repeat center 0; background-size: .9rem .9rem; width: .9rem; }
.login-tips { text-align: center; font-size: .22rem; margin: .3rem 0 0; color: #999 }
.login-tips a { color: #59a4df; }
.login-guide { text-align: center; color: #59a4df; margin: .8rem 0 1.2rem; }
.retrieve-password { text-align: center; overflow: hidden; margin: .6rem -.45rem 0 }
.retrieve-password .step { float: left; width: 33.33%; text-align: center; color: #999; line-height: .88rem; }
.retrieve-password .step-progress { display: -webkit-box; }
.retrieve-password .step-progress::before, .retrieve-password .step-progress::after { content: ''; display: block; -webkit-box-flex: 1; height: .1rem; background: #d2d2d2; margin: .32rem 0 0 }
.retrieve-password .step-progress span { display: block; width: .74rem; height: .74rem; line-height: .74rem; text-align: center; color: #fff; background: #d2d2d2; font-size: .3rem; border-radius: .74rem; }
.retrieve-password .step-lighten .step-progress::before, .retrieve-password .step-lighten .step-progress::after, .retrieve-password .step-lighten .step-progress span { background: #f47983; }
.layer-notice { position: fixed; left: 50%; top: 50%; background: rgba(0,0,0,.8); border-radius: .1rem; padding: .2rem; color: #fff; transform: translate(-50%,-50%); width: 5rem; text-align: center; z-index: 1000 }
/*详情页*/
.downloadApp-bottom-new { display: block; width: 100%; height: 1.2rem; background: url(../images/downloadApp-bottom.png) 0 0 no-repeat; background-size: 100% 1.2rem; }
.bottom-part-inner { border: none; overflow: hidden; padding: .15rem 0 0; border-top: 1px solid #f5f5f5; margin: -1px 0 0 }
.today-queen { color: #f47983; background: #f5f5f5 url(../images/notice-crown.png) no-repeat .28rem center; background-size: .42rem .28rem; padding: 0 0 0 .84rem; position: relative; }
.today-queen::before { content: ''; display: block; width: .02rem; height: .6rem; position: absolute; left: .84rem; top: 0; background: #e8e8e8; background: linear-gradient( top, #f5f5f5 0%, #e8e8e8 50%, #f5f5f5 100%); background: -webkit-linear-gradient( top, #f5f5f5 0%, #e8e8e8 50%, #f5f5f5 100%); }
.today-queen .queen-wrap { font-size: .24rem; padding: 0 0 0 .1rem; height: .6rem; line-height: .6rem; overflow: hidden; }
.queen-wrap span { display: inline-block; white-space: nowrap; }
.queen-wrap .queen-animation { display: inline-block; white-space: nowrap; animation: wordsLoop 1.5s linear; animation-delay: 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.queen-wrap .link-fudai { float: right; padding: 0 .26rem; text-align: center; position: relative; z-index: 1; font-style: normal; }
.wrapbox { border-bottom: .1rem solid #f5f5f5; }
.wrapbox .boxhd { height: 1rem; line-height: 1rem; display: box; display: -webkit-box; }
.wrapbox .boxhd .icon-more { display: block; padding: 0 .26rem; color: #666; font-size: .24rem }
.wrapbox .boxhd .icon-more .icon { margin: 0 0 0 .2rem; color: #666 }
.wrapbox .boxhd .icon-more-red { color: #f47983 }
.wrapbox .boxhd .title { -webkit-box-flex: 1; padding: 0 0 0 .3rem; color: #000; font-size: .3rem; }
.wrapbox .boxhd .title .desc { color: #999; font-size: .24rem; margin: 0 0 0 .2rem; }
.wrapbox .boxbd { padding: 0 .3rem; }
.book-profile-module { position: relative; overflow: hidden; }
.book-profile-module .book-profile-blur { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 100%; z-index: 0; filter: blur(8px); -webkit-filter: blur(8px); opacity: .1; }
.book-profile-module dl { height: 3.4rem; display: box; display: -webkit-box; padding: .13rem .4rem 0 .2rem; box-sizing: border-box; position: relative; z-index: 1; background: linear-gradient( bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 40%); background: -webkit-linear-gradient( bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 40%); }
.book-profile-module dt { position: relative; width: 2.2rem; height: 3.02rem; margin: 0 .28rem 0 0 }
.book-profile-module dt img { display: block; width: 2rem; height: 2.68rem; margin: .17rem 0 0 .1rem; position: relative; z-index: 2 }
.book-profile-module dt::after { content: ''; display: block; width: 1.64rem; height: 2.46rem; background: #fff; z-index: 1; position: absolute; left: .28rem; top: .28rem; box-shadow: 0 0 .3rem #9c9c9c; }
.book-profile-module dd { -webkit-box-flex: 1; line-height: .5rem; font-size: .22rem; color: #999 }
.book-profile-module dd .pipe { margin: 0 .1rem; }
.book-profile-module .book-title { color: #000; font-size: .34rem; font-weight: normal; height: .4rem; line-height: .4rem; overflow: hidden; margin: .24rem 0 0 }
.book-profile-module .book-title .book-title-hb { float: right; margin: .01rem 0 0; width: .31rem; height: .38rem; background: url(../images/hongbao-ling.png) no-repeat 0 0; background-size: .31rem .38rem; }
.book-profile-module .book-author { color: #f47983; font-size: .24rem; margin: .15rem 0 0 }
.book-profile-module .order-baoyue { margin: .2rem 0 0; display: block; background: #e2f5ff; color: #00adef; font-size: .22rem; text-align: center; width: 4.05rem; height: .42rem; line-height: .42rem; border-radius: .42rem; -webkit-border-radius: .42rem; }
.honor-labels { overflow: hidden; }
.honor-labels .label-a { float: left; width: 25%; text-align: center; color: #999; font-size: .24rem; line-height: .38rem; }
.honor-labels .label-a .num { font-size: .3rem; color: #333; }
.honor-labels .label-a .num span { font-size: .22rem; color: #999; margin: 0 0 0 .05rem; }
.honor-labels .label-a .tit { padding: 0 0 0 .15rem; }
.honor-labels .label-a .tit .icon { width: .1rem; vertical-align: middle; margin: 0 0 0 .05rem; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.book-info-btns { margin: .35rem .3rem 0; padding: 0 0 .3rem; border-bottom: 1px solid #eee; display: -webkit-box; display: -webkit-flex; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
.book-info-btns a { display: inline-block; text-align: center; width: 1.82rem; height: .7rem; line-height: .7rem; font-size: .3rem; color: #f47983; border: 1px solid #f47983; border-radius: .1rem; -wekit-border-radius: .1rem; }
.book-info-btns .btn-info-read { width: 2.78rem; background: #f47983; color: #fff }
.wrapbox .boxhd .icon-more-tags { padding: 0 .3rem 0 0 }
.wrapbox .boxhd .icon-more-tags span { display: inline-block; width: .88rem; height: .36rem; line-height: .36rem; text-align: center; background: #f5f5f5; font-size: .22rem; color: #999; margin: 0 0 0 .15rem; border-radius: .05rem; -webkit-border-radius: .05rem; }
.wrapbox .boxhd .icon-more-tags .icon-more-tags span { display: inline-block; font-size: .22rem; color: #999; height: .36rem; line-height: .36rem; width: .88rem; text-align: center; background: #f5f5f5; border-radius: .05rem; -wekit-border-radius: .05rem; margin: 0 0 0 .2rem; }
.book-summary { padding: 0 .3rem .3rem; border-bottom: 1px solid #eee; }
.book-summary section { color: #999; font-size: .24rem; line-height: .4rem; height: 1.2rem; position: relative; overflow: hidden; }
.book-summary section .toggle-btn { display: block; position: absolute; right: 0; bottom: 0; width: .48rem; background: #fff; text-align: right; background: linear-gradient(left,rgba(255,255,255,0),#fff .2rem); background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff .2rem); }
.book-summary section .toggle-btn .icon { transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
.book-summary section .toggle-btn-overturn .icon { transform: rotate(270deg); -webkit-transform: rotate(270deg); }
.wrapbox .boxhd .icon-more-chapter { color: #333 }
.wrapbox .boxhd .icon-more-chapter em { font-style: normal; color: #f6919a }
.referral-bonuses { display: block; width: 100%; border-bottom: .1rem solid #f5f5f5 }
.swiper-dashang { height: .66rem; width: 6.9rem; background: #ecf0f6; border-radius: .33rem; -webkit-border-radius: .33rem; }
.swiper-dashang .swiper-slide { height: .66rem; line-height: .66rem; overflow: hidden; font-size: .24rem; color: #00adef }
.swiper-dashang .swiper-slide .portrait { float: left; width: .42rem; height: .42rem; border-radius: .42rem; -webkit-border-radius: .42rem; margin: .12rem .2rem }
.swiper-dashang .swiper-slide .gift { float: right; color: #666; margin: 0 .2rem; }
.swiper-dashang .swiper-slide .gift .num { color: #f47983 }
.fans-honor { overflow: hidden; padding: .4rem 0 .3rem .1rem; }
.fans-honor .rank-list-top { float: left; width: 66%; }
.fans-honor .rank-list-mine { float: right; width: 28%; position: relative; }
.fans-honor .rank-list-mine::before { position: absolute; left: 0; top: 0; display: block; content: ''; width: 1px; height: 1.5rem; background: #e6ebf2; background: linear-gradient(top,#fff 0%,#e6ebf2 50%,#fff 100%); background: -webkit-linear-gradient(top,#fff 0%,#e6ebf2 50%,#fff 100%); }
.fans-honor .rank-list-mine .portrait { margin: .27rem auto 0 }
.rank-list { display: box; display: -webkit-box; display: -webkit-flex; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
.rank-list li { text-align: center; -webkit-box-flex: 1; }
.rank-list li .crow { display: block; width: .37rem; height: .3rem; margin: 0 auto }
.rank-list li .crow1 { background: url(../images/fans-crown1.png) no-repeat 0 0; background-size: .37rem .3rem; }
.rank-list li .crow2 { background: url(../images/fans-crown2.png) no-repeat 0 0; background-size: .37rem .3rem; }
.rank-list li .crow3 { background: url(../images/fans-crown3.png) no-repeat 0 0; background-size: .37rem .3rem; }
.rank-list li .portrait { display: block; width: 1.1rem; height: 1.1rem; border-radius: 1.1rem; -webkit-border-radius: 1.1rem; margin: -.03rem auto 0; }
.rank-list li .sort { display: block; width: .84rem; color: #fff; font-size: .22rem; margin: -.34rem auto 0; position: relative; height: .3rem; line-height: .3rem; text-align: center; border: .02rem solid #fff; background: #f47983; border-radius: .3rem; -webkit-border-radius: .3rem; }
.rank-list li .name { height: .5rem; line-height: .5rem; text-align: center; font-size: .24rem; color: #666 }
.rank-list li:last-child { padding: 0 .4rem; position: relative; }
.rank-list li:last-child::before { position: absolute; left: 0; top: .11rem; display: block; content: ''; width: 1px; height: 1.5rem; background: #e6ebf2; background: linear-gradient(top,#fff 0%,#e6ebf2 50%,#fff 100%); background: -webkit-linear-gradient(top,#fff 0%,#e6ebf2 50%,#fff 100%); }
.rank-list li:last-child .portrait { margin: .27rem auto 0 }
.book-square { text-align: center }
.book-square dt { color: #999; font-size: .24rem; }
.book-square dd { width: 3.14rem; height: .7rem; line-height: .7rem; color: #fff; color: #fff; border-radius: .1rem; -webkit-border-radius: .1rem; margin: .35rem auto .55rem; background: #f47983; }
.create-booklist { border: 1px dashed #e5e5e5; margin: 0 0 .45rem; border-radius: .1rem; -webkit-border-radius: .1rem; height: .9rem; padding: .85rem 0 0; text-align: center; font-size: .24rem; color: #999; background: url(../images/add-icon.png) no-repeat center .35rem; background-size: .48rem .48rem; line-height: .74rem; }
.common-list-inner .details-part { margin: 0 0 .25rem; }
.common-list-inner .book-module { font-size: .24rem; color: #999; }
.common-list-inner .book-module .pipe { margin: 0 .1rem; }
.common-list-inner .details-part .common-info dt { color: #000 }
.common-list-inner .details-part .common-info .book-profile { color: #666 }
.info-booklist .list-detail { overflow: hidden; color: #999; display: block; margin: 0 0 .3rem; padding: 0 0 .1rem }
.info-booklist .list-detail dt { color: #000; font-size: .3rem; margin: .08rem 0 .14rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.info-booklist .list-detail .book-profile { text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: .26rem; line-height: .36rem; height: .72rem; color: #666; }
.info-booklist .list-detail .book-profile p { overflow: hidden; }
.info-booklist .list-detail .book-author { font-size: .24rem; color: #999; margin: .21rem 0 0 }
.info-booklist .list-detail .book-view { text-align: center; float: right; margin: 0 0 0 .4rem; }
.info-booklist .list-detail .book-view .book-pic { margin: .14rem 0 }
.info-booklist .list-detail .book-view img { height: 1.01rem; width: .74rem; box-shadow: 0 0 .08rem #e2c7c7; }
.info-booklist .list-detail .book-view .pic-middle { height: 1.31rem; width: .97rem; margin: 0 -.12rem; position: relative; }
.info-booklist .list-detail .icon-book-classfy span { border: 1px solid #ccc; color: #ccc; margin: 0 .1rem; line-height: .3rem; height: .3rem; vertical-align: top; font-size: .22rem; padding: 0 .15rem; display: inline-block; border-radius: .3rem; }
/*分类页*/
.classify-wrap { margin: 0 .3rem; display: box; display: -webkit-box; display: -webkit-flex; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
.classify-wrap .classify-module { display: block; background: #f6f5f6; border-radius: .1rem; -webkit-border-radius: .1rem; width: 3.02rem; padding: .3rem 0 .3rem .3rem; overflow: hidden; margin: 0 0 .3rem }
.classify-wrap .classify-module .thumbnail { float: right; margin: 0 -.22rem 0 0 }
.classify-wrap .classify-module .thumbnail img { float: left; border: 1px solid #e0e0e0; }
.classify-wrap .classify-module .thumbnail .img-s { width: .79rem; height: 1.07rem; margin: .115rem -.55rem 0 0 }
.classify-wrap .classify-module .thumbnail .img-m { width: .96rem; height: 1.3rem; }
.classify-wrap .classify-module dt { font-size: .3rem; color: #333; line-height: .46rem; }
.classify-wrap .classify-module dd { font-size: .24rem; color: #999; line-height: .44rem; }
.classfication-sort { line-height: .66rem; height: .66rem; color: #999; font-size: .24rem; padding: .1rem 0 .24rem }
.sort-filtrate { float: right; margin: 0 .3rem; color: #f47983 }
.sort-filtrate .icon { font-size: .1rem; vertical-align: middle; margin: -.04rem 0 0 .1rem; }
.classfication-sort .sort-wrap { margin: 0 0 0 .1rem }
.classfication-sort .sort-wrap a { margin: 0 .26rem; display: inline-block; }
.classfication-sort .sort-wrap .active { font-size: .3rem; color: #f47983; position: relative; }
.classfication-sort .sort-wrap .active::after { display: block; content: ''; height: .04rem; width: .24rem; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -.12rem; background: #f47983 }
.classfication-list { margin: 0 .3rem; }
.common-list-inner { padding: 0 0 .15rem }
.common-list-inner .book-module .desc { float: right }
.common-list-inner .book-module .desc .status1 { color: #00adef; }
.common-list-inner .book-module .desc .status2 { color: #f47983; }
.common-list-inner .details-part .common-info dt .num { float: right; font-size: .22rem; color: #999 }
.over-wrap-up { z-index: 891 }
.filtrate-wrap { transform: translateX(105%); transition: transform .5s; overflow: auto; position: fixed; top: 0; right: 0; width: 6.13rem; height: 100%; background: #fff; z-index: 892; }
.filtrate-wrap-active { transform: translateX(0); }
.filtrate-wrap .title { text-align: center; font-weight: normal; line-height: .9rem; font-size: .3rem; }
.filtrate-btns input { height: .8rem; text-align: center; border: none; width: 50%; border-radius: 0; font-size: .28rem; }
.filtrate-btns .btn-reset { background: #f6f7f9 }
.filtrate-btns .btn-sure { background: #f47983; color: #fff }
.filtrate-detail { line-height: .48rem; padding: 0 .28rem .28rem; font-size: .24rem; }
.filtrate-detail dt { line-height: .64rem; }
.filtrate-detail dd { margin: 0 0 0 -.06rem; overflow: hidden; }
.filtrate-detail dd span { float: left; width: 1.32rem; text-align: center; margin: 0 0 .15rem .06rem; color: #666 }
.filtrate-detail dd .active { background: #ffe1e1; color: #f47983; border-radius: .1rem; -webkit-border-radius: .1rem; }
.swiper-filtrate { width: 100%; height: 100%; }
.swiper-filtrate .swiper-slide { height: auto; }
.filtrate-mian { height: calc(100% - .8rem); }
.swiper-container-vertical > .swiper-scrollbar { width: .05rem !important; }
/*搜索*/
.info-booklist-search { margin: .2rem .42rem; overflow: hidden; }
.info-booklist-search .list-detail dt { color: #000 }
.loading-more { font-size: .24rem; color: #999; text-align: center; padding: 0 0 .4rem; }
.la-ball-pulse { display: inline-block; vertical-align: top; margin: .11rem 0 0 }
.la-ball-pulse > em { float: left; background: #999; font-style: normal; }
.la-ball-pulse > em:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms }
.la-ball-pulse > em:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms }
.la-ball-pulse > em:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms }
.la-ball-pulse > em { width: .08rem; height: .08rem; margin: 0 .05rem; border-radius: 100%; -webkit-animation: ball-pulse 1s ease infinite; animation: ball-pulse 1s ease infinite }

@-webkit-keyframes ball-pulse {
    0%,60%,100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
    30% { opacity: .1; -webkit-transform: scale(.01); transform: scale(.01) }
}

@keyframes ball-pulse {
    0%,60%,100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
    30% { opacity: .1; -webkit-transform: scale(.01); transform: scale(.01) }
}

.author-search-list .list-detail { display: block; line-height: .44rem; font-size: .24rem; color: #999; padding: .2rem .32rem; margin: .05rem 0 0; }
.author-search-list .list-detail .author { float: right; width: .88rem; height: .88rem; border-radius: .88rem; -webkit-border-radius: .88rem; }
.author-search-list .list-detail dt span { font-size: .3rem; color: #000 }
.header-inner .nav-wrap .top-search { -webkit-box-flex: 1; }
.top-search .search-wrap { width: 5.12rem; height: .6rem; margin: 0 auto; background: #f5f5f5; border-radius: .6rem; -webkit-border-radius: .6rem; position: relative; }
.top-search .search-wrap input { vertical-align: top; font-size: .24rem; color: #333; width: 100%; height: .6rem; border: 0; background: none; padding: 0 .6rem 0 .34rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.top-search .search-wrap input:-webkit-input-placeholder { color: #999 }
.top-search .search-wrap .icon-clearinput { display: none; position: absolute; right: .2rem; top: .14rem; font-size: .32rem; width: .32rem; color: #cdcdcd }
.search-results-tips { font-size: .24rem; color: #999; line-height: .6rem; margin: 0 .2rem }
.search-results-classfy .list-detail { background: #f5f5f5 }
.search-results-classfy .list-detail .icon-more { float: right; font-size: .24rem; height: .24rem; color: #f47983; margin: .32rem 0 0 }
/*书架*/
.over-wrap-down { z-index: 885 }
.bookshelf-tab { overflow: hidden; }
.bookshelf-tab .tab-hd { padding: .17rem .17rem 0; overflow: hidden; background: #f6f6f6; z-index: 887; position: relative; }
.bookshelf-tab .tab-hd span { float: left; background: #fff; width: 50%; line-height: .64rem; color: #999; font-size: .24rem; text-align: center; border: 1px solid #e2e3e5; box-sizing: border-box; -webkit-box-sizing: border-box; }
.bookshelf-tab .tab-hd span:nth-child(1) { border-radius: .1rem 0 0 .1rem; -webkit-border-radius: .1rem 0 0 .1rem; }
.bookshelf-tab .tab-hd span:nth-child(2) { border-radius: 0 .1rem .1rem 0; -webkit-border-radius: 0 .1rem .1rem 0; }
.bookshelf-tab .tab-hd .active { background: #f47983; border-color: #f47983; color: #fff }
.bookshelf-tab .tab-bd { min-height: calc(100vh - 2.61rem - 1px); }
.no-record { padding: 4.4rem 0 0; text-align: center; color: #999 }
.no-record dt { width: 3.2rem; height: .68rem; margin: .3rem auto; line-height: .68rem; background: #f47983; color: #fff; font-size: .3rem; border-radius: .1rem; -webkit-border-radius: .1rem; }
.no-record-logout { background: #f6f6f6 url(../images/no-record-logout.png) no-repeat center 1.35rem; background-size: 4.87rem 2.67rem; min-height: calc(100vh - 1.81rem - 1px); box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }
.no-record-login { background: #f6f6f6 url(../images/no-record-login.png) no-repeat center 1.35rem; background-size: 4.87rem 2.67rem; min-height: calc(100vh - 1.81rem - 1px); box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }
.bookshelf-operation { height: .8rem; position: relative; }
.bookshelf-operation .operation-moudle { height: .8rem; line-height: .8rem; background: #f6f6f6; z-index: 887; position: relative; }
.bookshelf-operation .operation-moudle span { margin: 0 .32rem; font-size: .24rem; color: #f47983; display: inline-block; }
.bookshelf-operation .operation-moudle .btn-cancel { float: right; color: #999 }
.bookshelf-operation .operation-moudle .btn-editor { float: right; }
.bookshelf-operation .operation-moudle .total { color: #acacac }
.bookshelf-operation .operation-moudle .total em { font-style: normal; color: #f47983; margin: 0 .05rem }
.bookshelf-operation .operation-moudle .btn-sort .icon { margin: 0 .05rem; transform: rotate(0); -webkit-transform: rotate(0);; transition: transform .5s; }
.bookshelf-operation .operation-moudle .btn-sort-up .icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.history-list { overflow: hidden; padding: .3rem 0 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
.history-list li { margin: 0 .3rem .5rem; }
.history-list li .book-pic { float: left; margin: 0 .2rem 0 0; position: relative; }
.history-list li .book-pic, .history-list li .book-pic img { display: block; width: 1.38rem; height: 1.88rem; }
.history-list li .book-info { overflow: hidden; line-height: .48rem; }
.history-list li .book-title { font-weight: normal; font-size: .3rem; color: #000; height: .48rem; overflow: hidden; }
.history-list li .book-title .icon-editor { float: right; padding: .09rem 0; color: #999 }
.history-list li .book-title .btn-collection { float: right; color: #f47983; font-size: .24rem; }
.history-list li .book-desc { color: #666; font-size: .24rem; }
.history-list li .book-desc .pipe { margin: 0 .1rem; }
.history-list li dl { display: box; display: -webkit-box; -webkit-box-align: center; margin: .12rem 0 0 }
.history-list li dd { -webkit-box-flex: 1; line-height: .4rem; color: #999 }
.history-list li dd p { height: .4rem; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; }
.history-list li dt { width: 1.74rem; font-size: .22rem; height: .32rem; line-height: .32rem; text-align: center; border: 1px solid #ff0000; color: #ff0000; border-radius: .32rem; -webkit-border-radius: .32rem; }
.history-list li .icon-stick { position: absolute; left: 0; top: 0; width: .24rem; height: .24rem; background: url(../images/icon-stick.png) no-repeat 0 0; background-size: .24rem .24rem; }
.switch-box { height: .3rem; padding: .05rem 0; }
.switch-box .switch-box-slider { position: relative; display: inline-block; height: .3rem; width: .7rem; background: #d5d9e0; border-radius: .3rem; -webkit-border-radius: .3rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.switch-box .switch-box-slider:after { position: absolute; left: 0; top: -.05rem; display: block; width: .4rem; height: .4rem; border-radius: 50%; background: #a3abb8; content: ''; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.switch-box .switch-box-input { display: none; }
.switch-box .switch-box-input:checked ~ .switch-box-slider:after { left: .3rem; }
.switch-box.box-pink .switch-box-input:checked:not(:disabled) ~ .switch-box-slider { background: #ffb7bd; }
.switch-box.box-pink .switch-box-input:checked:not(:disabled) ~ .switch-box-slider:after { background: #f47983; }
.collect-operation { background: #fff; height: 5.36rem; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 892; overflow: hidden; transform: translateY(105%); transition: transform .5s; }
.collect-operation-active { transform: translateY(0); }
.collect-book { height: 1.2rem; padding: .44rem .33rem; display: box; display: -webkit-box; -webkit-box-align: center; }
.collect-book .book-pic { display: block; width: .9rem; height: 1.2rem; box-shadow: 0 0 .2rem #b8a3a3; margin: 0 .2rem 0 0 }
.collect-book .book-desc { -webkit-box-flex: 1; }
.collect-book .book-desc h4 { font-size: .3rem; color: #000; font-weight: normal; line-height: .4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.collect-book .book-desc p { color: #666; font-size: .24rem; margin: .1rem 0 0 }
.collect-book .book-detail { margin: 0 0 0 .33rem; display: block; width: 1.44rem; height: .48rem; line-height: .48rem; text-align: center; border: 1px solid #f47983; border-radius: .1rem; -webkit-border-radius: .1rem; color: #f47983; font-size: .24rem; }
.collect-row { height: 1.64rem; padding: .34rem 0 0; border-top: 1px solid #eee; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 .33rem; overflow: hidden; }
.collect-row .cell { float: left; width: 25%; text-align: center }
.collect-row .cell p { font-size: .24rem; line-height: .66rem; }
.collect-row .cell .icon { font-size: .58rem; }
.collect-row .cell .switch-box { margin: .09rem 0 }
.collect-row .cell .collect-icon { display: block; margin: 0 auto; width: .44rem; height: .58rem; }
.collect-row .cell .collect-order { background: url(../images/collect-order.png) no-repeat center center; background-size: .44rem .47rem; }
.collect-row .cell .collect-read { background: url(../images/collect-read.png) no-repeat center center; background-size: .35rem .39rem; }
.collect-row .cell .collect-share { background: url(../images/collect-share.png) no-repeat center center; background-size: .42rem .42rem; }
.collect-success { position: absolute; left: 50%; bottom: 1.6rem; margin: 0 0 0 -1.6rem; border-radius: .74rem; line-height: .74rem; width: 2.7rem; text-align: center; padding: 0 0 0 .5rem; color: #fff; z-index: 1000; background: rgba(0,0,0,.85) url(../images/gou.png) no-repeat .45rem center; font-size: .24rem; background-size: .26rem .26rem; }
.operation-sort-wrap { position: absolute; left: 0; top: .8rem; width: 100%; z-index: 886; background: #fff; padding: .2rem 0; transform: translateY(-105%); transition: transform .5s; }
.operation-sort-wrap li { height: .6rem; line-height: .6rem; padding: 0 .5rem; font-size: .26rem; color: #666 }
.operation-sort-wrap li .icon { display: none; }
.operation-sort-wrap .active { background: #f6f6f6; color: #f47983 }
.operation-sort-wrap .active .icon { float: right; display: block; margin: .17rem 0 0 }
.operation-sort-active { transform: translateY(0); }
.editor-history-list { padding: .3rem 0 1rem; }
.editor-history-list li { padding: 0 0 0 .7rem; background: url(../images/checkbox1.png) no-repeat .1rem center; background-size: .26rem .26rem; }
.editor-history-list li.active { background: url(../images/checkbox2.png) no-repeat .1rem center; background-size: .26rem .26rem; }
.delete-bar { display: none; background: #fff; height: 1rem; line-height: 1rem; text-align: center; box-shadow: 0px -.04rem .09rem rgba(231,231,231,.6); position: fixed; left: 0; bottom: 0; width: 100%; }
.delete-bar .icon { color: #f47983; margin: 0 .1rem 0 0; font-size: .3rem; }
.confirm-box { display: none; text-align: center; padding: 0 .3rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 999; background: #fff; width: 5.1rem; border-radius: .1rem; -webkit-border-radius: .1rem; background: #fff }
.confirm-main { padding: .75rem 0; }
.confirm-box .details { font-size: .3rem; line-height: .46rem; color: #333; }
.confirm-box .confirm-btns { height: .48rem; line-height: .48rem; padding: .2rem 0; border-top: 1px solid #eee }
.confirm-box .confirm-btns span { float: left; width: 50%; font-size: .3rem; box-sizing: border-box; }
.confirm-box .confirm-btns span:nth-child(2) { border-left: 1px solid #eee }
.confirm-box .confirm-btns .btn-cancel { color: #999; }
.confirm-box .confirm-btns .btn-sure { color: #f47983; }
/*目录*/
.directory-tab { min-height: calc(100vh - 1rem - 1px); }
.directory-tab .tab-hd { height: .8rem; z-index: 887; position: relative; background: #fff }
.directory-tab .tab-hd span { display: inline-block; width: 50%; text-align: center; border-bottom: 1px solid #eee; text-align: center; font-size: .3rem; line-height: .8rem; box-sizing: border-box; height: .8rem; }
.directory-tab .tab-hd span.active { border-bottom: .06rem solid #f47983; color: #f47983; }
.directory-operation { height: .84rem; line-height: .84rem; padding: 0 .32rem; z-index: 887; position: relative; background: #fff }
.directory-operation .btn-phase { color: #000; font-size: .24rem; float: left; }
.directory-operation .btn-phase .icon { margin: 0 .1rem; transform: rotate(0); -webkit-transform: rotate(0); transition: transform .5s; }
.directory-operation .btn-phase-up .icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.directory-operation .btn-sort { float: right; color: #f47983; padding: 0 0 0 .44rem; }
.directory-operation .sort-up { background: url(../images/sort-up.png) no-repeat 0 center; background-size: .28rem .24rem; }
.directory-operation .sort-down { background: url(../images/sort-down.png) no-repeat 0 center; background-size: .28rem .24rem; }
.directory-tab .directory-list { border-top: .15rem solid #f5f5f5; }
.directory-list { padding: 0 .32rem }
.directory-list li { border-bottom: 1px solid #f5f5f5; height: 1rem; line-height: 1rem; font-size: .3rem; color: #000; }
.directory-list li a { display: block; }
.directory-list li.locked { color: #999; background: url(../images/suo.png) no-repeat 6.4rem center; background-size: .3rem .36rem }
.directory-list li.active { color: #f47983; }
.directory-list li.active .keep-reading { float: right; font-size: .26rem; }
.backTop { display: block; width: .8rem; height: .8rem; background: url('//m.xxsy.net/NewCss/index2019/images/backtop.png') no-repeat 0 0; background-size: .8rem .8rem; position: fixed; bottom: .4rem; right: .4rem; }
.chapter-phase-wrap { position: fixed; left: 0; bottom: 0; background: #fff; width: 100%; z-index: 886; height: 4.4rem; transform: translateY(105%); transition: transform .5s; }
.chapter-phase-active { transform: translateY(0); }
.swiper-phase { width: 100%; height: 100%; }
.swiper-phase .swiper-slide { height: auto; }
.directory-phase-list { padding: .1rem .32rem .32rem }
.directory-phase-list label { display: block; height: .8rem; line-height: .8rem; color: #333; font-size: .3rem; border-bottom: 1px solid #f5f5f5; overflow: hidden; }
.directory-phase-list label input { float: right; margin: .28rem .2rem 0 }
/*阅读页*/
.b_skin_1 { background: rgb(236, 217, 172); }
.b_skin_1 .page-read, .background-block.b_skin_1 { color: rgb(77, 77, 77); background: rgb(236, 217, 172); }
.b_skin_2 { background: rgb(252, 250, 239); }
.b_skin_2 .page-read, .background-block.b_skin_2 { color: rgb(59, 59, 56); background: rgb(252, 250, 239); }
.b_skin_3 { background: rgb(252, 231, 226); }
.b_skin_3 .page-read, .background-block.b_skin_3 { color: rgb(99, 41, 44); background: rgb(252, 231, 226); }
.b_skin_4 { background: rgb(181, 238, 205); }
.b_skin_4 .page-read, .background-block.b_skin_4 { color: rgb(67, 78, 67); background: rgb(181, 238, 205); }
.b_skin_5 { background: rgb(230, 239, 230); }
.b_skin_5 .page-read, .background-block.b_skin_5 { color: rgb(24, 131, 100); background: rgb(230, 239, 230); }
.b_skin_6 { background: rgb(255, 255, 255); }
.b_skin_6 .page-read, .background-block.b_skin_6 { color: rgb(89, 89, 89); background: rgb(255, 255, 255); }
.b_skin_7 { background: rgb(233, 241, 245); }
.b_skin_7 .page-read, .background-block.b_skin_7 { color: rgb(12, 93, 149); background: rgb(233, 241, 245); }
.b_skin_8 { background: rgb(247, 252, 255); }
.b_skin_8 .page-read, .background-block.b_skin_8 { color: rgb(4, 130, 4); background: rgb(247, 252, 255); }
.b_skin_9 { background: rgb(239, 239, 206); }
.b_skin_9 .page-read, .background-block.b_skin_9 { color: rgb(111, 77, 27); background: rgb(239, 239, 206); }
.b_skin_10 { background: rgb(223, 245, 246); }
.b_skin_10 .page-read, .background-block.b_skin_10 { color: rgb(64, 154, 154); background: rgb(223, 245, 246); }
.b_skin_11 { background: rgb(230, 230, 230); }
.b_skin_11 .page-read, .background-block.b_skin_11 { color: rgb(167, 9, 6); background: rgb(230, 230, 230); }
.b_skin_12 { background: rgb(152, 194, 223); }
.b_skin_12 .page-read, .background-block.b_skin_12 { color: rgb(11, 45, 80); background: rgb(152, 194, 223); }
.b_skin_13 { background: rgb(47, 62, 62); }
.b_skin_13 .page-read, .background-block.b_skin_13 { color: rgb(167, 192, 192); background: rgb(47, 62, 62); }
.b_skin_14 { background: rgb(65, 80, 98); }
.b_skin_14 .page-read, .background-block.b_skin_14 { color: rgb(252, 243, 228); background: rgb(65, 80, 98); }
.b_skin_15 { background: rgb(8, 16, 16); }
.b_skin_15 .page-read, .background-block.b_skin_15 { color: rgb(178, 135, 48); background: rgb(8, 16, 16); }
.b_skin_16 { background: rgb(16, 10, 11); }
.b_skin_16 .page-read, .background-block.b_skin_16 { color: rgb(102, 102, 102); background: rgb(16, 10, 11); }
.page-read-top { height: .8rem; line-height: .8rem; color: #999; font-size: .24rem; position: fixed; left: 0; top: 0; width: 100%; box-sizing: border-box; z-index: 1; background: inherit; padding: 0 .55rem; }
.page-read-top .read-book-name { font-weight: normal; }
.page-read-top .book-pages { float: right; }
.page-read { padding: .8rem 0 0 }
.read-article { line-height: 1.8; overflow: hidden; min-height: calc(100vh - .8rem); margin: 0 .55rem; text-align: justify; font-size: 16px; }
.read-article h3 { font-weight: normal; font-size: 1.5em; line-height: 1.2; margin: .4rem 0 }
.read-article p { font-size: 1em; margin: .2rem 0 0; word-break: break-all; }
.page-read .loading-more { padding: .25rem 0 .4rem; }
.header-read-opt { position: fixed; z-index: 2; left: 0; top: 0; width: 100%; padding: 0; transform: translateY(-105%); transition: transform .5s; }
.header-read-opt .nav-header { padding: 0 .3rem; background: rgba(38,38,38,.9); height: .8rem; line-height: .8rem; color: #fff; }
.header-read-opt .nav-header .back-icon { float: left; font-size: .36rem; }
.header-read-opt .nav-header .nav-operate { float: right; }
.nav-operate .icon-operate { margin: 0 0 0 .45rem; font-size: .36rem; vertical-align: middle; height: .38rem; padding: .21rem 0; vertical-align: top }
.nav-operate .icon-hongbao { display: inline-block; width: .31rem; height: .38rem; background: url(../images/hongbao-ling.png) no-repeat 0 center; background-size: .31rem .38rem; }
.nav-operate .icon-hongbao-gray { background: url(../images/hongbao-gray.png) no-repeat 0 center; background-size: .31rem .38rem; }
.operate-more { display: none; position: absolute; right: 0; top: .8rem; background: rgba(38,38,38,.9); width: 1.75rem; text-align: center; padding: 0 0 .1rem; border-radius: 0 0 .1rem .1rem; }
.operate-more a { display: block; color: #fff; line-height: .62rem; font-size: .28rem; }
.footer-read-opt { position: fixed; z-index: 2; left: 0; bottom: 0; width: 100%; color: #fff; transform: translateY(105%); transition: transform .5s; }
.footer-read-opt .chapter-switch { height: 1rem; line-height: 1rem; font-size: .3rem; background: rgba(38,38,38,.9); text-align: center; }
.footer-read-opt .chapter-switch a { float: left; width: 50%; box-sizing: border-box; }
.footer-read-opt .chapter-switch a:first-child { border-right: 1px solid #fff }
.footer-read-opt .footer-action { height: 1.54rem; border-top: 1px solid #fff; box-sizing: border-box; background: rgba(38,38,38,.9); text-align: center; }
.footer-read-opt .footer-action .action { float: left; width: 25%; line-height: .44rem; }
.footer-read-opt .footer-action .action .icon { height: .58rem; font-size: .58rem; margin: .24rem 0 0 }
.footer-read-opt .footer-action .action.active { color: #f47983; }
.day-switch { overflow: hidden; margin: 0 .2rem .2rem 0 }
.day-switch .icon { float: right; background: rgba(38,38,38,.9); padding: .2rem; font-size: .52rem; width: .52rem; height: .52rem; border-radius: .92rem; -webkit-border-radius: .92rem }
.footer-operate-detail { display: none; background: rgba(38,38,38,.9); overflow: hidden; padding: .2rem 0 0 }
.footer-operate-detail dt { height: .8rem; line-height: .8rem; overflow: hidden; text-align: center; color: #f47983; font-size: .24rem; }
.footer-operate-detail dd { height: .64rem; line-height: .64rem; margin: .2rem 0 0 }
.footer-operate-detail dd .label { float: left; margin: 0 .25rem 0 .45rem; font-size: .24rem; }
.footer-operate-detail dd .info { overflow: hidden; }
.read-set-font { overflow: hidden; width: 5.8rem; margin: 0 0 0 .18rem }
.read-set-font .font-size-icon { display: block; color: #fff; width: .66rem; text-align: center }
.font-size-down { float: left; }
.font-size-up { float: right; }
.read-set-font .read-font-bar { overflow: hidden; float: left; width: 4rem; margin: 0 .24rem; height: .54rem; position: relative; padding: .05rem 0; }
.read-set-font .read-font-bar input { vertical-align: top; height: .54rem; width: 100%; visibility: hidden; }
.read-set-font .read-font-bar .range { position: absolute; left: 0; top: 0; width: 100%; height: .04rem; background: #d2d2d2; margin: .3rem 0 0 }
.read-set-font .read-font-bar .range-track { background: #f47983; height: .04rem; text-align: right; position: relative; }
.read-set-font .read-font-bar .range-track .point { display: block; width: .54rem; height: .54rem; background: #fff; position: absolute; top: -.25rem; right: -.27rem; border-radius: .54rem; -webkit-border-radius: .54rem; text-shadow: 0 0 .1rem rgba(244,121,131,.35); }
.background-block { width: .64rem; height: .64rem; border-radius: .64rem; -webkit-border-radius: .64rem; margin: 0 0 0 .15rem }
.background-block .cricle { display: block; text-align: center; font-size: .3rem; box-sizing: border-box; border-radius: .64rem; -webkit-border-radius: .64rem; }
.background-block.active { color: #f47983; border: 1px solid #f47983; }
.slider-kind { overflow: hidden; width: 5.8rem; height: .54rem; padding: .05rem 0 }
.slider-kind li { width: 2.8rem; height: .54rem; line-height: .54rem; border: 1px solid #f6f7f9; margin: -1px 0; color: #fff; font-size: .24rem; text-align: center; border-radius: .05rem; }
.slider-kind li.active { background: #f6f7f9; color: #f47983; }
.slider-kind .kind-btn-upright { float: left; }
.slider-kind .kind-btn-across { float: right }
.line-height-wrap { width: 5.8rem; height: .54rem; padding: .05rem 0; display: box; display: -webkit-box; -webkit-box-align: center; }
.line-height-wrap li { -webkit-box-flex: 1; height: .54rem; line-height: .54rem; border: 1px solid #f6f7f9; margin: -1px 0; color: #fff; font-size: .3rem; text-align: center; }
.line-height-wrap li:nth-child(1) { border-radius: .05rem 0 0 .05rem; }
.line-height-wrap li:nth-child(2) { border-left: 0; border-right: 0; }
.line-height-wrap li:nth-child(3) { border-radius: 0 .05rem .05rem 0; }
.line-height-wrap li.active { background: #f6f7f9; color: #f47983; }
.page-read-opt-show .header-read-opt, .page-read-opt-show .footer-read-opt { transform: translateY(0) }
.directory-pop { position: fixed; left: 0; top: 0; width: 6.1rem; height: 100%; z-index: 889; background: #fff; transform: translateX(-105%); transition: transform .5s; }
.directory-pop .tab-bd { height: calc(100% - .8rem); }
.directory-pop .tab-bd { margin: .8rem 0 0 }
.directory-pop .tab-hd { position: fixed; left: 0; top: 0; width: 6.1rem; }
.directory-pop .tab-bd .bd-main { height: 100%; }
.directory-pop .directory-list li.locked { background-position: 5.05rem center }
.directory-pop .directory-list li.locked.active .keep-reading { margin: 0 .55rem 0 0 }
.directory-pop-show { transform: translateX(0) }
.chapter-login { margin: .8rem 0 0 }
.chapter-login .guide { display: box; display: -webkit-box; -webkit-box-align: center; }
.chapter-login .guide span { display: block; width: 4rem; line-height: .4rem; height: .4rem; border-radius: .4rem; text-align: center; background: #e5e5e5; color: #999; font-size: .24rem; }
.chapter-login .guide::before, .chapter-login .guide::after { content: ''; display: block; -webkit-box-flex: 1; height: 1px; background: #e5e5e5; }
.chapter-login .read-btn { position: relative; margin: .8rem auto; display: block; width: 4.8rem; line-height: .8rem; height: .8rem; border-radius: .1rem; text-align: center; background: #f47983; color: #fff; font-size: .3rem; }
.chapter-login .read-btn .discount { position: absolute; left: 0; top: 0; background: #b33741; line-height: .34rem; padding: .06rem 0 0; box-sizing: border-box; height: .8rem; border-radius: .1rem 0 0 .1rem; color: #fff; text-align: center; width: .78rem; font-size: .28rem; }
.chapter-login .order-detail { margin: .3rem 0 -.45rem 1.34rem; line-height: .5rem; font-size: .28rem; }
.chapter-login .order-detail dt { font-size: .24rem; line-height: .66rem; background: url(../images/checkbox1.png) no-repeat 0 center; background-size: .26rem .26rem; padding: 0 0 0 .4rem }
.chapter-login .order-detail dt span { color: #999; }
.chapter-login .order-detail dt.active { background: url(../images/checkbox2.png) no-repeat 0 center; background-size: .26rem .26rem; }
.chapter-login .order-detail dd .price-original { color: #999; text-decoration: line-through; margin: 0 .1rem 0 0 }
.chapter-login .order-detail dd .price-current { color: #ff0014; }
.chapter-login .order-action { overflow: hidden; width: 4.8rem; margin: -.6rem auto .4rem; height: .4rem; line-height: .4rem; }
.chapter-login .order-action .action-l { float: left; }
.chapter-login .order-action .action-r { float: right; }
.chapter-login .order-action a span { font-size: .24rem; color: #999; text-decoration: underline; }
.chapter-login .order-action .action-batch { padding: 0 0 0 .39rem; background: url(../images/order-action1.png) no-repeat 0 center; background-size: .29rem .31rem; }
.chapter-login .order-action .action-question { padding: 0 0 0 .35rem; background: url(../images/order-action2.png) no-repeat 0 center; background-size: .25rem .25rem; }
.chapter-login .order-action .action-sales { padding: 0 0 0 .32rem; background: url(../images/order-action3.png) no-repeat 0 center; background-size: .22rem .18rem; }
.chapter-login .order-action .action-month { padding: 0 0 0 .36rem; background: url(../images/order-action4.png) no-repeat 0 center; background-size: .26rem .26rem; }
.page-read-across { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.page-read-across .page-read-content { position: absolute; top: .8rem; bottom: .55rem; overflow: hidden; width: 100%; }
.page-read-across .read-article { height: 100%; min-height: 100%; }
.page-read-across .read-section { overflow: visible; height: 100%; -webkit-columns: calc(100vw - 1.1rem) 1; -webkit-column-gap: .55rem; columns: calc(100vw - 1.1rem) 1; column-gap: .55rem; }
.page-read-opt-show { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 3 }
/*批量订阅*/
.menu-side .nav-icon-opt { font-size: .24rem; }
.subscription-list { padding: 0 0 4.2rem; }
.subscription-list .chapter { display: none; }
.subscription-list .menu-juan { height: .7rem; line-height: .7rem; font-weight: normal; font-size: .3rem; overflow: hidden; padding: 0 .35rem 0 .9rem; margin: 0 0 1px; background: #f5f5f5 url(../images/checkbox1.png) no-repeat .35rem center; background-size: .26rem .26rem; }
.subscription-list .menu-juan .num { float: right; color: #f47983; font-size: .24rem; }
.subscription-list .menu-juan .num .icon { margin: 0 0 0 .1rem; transform: rotate(0); -webkit-transform: rotate(0); /*-webkit-transition: -webkit-transform .5s; transition: transform .5s;*/ }
.subscription-list .juan-show .num .icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.subscription-list .juan-checked { background: #f5f5f5 url(../images/checkbox2.png) no-repeat .35rem center; background-size: .26rem .26rem; }
.subscription-list .chapter { padding: 0 .35rem; }
.subscription-list .chapter li { border-bottom: 1px solid #f5f5f5; height: 1rem; line-height: 1rem; overflow: hidden; background: url(../images/checkbox1.png) no-repeat 0 center; background-size: .26rem .26rem; padding: 0 0 0 .55rem; }
.subscription-list .chapter li .price { float: right; color: #999; font-size: .24rem; margin: 0 .1rem 0 0 }
.subscription-list .chapter .chapter-checked { background: url(../images/checkbox2.png) no-repeat 0 center; background-size: .26rem .26rem; }
.subscription-opt { height: 3.8rem; background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; }
.subscription-opt dl { line-height: .52rem; color: #666; font-size: .24rem; padding: .2rem .35rem; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 }
.subscription-opt dt { font-size: .3rem; color: #333; margin: 0 0 .05rem }
.subscription-btn { margin: .45rem auto 0; background: #f47983; width: 5.1rem; height: .8rem; line-height: .8rem; text-align: center; color: #fff; font-size: .3rem; border-radius: .1rem; }
/*引导*/
.guide-wrap { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); font-size: .36rem; color: #fff; text-align: center }
.guide-wrap .guide-cell { display: box; display: -webkit-box; -webkit-box-align: center; }
.guide-wrap .guide-middle { background: rgba(0,0,0,.3); }
.guide-wrap .guide-cell p { -webkit-box-flex: 1; }
.guide-wrap-vertical .guide-cell { height: 33.33%; }
.guide-wrap-cross .guide-cell { float: left; width: 33.33%; height: 100%; }
/*继续阅读弹窗*/
.normal-surebox { display: none; position: fixed; left: 50%; top: 50%; background: #fff; border-radius: .1rem; color: #333; transform: translate(-50%,-50%); width: 5.6rem; text-align: center; z-index: 999 }
.normal-surebox .surebox-btns { display: box; display: -webkit-box; border-top: 1px solid #eee }
.normal-surebox .surebox-btns span { display: block; text-align: center; font-size: .3rem; -webkit-box-flex: 1; height: 1rem; line-height: 1rem; }
.normal-surebox .surebox-btns span:first-child { border-right: 1px solid #eee }
.normal-surebox .surebox-btns .btn-cancel { color: #999; }
.normal-surebox .surebox-btns .btn-sure { color: #f47983; }
.detection-keepreading { line-height: .6rem; font-size: .3rem; padding: .45rem 0; }
.detection-keepreading dt { color: #666; }
/*排行榜*/
.sort-wrap { overflow: hidden; background: #f5f7fa; }
.sort-wrap .sort-side { float: left; width: 1.5rem; text-align: center; }
.sort-wrap .sort-side .segmentation { display: block; height: 2px; width: .9rem; margin: .2rem auto; background: #fff; }
.sort-wrap .sort-side a { display: block; line-height: .74rem; height: .74rem; position: relative; }
.sort-wrap .sort-side a.active { background: #fff; z-index: 889; color: #ff9ab9 }
.sort-wrap .sort-side a.active:before { content: ''; display: block; height: .3rem; width: .03rem; background: #ff9ab9; position: absolute; left: 0; top: .22rem; }
.sort-wrap .sort-main { overflow: hidden; background: #fff; }
.sort-main-bar { background: #fff; padding: 0 .2rem; line-height: .74rem; height: .74rem; color: #999; font-size: .26rem; position: relative; z-index: 889 }
.sort-main-bar .opt-hd { line-height: .74rem; height: .74rem; border-bottom: 1px solid #f5f7fa; overflow: hidden; box-sizing: border-box; }
.sort-main-bar .opt { float: right; }
.sort-main-bar .opt-yuepiao .icon { transition: transform .5s; }
.sort-main-bar .opt-yuepiao.active .icon { transform: rotate(180deg); }
.sort-main-bar .opt-switch em { font-style: normal; margin: 0 0 0 .2rem }
.sort-main-bar .opt-switch .active { color: #53b8e2; }
.sort-main-bar .yuepiao-list { position: absolute; top: .74rem; right: 0; padding: 0 .46rem .1rem; background: #fff; z-index: 889; margin: -1px 0 0; display: none; }
.sort-main-bar .yuepiao-list li { border-bottom: 1px solid #f5f7fa; }
.sort-main-bar .yuepiao-list li:last-child { border: 0; }
.sort-main-bar .yuepiao-list li.active { color: #53b8e2; }
.sort-main-list { padding: 0 .2rem .2rem; }
.sort-main-list li { display: box; display: -webkit-box; -webkit-box-align: center; margin: .3rem 0 0 }
.sort-main-list li .pic { width: .96rem; height: 1.3rem; position: relative; margin: 0 .24rem 0 0 }
.sort-main-list li .pic img { display: block; width: 1rem; height: 1.3rem; border: 1px solid #e8e8e8; box-sizing: border-box; }
.sort-main-list li .pic mark { position: absolute; left: 0; top: 0; z-index: 1; background: #bfbfbf; display: inline-block; height: .28rem; line-height: .28rem; color: #fff; font-size: .22rem; padding: 0 .08rem; border-radius: 0 0 .1rem 0 }
.sort-main-list li:nth-child(1) .pic mark { background: #e60012 }
.sort-main-list li:nth-child(2) .pic mark { background: #f39800 }
.sort-main-list li:nth-child(3) .pic mark { background: #8fc31f }
.sort-main-list li .info { line-height: .4rem; -webkit-box-flex: 1; }
.sort-main-list li .info h2 { font-weight: normal; font-size: .3rem; line-height: .48rem; height: .48rem; overflow: hidden; }
.sort-main-list li .info h2 .booktitle { width: 3.2rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }
.sort-main-list li .info h2 .words { float: right; font-size: .24rem; color: #666; }
.sort-main-list li .info h2 .words em { font-style: normal; display: inline-block; width: .28rem; height: .28rem; text-align: center; line-height: .28rem; font-size: .18rem; border-radius: .28rem; border: 1px solid #666; margin: 0 0 0 .1rem; box-sizing: border-box; }
.sort-main-list li .info h2 .words .icon { font-size: .28rem; margin: 0 0 0 .1rem; vertical-align: -0.15em; }
.sort-main-list li .info p { color: #888d95; font-size: .24rem; }
.sort-main-list li .info p .pipe { margin: 0 .05rem }
.sort-portrait-list li .pic { width: 1.1rem; height: 1.1rem; border-radius: 1.1rem; }
.sort-portrait-list li .pic img { width: 1.1rem; height: 1.1rem; border-radius: 1.1rem; }
.sort-portrait-list li .pic mark { border-radius: .14rem }
.sort-portrait-list li .info .detail .tag { display: inline-block; margin: 0 .15rem 0 0; height: .3rem; line-height: .3rem; color: #fff; font-size: .2rem; padding: 0 .05rem; border-radius: .15rem; background: #e7bca3; background: linear-gradient(right,#fde4d5 0%,#e7bca3 100%); background: -webkit-linear-gradient(right,#fde4d5 0%,#e7bca3 100%); }
/*个人主页*/
.member-info { text-align: center; padding: .4rem 0; }
.member-info .pic { vertical-align: middle; width: 1.2rem; height: 1.2rem; border-radius: 1.2rem; -webkit-border-radius: 1.2rem; }
.member-info .name { font-size: .3rem; color: #020202; font-weight: normal; height: .76rem; line-height: .76rem; overflow: hidden; margin: .05rem 0 0 }
.member-info .desc { height: .4rem; line-height: .4rem; overflow: hidden; }
.member-info .desc span { display: inline-block; vertical-align: top }
.member-info .desc .level { height: .36rem; line-height: .36rem; margin: .02rem 0 0; width: .94rem; color: #fff; font-size: .3rem; border-radius: .18rem; -webkit-border-radius: .18rem; background: #e7bca3; background: linear-gradient(right,#fde4d5 0%,#e7bca3 100%); background: -webkit-linear-gradient(right,#fde4d5 0%,#e7bca3 100%); }
.member-info .desc .pipe { color: #f7f6f7; margin: .02rem .1rem 0 }
.member-info .desc .medal img { width: auto; height: .4rem; vertical-align: top; margin: 0 .01rem }
.member-info .desc .num { color: #999; font-size: .24rem; margin: 0 0 0 .15rem }
.member-info .desc .num .icon { margin: 0 0 0 .05rem; }
.gift-swiper-wrap { background: #f7f6f7 url(../images/gift-icon.png) no-repeat .32rem .18rem; background-size: .25rem .27rem; height: .66rem; line-height: .66rem; overflow: hidden; padding: 0 .32rem 0 .82rem; }
.gift-swiper-wrap .swiper-gift { height: .66rem; color: #4f4f4f; font-size: .26rem; }
.gift-swiper-wrap .swiper-gift .swiper-slide { overflow: hidden; }
.gift-swiper-wrap .swiper-gift .swiper-slide .icon { float: right; margin: .2rem 0 0 }
.gift-swiper-wrap .swiper-gift .swiper-slide .time { font-size: .24rem; color: #999; margin: 0 0 0 .15rem }
.menberWeb-colsed { padding: 3.8rem 0 0; text-align: center; color: #999; }
.menberWeb-colsed.colsed-empty { background: url(../images/empty.jpg) no-repeat center 1.15rem; background-size: 3.72rem 2.69rem }
.menberWeb-colsed.colsed-privacy { background: url(../images/privacy.jpg) no-repeat center 1.45rem; background-size: 3.71rem 2.04rem }
.menber-main .wrapbox { border: 0; margin: .15rem 0 0 }
.menber-main .wrapbox .boxhd .title { font-size: .36rem; color: #020202; }
.menber-main .common-list-justify { padding: 0; }
.menber-main .common-list-justify .vertical-part { margin: 0 }
.menber-main .info-booklist .list-detail .book-owner { background: #4fc2f1; width: 1.35rem; height: .36rem; line-height: .36rem; text-align: center; color: #fff; font-size: .24rem; margin: .18rem 0 0; border-radius: .36rem; -webkit-border-radius: .36rem; }
.menber-main .commentlist { border: 0; }
.menber-main .commentlist .username .name { color: #999; }
.menber-main .commentlist .commentcont { color: #333; }
.comment-about { background: #f7f6f7; height: 1.3rem; padding: 0 .15rem; display: -webkit-box; -webkit-box-align: center; margin: .15rem 0 0 }
.comment-about .book-pic { display: block; width: .79rem; height: 1.07rem; border: 1px solid #e6e6e6; box-sizing: border-box; margin: 0 .25rem 0 0 }
.comment-about .quanzi-pic { display: block; width: .76rem; height: .76rem; margin: 0 .18rem 0 .1rem }
.comment-about dl { -webkit-box-flex: 1; }
.comment-about dt { font-size: .3rem; color: #333; line-height: .34rem; height: .34rem; overflow: hidden; }
.comment-about dd { font-size: .24rem; color: #999; margin: .18rem 0 0; line-height: .28rem; height: .28rem; overflow: hidden; }
.comment-about dd .pipe { margin: 0 .05rem }
/*留言样式*/
.commentdiv { color: #666; padding: 0 0 .2rem; }
.commentlist { font-size: .25rem; padding: .2rem 0; border-bottom: 1px solid #E5E5E5; position: relative; }
.commentlist:last-child { border: none; }
.commentlist .review_getjiang { font-size: 1.24rem; color: rgba(255, 136, 52,0.2); position: absolute; top: .14rem; right: -.08rem; }
.commentlist .username { display: flex; flex-direction: row; align-items: center; line-height: .35rem; }
.commentlist .username .flag { float: right; color: #fff; background: #ed6a2c; margin: 0 .1rem 0 0; padding: 0 .1rem 0 .15rem; border-radius: .35rem 0 0 .35rem; -webkit-border-radius: .35rem 0 0 .35rem; }
.commentlist .username span { display: inline-block; float: left; }
.commentlist .username .rank { color: #ff6000; }
.commentlist .username .name { color: #4fc2f1; margin: 0 .1rem 0 0; font-size: .32rem; }
.commentlist .username .name_red { color: #f47983; }
.commentlist .username .usertype { width: .3rem; height: .35rem; margin-left: .1rem; background: url(../images/comment-icon.png) no-repeat 0 0; background-size: .28rem 1.21rem; }
.commentlist .username .user_monthly { }
.commentlist .username .user_comment { background-position: 0 -.43rem }
.commentlist .username .user_genuine { background-position: 0 -.87rem }
.commentlist .username .rank_new { margin-right: .1rem; width: .61rem; height: .31rem; background-repeat: no-repeat; background-size: 0.61rem auto; }
.commentlist .username .rank_new0 { background-image: url(https://images.xxsy.net/level/level0.png); }
.commentlist .username .rank_new1 { background-image: url(https://images.xxsy.net/level/level1.png); }
.commentlist .username .rank_new2 { background-image: url(https://images.xxsy.net/level/level2.png); }
.commentlist .username .rank_new3 { background-image: url(https://images.xxsy.net/level/level3.png); }
.commentlist .username .rank_new4 { background-image: url(https://images.xxsy.net/level/level4.png); }
.commentlist .username .rank_new5 { background-image: url(https://images.xxsy.net/level/level5.png); }
.commentlist .username .rank_new6 { background-image: url(https://images.xxsy.net/level/level6.png); }
.commentlist .username .rank_new7 { background-image: url(https://images.xxsy.net/level/level7.png); }
.commentlist .username .rank_new8 { width: 0.85rem; background-image: url(https://images.xxsy.net/level/level8.png); background-size: 0.85rem auto; }
.commentlist .username .rank_new9 { width: 0.78rem; background-image: url(https://images.xxsy.net/level/level9.png); background-size: 0.78rem auto; background-position-y: 0.01rem; }
.commentlist .username .rank_new10 { width: 0.82rem; background-image: url(https://images.xxsy.net/level/level10.png); background-size: 0.82rem auto; }
.commentlist .commentcont { margin-top: .15rem; line-height: .4rem; overflow: hidden; word-wrap: break-word; word-break: break-all; text-align: justify; max-height: 1.2rem; overflow: hidden; }
.commentlist .timepraise { color: #999; margin-top: .1rem; height: .40rem; line-height: .40rem; }
.commentlist .timepraise .time { float: left; }
.commentlist .timepraise .praisecomment { float: right; }
.commentlist .timepraise .praisecomment span { background: url(../images/shuping.png) no-repeat 0 0; background-size: .34rem 2.65rem; float: left; margin-left: .2rem; padding-left: .4rem; width: .9rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.commentlist .timepraise .praisecomment .divmsg { display: inline-block; width: 1.5rem; }
.commentlist .timepraise .praisecomment #zancount { background-position: 0 .07rem; padding-left: .45rem; }
.commentlist .timepraise .praisecomment .divmsg #replycount { background-position: 0 -.97rem; }
.commentlist .timepraise .praisecomment #zancount.actived { background-position: 0 -.45rem; color: #f9827c; }
.commentlist .timepraise .name { color: #6e88ac; float: left; }
.commentlist .timepraise .name .icon { font-size: .28rem; margin: 0 .1rem 0 0 }
.commentlist .timepraise .report { float: left; margin-left: 10px; }
.commentlist .authorreply { color: #4fc2f1; margin-top: .2rem; word-wrap: break-word; word-break: break-all; }
.commentlist-long { background: #f5f5f5; padding: .2rem .26rem; border: none; margin: 0 }
.commentlist .time { color: #ccc }
.notice_type1 { background: #ff5353; color: #FFF; padding: 0 .05rem; margin-right: .1rem; min-width: .32rem; height: .3rem; font-size: 10px; }
.notice_type2 { background: #44b0dd; color: #FFF; padding: 0 .05rem; margin-right: .1rem; }
.notice_type3 { background: #ff8834; color: #FFF; padding: 0 .05rem; }
.reviewwork_txt { margin: 0 .3rem; }
.bookreview { font-size: .3rem; padding: .2rem; }
.bookreview .textreview { }
.bookreview .textreview textarea { -webkit-appearance: none; width: 100%; font-size: .29rem; border-radius: 5px; border: 1px solid #AAA; padding: 5px; height: 1.5rem; box-sizing: border-box; }
.bookreview .reviewbtn { }
.bookreview .reviewbtn span { float: left; color: #999; line-height: .6rem; }
.bookreview .reviewbtn input { float: right; margin-top: .1rem; width: 2rem; height: .7rem; border: none; border-radius: 5px; color: #FFF; background: #4fc2f1; font-size: .3rem; }
.reply_building { background: #f1f1f1; border-radius: .1rem; -webkit-border-radius: .1rem; line-height: .38rem; padding: .15rem .15rem; position: relative; margin: .2rem 0 0 .1rem; }
.reply_building dd { margin-bottom: .2rem; }
.reply_building::before { content: ''; display: block; width: .2rem; height: .2rem; background: #f1f1f1; position: absolute; top: -0.1rem; left: .4rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.reply_building dd .reader { color: #4fc2f1; }
.reply_building dd .author { background: #4fc2f1; border-radius: .1rem; -webkit-border-radius: .1rem; color: #fff; padding: 0 .06rem; }
.reply_building dd .time { display: inline-block; margin-bottom: 0rem; color: #999; font-size: 11px; line-height: .38rem; display: inline-block; vertical-align: middle; }
.reply_building dt .say { float: right; color: #ff6000; background: url(../images/shuping.png) no-repeat 0 -1.48rem; background-size: .34rem 2.65rem; padding-left: .4rem; }
.work_txt .left_reply { font-size: .29rem; text-align: center; display: block; line-height: .8rem; }
.editsays_moredown { height: .22rem; background: url(../images/shuping.png) no-repeat right -2.13rem; background-size: .34rem 2.65rem; }
.editsays_moreup { background-position: right -2.48rem; }
.reply_building dd .editsays_moredown { float: right; }
.reply_building dd .editsays_p { margin-top: 0; word-wrap: break-word; word-break: break-all; }
.commentlist .bookreview { padding: 0; }
.commentlist .bookreview .textreview textarea { font-size: .28rem; margin-top: .1rem; }
.work_txt .noreview { text-align: center; line-height: 1rem; color: #999; padding: .8rem 0 .4rem 0; border-top: 1px solid #E5E5E5; }
.work_txt .noreview img { display: block; margin: 0 auto; width: 33%; }
.work_txt .noreview p { font-size: .29rem; }
.shuping_tab .tab_hd { overflow: hidden; }
.shuping_tab .tab_hd span { font-size: .33rem; line-height: .6rem; float: left; width: 50%; text-align: center; color: #666; }
.shuping_tab .tab_hd .active { color: #ff6000; border-bottom: 2px solid #ff6000; box-sizing: border-box; -webkit-box-sizing: border-box; }
.shuping_tab .tab_bd .editsaycont { padding: 0; }
.review_box { background: #fff; }
.msgtimeanddown { display: none; height: 15px; width: 100%; color: #999; font-size: 11px; }
.msgtimeanddown em { width: 50%; display: inline-block; }
.msgtimeanddown p { width: 49%; display: inline-block; }
.noboder { border-color: #00aeef !important; }
.mask { position: fixed; width: 100%; height: 100%; background: #000; z-index: 891; opacity: .7; filter: alpha(opacity=70); left: 0; top: 0; }
.pop-report { display: none; position: fixed; bottom: 0px; background-color: #fff; width: 100%; z-index: 892; font-size: 0.32rem; }