/*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; }
.over-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 888; background: rgba(0,0,0,.4); }
::-webkit-search-cancel-button { display: none; }
#_jxloadingbox { width: 100%; position: absolute; z-index: 9998; left: 0; text-align: center; overflow: hidden; }
#_jxloadingbox .loading-div { width: 60px; height: 60px; padding: 5px; margin: 0 auto; background: rgba(255,255,255,0.3) url(/NewCss/image/newload.gif) center no-repeat; background-size: 60px auto; border-radius: 5px; -webkit-border-radius: 5px; }

/*index*/
.content { background: #fff; min-height: calc(100vh - 2.9rem - 2px); }
#shortPage { padding: 0 !important; }
.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: .2; }
.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; }
.nav-index .nav-exchage { display: block; -webkit-box-flex: 1; color: #f47983; font-size: .24rem; }
.nav-index .nav-exchage span { display: inline-block; border: solid .02rem #f47983; height: .38rem; line-height: .38rem; padding: 0 .08rem; border-radius: .1rem; }
.nav-index .nav-exchage img { width: .25rem; padding-bottom: .05rem; padding-right: .05rem; }
.recently-read { height: .3rem; line-height: .3rem; padding: 0 0 .1rem; margin: 0 0 .15rem; 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: .24rem; }
.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: .95rem; position: relative; z-index: 10; }
.menu-full { line-height: .58rem; color: #424242; background: #fff; font-size: .3rem; padding: .05rem 0 .08rem 0; border-top: 1px solid #eee; 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 .18rem 0 .4rem; width: .74rem; text-align: center; font-weight: bold; }
.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: auto; }
.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; margin: 0; 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: #f47983; margin: 0 0 .11rem; line-height: .28rem; }
.menu-block dd { font-size: .24rem; color: #666; line-height: .24rem; }
.menu-block img { width: 100%; height: auto; }
.contentbox { border-top: .1rem solid #f5f5f5; padding: .2rem 0 0; }
.contentbox .boxhd { height: 1rem; line-height: 1rem; display: box; display: -webkit-box; }
.contentbox .boxhd .icon-more { display: block; padding: 0 .26rem; color: #666; font-size: .24rem }
.contentbox .boxhd .icon-more .icon { margin: 0 0 0 .2rem; color: #666 }
.contentbox .boxhd .title { -webkit-box-flex: 1; padding: 0 0 0 .28rem; color: #131313; font-size: .32rem; }
.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 { 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 }
/*.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); }*/
.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 .book-module { font-size: .24rem; color: #999; float: left; text-align: right; }
.details-part .common-info .book-module .pipe { margin: 0 .1rem; }
.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; }
.details-part .common-info .hongbao { display: block; height: .32rem; float: right; margin: 0 .1rem 0 0; }
.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; }
.details-part .common-info .iconBook-right { float: right; padding: .03rem 0 0; display: inline-block; }
.details-part .common-info .iconBook-right span { position: relative; color: #999; line-height: .26rem; height: .26rem; vertical-align: top; font-size: .24rem; display: inline-block; border-radius: .26rem; -webkit-border-radius: .26rem; }
.details-part .common-info .iconBook-right .pipe { font-size: .24rem; color: #999; margin: 0 .1rem; }
.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: .32rem 0 0; border-top: 1px solid #efefef; border-bottom: none; margin: 0 .28rem .32rem; }
.common-list-combination .details-part:last-child { padding: .28rem 0; }
.common-list-combination .details-part .common-info .book-profile { margin: .15rem 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: .73rem; font-size: .28rem; /*border-right: 1px solid #424242;*/ }
.copyrite-bottom .bottom-nav a:last-child { border: none }
.copyrite-bottom .wechat { width: 3rem; margin: .15rem auto; height: .4rem; line-height: .4rem; font-size: .22rem; color: #999; border: 1px solid #999; border-radius: .5rem; -webkit-border-radius: .5rem; }
.copyrite-bottom .wechat .icon { color: #50d360; font-size: .34rem; display: inline-block; margin: 0 .08rem 0 0; vertical-align: middle }
.copyrite-bottom .copyrite { font-size: .24rem; color: #999; line-height: .6rem; margin: .225rem 0 .125rem; }
.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; }
/*popbox*/
.default-box { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 999; }
.default-box .icon-close { display: block; font-size: .56rem; color: #fff; margin: .3rem auto 0; }
.overWrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 888; background: rgba(0,0,0,.6); }
.popbox { display: none; position: fixed; top: 50%; left: 50%; text-align: center; width: 88%; background: #fff; padding: 12% 5%; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0,0,0,.75); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.75); border-radius: 6px; -webkit-border-radius: 6px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 999; }
.popbox .clearinput { display: block; width: 40px; height: 40px; background-position: -80px -70px; top: 0; right: 0; }
.popbox .box_bd { display: inline-block; }
.popbox .main_text { font-size: 14px; color: #333; line-height: 24px; margin: 5px 0 10px; }
.popbox .form { display: -webkit-box; }
.popbox .form .btn { border: none; display: block; -webkit-box-flex: 1; background: #00aeef; color: #fff; font-size: 16px; height: 40px; line-height: 40px; border-radius: 6px; -webkit-border-radius: 6px; }
.popbox .form .btn_cancel { margin: 0 0 0 30px; }

/*2019.7.26 ���˸���*/
.newuser-fuli-main { width: 6.67rem; height: 6.54rem; overflow: hidden; background: url(https://images.xxsy.net/mxxsynet/newuserfuli/fuli.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-main p { color: #828999; font-size: .24rem; text-align: center; margin: 5.87rem 0 0; }
.newuser-fuli-box .get-btn { display: block; font-size: .32rem; color: #fff; margin: .3rem auto 0; width: 2.2rem; height: .8rem; line-height: .8rem; border-radius: .8rem; -webkit-border-radius: .8rem; background: #f47983; background: linear-gradient( top, #f47983 0%, #ffb57c 100%); background: -webkit-linear-gradient( top, #f47983 0%, #ffb57c 100%); text-align: center; text-shadow: .01rem 0 .05rem rgba(0,0,0,.3); -webkit-text-shadow: .01rem 0 .05rem rgba(0,0,0,.3); box-shadow: 0 .05rem 0 #ac5160; }
.newuser-fuli-day1 { background: url(https://images.xxsy.net/mxxsynet/newuserfuli/day1.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day2 { background: url(https://images.xxsy.net/mxxsynet/newuserfuli/day2.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day3 { background: url(https://images.xxsy.net/mxxsynet/newuserfuli/day3.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day4 { background: url(https://images.xxsy.net/mxxsynet/newuserfuli/day4.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day5 { background: url(https://images.xxsy.net/mxxsynet/newuserfuli/day5.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }

/*��¼*/
.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-notrans { transition: transform 0s; }
.menu-dropdown-active { transform: translateY(0); }
.menu-dropdown-center-active { transform: translateY(0); transition: transform .5s; }
.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; position: relative; top: -.17rem; }
.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 }
/*�һ�����*/
.remm_fail, .remm_success { padding: 45% 0 75% 12%; position: relative }
.remm_fail .fail_icon, .remm_success .success_icon { background: url(/NewCss/image/propic.png?v=20151128) no-repeat; display: inline-block; background-size: 299px 173px; float: left; width: 45px; height: 45px }
.remm_success .success_icon { background-position: -49px -108px }
.remm_fail .fail_icon { background-position: 0 -108px }
.remm_fail .fail_con, .remm_success .success_con { float: left; padding-left: 15px; padding-top: 6px }
.remm_fail .fail_con .fail_tip, .remm_success .success_con .success_tip { font-size: 15px; color: #333 }
.remm_fail .fail_con div:last-child, .remm_success .success_con div:last-child { font-size: 12px; color: #666; padding-top: 5px }
.remm_fail .fail_con div:last-child a, .remm_success .success_con div:last-child a { text-decoration: none; color: #4874df }
.backpasscon .aqyz_con1 { text-align: center; margin: 20px 15% 0 15%; font-size: 14px; color: #666 }
.backpasscon .aqyz_icons { background: url(/NewCss/image/propic.png?v=20151128) no-repeat; display: inline-block; background-size: 299px 173px; background-position: -233px -20px; width: 67px; height: 72px }
.backpasscon .aqyz_tip { margin-top: 20px }
.backpasscon .aqyz_tip a { color: #59a4df; }
.backpasscon .notice { font-size: 14px; font-weight: bold; margin: 0 0 10px 14px; }
.backpasscon .choseerror { font-size: 16px; margin: 0 0 10px 14px; text-align: center; }

/*����ҳ*/
.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: .1rem solid #f5f5f5; margin: -.1rem 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; background: #f5f5f5; }
.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: 2; 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: .24rem; 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-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-title .book-title-hb2 { background: url(../images/hongbao-old.png) no-repeat 0 0; background-size: .31rem .38rem; }
.book-profile-module .book-title .book-title-hb3 { background: url(../images/bookticket-get.png) no-repeat 0 0; background-size: .31rem .38rem; }
.book-profile-module .book-author { color: #f47983; font-size: .26rem; 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; }
.book-profile-module .order-normal { text-align: left; background: none; color: #999; margin-top: 0; line-height: .5rem; }
.book-profile-module .order-red { text-align: left; background: none; color: #f00; margin-top: 0; line-height: .5rem; }
.book-profile-module .mark-yellow { }
.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: 2.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 }
.book-info-btns .btn-info-shelf { color: #c4c4c4; border-color: #ddd; }
.wrapbox .boxhd .icon-more-tags { padding: 0 .3rem 0 0 }
.wrapbox .boxhd .icon-more-tags span { display: inline-block; padding: 0 .1rem; 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; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 5rem; }
.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; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 1.2rem; }
.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 .3rem; }
.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-author .icon { margin: .03rem .05rem 0 0; font-size: .26rem; float: left; color: #999; }
.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; line-height: .3rem; height: .3rem; vertical-align: top; font-size: .22rem; padding: 0 .15rem; display: inline-block; border-radius: .3rem; }
.info-booklist .list-detail .icon-book-classfy span:first-child { margin: 0 .15rem 0 0 }
/*����ҳ*/
.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; overflow: hidden; }
.classfication-sort .sort-wrap a { margin: 0 .24rem; float: left; }
.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: 100%; 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: .5rem .5rem .5rem .5rem; -webkit-border-radius: .5rem .5rem .5rem .5rem; }
.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 - 3px); 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 - 3px); 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 0 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 .3rem; }
.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; margin-left: .4rem; }
.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: .36rem .36rem; }
.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; }
.bookshelf-tab .history-list dd p { font-size: .24rem; }
.book-pic .mark-yellow { display: block; width: .62rem; height: .34rem; line-height: .34rem; text-align: center; position: absolute; right: 1px; top: 0; border-radius: .05rem 0 0 .05rem; background: #f9ae08; color: #fff; font-size: .22rem; z-index: 2; }
/*Ŀ¼*/
.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: .28rem; 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: .28rem; color: #000; }
.directory-list li a { display: block; width: 6.78rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
li.locked a { width: 6.2rem; }
#chapterList li a { width: 5.38rem; }
#chapterList li.locked a { width: 4.6rem; }
.directory-list li.locked { color: #999; background: url(../images/suo.png) no-repeat 6.4rem center; background-size: .28rem .33rem }
.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(../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; overflow: hidden; }
.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: .28rem; border-bottom: 1px solid #f5f5f5; overflow: hidden; }
.directory-phase-list label input { float: right; margin: .28rem .2rem 0 }

/*�Ķ�ҳ*/
.page-read-updown .jsChapterWrapper { min-height: calc(100vh - .8rem); }
.b_skin_1 { background: rgb(252, 250, 239); }
.b_skin_1 .page-read, .background-block.b_skin_1 { color: rgb(59, 59, 56); background: rgb(252, 250, 239); }
.b_skin_2 { background: rgb(236, 217, 172); }
.b_skin_2 .page-read, .background-block.b_skin_2 { color: rgb(77, 77, 77); background: rgb(236, 217, 172); }
.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 20px; 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(0,0,0,.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(0,0,0,.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; border-top: 1px solid #999; }
.operate-more a:nth-child(1) { border-top: 0; }
.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: .26rem; background: rgba(0,0,0,.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: 1rem; border-top: 1px solid #fff; box-sizing: border-box; background: rgba(0,0,0,.9); text-align: center; }
.footer-read-opt .footer-action .action { float: left; width: 25%; line-height: .32rem; height: calc(1rem - 1px); }
.footer-read-opt .footer-action .action .icon { height: 1em; font-size: 1em; margin: .18rem 0 .05rem }
.footer-read-opt .footer-action .action.active { color: #f47983; }
.footer-read-opt .footer-action .action p { font-size: .22rem; }
.day-switch { overflow: hidden; margin: 0 .2rem .2rem 0 }
.day-switch .icon { float: right; background: rgba(0,0,0,.9); padding: .2rem; font-size: .4rem; width: .4rem; height: .4rem; border-radius: .92rem; -webkit-border-radius: .92rem }
.footer-operate-detail { display: none; background: rgba(0,0,0,.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 { 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%; opacity: 0; }
.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: 2px 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 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 3 }
.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; overflow: hidden; 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; margin-left: calc(1.34rem - 20px); }
.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: calc(100% - .8rem); }
.page-read-across .page-read-content { position: absolute; top: .8rem; bottom: 20px; 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 - 40px) 1; -webkit-column-gap: 20px; columns: calc(100vw -40px) 1; column-gap: 20px; }
/*��������*/
.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: .28rem; 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 { position: relative; 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; }
.subscription-list .menu-juan-noback { background: #f5f5f5; }
.subscription-list .chapter li.menu-chapter-noback { background: none; }
.subscription-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; }
/*����*/
.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%; }
.guide-wrap-cross .guide-left, .guide-wrap-cross .guide-right { width: 30%; }
.guide-wrap-cross .guide-middle { width: 40%; }
/*�����Ķ�����*/
.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; }

/*��Ʒ��˿��*/
.fans-header { background: url(../images/fans-header-bg.png) no-repeat 0 0; background-size: 100% 100%; text-align: center; }
.fans-book-name { font-size: .3rem; color: #333333; font-weight: bold; padding: .36rem 0 .64rem 0; }
.fans-select { font-size: 0; padding-bottom: .23rem; }
.fans-select-item { display: inline-block; width: 33.3%; font-size: .24rem; color: #666666; }
.fans-select-item-border { position: relative; }
.fans-select-item-border::after { content: ""; background: #dcdcdc; width: .01rem; position: absolute; top: 0; bottom: 0; right: 0; }
.fans-select-item-border::before { content: ""; background: #dcdcdc; width: .01rem; position: absolute; top: 0; bottom: 0; left: 0; }
.fans-word { font-size: .3rem; color: #000; font-weight: bold; padding-bottom: .3rem; }
.fans-word-message { padding-bottom: .09rem; }
.b-word { font-size: .48rem; }
.fans-rule-jump { height: .66rem; line-height: .66rem; padding: 0 .3rem 0 .3rem; background: #fff0ee; color: #f47983; }
.fans-jump-message img { width: .25rem; height: .25rem; line-height: .25rem; padding-bottom: .05rem; }
.fans-jump-message { float: left; }
.fans-jump-rule { float: right; }
.fans-ranking { padding-left: .31rem; padding-right: .4rem; background: #fff; border-bottom: solid #eeeeee .01rem; }
.fans-list-item { font-size: 0; text-align: center; padding-top: .42rem; position: relative; }
.fans-list-item::after { content: ""; position: absolute; bottom: -.2rem; right: 0; left: 30.7%; background: #eeeeee; height: 1px; z-index: 15; }
.fans-ranking-list li:last-child::after { content: ""; position: unset; bottom: unset; right: 0; left: unset; height: 0; }
.fans-s-item { display: inline-block; font-size: .24rem; vertical-align: middle; }
.fans-rank-award { width: 7.8%; font-size: .36rem; color: #666666; }
.fans-rank-award img { width: 100%; }
.fans-rank-image { width: 22.9%; }
.fans-rank-image > p { padding-left: .18rem; }
.fans-rank-image img { width: .95rem; height: .95rem; border-radius: 50%; }
.fans-rank-fan { width: 40.7%; text-align: left; }
.fans-fan-name { padding-bottom: .18rem; font-size: .24rem; font-weight: bold; }
.fans-award-img { text-align: center; font-size: .2rem; display: inline-block; background: url(../images/fans-award-bg.png) no-repeat 0 0; width: .92rem; height: .35rem; background-size: 100% 100%; color: #fff; }
.fans-rank-value { width: 28.6%; font-size: .24rem; }
.fans-value-number { font-size: .36rem; font-weight: bold; }
.fans-list-one .fans-rank-value { color: #eca153; }
.fans-list-two .fans-rank-value { color: #6c83a0; }
.fans-list-three .fans-rank-value { color: #a67357; }
.fans-list-other .fans-rank-value { color: #666666; }
.fans-footer { background: #ffffff; height: .96rem; line-height: .96rem; font-size: .24rem; position: fixed; bottom: 0; width: calc(100% - .9rem); padding: 0 .45rem; z-index: 20; border-top: 1px solid #eee; }
.fans-my-rank { font-size: .28rem; color: #666666; }
.fans-footer-me { float: left; color: #999999; }
.fans-me-value { float: right; color: #666666; }
.fans-me-value .loginbtn { width: 1.5rem; height: .55rem; background: #f47983; color: #FFF; border: none; border-radius: 10px; font-size: .28rem; }

/*2021.1.28 ���ҳ*/
.swiper-freebook { width: 7.23rem; margin: .14rem auto; border-radius: .14rem; -webkit-border-radius: .14rem; }
.notice-part-free { background: #f7f7f7; color: #999; border-radius: .76rem; -webkit-border-radius: .76rem; margin: 0 .14rem .14rem; padding: 0 .2rem; }
.details-part .common-info .book-actions .general { color: #999; font-size: .26rem; }
.contentbox .boxhd .title .icon-fire { display: inline-block; width: .22rem; height: .26rem; background: url(../images/icon-fire.png) no-repeat 0 0; background-size: 100% 100%; margin: 0 0 0 .22rem }
.wrap-free .contentbox { border: none; padding: 0; }
.common-list-streamline .cross-part .book-name { margin: .34rem 0 0 }
.swiper-takeIn .swiper-slide { transition: 300ms; transform: scale(0.75); text-align: center }
.swiper-takeIn .swiper-slide img { display: block; width: 1.62rem; height: 2.17rem; border: 1px solid #dedede; margin: 0 auto }
.swiper-takeIn .swiper-slide-active, .swiper-takeIn .swiper-slide-duplicate-active { transform: scale(1); }
.swiper-detail { margin: -2.25rem 0 0 }
.swiper-detail ul li { display: none; text-align: center; }
.swiper-detail ul li .poster { display: block; width: 100%; height: 2.31rem; filter: blur(7.2px); -webkit-filter: blur(7.2px); opacity: .2; }
.swiper-detail ul li .desc { background: #fff; width: 6.83rem; height: 1.32rem; margin: .1rem auto .2rem; border-radius: .1rem; -webkit-border-radius: .1rem; background: linear-gradient( top, #fff 0%, #f8f8f8 100%); background: -webkit-linear-gradient( top, #fff 0%, #f8f8f8 100%); }
.swiper-detail ul .show { display: block; }
.swiper-detail ul h3 { color: #131313; font-weight: normal; margin: 0 0 .1rem }
.swiper-detail ul p { color: #999; font-size: .24rem; line-height: .36rem; height: .36rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.common-text-list { margin: 0 .28rem .2rem; display: box; display: -webkit-box; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
.common-text-list li { color: #131313; width: 3.2rem; border-bottom: 1px solid #eee; height: .82rem; line-height: .82rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hot-classify-wrap { display: box; display: -webkit-box; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; margin: -.1rem .28rem 0; }
.hot-classify-wrap .cell { width: 3.2rem; }
.hot-classify-wrap .cell .tit { font-weight: normal; color: #131313; height: .66rem; line-height: .66rem; }
.hot-classify-wrap .cell .cross-part { float: none; width: 100%; display: block; padding: 0; }
.hot-classify-wrap .cell .cross-part .book-name { margin: .34rem 0 0; }
.hot-classify-wrap .cell .common-text-list { margin: 0 0 .2rem }