/*reset*/
html { font-size: calc(100vw / 7.5); }
.commentfixed { position: fixed; width: 100vw; }
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; }
::-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(/uploads/image/tensimages/newload.gif) center no-repeat; background-size: 60px auto; border-radius: 5px; -webkit-border-radius: 5px; }
.red { color: red; }
.pno, p.no { text-align: center; font-size: 12px; padding: 30px 0px; }

/*index*/
.content { background: #fff; min-height: calc(100vh - 2.9rem - 2px); overflow: hidden; }
#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 img { font-size: 0; display: block; width: 1.91rem; height: .51rem; background:  no-repeat 0 0; background-size: 1.91rem .51rem; }
.nav-index .nav-link { display: block; margin: 0 0 0 .35rem; }
.nav-index .nav-link img { width: 1.3em; height: 1.3em; }
.nav-index .nav-link.a3 img.ok { border-radius: 1.3rem; }
.nav-index .nav-exchage { display: block; -webkit-box-flex: 1; color: #f47983; font-size: .24rem; }
.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 .3rem; 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(/uploads/image/tensimages/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; 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: 0.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; }
.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(/uploads/image/tensimages/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: 2.5rem; 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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/day1.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day2 { background: url(/uploads/image/tensimages/day2.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day3 { background: url(/uploads/image/tensimages/day3.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day4 { background: url(/uploads/image/tensimages/day4.png) no-repeat 0 0; background-size: 6.67rem 6.54rem; }
.newuser-fuli-day5 { background: url(/uploads/image/tensimages/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: 9999999; 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, .menu-side .nav-link { font-size: .32rem; float: left; padding: 0 .15rem; }
.menu-side .nav-link.a3 img { width: 1em; }
.menu-side .nav-link.a3 img.ok { border-radius: 1em; }
.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: 999999; 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:  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(/uploads/image/tensimages/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(/uploads/image/tensimages/propic.png) 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(/uploads/image/tensimages/propic.png) 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(/uploads/image/tensimages/downloadapp-bottom.png) 0 0 no-repeat; background-size: 100% 1.2rem; }
.bottom-part-inner { border: none; border-top: 0.1rem solid #f5f5f5; overflow: hidden; padding: .15rem 0 0; margin: -.1rem 0 0 }
.today-queen { color: #f47983; background: #f5f5f5 url(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/hongbao-ling.png) no-repeat 0 0; background-size: .31rem .38rem; }
.book-profile-module .book-title .book-title-hb2 { background: url(/uploads/image/tensimages/hongbao-old.png) no-repeat 0 0; background-size: .31rem .38rem; }
.book-profile-module .book-title .book-title-hb3 { background: url(/uploads/image/tensimages/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: 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 }
.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 { 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(/uploads/image/tensimages/fans-crown1.png) no-repeat 0 0; background-size: .37rem .3rem; }
.rank-list li .crow2 { background: url(/uploads/image/tensimages/fans-crown2.png) no-repeat 0 0; background-size: .37rem .3rem; }
.rank-list li .crow3 { background: url(/uploads/image/tensimages/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(/uploads/image/tensimages/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: .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 }
.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: 99999999; }
.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 a { 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: 4.5rem; 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 }

/*书架*/
.bookshelf-tab { overflow: hidden; }
.bookshelf-tab .tab-hd { padding: .17rem .17rem .17rem; overflow: hidden; background: #f6f6f6; z-index: 887; position: relative; }
.bookshelf-tab .tab-hd a { 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 a:nth-child(1) { border-radius: .1rem 0 0 .1rem; -webkit-border-radius: .1rem 0 0 .1rem; }
.bookshelf-tab .tab-hd a: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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/collect-order.png) no-repeat center center; background-size: .44rem .47rem; }
.collect-row .cell .collect-read { background: url(/uploads/image/tensimages/collect-read.png) no-repeat center center; background-size: .35rem .39rem; }
.collect-row .cell .collect-share { background: url(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/checkbox1.png) no-repeat .1rem center; background-size: .26rem .26rem; }
.editor-history-list li.active { background: url(/uploads/image/tensimages/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(/uploads/image/tensimages/sort-up.png) no-repeat 0 center; background-size: .28rem .24rem; }
.directory-operation .sort-down { background: url(/uploads/image/tensimages/sort-down.png) no-repeat 0 center; background-size: .28rem .24rem; }
.directory-tab .directory-list { border-top: .1rem 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(/uploads/image/tensimages/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(/uploads/image/tensimages/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: 999999; 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(/uploads/image/tensimages/hongbao-ling.png) no-repeat 0 center; background-size: .31rem .38rem; }
.nav-operate .icon-hongbao-gray { background: url(/uploads/image/tensimages/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: 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 { 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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/order-action1.png) no-repeat 0 center; background-size: .29rem .31rem; }
.chapter-login .order-action .action-question { padding: 0 0 0 .35rem; background: url(/uploads/image/tensimages/order-action2.png) no-repeat 0 center; background-size: .25rem .25rem; }
.chapter-login .order-action .action-sales { padding: 0 0 0 .32rem; background: url(/uploads/image/tensimages/order-action3.png) no-repeat 0 center; background-size: .22rem .18rem; }
.chapter-login .order-action .action-month { padding: 0 0 0 .36rem; background: url(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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 }

/*2021.7.1 帮助中心优化*/
.sort-wrap-help { overflow: hidden; }
.sort-wrap-help .tab-hd { float: left; width: 2.15rem; text-align: center; background: #f7f8fa; font-size: .26rem; color: #303237; padding: 0 0 1.7rem; }
.sort-wrap-help .tab-hd span { display: block; line-height: 1rem; height: 1rem; position: relative; }
.sort-wrap-help .tab-hd span.active { background: #fff; z-index: 889; color: #de6b89; }
.sort-wrap-help .tab-hd span.active:before { content: ''; display: block; height: .3rem; width: .03rem; background: #de6b89; position: absolute; left: 0; top: .32rem; }
.sort-wrap-help .tab-bd { overflow: hidden; }
.question-list-deac { margin: 0 .18rem; }
.question-list-deac li { height: 1rem; border-bottom: 1px solid #eee; text-align: justify; box-sizing: border-box; color: #303237; font-size: .24rem; overflow: hidden; display: -webkit-box; -webkit-box-align: center; }
.nav-help-bottom { position: fixed; left: 0; bottom: 0; width: 100%; height: .52rem; line-height: .52rem; padding: .38rem 0; border-top: 1px solid #eee; background: #fff }
.nav-help-bottom a { float: left; width: 50%; box-sizing: border-box; padding: 0 0 0 1.6rem; color: #303237; background: url(/uploads/image/tensimages/nav-help.png) no-repeat 0 0; background-size: .36rem 1.2rem; }
.nav-help-bottom a.help-icon1 { border-right: 1px solid #eee; background-position: 1rem .1rem }
.nav-help-bottom a.help-icon2 { border-left: 1px solid #eee; background-position: 1rem -.77rem }
.feedback-upload-file { display: -webkit-box; display: flex; flex-wrap: wrap; padding: 0 0 .3rem; border-bottom: .05rem solid #f7f8fa; }
.feedback-upload-file .cell { position: relative; margin: .35rem 0 0 .255rem; text-align: center; color: #999; font-size: .24rem; }
.feedback-upload-file .cell-wrap { width: 2.16rem; height: 2.16rem; border-radius: .1rem; -webkit-border-radius: .1rem; background: #999; overflow: hidden; }
.feedback-upload-file .mini-close { display: block; width: .32rem; height: .32rem; position: absolute; right: -.1rem; top: -.1rem; background: url(/uploads/image/tensimages/close-b.png) no-repeat 0 0; background-size: .32rem .32rem; }
.feedback-upload-file .cell-wrap .upload-pic { display: block; width: 100%; }
.feedback-upload-file .cell-wrap .upload-btn { width: 2.16rem; height: 2.16rem; background: #f2f2f2; overflow: hidden; }
.feedback-upload-file .cell-wrap .upload-btn .icon-plus { margin: .48rem auto .2rem; display: block; width: .6rem; height: .6rem; line-height: .56rem; font-size: .4rem; color: #999; border: 1px dashed #999; border-radius: 100%; -webkit-border-radius: 100% }
.feedback-upload-file .cell-wrap .text-file { display: block; width: 2.16rem; height: 2.16rem; position: absolute; left: .02rem; top: .02rem; opacity: 0 }
.feedback-submit-question { margin: .4rem auto 0; background: #f797ac; width: 6.75rem; height: .8rem; line-height: .8rem; text-align: center; color: #fff; border-radius: .1rem; -webkit-border-radius: .1rem; }
.feedback-tips-con { text-align: center; color: #999; font-size: .24rem; line-height: .34rem; margin: .4rem 0 .5rem; }
.choose-question-classify { height: 1rem; line-height: 1rem; position: relative; padding: 0 .3rem; color: #333; border-bottom: .05rem solid #f7f8fa; }
.choose-question-classify .icon-select { position: absolute; right: .3rem; top: .29rem; font-size: .4rem; }
.choose-question-classify .question-select { font-size: .26rem; height: 1rem; line-height: 1rem; width: 100%; background: #fff; border: none; -webkit-appearance: none; outline: 0 }
.feedback-question-text { display: block; width: 100%; margin: .2rem 0; border: none; padding: 0 .3rem; box-sizing: border-box; font-size: .24rem; line-height: .36rem; height: 2.48rem; text-align: justify; color: #333; }
.feedback-question-text::-webkit-input-placeholder { color: #cacaca; }
.feedback-upload-title { font-size: .24rem; color: #999; background: #f7f8fa; padding: 0 .3rem; height: .8rem; line-height: .88rem; }
.mticketitle, .help-box .list-li li .li-detail, .help-box .list-li li .li-detail p { text-align: justify; font-size: .26rem; line-height: .36rem; border: none; }
.help-box .list-li li .li-detail { padding: 0 15px; }
.help-box .list-li li .li-block { background: #fff; color: #333; font-size: .28rem; border: none; padding: 20px 15px; font-weight: bold; text-align: justify }
.help-box .list-li li .li-block em { display: none; }
.help-box .gradetable table th { background: none }
.help-box .bottom_linedotted { border: none; }
.help-box .mticketitle .ticketit { margin: .2rem 0 .1rem; }
.help-box .item_titlebg { background: #de6b89 }
.help-box .getfansvalue a { color: #de6b89; font-size: .26rem; }
.help-box .link-kefu a, .help-box .list-li li .li-detail a { color: #de6b89; }

/*2021.7.27极速版*/
.extreme-edition-nav { z-index: 999; display: -webkit-box; -webkit-box-align: center; height: 1.54rem; background: rgba(255, 255, 255, .9); box-shadow: 0 0 .1rem rgba(167, 167, 167, .33); position: fixed; width: 100%; left: 0; bottom: 0; }
.extreme-edition-nav .extreme-edition-logo { display: block; width: 1.77rem; height: 1.21rem; margin: 0 0 0 .55rem; }
.extreme-edition-nav dl { -webkit-box-flex: 1; }
.extreme-edition-nav dt { font-size: .3rem; line-height: .34rem; }
.extreme-edition-nav dd { color: #666; font-size: .24rem; line-height: .28rem; margin: .15rem 0 0; }
.extreme-edition-nav .extreme-edition-close { color: #e0e0e0; font-size: .36rem; position: absolute; top: .1rem; right: .1rem; }

/*排行榜*/
.sort-wrap { overflow: hidden; }
.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 a { display: box; display: -webkit-box; -webkit-box-align: center; }
.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%); }

/*login*/
.top-nav { display: block; }
.top-nav-wrap { z-index: 10; font-size: .32rem; background: #00adef; line-height: .8rem; height: .8rem; position: relative; color: #fff; }
.top-nav .side { position: absolute; left: 0; top: 0; height: .8rem; line-height: .8rem; display: block; font-size: .45rem; }
.top-nav .side .logo { font-size: 0; height: .8rem; margin: 0 .28rem; width: 1.8rem; background: url(/uploads/image/tensimages/logo_h.png) no-repeat center center; background-size: 100% auto; }
.top-nav .side .icon { margin: 0 .24rem; height: .8rem; float: left; }
.top-nav .menu { position: absolute; right: .15rem; top: 0; font-size: .45rem; height: .8rem; line-height: .8rem; }
.top-nav .menu .nav-a { padding: 0 .15rem; height: .8rem; float: left; }
.top-nav .menu .nav-a-list .icon-close { display: none; }
.top-nav .menu .nav-a-active .icon-show { display: none; }
.top-nav .menu .nav-a-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; }
}
.top-nav .newtitle { text-align: center; }
.menu-more { z-index: 9; position: absolute; left: 0; width: 100%; background: #eff9ff; box-shadow: 0 1px 1px 1px #ddd; transform: translatey(-105%); -webkit-transform: translatey(-105%); transition: transform .5s; -webkit-transition: transform .5s; }
.menu-more .more-a { overflow: hidden; }
.menu-more .more-a a { color: #666; text-align: center; float: left; width: 20%; font-size: .28rem; line-height: .32rem; margin: .45rem 0 0; }
.menu-more .more-a a .icon { display: block; margin: 0 auto .1rem; font-size: .8rem; }
.menu-more .btn-center { background: #4dabea; color: #fff; width: 4rem; display: block; text-align: center; font-size: .32rem; line-height: .7rem; margin: .4rem auto; border-radius: .1rem; -webkit-border-radius: .1rem; }
.menu-more-active { transform: translatey(0); -webkit-transform: translatey(0); }
.login_bottom { margin-top: 20px; color: #666; text-align: center; width: 100%; height: 70px; }
.login_bottom p { line-height: 18px; font-size: 12px; text-align: center; }

/*indexm*/
.top-guide { font-size: .28rem; line-height: .5rem; padding: .15rem 0; height: .5rem; overflow: hidden; display: -webkit-box; background: #fff; }
.top-guide .last-read { display: block; padding: 0 .3rem; -webkit-box-flex: 1; color: #999; }
.top-guide .icon-shujia { font-size: .5rem; display: block; border-left: 1px solid #efefef; padding: 0 .25rem; }
.swiper-banner .swiper-slide img { width: 100%; display: block; height: 2rem; }
.swiper-banner > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { height: .12rem; bottom: .1rem !important; }
.swiper-banner .swiper-pagination-bullet { background: #999; opacity: 1; width: .12rem; height: .12rem; overflow: hidden; vertical-align: top; }
.swiper-banner .swiper-pagination-bullet-active { background: #efefef; }
.index-nav { overflow: hidden; font-size: .28rem; background: #fff; margin: 0 0 .1rem; }
.index-nav .nav-icon { float: left; width: 20%; text-align: center; padding: .3rem 0; }
.index-nav .nav-icon .icon { font-size: .68rem; }
.index-nav .nav-icon span { display: block; line-height: .32rem; margin: .1rem 0 0; }
.announcement { background: #fceaa8; color: #ec662d; margin: -.1rem 0 0; line-height: .72rem; height: .72rem; padding: 0 .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: .28rem; text-align: center; }
.announcement a { display: block; line-height: .72rem; height: .72rem; }
.textbox { background: #fff; margin: 0 0 .1rem; font-size: .28rem; }
.textbox .boxhd { line-height: 1rem; display: -webkit-box; }
.textbox .boxhd .icon-more { display: block; padding: 0 .2rem; font-size: .32rem; color: #c8c8c8; }
.textbox .boxhd .title { -webkit-box-flex: 1; padding: 0 .32rem; }
.textbox .boxhd .title h3 { color: #333; font-size: .32rem; float: left; margin: 0 .32rem 0 0; }
.textbox .boxhd .title .subtitle { color: #b4b4b4; }
.usually-img { height: 1.82rem; }
.usually-img img { display: block; height: 1.82rem; width: 1.432rem; border: 1px solid #dedede; box-sizing: border-box; -webkit-box-sizing: border-box; }
.usually-img .corner-mark { color: #fff; margin: -1.82rem 0 0; position: relative; }
.usually-img .corner-mark::before { content: ''; display: block; width: 0; height: 0; border-top: .8rem solid #ff0000; border-right: .8rem solid transparent; }
.usually-img .corner-mark 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); }
.usually-img .mark-red::before { border-top-color: #ff0000; }
.usually-img .mark-green::before { border-top-color: #00cc00; }
.detail-part { display: -webkit-box; margin: 0 .32rem .32rem; padding: 0 0 .32rem; border-bottom: 1px solid #efefef; }
.detail-part:last-child { margin-bottom: 0; border: 0; }
.usually-list { overflow: hidden; }
.usually-list-one .detail-part { margin: 0 .32rem .32rem; border-bottom: 1px solid #efefef; }
.usually-list-justify { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 .32rem; }
.detail-part .usually-img { margin: 0 .2rem 0 0; }
.detail-part .usually-info { -webkit-box-flex: 1; }
.detail-part .usually-info dt { font-size: .32rem; font-weight: normal; padding: 1px 0; line-height: .32rem; height: .32rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.detail-part .usually-info .book-profile { color: #999; margin: .15rem 0; line-height: .44rem; height: .88rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.detail-part .usually-info .book-actions { line-height: .32rem; height: .32rem; padding: 1px 0; overflow: hidden; margin: -4px 0 0; }
.detail-part .usually-info .icon-book-classfy { float: right; }
.icon-book-user { color: #999; font-size: .28rem; margin: 0 .1rem 0 0; display: inline-block; }
.icon-book-user .icon { margin: 0 .05rem 0 0; font-size: .32rem; vertical-align: top; float: left; }
.icon-book-classfy { display: inline-block; }
.icon-book-classfy span { color: #999; border: 1px solid #999; margin: -1px 0 -1px .1rem; line-height: .32rem; height: .32rem; vertical-align: top; font-size: .23rem; padding: 0 .15rem; display: inline-block; border-radius: .32rem; }
.icon-book-classfy .icon-frame-wj { color: #ff7337; border-color: #ff7337; }
.icon-book-classfy .icon-frame-lz { color: #f4b647; border-color: #f4b647; }
.icon-book-classfy .icon-frame-1 { color: #88aae3; border-color: #88aae3; }
.icon-book-classfy .icon-frame-2 { color: #84d9f5; border-color: #84d9f5; }
.icon-book-classfy .icon-frame-3 { color: #f5d162; border-color: #f5d162; }
.icon-book-classfy .icon-frame-4 { color: #ffacf6; border-color: #ffacf6; }
.icon-book-classfy .icon-frame-5 { color: #a7d08c; border-color: #a7d08c; }
.icon-book-classfy .icon-frame-6 { color: #816cec; border-color: #816cec; }
.icon-book-classfy .icon-frame-7 { color: #8be4ce; border-color: #8be4ce; }
.icon-book-classfy .icon-frame-8 { color: #b099de; border-color: #b099de; }
.icon-book-classfy .icon-frame-9 { color: #ffc7ab; border-color: #ffc7ab; }
.icon-book-classfy .icon-frame-10 { color: #feb2bb; border-color: #feb2bb; }
.icon-book-classfy .icon-frame-11 { color: #f0e923; border-color: #f0e923; }
.simple-part { display: block; width: 1.432rem; line-height: .36rem; margin: 0 0 .32rem; }
.simple-part .book-name { font-size: .28rem; margin: .08rem 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.simple-part .book-author { font-size: .25rem; color: #999; height: .36rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.lxftime { color: #999; }
.lxftime span, .lxftime em { display: inline-block; text-align: center; height: .32rem; line-height: .32rem; }
.lxftime span { background: #ff0000; color: #fff; font-size: .23rem; width: .32rem; }
.lxftime em { font-style: normal; margin: 0 .05rem; color: #333; }
.more-list-m .detail-part { padding: .32rem 0; }
.countdown { text-align: center; line-height: .32rem; margin: .2rem 0; font-size: .28rem; }
.countdown .lxftime { margin: 0 0 0 .1rem; display: inline; }
.countdown .lxftime span, .countdown .lxftime em { color: #ff0000; background: none; margin: 0; display: inline; }
.detail-part-overturn .usually-img { margin: 0 0 0 0.2rem; }
.detail-part-overturn .usually-info .icon-book-classfy { float: none; }
.activity-show { display: block; width: 100%; height: 1.33rem; margin: -.1rem 0 0; display: inline-block; }
.swiper-free { padding: 0 0 0 .32rem !important; }
.swiper-free > .swiper-scrollbar, .swiper-custom > .swiper-scrollbar { height: .05rem !important; bottom: .05rem !important; background: none; }
.swiper-free .swiper-scrollbar-drag, .swiper-custom .swiper-scrollbar-drag { border-radius: .025rem; -webkit-border-radius: .025rem; background: rgba(0, 0, 0, .4); }
.topic-area dt { padding: .15rem 0 .22rem; margin: 0 .32rem .32rem; border-bottom: 1px solid #efefef; }
.topic-area dt .topic-title { font-size: .32rem; line-height: .7rem; height: .7rem; overflow: hidden; font-weight: bold; }
.icon-title { display: inline-block; font-size: .28rem; height: .46rem; font-weight: normal; line-height: .46rem; border: 1px solid #6fbfec; color: #6fbfec; padding: 0 .2rem; border-radius: .46rem; -webkit-border-radius: .46rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.topic-area dt .topic-title .icon-title { margin: 0 0 0 .2rem; }
.topic-area dt .topic-detail { color: #999; font-size: .28rem; line-height: .4rem; max-height: .8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.topic-area dt .topic-pic { width: 100%; margin: .2rem 0 0; }
.topic-area dd { overflow: hidden; margin: -.2rem 0 0; }
.topic-area dd a { float: left; width: 50%; padding: .2rem 0 .32rem .32rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.topic-area dd .icon-name, .topic-area dd .icon-decs { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.topic-area dd .icon-name { font-size: .32rem; line-height: .48rem; margin: .1rem 0; }
.topic-area dd .icon-name .portrait { width: .46rem; height: .46rem; margin: 0 .1rem 0 0; vertical-align: top; border-radius: .46rem; -webkit-border-radius: .46rem; }
.topic-area dd .icon-decs { font-size: .28rem; color: #999; line-height: .32rem; height: .32rem; }
.topic-video { position: relative; }
.topic-video::before { content: ''; height: .66rem; width: 0; border-left: 1px solid #efefef; position: absolute; left: 0; top: .1rem; }
.bottom-search { margin: .4rem .32rem; display: -webkit-box; }
.bottom-search .search-text { background: #fff; border: 1px solid #e8e8e8; 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; }
.bottom-search .search-btn { background: #d9d9d9; vertical-align: top; color: #fff; font-size: .5rem; width: 1rem; text-align: center; position: relative; border: 1px solid #e8e8e8; border-left: none; border-radius: 0 .1rem .1rem 0; -webkit-border-radius: 0 .1rem .1rem 0; }
.bottom-search .search-btn .icon { vertical-align: top; margin: .11rem 0 0; }
.download-app { font-size: .38rem; display: block; text-align: center; background: #00aeef; color: #fff; margin: .32rem; line-height: .88rem; line-height: .88rem; border-radius: .1rem; -webkit-border-radius: .1rem; }

/*indexapp*/
.swiper-app .swiper-slide img { height: 3.7137rem; }
.usually-list-row { padding: 0 .32rem 0 0; }
.info-part { float: left; width: 50%; overflow: hidden; padding: 0 0 .32rem .32rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.info-part .usually-img { float: left; overflow: hidden; padding: 0 .2rem 0 0; }
.usually-list-finished .info-part { padding: 0 0 .32rem .27rem; }
.ribbon::before { content: ''; display: block; width: 0; height: 0; margin: -1.87rem 0 0 -.05rem; border-right: .9rem solid #ea9f00; border-top: .9rem solid transparent; }
.ribbon-icon { display: block; width: 1.3rem; height: .32rem; line-height: .32rem; margin: -.74rem 0 0 -.38rem; background: #fbe455; border-bottom: .02rem solid #ea9f00; font-size: .23rem; color: #ff5200; text-align: center; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.info-part .book-info { overflow: hidden; line-height: .36rem; }
.usually-list-finished .info-part .usually-img { padding: .05rem .2rem 0 .05rem; }
.info-part .book-name { font-size: .28rem; overflow: hidden; margin: .01rem 0 0; height: .72rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.usually-list-finished .info-part .book-name { margin: .05rem 0 0; }
.info-part .book-author { font-size: .25rem; color: #999; margin: .16rem 0 .22rem; height: .36rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.info-part .icon-book-classfy span { margin: -1px .1rem 0 0; }
.swiper-custom { margin: 0 auto .1rem !important; padding: 0 .2rem 0 0 !important; }
.swiper-custom .swiper-slide { border-right: .1rem solid #efefef; background: #fff; }
.swiper-custom .swiper-slide .topic-area dt { border: none; margin: 0 .32rem 0; }
.top-app-search { position: absolute; top: .32rem; width: 100%; z-index: 20; display: -webkit-box; height: .7rem; overflow: hidden; }
.top-app-search .search-text { -webkit-box-flex: 1; margin: 0 0 0 .32rem; position: relative; }
.top-app-search .search-text input { display: block; width: 100%; font-size: .28rem; height: .7rem; line-height: .7rem; border: none; vertical-align: top; padding: 0 .2rem 0 .7rem; border-radius: .7rem; -webkit-border-radius: .7rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.top-app-search .search-text .icon { position: absolute; left: .2rem; top: .15rem; line-height: .7rem; font-size: .4rem; color: #dddddb; }
.top-app-search .search-scan { padding: 0 .32rem; color: #fff; font-size: .2rem; line-height: .23rem; text-align: center; }
.top-app-search .search-scan .icon { display: block; font-size: .48rem; margin: 0 auto; }
.swiper-finished .info-part { width: 100%; box-sizing: border-box; }
.swiper-finished-android > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 !important; }

/*发现app*/

/*.found-list li { background: #fff; margin: .1rem 0 0; padding: .1rem .2rem; font-size: .32rem; overflow: hidden; }
.found-list li a { display: block; color: #515151; line-height: .46rem; padding: .1rem 0; }
.found-list li > a:not(:first-child) { border-top: 1px solid #efefef; }
.found-list li a .icon-more { float: right; color: #cbcbcb; margin: .07rem 0 0; }
.found-list li a .icon-pic { font-size: .46rem; overflow: hidden; margin: 0 .2rem 0 0; float: left; }*/
.found-nav { display: flex; justify-content: space-between; text-align: center; background: #fff; padding: .3rem .2rem .1rem }
.found-nav li p { font-size: .36rem; color: #333; line-height: .8rem; }
.found-nav li .icon-pic { font-size: .9rem; }
.found-list li { background: #fff; margin: .1rem 0 0; padding: .1rem .2rem; font-size: .32rem; overflow: hidden; }
.found-list li a { display: block; color: #515151; line-height: .54rem; padding: .22rem 0; }
.found-list li > a:not(:first-child) { border-top: 1px solid #efefef; }
.found-list li a .icon-more { float: right; color: #cbcbcb; margin: .11rem 0 0; }
.found-list li a .icon-pic { font-size: .54rem; overflow: hidden; margin: 0 .2rem 0 0; float: left; }
.found-list li a .icon-tips { float: right; color: #ff5700; font-size: .28rem; margin: 0 .2rem 0 0; }
.hongbao-part, .task-part { overflow: hidden; }
.hongbao-part .hongbao-list, .task-part .task-list { background: #f7f7f9; border: 1px solid #e5e5e5; margin: 0 .32rem .32rem; }
.hongbao-part .hongbao-list li { padding: .15rem; border: 1px solid #f0f0f0; background: #fff; margin: .2rem; border-radius: .1rem; -webkit-border-radius: .1rem; }
.task-part .task-list .task-detail::before, .task-part .task-list .task-detail::after { background: #f7f7f9; }
.hongbao-list li .info .detail .guide, .hongbao-list li .info .detail .author, .banner-history .author { font-size: .28rem; }
.topic-area-found { overflow: hidden; }
.topic-area-found dt { border: none; padding: 0; }
.topic-area-found dt .topic-pic { margin: 0 0; }

/*发现m-任务福利*/
.overwrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 888; background: rgba(0, 0, 0, .8); }
.popboxindex { 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; }
.popboxindex .clearinput { display: block; width: 40px; height: 40px; background-position: -80px -70px; top: 0; right: 0; }
.popboxindex .box_bd { display: inline-block; }
.popboxindex .main_text { font-size: 14px; color: #333; line-height: 24px; margin: 5px 0 10px; }
.popboxindex .form { display: -webkit-box; }
.popboxindex .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; }
.popboxindex .form .btn_cancel { margin: 0 0 0 30px; }
.question-mark { font-style: normal; color: #ffd397; border: 1px solid #ffd397; display: inline-block; background: #fff9f0; text-align: center; width: .32rem; height: .32rem; line-height: .32rem; border-radius: .32rem; -webkit-border-radius: .32rem; }
.task-list .task-detail { position: relative; overflow: hidden; display: -webkit-box; -webkit-box-align: center; margin: .2rem; border-radius: .15rem 0 0 0; }
.task-list .task-detail::before, .task-list .task-detail::after { content: ''; box-sizing: border-box; border: 1px solid #e5e5e5; position: absolute; right: 1.75rem; display: block; width: .3rem; height: .3rem; background: #efefef; border-radius: .3rem; -webkit-border-radius: .3rem; }
.task-list .task-detail::before { top: -.15rem; }
.task-list .task-detail::after { bottom: -.15rem; }
.task-detail .task-demand { -webkit-box-flex: 1; padding: .1rem .32rem .32rem .4rem; border: 1px solid #f0f0f0; border-right: none; background: #fff; border-radius: .15rem 0 0 .15rem; -webkit-border-radius: .15rem 0 0 .15rem; }
.task-detail .task-demand .task-demand-title { font-weight: normal; line-height: .78rem; height: .78rem; overflow: hidden; }
.task-detail .task-demand .task-demand-title .question-mark { margin: 0 0 0 .2rem; }
.task-detail .task-demand p { font-size: .24rem; color: #9d9b9b; line-height: .24rem; height: .24rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.task-detail .task-reward { text-align: center; padding: .1rem 0 0; height: 1.44rem; width: 1.92rem; border: 1px solid #f0f0f0; border-left: 2px dashed #e5e5e5; background: #fff; border-radius: 0 .15rem .15rem 0; -webkit-border-radius: 0 .15rem .15rem 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
.task-detail .task-reward .task-reward-coin { color: #ff9900; font-weight: normal; line-height: .5rem; height: .5rem; overflow: hidden; }
.btn-reward { background: #ff6600; font-size: .28rem; color: #fff; border: none; width: 1.4rem; line-height: .55rem; border-radius: .1rem; -webkit-border-radius: .1rem; }
.btn-rewarded { background: #d2d2d2; }
.btn-rewardnone { background: none; border: 1px solid #ff6600; color: #ff6600; }
.task-detail .corner-mark { color: #fff; position: relative; margin: -.8rem -.8rem 0 0; }
.task-detail .corner-mark::before { content: ''; display: block; width: 0; height: 0; border-top: .8rem solid #fb6165; border-right: .8rem solid transparent; }
.task-detail .corner-mark span { font-size: .23rem; display: block; width: .8rem; line-height: .8rem; margin: -.97rem 0 0 -.14rem; text-align: center; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.task-reward-box { padding: 0 0 .3rem; position: fixed; display: none; }
.task-reward-box .task-reward-title { overflow: hidden; }
.task-reward-box .task-reward-title .icon-close { float: right; font-size: .5rem; padding: .2rem .2rem 0; }
.task-reward-box .task-reward-main { overflow: hidden; }
.task-reward-box .task-reward-main .btn-reward { width: 4rem; line-height: .75rem; margin: .4rem 0 0; }
.task-reward-box .task-reward-main .bottom-tips { font-size: .24rem; color: #c5c5c5; line-height: .6rem; }
.task-reward-box .reward-detail { font-size: .32rem; line-height: .55rem; }
.task-reward-box .reward-detail dd { color: #ff0000; }
.task-guide-box { padding: 0; position: fixed; color: #fff; background: no-repeat; box-shadow: none; -webkit-box-shadow: none; display: none; }
.task-guide-main { text-align: left; }
.task-guide-main dt { font-size: .32rem; }
.task-guide-main dd { font-size: .28rem; color: #ff9900; margin: .3rem 0 0; }
.task-guide-box .icon-close { display: inline-block; margin: 2rem 0 0; font-size: .7rem; -webkit-text-stroke-width: 0; }
.invite-tips-main { text-align: left; line-height: .44rem; font-size: .28rem; }
.invite-tips-main dt { margin: .15rem 0 0; font-size: .32rem; }
.invite-tips-main dd { color: #666; }
.invite-tips-box .btn-reward { width: 4rem; height: .9rem; line-height: .9rem; font-size: .32rem; margin: .5rem auto 0; }

/*专题模板*/
.sample-1 { background-color: #fff1f3; }
.topic-sample { color: #666; background-image: url(/uploads/image/tensimages/flower-bg.png); background-repeat: repeat-y; background-size: 100% auto; overflow: hidden; }
.topic-pic-banner { display: block; width: 100%; }
.dialog-box { background: #fff; margin: .32rem; line-height: .44rem; padding: .2rem; position: relative; border-radius: .1rem; -webkit-border-radius: .1rem; }
.dialog-box-mt { margin: .56rem .32rem .32rem; }
.dialog-box p { text-indent: 2em; font-size: .28rem; }
.dialog-box .dialog-hd { margin: -.24rem 0 0 -.05rem; }
.dialog-box .dialog-hd-r { float: right; margin: -.24rem -.05rem 0 0; }
.dialog-box .dialog-hd span { display: inline-block; font-size: .4rem; color: #000; background: #ebf5ec; border: 1px solid #9ed5f2; margin: -.2rem .05rem 0 .05rem; height: .48rem; width: .48rem; overflow: hidden; line-height: .48rem; text-align: center; }
.icon-tree { position: absolute; right: .1rem; top: -.48rem; width: .6rem; height: .48rem; background: url(/uploads/image/tensimages/icon-tree.png) no-repeat 0 0; background-size: 100% auto; }
.icon-heart { position: absolute; right: -.15rem; top: -.3rem; width: .6rem; height: .75rem; background: url(/uploads/image/tensimages/icon-heart.png) no-repeat 0 0; background-size: 100% auto; }
.icon-message { position: absolute; left: -.05rem; top: -.4rem; width: .8rem; height: .74rem; background: url(/uploads/image/tensimages/icon-message.png) no-repeat 0 0; background-size: 100% auto; }
.icon-strawberry { position: absolute; right: -.15rem; top: -.3rem; width: .6rem; height: .72rem; background: url(/uploads/image/tensimages/icon-strawberry.png) no-repeat 0 0; background-size: 100% auto; }
.author-profile dt { text-align: center; font-size: .32rem; color: #000; margin: 0 0 .1rem; }
.dialog-title { font-size: .32rem; line-height: .44rem; text-align: center; color: #000; background: url(/uploads/image/tensimages/line-bg.png) no-repeat center center; background-size: 6rem auto; }
.interview-par dt { color: #999; margin: 0 0 .1rem; text-indent: 2em; background: url(/uploads/image/tensimages/icon-q.png) no-repeat 0 0; background-size: .4rem auto; }
.swiper-message { background: #fff; margin: .3rem auto !important; }
.message-wrap { border: 1px solid #eee; padding: .15rem .2rem; line-height: .44rem; height: 2.2rem; overflow: hidden; border-radius: .1rem; -webkit-border-radius: .1rem; margin: .32rem 0 .32rem .32rem; }
.message-wrap p { text-indent: 2em; font-size: .28rem; }
.message-wrap .writer { text-align: right; }

/*红包*/

/*新人福利优化*/
.newuser-fixed { position: fixed; right: .3rem; bottom: 2rem; width: 1rem; z-index: 2; }
.popbox-newuser-ios { width: 80%; height: 7.02rem; background: url(/uploads/image/tensimages/ios-new.png) no-repeat 0 0; background-size: 100% 100%; box-shadow: none; -webkit-box-shadow: none; }
.popbox-newuser-normal { width: 90%; height: 7.02rem; background: url(/uploads/image/tensimages/normal-new.png) no-repeat 0 0; background-size: 100% 100%; box-shadow: none; -webkit-box-shadow: none; }
.newuser-rewad { font-size: .4rem; color: #666; line-height: .56rem; margin: 0.88rem 0.74rem 0.58rem; }
.popbox-newuser-normal .newuser-rewad { margin: 0.88rem 0.74rem 0.5rem; }
.newuser-rewad dd span { color: #bf000f; font-size: .56rem; margin: 0 .05rem; }
.newuser-box-tips { font-size: .24rem; color: #feead4; margin: .2rem .5rem 0; line-height: .36rem; }
.btn-newreward { width: 2.05rem; height: .72rem; line-height: .72rem; text-align: center; color: #c30302; font-size: .4rem; background: #feba6e; border: none; border-radius: .2rem; -webkit-border-radius: .2rem; display: block; margin: 0 auto; }
.popbox-qiandao { width: 100%; height: 7.43rem; background: url(/uploads/image/tensimages/ios-tiyanbi.png) no-repeat 0 0; background-size: 100% 100%; box-shadow: none; -webkit-box-shadow: none; }
.popbox-qiandao dl { font-size: .32rem; color: #666; line-height: 1rem; margin: 1.3rem 0 .74rem; }
.popbox-qiandao dt { font-size: .76rem; color: #bf000f; }
.popbox-baoyue { width: 5.4rem; background: url(/uploads/image/tensimages/cloud-red-bg.png) repeat-y 0 0; background-size: 100% auto; padding: .1rem; border-radius: .1rem; -webkit-border-radius: .1rem; }
.popbox-baoyue .wrapbg { background: #feead4; border-radius: .1rem; -webkit-border-radius: .1rem; padding: 0 .5rem; overflow: hidden; }
.popbox-baoyue .rewrad-detail { line-height: .8rem; margin: .25rem 0 0; }
.popbox-baoyue .rewrad-detail h2 { font-weight: normal; font-size: .36rem; }
.popbox-baoyue .rewrad-detail h3 { font-weight: normal; color: #bf000f; font-size: .52rem; }
.popbox-baoyue .rewrad-detail p { color: #666; font-size: .28rem; }
.fenge-title { text-align: center; color: #333; line-height: .88rem; height: .88rem; position: relative; }
.fenge-title::before, .fenge-title::after { content: ''; display: block; width: 1.4rem; height: 1px; background: #333; position: absolute; top: 50%; margin: -1px 0 0; }
.fenge-title::before { left: 0; }
.fenge-title::after { right: 0; }
.popbox-baoyue .usually-list-justify { padding: 0; }
.popbox-baoyue .simple-part { width: 1.12rem; text-align: left; }
.popbox-baoyue .usually-img, .popbox-baoyue .usually-img img { width: 1.12rem; height: auto; border: none; }
.popbox-baoyue .icon-close { position: absolute; bottom: -1rem; left: 50%; margin: 0 0 0 -.33rem; color: #feead4; font-size: .66rem; }

/*2018.9.3编辑推荐*/
.reference-list { margin: 0 .32rem }
.reference-list li { height: .88rem; line-height: .88rem; border-bottom: 1px solid #efefef; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.reference-list li:last-child { border: none; }
.reference-list li .icon-book-classfy { margin: 0 .1rem 0 0 }
.reference-list li .icon-book-classfy span { display: block; margin: 0 }

/*包月*/
.textbox .boxhd .title .sub-title { float: left; margin: 0 .32rem 0 0; color: #999 }
.simple-part .book-price { font-size: .26rem; color: #ef7839; }
.baoyue-head { line-height: .5rem; height: .5rem; overflow: hidden; margin: .11rem .32rem; color: #999; font-size: .26rem; }
.baoyue-head span { font-weight: bold; font-size: .32rem; color: #666 }
.baoyue-head .btn-pay { float: right; width: 1.7rem; height: .5rem; line-height: .5rem; text-align: center; color: #c02625; background: -webkit-linear-gradient(top, #ffd50a 0%, #ffa801 100%); background: linear-gradient(top, #ffd50a 0%, #ffa801 100%); text-shadow: 0 0 .1rem #ffd727; box-shadow: 0 0 .15rem #fff inset; -webkit-box-shadow: 0 0 .15rem #fff inset; border-radius: .5rem; -webkit-border-radius: .5rem; }
.baoyue-banner img { display: block; width: 100%; }

/*error404*/
.error-bar { background: url(/uploads/image/tensimages/error-diwen.jpg) repeat-y 0 0; background-size: 100% 7.5rem; overflow: hidden; zoom: 1; }
.error-guide { background: url(/uploads/image/tensimages/error-bg.png) no-repeat 0 0; background-size: 6.09rem 3.75rem; width: 6.09rem; padding: 4.1rem 0 0; margin: .3rem auto 0; }
.error-guide a { display: block; width: 2.4rem; height: .64rem; line-height: .64rem; color: #e27a68; font-size: .3rem; margin: 0 auto; text-align: center; border: 1px solid #e27a68; border-radius: .64rem; -webkit-border-radius: .64rem; }
.error-guide-list .guide-title { background: url(/uploads/image/tensimages/error-title.png) no-repeat center center; background-size: 7.35rem .15rem; font-size: .36rem; color: 333; text-align: center; margin: .6rem 0 .4rem; }
.error-guide-list ul { margin: 0 .17rem; }
.error-guide-list li { border-bottom: 1px solid #efddd9; padding: .24rem .2rem .24rem .3rem; display: -webkit-box; -webkit-box-align: center; }
.error-guide-list li .book, .error-guide-list li .book img { display: block; width: 1.44rem; height: 1.95rem; }
.error-guide-list li .info { -webkit-box-flex: 1; margin: 0 .2rem 0 .3rem; line-height: .6rem; color: #9c9c9c; }
.error-guide-list li .info h3 { font-weight: normal; font-size: .3rem; color: #333; height: .6rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.error-guide-list li .info .author .icon { float: left; margin: .14rem .05rem 0 0; font-size: .3rem; }
.error-guide-list li .info p { font-size: .28rem; }
.error-guide-list li .mask-icon { width: 1.4rem; text-align: center; height: .48rem; line-height: .48rem; color: #fff; border-radius: .48rem; -webkit-border-radius: .48rem; }
.error-guide-list li .mask-icon1 { background: #e60214; }
.error-guide-list li .mask-icon2 { background: #f39800; }
.error-guide-list li .mask-icon3 { background: #32b16c; }
.error-guide-list li .mask-icon4 { background: #00a0e9; }
.error-guide-list li .mask-icon5 { background: #ae5da1; }

/*渐变弹窗*/
.over-wrap { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 99999; }
.over-wrap.over-wrap-down, .over-wrap.over-wrap-up { display: block; }
.popbox-cloud { 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(/uploads/image/tensimages/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; }

/*福袋*/
.fudai-main { text-align: center; }
.fudai-main .group { color: #9c9c9c; margin: .3rem 0 .8rem; font-size: .24rem; line-height: .5rem; background: url(/uploads/image/tensimages/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(/uploads/image/tensimages/user-ico.png) no-repeat center 0; background-size: 1.08rem 1.08rem; }
.fudai-main .group .group-author { background: url(/uploads/image/tensimages/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 .fudai-prize { width: 3.5rem; height: 1.19rem; margin: 0 -.1rem }
.fudai-detai dt .num-yuanbao { display: inline-block; vertical-align: middle; width: 1.3rem; height: .72rem; background: url(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/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(/uploads/image/tensimages/quanzhang-light1.png) no-repeat 0 0; background-size: 100% 100%; }
	50% { background: url(/uploads/image/tensimages/quanzhang-light2.png) no-repeat 0 0; background-size: 100% 100%; }
}
@keyframes light-quanzhang {
	0%, 100% { background: url(/uploads/image/tensimages/quanzhang-light1.png) no-repeat 0 0; background-size: 100% 100%; }
	50% { background: url(/uploads/image/tensimages/quanzhang-light2.png) no-repeat 0 0; background-size: 100% 100%; }
}
@-webkit-keyframes light-doupeng {
	0%, 100% { background: url(/uploads/image/tensimages/doupeng-light1.png) no-repeat 0 0; background-size: 100% 100%; }
	50% { background: url(/uploads/image/tensimages/doupeng-light2.png) no-repeat 0 0; background-size: 100% 100%; }
}
@keyframes light-doupeng {
	0%, 100% { background: url(/uploads/image/tensimages/doupeng-light1.png) no-repeat 0 0; background-size: 100% 100%; }
	50% { background: url(/uploads/image/tensimages/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 .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 .queen-main-note { text-align: center; color: #666; padding: 1.2rem 0 .5rem }

/*2020.1.14 大额道具*/
.daoju-supper { display: none; z-index: 10000; }
.daoju-btn { display: block; width: 1.06rem; height: .49rem; line-height: .48rem; color: #fff; border: 2px solid #fff; border-radius: .49rem; -webkit-border-radius: .49rem; text-align: center; }
.daoju-btn:hover { color: #fff; }
.daoju-close { display: block; font-size: .4rem; }
#democanvas_doupeng { width: 2.2rem; height: 2.14rem; float: left; position: relative; z-index: 9999 }
.daoju-doupeng { height: 2.14rem; width: 7.45rem; top: 2.5rem; left: -.15rem; position: fixed; }
.daoju-doupeng .daoju-close { float: right; color: #e44520; margin: .95rem 0 0; z-index: 9999; position: relative; }
.doupeng-main { position: relative; color: #fff; height: .93rem; width: 5.82rem; float: left; margin: .7rem 0 0 -1.07rem; color: #b00505; }
.doupeng-main-bg { position: absolute; left: 0; top: 0; z-index: 9998; height: .93rem; width: 5.82rem; border-radius: .15rem; -webkit-border-radius: .15rem; background: url(/uploads/image/tensimages/doupeng-bg-new.png) no-repeat 0 0; background-size: 5.82rem .93rem; }
.doupeng-main .daoju-btn { float: right; position: relative; z-index: 9999; margin: .16rem .2rem 0 0; background: #ff4b74; background: linear-gradient(top, #ffa995 0%, #ff4b74 100%); background: -webkit-linear-gradient(top, #ffa995 0%, #ff4b74 100%); }
.doupeng-main dl { position: relative; z-index: 9999; margin: .09rem 0 0 .7rem; width: 3.5rem; }
.doupeng-main dl dd { line-height: .36rem; height: .36rem; font-size: .26rem; overflow: hidden; zoom: 1; }
.doupeng-main dl dd span { color: #999; }
#democanvas_quanzhang { width: 2.2rem; height: 2.14rem; float: left; position: relative; z-index: 9999 }
.daoju-quanzhang { height: 2.14rem; width: 7.45rem; top: 2.5rem; left: -.15rem; position: fixed; }
.daoju-quanzhang .daoju-close { float: right; color: #e44520; margin: .95rem 0 0 }
.quanzhang-main { position: relative; color: #fff; height: .93rem; width: 5.82rem; float: left; margin: .7rem 0 0 -1.07rem; color: #b00505; }
.quanzhang-main-bg { position: absolute; left: 0; top: 0; z-index: 9998; height: .93rem; width: 5.82rem; border-radius: .15rem; -webkit-border-radius: .15rem; background: url(/uploads/image/tensimages/quanzhang-bg-new.png) no-repeat 0 0; background-size: 5.82rem .93rem; }
.quanzhang-main .daoju-btn { float: right; position: relative; z-index: 9999; margin: .16rem .2rem 0 0; background: #ff368c; background: linear-gradient(top, #e352c3 0%, #ff368c 100%); background: -webkit-linear-gradient(top, #e352c3 0%, #ff368c 100%); }
.quanzhang-main dl { position: relative; z-index: 9998; margin: .09rem 0 0 .9rem; width: 3.3rem; }
.quanzhang-main dl dd { line-height: .36rem; height: .36rem; font-size: .26rem; overflow: hidden; zoom: 1; }
.quanzhang-main dl dd span { color: #999; }
#democanvas_jiaren { height: 120%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.daoju-jiaren { width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, .5); }
.daoju-jiaren .desc { text-align: center; color: #fff; font-size: .3rem; position: absolute; left: 0; top: 50%; width: 100%; line-height: .4rem; margin: -2.4rem 0 0; }
.daoju-jiaren .desc p { text-shadow: 0 0 .03rem #000; }
.daoju-jiaren .fudai-btn { display: block; background: url(/uploads/image/tensimages/btn-fudai.png) no-repeat 0 0; width: 5.75rem; height: .82rem; line-height: .82rem; background-size: 5.75rem .82rem; margin: .4rem auto 0; color: #fff; font-size: .32rem; }
.daoju-jiaren .daoju-close { z-index: 10000; color: #fff; font-size: .5rem; position: absolute; top: .2rem; right: .2rem; }
@-webkit-keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes widthspread {
	0% { width: 0; }
	100% { width: 100%; }
}
@keyframes widthspread {
	0% { width: 0; }
	100% { width: 100%; }
}
@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 fadeinleft {
	0% { opacity: 0; transform: translatex(-.5rem) }
	100% { opacity: 1; transform: translatex(0) }
}
@-webkit-keyframes fadeinleft {
	0% { opacity: 0; -webkit-transform: translatex(-.5rem) }
	100% { opacity: 1; -webkit-transform: translatex(0) }
}
@keyframes circlein {
	0% { clip-path: circle(0 at 50% 50%); }
	40% { clip-path: circle(100% at 50% 50%); }
	50% { transform: scale(1) }
	60% { transform: scale(1.1) }
	80% { transform: scale(1) }
	90% { transform: scale(1.1) }
	100% { transform: scale(1) }
}
@-webkit-keyframes circlein {
	0% { -webkit-clip-path: circle(0 at 50% 50%); }
	40% { -webkit-clip-path: circle(100% at 50% 50%); }
	50% { -webkit-transform: scale(1) }
	60% { -webkit-transform: scale(1.1) }
	80% { -webkit-transform: scale(1) }
	90% { -webkit-transform: scale(1.1) }
	100% { -webkit-transform: scale(1) }
}
.daoju-show { display: block; }
.daoju-show .doupeng-main-bg { -webkit-animation: widthspread .5s .5s linear both; animation: widthspread .5s .5s linear both; }
.daoju-show .doupeng-main dl { -webkit-animation: widthspread .5s 1s linear both; animation: widthspread .5s 1s linear both; }
.daoju-show .doupeng-main .daoju-btn { -webkit-animation: bouncein 1s 1.5s ease both; animation: bouncein 1s 1.5s ease both; }
.daoju-doupeng.daoju-show .daoju-close { -webkit-animation: fadein .1s 1s ease both; animation: fadein .1s 1s ease both; }
.daoju-show .quanzhang-main-bg { -webkit-animation: widthspread .5s .5s linear both; animation: widthspread .5s .5s linear both; }
.daoju-show .quanzhang-main dl { -webkit-animation: fadeinleft 1s .5s ease both; animation: fadeinleft 1s .5s ease both; }
.daoju-show .quanzhang-main .daoju-btn { -webkit-animation: circlein 2s 1.2s ease both; animation: circlein 2s 1.2s ease both; }
.daoju-quanzhang.daoju-show .daoju-close { -webkit-animation: fadein .1s 1s ease both; animation: fadein .1s 1s ease both; }
.daoju-jiaren.daoju-show .desc { -webkit-animation: fadein 1s .2s ease both; animation: fadein 1s .2s ease both; }

/**/
:focus { outline: 0; }
.category { margin-right: 0.1rem; padding: .02rem 0; width: 0.8rem; text-align: center; font-size: 0.2rem; color: #666; border-radius: 0.3rem; }
._1 { background: #a8c7f3; }
._2 { background: #c1effe; }
._3 { background: #fcebb6; }
._4 { background: #ffcffa; }
._5 { background: #d9f7c8; }
._6 { background: #dbd6f5; }
._7 { background: #c1f5e8; }
._8 { background: #cdb5ff; }
._9 { background: #ffc7ab; }
._10 { background: #feb2bb; }
._11 { background: #fffca4; }
._12 { background: #ffbbe4; }
._13 { background: #cfe8ec; }
._14 { background: #ffc4c4; }
._15 { background: #e5ffc4; }
._16 { background: #ffd3ab; }
._17 { background: #add9ff; }
._82 { background: #fcebb6; }
._83 { background: #88abda; }
._84 { background: #4c8dae; }
._86 { background: #ffcffa; }
._88 { background: #aa89bd; }
._90 { background: #a6937c; }
._91 { background: #b96c2f; }
._92 { background: #d9f7c8; }
._93 { background: #c1f5e8; }
._94 { background: #cdb5ff; }
._96 { background: #c8545e; }
._97 { background: #ffc7ab; }
._98 { background: #89c997; }
._99 { background: #fffca4; }
.label_col { color: #999; border-color: #999; }
.label_col1 { color: #99cb6a; border-color: #99cb6a; }
.label_col2 { color: #f3a16b; border-color: #f3a16b; }
.label_col3 { color: #a48fc2; border-color: #a48fc2; }
.label_col4 { color: #ed7a72; border-color: #ed7a72; }
.label_col5 { color: #d291bd; border-color: #d291bd; }
.label_col6 { color: #75a5d8; border-color: #75a5d8; }
._tabwidth1 { width: 49%; }
._tabwidth2 { width: 33%; }
.titbg_01 { background: url(/uploads/image/tensimages/pic.png) no-repeat left -48.4rem; background-size: 1rem auto; }
.bookpic { position: relative; display: inline-block; }
.poplabel { position: absolute; left: -0.05rem; top: -0.05rem; width: 1rem; height: 1rem; z-index: 5; }
.end { background: url(/uploads/image/tensimages/pic.png) no-repeat 0 -6.1rem; background-size: 1rem auto; }
.clear { clear: both; }
.praise { background: url(/uploads/image/tensimages/pic.png) no-repeat left -32.32rem; background-size: 1rem auto; }
.comment { background: url(/uploads/image/tensimages/pic.png) no-repeat left -32.73rem; background-size: 1rem auto; }
.banner { background: #eafaff; height: 2rem; overflow: hidden; position: relative; }
.focusbtn { position: absolute; height: 100%; width: 1rem; }
.bleft { left: 0; }
.bright { right: 0; }
.focusbtn .btnleft { background: url(/uploads/image/tensimages/focusbtn.png) no-repeat left top; background-size: .5rem auto; width: 1rem; height: .85rem; top: 25%; position: absolute; left: .2rem; }
.focusbtn .btnleftclick { background: url(/uploads/image/tensimages/focusbtn.png) no-repeat left -.86rem; background-size: .5rem auto; }
.focusbtn .btnright { background: url(/uploads/image/tensimages/focusbtn.png) no-repeat left -1.78rem; background-size: .5rem auto; width: 1rem; height: .85rem; top: 25%; position: absolute; left: .25rem; }
.focusbtn .btnrightclick { background: url(/uploads/image/tensimages/focusbtn.png) no-repeat left -2.65rem; background-size: .5rem auto; }
.banner img { height: 2rem; }
.note { padding-left: 0.7rem; height: 0.78rem; background: #f4f4f4 url(/uploads/image/tensimages/pic.png) no-repeat 0 0.02rem; background-size: 1rem auto; border-width: 1px 0 0 0; border-style: solid; border-color: #e5e5e5; color: #ff6000; font-size: 0.26rem; font-weight: bold; word-spacing: 1rem; line-height: 0.8rem; }
div.item_box:last-child { /*border:none;*/ margin-bottom: 0; }
.item_box { background: #fff; }
.nobackground .item_title { background: none; }
.item_title { -webkit-box-align: center; padding-left: 0.3rem; height: 0.82rem; background: url(/uploads/image/tensimages/pic.png) no-repeat 0 -0.8rem; background-size: 1rem auto; }
.item_mleft, .item_title > .h1 { -webkit-box-flex: 1; float: left; line-height: .8rem; height: .8rem; }
.item_title > .tit_more { display: block; width: 1.2rem; background: url(/uploads/image/tensimages/pic.png) no-repeat 0.6rem -1.44rem; background-size: 1rem auto; float: right; line-height: .8rem; color: #999; font-size: 0.28rem; }
.item_title > .tit_more > a { color: #999; font-size: 0.28rem; }
.item_title > .chapter_more { display: block; padding-right: .1rem; float: right; line-height: .8rem; color: #00aeef; font-size: .3rem; }
.pic_txt { display: -webkit-box; -webkit-box-align: center; padding: 0.05rem 0.3rem; height: 2.6rem; overflow: hidden; }
.pic_txt .picbox { width: 2rem; float: left; }
.pic_txt .picbox img { width: 1.65rem; height: 2.2rem; border: 1px solid #ccc; }
.pic_txt .picboxsmall { width: 1.5rem; }
.pic_txt .picboxsmall img { width: 1.2rem; height: 1.7rem; border: 2px solid #ccc; }
.pic_txtauto { height: auto; }
.nomagintop { margin-top: 0rem !important; }
.txtbox { -webkit-box-flex: 1; overflow: hidden; margin-top: .12rem; }
.txtbox li { display: -webkit-box; -webkit-box-align: center; }
.txtbox li .bookname { -webkit-box-flex: 1; font-size: 0.32rem; height: 0.37rem; line-height: 0.38rem; color: #333; text-overflow: ellipsis; white-space: nowrap; }
.txtbox li h1.bookname { margin: .15rem 0; }
.txtbox li .order_number { width: 0.3rem; height: 0.3rem; background: #ff4436; color: #fff; font-size: 0.2rem; text-align: center; line-height: 0.3rem; }
.txtbox li .author { -webkit-box-flex: 1; /*font-size:14px;*/ font-size: .3rem; color: #666; line-height: 0.42rem; height: 0.42rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 3rem; }
.txtbox li p { display: block; }
.txtbox li .orderico { /*width:.9rem;*/ text-align: right; letter-spacing: 0; color: #999; font-size: 0.28rem; font-weight: normal; white-space: nowrap; /*margin-right: .3rem;*/ }
.txtbox li .readnums { color: #ff6000; margin-right: .3rem; text-align: left; width: 1.0rem; }
.txtbox li p.ticket:after { content: ""; display: inline-block; width: .34rem; height: .32rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -2.26rem; background-size: 1rem auto; }

/*月票*/
.txtbox li p.diamend:after { content: ""; display: inline-block; width: .34rem; height: .32rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -2.76rem; background-size: 1rem auto; }

/*钻石*/
.txtbox li p.flower:after { content: ""; display: inline-block; width: .34rem; height: .32rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -3.26rem; background-size: 1rem auto; }

/*鲜花*/
.txtbox li p.sellwell:after { content: ""; display: inline-block; width: .34rem; height: .32rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -3.76rem; background-size: 1rem auto; }

/*畅销*/
.txtbox li p.read { }
.txtbox li p.read:before { content: ""; display: inline-block; width: .34rem; height: .35rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -4.25rem; background-size: 1rem auto; }

/*阅读数*/
.txtbox li p.wordcount { color: #cacaca; }
.txtbox li p.wordcount:before { content: ""; display: inline-block; width: .34rem; height: .35rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -4.75rem; background-size: 1rem auto; }

/*书本字数*/
.txtbox li p.sellwell2:after { content: ""; display: inline-block; width: .34rem; height: .32rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -59.82rem; background-size: 1rem auto; }

/*畅销*/
.txtbox .book_info { /*font-size:12px;*/ font-size: .25rem; color: #999; line-height: 0.4rem; overflow: hidden; margin-top: .2rem; }
.txtbox .book_info .book_infowords { font-size: 12px; height: .75rem; overflow: hidden; }
.txtbox .book_infosmall { height: 1rem; }

/*----列表----*/
ul.item_list { padding: 0 0.3rem; }
ul.item_list > li { display: -webkit-box; -webkit-box-align: center; height: 0.9rem; border-top: 1px solid #e5e5e5; }
ul.item_list > li > span.category { display: block; margin-right: 0.3rem; width: 0.8rem; text-align: center; font-size: 0.2rem; color: #666; line-height: 0.3rem; border-radius: 0.3rem; overflow: hidden; }
ul.item_list > li > a { display: block; padding-right: 0.6rem; width: 3.4rem; font-size: 0.32rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
ul.item_list > li > span.author { display: block; width: 1.7rem; font-size: 0.28rem; color: #666; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*----精彩专区（二列图）----*/
.item_box > ul.zhuanqu { display: -webkit-box; -webkit-box-align: center; padding: 0 0.1rem; }
.item_box > ul.zhuanqu > li { padding: 0.1rem; text-align: center; list-style: none; }
.item_box > ul.zhuanqu > li img { background: #ecf9fd; width: 3.25rem; height: 1rem; border-radius: 0.2rem; border: none; font-size: 0.3rem; }

/*----猜你喜欢、出版精品（图文三列）----*/
.item_box > ul.xihuan { display: -webkit-box; -webkit-box-align: center; padding: 0.1rem 0.3rem; width: 6.9rem; }
.item_box > ul.xihuan > li { padding: 0.1rem; width: 2.1rem; text-align: center; overflow: hidden; }
.item_box > ul.xihuan > li img { width: 1.65rem; height: 2.2rem; border: 1px solid #ccc; }
.item_box > ul.xihuan > li h2 { font-size: 0.28rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.item_box > ul.xihuan > li p { color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#baoyue strong { line-height: 0.8rem; font-weight: 500; }
#tejia span.category { }

/*----选项卡----*/
.tabs { margin: 0 auto; margin-bottom: 0.3rem; }
.tabs li { display: -webkit-box; -webkit-box-align: center; position: relative; overflow: hidden; text-align: center; overflow: hidden; padding: 0; position: relative; }
.tabs a { -webkit-box-flex: 1; color: #666; display: block; outline: none; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tabs_item { display: none; }
.tabs_item:first-child { display: block; }
.tabs li .current a { color: #666; }

/*----精品专区包月选项卡----*/
#baoyue .tabs { width: 4.5rem; height: 0.6rem; background: #fff; }
#baoyue .tabs li { border-radius: 0.6rem; -webkit-border-radius: 0.6rem; border: 0.02rem solid #4fc2f1; }
#baoyue .tabs li a { line-height: 0.6rem; font-size: 0.26rem; }
#baoyue .tabs li .current { background: #a9e9ff; }

/*----免费页单本特价选项卡----*/
#tejia .tabs { display: block; padding: 0 0.2rem; }
#tejia .tabs li { }
#tejia .tabs a { width: 2.1rem; line-height: 0.6rem; margin: 0.05rem 0.1rem; border-radius: 0.5rem; border: 1px solid #4fc2f1; font-size: 0.26rem; }
#tejia .tabs li .current { background: #c2edff; }

/*----排行榜页----*/
#orderlist .tabs { margin: 0; }
#orderlist .tabs li { height: 0.8rem; }
#orderlist .tabs li a { line-height: 0.6rem; font-size: 0.32rem; border-bottom: 1px solid #e5e5e5; }
#orderlist .tabs li .current { color: #ff6000; border-bottom: 3px solid #ff6000; }
#orderlist .tab_content { margin: 0; padding: 0 0.3rem; }
#orderlist .pic_txt { padding: 0; height: 2.1rem; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
#orderlist .pic_txt .picbox { width: 1.5rem; height: 1.75rem; padding-left: 0.04rem; }
#orderlist .pic_txt .picbox img { width: 1.25rem; height: 1.65rem; border: 1px solid #ccc; }
#orderlist .pic_txt .picbox .poplabel { position: absolute; left: 0; top: -0.04rem; width: 0.8rem; height: 0.8rem; }
#orderlist .pic_txt .picbox .end { background: url(/uploads/image/tensimages/pic.png) no-repeat 0 -5.2rem; background-size: 1rem auto; }
#specialrecord .dd .poplabel { position: absolute; top: -0.04rem; width: 0.8rem; height: 0.8rem; }
#specialrecord .dd .end { background: url(/uploads/image/tensimages/pic.png) no-repeat 0 -5.2rem; background-size: 1rem auto; }
#orderlist .txtbox li .bookname { margin-bottom: 0; font-size: 0.3rem; height: 0.4rem; line-height: 0.32rem; }
#orderlist .txtbox li .order_number { width: 0.3rem; height: 0.3rem; background: #ff4436; color: #fff; font-size: 0.2rem; text-align: center; line-height: 0.3rem; }
#orderlist .txtbox li .author { font-size: 0.26rem; }
#orderlist .txtbox li .orderico { /*width:1.0rem;*/ font-weight: normal; white-space: nowrap; }
#orderlist .txtbox li .read, #orderlist .txtbox li .wordcount { font-size: 0.22rem; line-height: 0.35rem; text-align: left; }
#orderlist .txtbox .book_info { /*font-size:12px;*/ font-size: .25rem; line-height: 0.4rem; margin-top: .2rem; }

/*----猜你喜欢更多页面----*/
#ulike ul.xihuan { display: table; padding: 0.1rem 0.3rem; width: 6.9rem; }
#ulike ul.xihuan > li { float: left; padding: 0.1rem 0.09rem; }

/*----没有更多了----*/
.nomorelist { line-height: .5rem; }
.nomorelist p { padding: .2rem 0 .2rem 0; font-size: .26rem; background: #fff; color: #999; line-height: .5rem; text-align: center; }
.nomorelist p.nomore:before { content: ""; display: inline-block; width: .8rem; height: .45rem; background: url(/uploads/image/tensimages/pic.png) no-repeat; background-position: 0 -8.7rem; background-size: 1rem auto; }

/*----更多潇湘精品页底部推荐区----*/
.moretj { background: #fff; padding: .3rem .2rem; /*height:4rem;*/ overflow: hidden; }
.moretj ul { display: block; }
.moretj ul li { display: block; float: left; padding: .1rem; width: 50%; box-sizing: border-box; }
.moretj ul li:last-child { width: 100%; }
.moretj ul li a { display: block; padding-left: .85rem; height: .9rem; border-radius: .1rem; font-size: .26rem; color: #666; letter-spacing: 0; line-height: .9rem; }
.moretj ul li a.morebox_end { background: #feb2bc url(/uploads/image/tensimages/pic.png) no-repeat .1rem -9.2rem; background-size: 1rem auto; }
.moretj ul li a.morebox_ancient { background: #ffc7ab url(/uploads/image/tensimages/pic.png) no-repeat .1rem -10.1rem; background-size: 1rem auto; }
.moretj ul li a.morebox_modern { background: #fcebb7 url(/uploads/image/tensimages/pic.png) no-repeat .1rem -11rem; background-size: 1rem auto; }
.moretj ul li a.morebox_fantasy { background: #c1f5e8 url(/uploads/image/tensimages/pic.png) no-repeat .1rem -11.9rem; background-size: 1rem auto; }
.moretj ul li a.morebox_boutique { background: #f6cfee url(/uploads/image/tensimages/pic.png) no-repeat .1rem -13.7rem; background-size: 1rem auto; }
.moretj ul li a.morebox { background: #d6f3ff url(/uploads/image/tensimages/pic.png) no-repeat .1rem -12.8rem; background-size: 1rem auto; }

/*魔幻标题*/
.magic_tit { font-size: 0.25rem; padding: .2rem; padding-bottom: .4rem; }
.firstwords { font-size: 0.5rem; color: #4fc2f1; }

/*小编说*/
.editsaycont { padding: 0.05rem 0.3rem; position: relative; }
.editsaycont .editarrow { position: absolute; width: 0; height: 0; left: .8rem; top: -.13rem; border-color: #fff #fff #ededed #fff; border-style: solid; border-width: .1rem; }
.editsay { color: #666; background: #ededed; padding: .2rem; border-radius: .1rem; margin-bottom: .2rem; }
.editsay1 { color: #666; line-height: .4rem; }
.editsay .say_words { color: #ff6000; }
.editsays_p { overflow: hidden; font-size: 14px; }
.editsay1 p { overflow: hidden; font-size: 14px; }
.authorreply { font-size: 14px; }
.editsay1 .editsays_p { height: 1.2rem; text-indent: 2em; }
.editsays_moredown { height: .2rem; margin-top: .1rem; background: url(/uploads/image/tensimages/pic.png) no-repeat right -59.2rem; background-size: 1rem auto; cursor: pointer; }
.editsays_moreup { background: url(/uploads/image/tensimages/pic.png) no-repeat right -16.1rem; background-size: 1rem auto; }

/*书籍详情*/
.monthly_payment { color: #999; background: url(/uploads/image/tensimages/pic.png) no-repeat left -19.75rem; background-size: 1rem auto; }
.monthly_red { background: url(/uploads/image/tensimages/pic.png) no-repeat left -20.15rem; background-size: 1rem auto; }
.monthly_onsale { background: url(/uploads/image/tensimages/pic.png) no-repeat left -33.58rem; background-size: 1rem auto; }
.monthly_onsalered { background: url(/uploads/image/tensimages/pic.png) no-repeat left -33.97rem; background-size: 1rem auto; }
.monthly_discount { background: url(/uploads/image/tensimages/pic.png) no-repeat left -34.35rem; background-size: 1rem auto; }
.monthly_free { background: url(/uploads/image/tensimages/pic.png) no-repeat left -34.71rem; background-size: 1rem auto; }
.bookdetails { background: #fff; padding-top: .2rem; display: block; }
.txtbox li .author span { display: inline-block; float: left; }
.txtbox li .author .rank { height: .38rem; width: .38rem; margin-left: .1rem; }
.txtbox li .author .gold { background: url(/uploads/image/tensimages/pic.png) no-repeat center -16.48rem; background-size: 1rem auto; }
.txtbox li .author .silver { background: url(/uploads/image/tensimages/pic.png) no-repeat center -16.97rem; background-size: 1rem auto; }
.txtbox li .author .copper { background: url(/uploads/image/tensimages/pic.png) no-repeat center -17.48rem; background-size: 1rem auto; }
.txtbox li .author .sign { color: #999; font-size: .25rem; }
.works_detail { float: left; font-size: .2rem; color: #999; }
.workdetlist { margin: .1rem 0 .1rem; /*font-size:14px;*/ font-size: .3rem; display: -webkit-box; -webkit-box-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: .4rem; line-height: .4rem; }
.workdetlist .update, .workdetlist .month, .workdetlist .special { margin-top: .15rem; /*font-size: 14px*/ font-size: .3rem; }
.workdetlist .free { margin-top: .15rem; font-size: 14px; color: #ff5353; }
.workdetlist .month a { color: #4fc2f1; }
.workdetlist .special a { color: #ff6000; }
.limited_free { float: left; font-size: .2rem; margin: .5rem 0 0 .1rem; }
.limfreediv { background: #ff5353; color: #fff; text-align: center; }
.surplustime { color: #ff5353; }
.openmonthly { margin-top: .1rem; color: #ff6000; }
.memberdis { margin-top: .1rem; color: #4fc2f1; }
.workdetlist .workdetright { padding: 0; width: 2.5rem; }
.surplustime .time { padding: 0; }
.workdetlist .workdepdlf { padding-left: .3rem; width: 1.5rem; }
.starteddiv { background: #fff; padding: .3rem 0; border: 1px solid #e5e5e5; font-size: .25rem; margin: .2rem 0; color: #666; position: static; z-index: 6; width: 100%; height: .55rem; border-left: none; border-right: none; }
.starteddiv span { margin-left: .3rem; padding: .1rem 0 0 .8rem; display: inline-block; width: 1.3rem; height: .4rem; }
.starteddiv .download { background: url(/uploads/image/tensimages/pic.png) no-repeat .3rem -20.55rem; background-size: 1rem auto; }
.starteddiv .gold { color: #999; background: url(/uploads/image/tensimages/pic.png) no-repeat .3rem -54.98rem; background-size: 1rem auto; }
.starteddiv .collection { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -21.07rem; background-size: 1rem auto; }
.starteddiv .hascollected { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -35.06rem; background-size: 1rem auto; color: #ff8934; }
.starteddiv .share { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -21.55rem; background-size: 1rem auto; }
.item_caption { width: 2rem; float: left; margin-top: .18rem; }
.item_label { font-size: .2rem; float: right; margin: .25rem .2rem 0 0; }
.item_label span { display: inline-block; margin: 0 .03rem; padding: 0 .1rem; border-radius: .1rem; border: 1px solid; }
.item_more { font-size: .25rem; float: right; margin-top: .18rem; padding-right: .25rem; color: #999; background: url(/uploads/image/tensimages/pic.png) no-repeat right -22.2rem; background-size: 1rem auto; margin-right: .2rem; }
.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; }
.item_notice { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; width: 5.5rem; }
.item_date { font-size: .24rem; }
.item_date span { float: right; font-size: 12px; }
.item_cheer { font-size: .3rem; float: right; color: #ff6000; margin-top: .18rem; margin-right: .3rem; }
.hasacquire { font-size: .25rem; margin: 5px -0.3rem 0; }
.hasacquire .gained { float: left; width: 33.33%; text-align: center; color: #666; line-height: .6rem; }
.hasacquire .gained .icon { width: 36px; height: 36px; margin: 0 auto; line-height: 36px; border-radius: 50%; color: #fff; font-size: 18px; text-align: center; }
.hasacquire .fans .icon { background: #ff8834; }
.hasacquire .monthly .icon { background: #e993cc; }
.hasacquire .cheer .icon { background: #fb797d; }

/* .hasacquire .fans{ color: #f3a16b;background:url(/uploads/image/tensimages/pic.png) no-repeat center -22.5rem;background-size:1rem auto;}
.hasacquire .monthly{ color: #d291bd;background:url(/uploads/image/tensimages/pic.png) no-repeat center -24.1rem;background-size:1rem auto;} */
.hasacquire .flowers { color: #d290bd; background: url(/uploads/image/tensimages/pic.png) no-repeat center -25.65rem; background-size: 1rem auto; }
.hasacquire .diamond { color: #a48fc2; background: url(/uploads/image/tensimages/pic.png) no-repeat center -27.24rem; background-size: 1rem auto; }
.hasacquire .xxcoins { color: #ed7a72; background: url(/uploads/image/tensimages/pic.png) no-repeat center -28.9rem; background-size: 1rem auto; }

/* .hasacquire .cheer{color: #ed7a72;background:url(/uploads/image/tensimages/pic.png) no-repeat center -56.15rem;background-size:1rem auto;} */
.hasacquire .gained .gain_num { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.commentdiv { color: #666; }
.reviewdiv { background: #fff; margin-top: 8px; }
.commentlist { font-size: .25rem; padding: .2rem 0; border-bottom: 1px solid #e5e5e5; position: relative; }
.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; }
.commentlist .username span { display: inline-block; float: left; }
.commentlist .username .rank { color: #ff6000; }
.commentlist .username .name { color: #4fc2f1; margin: 0 .1rem; }
.commentlist .username .name_red { color: #f47983; }
.commentlist .username .usertype { width: .3rem; height: .35rem; margin-left: .1rem; }
.commentlist .username .user_monthly { background: url(/uploads/image/tensimages/pic.png) no-repeat left -30.96rem; background-size: 1rem auto; }
.commentlist .username .user_comment { background: url(/uploads/image/tensimages/pic.png) no-repeat left -31.39rem; background-size: 1rem auto; }
.commentlist .username .user_genuine { background: url(/uploads/image/tensimages/pic.png) no-repeat left -31.82rem; background-size: 1rem auto; }
.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(/uploads/image/tensimages/level0.png); }
.commentlist .username .rank_new1 { background-image: url(/uploads/image/tensimages/level1.png); }
.commentlist .username .rank_new2 { background-image: url(/uploads/image/tensimages/level2.png); }
.commentlist .username .rank_new3 { background-image: url(/uploads/image/tensimages/level3.png); }
.commentlist .username .rank_new4 { background-image: url(/uploads/image/tensimages/level4.png); }
.commentlist .username .rank_new5 { background-image: url(/uploads/image/tensimages/level5.png); }
.commentlist .username .rank_new6 { background-image: url(/uploads/image/tensimages/level6.png); }
.commentlist .username .rank_new7 { background-image: url(/uploads/image/tensimages/level7.png); }
.commentlist .username .rank_new8 { width: 0.85rem; background-image: url(/uploads/image/tensimages/level8.png); background-size: 0.85rem auto; }
.commentlist .username .rank_new9 { width: 0.78rem; background-image: url(/uploads/image/tensimages/level9.png); background-size: 0.78rem auto; background-position-y: 0.01rem; }
.commentlist .username .rank_new10 { width: 0.82rem; background-image: url(/uploads/image/tensimages/level10.png); background-size: 0.82rem auto; }
.commentlist .commentcont { margin-top: .1rem; line-height: .4rem; overflow: hidden; word-wrap: break-word; word-break: break-all; }
.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{ display: inline-block; 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 .actived{background:url(/uploads/image/tensimages/pic.png) no-repeat left -33.16rem; background-size:1rem auto; }*/
.commentlist .authorreply { color: #4fc2f1; margin-top: .2rem; word-wrap: break-word; word-break: break-all; }
.checkall { font-size: .25rem; text-align: center; height: 1rem; line-height: 1.15rem; }
.work_txt { padding: 0 0 .05rem 0; }
.work_txt .txtbox .book_info { /*font-size:12px;*/ font-size: .25rem; color: #999; line-height: 0.4rem; overflow: hidden; margin-top: .2rem; }
.work_txt .txtbox .book_info .book_infowords { font-size: 12px; height: .75rem; overflow: hidden; }
.work_txt .txtbox .book_infosmall { height: 1rem; }
.work_txt .pic_txt { display: -webkit-box; -webkit-box-align: center; padding: 0.05rem 0.3rem; height: 2rem; overflow: hidden; }
.work_txt .pic_txt .picbox { width: 1.65rem; margin-top: .12rem; }
.work_txt .pic_txt .picbox img { width: 1.35rem; height: 1.8rem; border: 1px solid #ccc; }

/*加油记录页*/
.cheerterm { line-height: .4rem; margin: .2rem; text-indent: 2em; font-size: .25rem; color: #999; }
.fansnumdivs { font-size: .28rem; padding: .2rem; color: #999; }
.fansnumdivs .fansnums { color: #333; font-size: .4rem; }
.fansnumdivs .graderank { color: #333; }
.cheerrecord { position: static; margin-top: .2rem; margin-bottom: -.02rem; padding-left: .2rem; }
.cheerrecord span { height: .6rem; line-height: .6rem; }
.fanslevel { font-size: .2rem; color: #ccc; }
.fanslevel a { color: #4fc2f1; }

/*目录书签评论*/
.catalogmark { font-size: .3rem; padding: 0 .2rem; background: #fff; }
.cataloglist { height: 1rem; line-height: 1rem; border-bottom: 1px solid #e5e5e5; }
.cataloglist .catalog { float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 6rem; }
.cataloglist .free { float: right; color: #ff6000; font-size: .25rem; }
.bookmarklist { padding: .2rem 0; border-bottom: 1px solid #e5e5e5; }
.bookmarklist .markcontent { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; }

/*订阅下载*/
.subchapter { font-size: .35rem; }
.subchapter .subscribe { padding: .25rem; background: #fff; }
.batchsubscribe { margin-bottom: 2.9rem; }
.subchapter .subscribe .subtitle { text-align: center; height: .8rem; line-height: .8rem; }
.subchapter .subscribe .batchsubtitle { text-align: center; }
.subchapter .subscribe .chapcontent { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; }
.subchapter .subscribe .subprice { color: #999; font-size: .3rem; margin-top: .1rem; }
.subchapter .subscribe .subprice span { color: #666; font-size: .35rem; margin: 0 .08rem 0 0; }
.subchapter .subscribe .subprice .yue { color: #32cd32; }
.subchapter .subscribe .subprice .yueless { color: #ff0000; }
.subchapter .subscribe .subscribebtn { margin-top: .3rem; padding-top: .3rem; border-top: 1px solid #e5e5e5; }
.subchapter .subscribe .autorder { font-size: .3rem; display: block; }
.subchapter .subscribe .autorder span { font-size: .26rem; color: #999; display: block; }
.subchapter .subscribe .autorder input { width: .36rem; height: .36rem; float: left; margin: .02rem 5px .3rem 0; }
.subchapter .subscribe .tips { font-size: .3rem; text-align: center; color: #ff8834; line-height: 1.5; margin: .2rem 0; }
.insufficient { color: #ff6000 !important; }
.subchapter .subscribe .subsconfirm { color: #4fc2f1; font-size: .3rem; }
.pricebtn { text-align: center; height: .9rem; line-height: .9rem; border-radius: .1rem; margin-top: .3rem; font-size: .3rem; }
.pricebtn .pricedetail { font-size: .25rem; color: #999; }
.subchapter .subscfooter { background: #efefef; padding: .25rem; /*height: 5.7rem;*/ color: #999; font-size: .3rem; }
.subchapter .batchsubscfooter { background: #f4f4f4; padding: .25rem; width: 93%; height: 2.5rem; color: #999; font-size: .3rem; position: fixed; z-index: 99; bottom: 0px; }
.subchapter .batchsubscfooter .allsubscribe { height: .5rem; line-height: .5rem; color: #239ed0; }
.subchapter .subscfooter .footertitle { color: #666; font-size: .3rem; padding-left: .5rem; height: .8rem; line-height: .8rem; }
.subchapter .subscfooter .tipswarm { margin: .1rem 0; }
.subchapter .subscfooter .tipswarm span { font-size: .35rem; color: #666; }

/*章节订阅*/
.writingdiv { }
.allselect { height: 1rem; line-height: 1rem; }
.worksselect { background: url(/uploads/image/tensimages/pic.png) no-repeat right -50.42rem; background-size: 1rem auto; height: 1rem; width: 1.3rem; font-size: .3rem; float: right !important; }
.writingdiv .selected { background: url(/uploads/image/tensimages/pic.png) no-repeat right -51.18rem; background-size: 1rem auto; }
.writingdiv .allselected { color: #333; }
.writingdiv .allselected .worksselect { background: url(/uploads/image/tensimages/pic.png) no-repeat right -51.18rem; background-size: 1rem auto; }
.allselectlist { height: 1rem; line-height: 1rem; font-size: .3rem; color: #999; }
.allselectlist span { display: inline-block; float: left; }
.allselectlist .arrowup { width: .5rem; height: 1rem; background: url(/uploads/image/tensimages/pic.png) no-repeat left -51.95rem; background-size: 1rem auto; }
.allselectlist .arrowdown { width: .5rem; height: 1rem; background: url(/uploads/image/tensimages/pic.png) no-repeat left -52.56rem; background-size: 1rem auto; }
.allselectlist .chaptertitle { width: 3.8rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.selectseclevel { display: none; }
.selectseclevel .allselectlist { padding-left: .8rem; }
.allselectlist .price { color: #ff6000; display: inline-block; float: right; font-size: .25rem; padding-right: .2rem; }
.allselectlist .pricegray { color: #999; }
.allselectlist .worksselect { width: .62rem; }

/*android*/
.item_tab { font-size: .35rem; position: fixed; z-index: 10; background: #fff; width: 100%; height: 1rem; border: 1px solid #e5e5e5; line-height: 1rem; box-shadow: 0 0 8px #999; top: 0; }
.item_tab span { display: inline-block; float: left; text-align: center; }
.item_tab .actived { color: #4fc2f1; }
.item_tab2 { font-size: .35rem; position: fixed; z-index: 10; background: #fff; width: 100%; min-height: 1rem; border: 1px solid #e5e5e5; line-height: 1rem; box-shadow: 0 0 8px #999; top: 0; }
.item_tab2 span { display: inline-block; float: left; width: 49%; text-align: center; background: url(/uploads/image/tensimages/pic.png) no-repeat right -41.35rem; background-size: 1rem auto; }
.item_tab2 .allclassify { width: 70%; }
.item_tab2 .otherclassify { width: 30%; }
.item_tab2 .actived { color: #4fc2f1; background: url(/uploads/image/tensimages/pic.png) no-repeat right -42.3rem; background-size: 1rem auto; }
.classifytype { }
.classifydetail { padding: 0 .15rem; font-size: .3rem; display: none; }
.classifydetail span { background: none; width: 24%; color: #4fc2f1; }
.classifydetail .selected { color: #1d8dbc; }
.classifyhot .selected { color: #1d8dbc; }
.classifyhot { position: fixed; width: 2rem; background: #fff; z-index: 12; right: 0; box-shadow: 0 0 3px #999; top: 1.03rem; text-align: center; font-size: .3rem; color: #4fc2f1; padding: 0 .15rem; display: none; }
.classifyhot .hotstyle { height: .8rem; line-height: .8rem; }
.android .item_title { background: none; }
.android .item_title .item_cheer a { color: #4fc2f1; margin: 0 .1rem; }
.android .item_title .item_cheer .actived { background: #d2f2ff; padding: .03rem .1rem; border-radius: .1rem; }
.android .item_tab3 { position: fixed; background: #fff; font-size: .3rem; width: 100%; z-index: 8; top: 0; height: .8rem; line-height: .8rem; }
.android .item_tab3 span { width: 33.3%; text-align: center; display: inline-block; float: left; }
.android .item_tab3 span.actived { color: #ff6000; border-bottom: 1px solid #ff6000; }
.android .starteddiv { background: #fff; padding: .3rem 0; border: 1px solid #e5e5e5; font-size: .25rem; margin: .2rem 0; color: #999; position: static; z-index: 6; width: 100%; height: .55rem; }
.android .starteddiv span { padding: .1rem .1rem .1rem .8rem; display: inline-block; width: 1.5rem; float: left; }
.android .starteddiv .download { background: url(/uploads/image/tensimages/pic.png) no-repeat .3rem -20.55rem; background-size: 1rem auto; }
.android .starteddiv .collection { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -21.08rem; background-size: 1rem auto; }
.android .starteddiv .hascollected { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -35.06rem; background-size: 1rem auto; color: #ff8934; }
.android .starteddiv .share { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -21.55rem; background-size: 1rem auto; }
.android .starteddiv .comment { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -43.9rem; background-size: 1rem auto; }
.android .starteddiv .praise { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -44.88rem; background-size: 1rem auto; }
.android .starteddiv .actived { color: #f5918c; background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -45.76rem; background-size: 1rem auto; }
.android .starteddiv .amountnum { padding: 0; width: .7rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.android .starteddiv .praisewords { padding: 0; width: .8rem; }
.android .starteddiv .commentwords { padding: 0; width: .6rem; }
.android .starteddiv .sharewords { padding: 0; width: .6rem; }

/*包月首页*/
ul.item_list > li > span.sortnum { display: block; margin-right: 0.2rem; width: 0.35rem; text-align: center; font-size: 0.2rem; color: #666; line-height: 0.35rem; background: #ff4436; color: #fff; }
.m .item_tab { font-size: .35rem; position: fixed; z-index: 10; background: #fff; width: 100%; height: .9rem; border: 1px solid #e5e5e5; line-height: .9rem; top: 0; }
.m .item_tab span { display: inline-block; float: left; text-align: center; width: 49%; }
.m .item_tab .actived { color: #4fc2f1; border-bottom: .07rem solid #4fc2f1; height: .85rem; }
.nullcomment { /*height: 9.05rem;*/ text-align: center; }
.nullcomment .sofaimg { background: url(/uploads/image/tensimages/sofa.png) no-repeat center center; background-size: 1.5rem auto; height: 1.5rem; margin-top: 2rem; }
.nullcomment .sofawords { font-size: .3rem; margin-bottom: 2rem; }
.nullcomment .sofawords .sofatitle1 { color: #666; }
.nullcomment .sofawords .sofatitle2 { font-size: .28rem; margin-top: .1rem; color: #999; }

/*搜索*/
.searesult { height: .8rem; line-height: .8rem; font-size: .25rem; padding: 0 .2rem; color: #666; }
.searesult .resultnum { float: left; }
.searesult .resultright { float: right; color: #4fc2f1; }
.searesult .resultright span { position: relative; padding: .05rem .2rem; }
.searesult .resultright .actived { background: #d2f2ff; border-radius: .1rem; }
.searesult .resultright .seararclasstran { -webkit-transform: translate(0px, -10px) scale(0); transform: translate(0px, -10px) scale(0); }
.searesult .resultright .seararsorttran { -webkit-transform: translate(0px, -10px) scale(0); transform: translate(0px, -10px) scale(0); }
.searesult .resultright .seararrow { position: absolute; width: 100%; z-index: 10; height: .3rem; left: 0; top: .4rem; background: url(/uploads/image/tensimages/pic.png) no-repeat center -53.95rem; background-size: 1rem auto; opacity: 0; transition: all .1s linear; -webkit-transition: all .1s linear; }
.searesult .resultright .seararrowshow { opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); }
.searchheaderdiv { background: #4fc2f1; padding: .2rem 0 .2rem .25rem; }
.searchbox { height: .6rem; box-sizing: border-box; }
.searchbox .searchboxdiv { height: .6rem; float: left; width: 5.8rem; background-color: #fff; border-radius: 1rem; }
.searchbox .searchboxdiv .searchleft { float: left; width: .8rem; height: .6rem; background: url(/uploads/image/tensimages/pic.png) no-repeat .15rem -58.28rem #fff; background-size: 1rem auto; border-radius: 1rem 0 0 1rem; }
.searchbox .searchboxdiv input { float: left; height: .6rem; border: none; line-height: .6rem; width: 4.2rem; font-size: .25rem; border-radius: 0; }
.searchbox .searchboxdiv .searchright { float: left; width: .8rem; height: .6rem; background: #fff; border-radius: 0 1rem 1rem 0; }
.searchbox .searchboxdiv .showbtn { background: url(/uploads/image/tensimages/pic.png) no-repeat .15rem -57.7rem #fff; background-size: 1rem auto; }
.searchbox .cancelbtn { float: left; font-size: .3rem; width: 1rem; text-align: center; height: .6rem; line-height: .6rem; color: #fff; margin-left: .2rem; }

/*搜索分类*/
.filterclasstran { -webkit-transform: translate(130px, -170px) scale(0); transform: translate(130px, -170px) scale(0); }
.newfilterclasstran { -webkit-transform: translate(130px, -170px) scale(0); transform: translate(130px, -100px) scale(0); }
.filtersorttran { -webkit-transform: translate(180px, -80px) scale(0); transform: translate(180px, -80px) scale(0); }
.filtersort { position: absolute; background: #ecf9ff; z-index: 10; font-size: .25rem; padding: 0 .2rem; color: #666; box-shadow: 0 0 8px #999; opacity: 0; transition: all .2s linear; -webkit-transition: all .2s linear; }
.filtersortshow { opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); }
.filtersort .filtersortlist { line-height: .8rem; border-bottom: 1px solid #e5e5e5; }
.filtersort .filtersortlist span { padding: 0 .2rem; }
.filtersort .filtersortlist .sortlistleft { float: left; }
.filtersort .filtersortlist .sortlistright { float: left; margin-left: .1rem; width: 5.95rem; }
.filtersort .filtersortlist .sortlistright span { float: left; }
.filtersort .filtersortlist .selected { color: #4fc2f1; }

/*m版*/
.m-classifybox { top: 2.85rem; }
.m-rank { width: .35rem; height: .35rem; text-align: center; line-height: .35rem; color: #fff; background: #ff4436; font-size: .15rem; }
.diamnum { color: #999; padding-right: .3rem; background: url(/uploads/image/tensimages/pic.png) no-repeat right -54.4rem; background-size: 1rem auto; }
.m-itemtab { height: .8rem; line-height: .8rem; border-bottom: 1px solid #e5e5e5; color: #666; }
.m-itemtab span { width: 25%; font-size: .3rem; display: inline-block; float: left; text-align: center; }
.m-itemtab .actived { color: #44b0dd; border-bottom: 2px solid #44b0dd; height: .78rem; }
.m-itemrank { font-size: .29rem; background: #fcfcfc; color: #666; padding: .2rem 0; display: inline-block; }
.m-itemrank span { font-size: .29rem; display: inline-block; float: left; text-align: center; width: 25%; height: .5rem; line-height: .5rem; }
.m-itemrank .actived { background: #4fc2f1; color: #fff; border-radius: .25rem; }
.starteddiv span.mstartbtn { line-height: .42rem; width: 1.1rem; color: #fff; padding: .11rem; padding-left: .7rem; border-radius: 6px; background: url(/uploads/image/tensimages/mpic.png) no-repeat left -6.99rem #ff8834; background-size: 1rem auto; }
.startaction { padding: 5px 0 15px; border-bottom: 1px solid #e5e5e5; }
.startaction .starbtn { float: left; width: 31%; text-align: center; margin-left: .085rem; border-radius: 5px; font-size: 16px; -webkit-border-radius: 5px; height: 36px; line-height: 36px; color: #ff8834; border: 1px solid #ff8834; }
.startaction .start_read { float: left; color: #fff; background: #ff8834; }
.startaction .hascollected { color: #c4c4c4; border-color: #ddd; }

/*包月首页*/
ul.item_list > li > span.sortnum { display: block; margin-right: 0.2rem; width: 0.34rem; text-align: center; font-size: 0.2rem; color: #666; line-height: 0.35rem; background: #ff4436; color: #fff; }
ul.item_list > li > span.sortgray { background: #ccc; }
.acthematic { display: inline-block; white-space: nowrap; width: 3.5rem; height: 1rem; border-radius: .2rem; font-size: .26rem; background: #ecf9fd; line-height: 1rem; color: #666; }
.acthematic span { float: left; }
.item_box > ul.zhuanqu > li > a > div.acthematic img { width: .5rem; height: .52rem; margin: .22rem .1rem 0 .2rem; border-radius: 0; background: none; vertical-align: top; }
.acthem_bgcol1 { background: #fcebb7; }
.acthem_bgcol2 { background: #c1f5e8; }
.sp_power { height: 1.5rem; margin-bottom: .3rem; }
.sp_power li { float: left; width: 20%; margin: .15rem; height: 1.3rem; text-align: center; font-size: .28rem; color: #666; }
.sp_power li .power { height: 1rem; margin-bottom: .1rem; }
.power01 { background: url(/uploads/image/tensimages/mpic.png) no-repeat center top; background-size: 1rem auto; }
.power02 { background: url(/uploads/image/tensimages/mpic.png) no-repeat center -2rem; background-size: 1rem auto; }
.power03 { background: url(/uploads/image/tensimages/mpic.png) no-repeat center -4rem; background-size: 1rem auto; }
.power04 { background: url(/uploads/image/tensimages/mpic.png) no-repeat center -6rem; background-size: 1rem auto; }

/*m版包月说明*/
.sp_explain { background: #fff; }
.sp_explain .sp_explainlist { height: 1rem; padding: .4rem .3rem; font-size: .25rem; }
.sp_explain .sp_explainlist .listicon { float: left; width: 1rem; height: 1rem; }
.sp_explain .sp_explainlist .listcontent { float: left; width: 5.5rem; margin-left: .2rem; }
.sp_explain .sp_explainlist .listcontent .listtitle { font-size: .32rem; color: #666; }
.sp_explain .sp_explainlist .listcontent .listtitcon { color: #999; margin-top: .05rem; font-size: .2rem; }
.sp_explain .listgraybg { background: #f5f5f5; }
.monthlylink { font-size: .3rem; }
.monthlylink a { float: right; color: #ff6000; margin: .2rem .1rem; }

/*m版章节订阅*/
.subchapter .subscribe .automatic { color: #666; font-size: .3rem; margin-top: .2rem; padding-top: .2rem; }
.subchapter .subscribe .automatic .autosubscribe { padding-left: .6rem; }
.subchapter .subscribe .automatic .noselected { background: url(/uploads/image/tensimages/m_pic.png) no-repeat left -7.9rem; background-size: 1rem auto; }
.subchapter .subscribe .automatic .selected { background: url(/uploads/image/tensimages/m_pic.png) no-repeat left -8.8rem; background-size: 1rem auto; }
.subchapter .subscribe .automatic .autosubscribe .remarks { font-size: .28rem; color: #999; }

/*m版更多*/
.item_moretitle { width: .6rem; height: .28rem; float: left; line-height: .8rem; color: #999; font-size: 0.28rem; display: inline-block; }
.item_morebg { margin-top: .285rem; display: inline-block; width: .16rem; height: .16rem; float: left; border: #4fc2f1 solid; border-width: .05rem .05rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.item_spantitle { display: inline-block; float: right; margin-right: .3rem; }
.noborder { border-top: none !important; }
.newest_chapter { font-size: .22rem; margin: 0 0.3rem; padding: .3rem 0; border-top: 1px solid #e5e5e5; }
.newest_chapter .more { float: right; color: #ff6000; font-size: .3rem; }
.newest_chapter .newest { display: block; color: #666; }

/*礼券*/
.overwrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 888; background: rgba(0, 0, 0, .6); }
.giftbox { display: none; background: #fff; padding: .5rem .4rem; line-height: 1.5; font-size: .3rem; color: #333; width: 90%; text-align: center; z-index: 999; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .75); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .75); border-radius: 6px; -webkit-border-radius: 6px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.giftbox h2 { font-size: .5rem; margin: 0 0 .4rem; }
.giftbox h2 span { color: #ff0000; }
.giftbox .surebtn { width: 50%; line-height: .8rem; margin: 0.3rem auto; border-radius: 6px; -webkit-border-radius: 6px; }
.giftbox .checkmine { float: right; color: #039fde; text-decoration: underline; }
.earngift { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999; }
.earngift .closebtn { position: fixed; right: .4rem; top: .4rem; display: block; width: .8rem; height: .8rem; background: url(/uploads/image/tensimages/giftclose.png) no-repeat 0 0; background-size: 100% 100%; }
.earngift .giftbanner { display: block; width: 100%; }
.giftinfo { margin: 0 .2rem .2rem 1.1rem; color: #fff; }
.giftinfo dd { -webkit-border-radius: 6px; border-radius: 6px; margin: .25rem 0 0; padding: .1rem .1rem .1rem 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
.giftinfo dd p { font-size: .26rem; line-height: 0.38rem; }
.giftinfo dd h3 { font-size: .32rem; font-weight: normal; line-height: .4rem; color: #ffcf09; }
.giftinfo dd .num { float: left; width: 1.5rem; height: 1.5rem; line-height: 1.45rem; text-align: center; margin: -.18rem 0.1rem 0 -0.9rem; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 50%; -webkit-border-radius: 50%; font-size: 1.3rem; font-style: oblique; }
.giftinfo .info1 { background: #482d3f; border: 2px solid #e5589b; }
.giftinfo .info1 .num { background: #e5589b; }
.giftinfo .info2 { background: #352d48; border: 2px solid #c258e5; }
.giftinfo .info2 .num { background: #bc58e5; }
.giftinfo dt { text-align: right; }
.giftinfo dt .more { display: block; }
.giftinfo dt .more img { display: block; width: 60%; margin: .20rem auto 0; }
.giftinfo dt .login { font-size: .4rem; display: block; margin: .2rem 0 .4rem; color: #fff; }

/*书评区*/
.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(/uploads/image/tensimages/shuping.png) no-repeat 0 -1.92rem; background-size: .44rem auto; padding-left: .4rem; }
.work_txt .left_reply { font-size: .29rem; text-align: center; display: block; line-height: .8rem; }
.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; }
.commentlist .timepraise .praisecomment span { background: url(/uploads/image/tensimages/shuping.png) no-repeat 0 0; background-size: .37rem auto; float: left; margin-left: .2rem; padding-left: .4rem; width: .9rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.commentlist .timepraise .praisecomment #zancount { background-position: 0 .05rem; }
.commentlist .timepraise .praisecomment #replycount { background-position: 0 -1.04rem; }
.commentlist .timepraise .praisecomment .actived { background-position: 0 -.52rem !important; color: #f9827c; }
.reply_building dt { height: 15px; }

/*下载客户端*/
.contdiv { position: fixed; height: 50px; width: 100%; bottom: 0; z-index: 10; }
.contdiv .clientfliter { background: #000; opacity: .8; position: absolute; height: 50px; width: 100%; z-index: 10; }
.contdiv .clientcont { position: absolute; height: 30px; width: 94%; z-index: 11; color: #fff; font-size: 12px; padding: 6px 3%; }
.contdiv .clientcont .clientleft { float: left; }
.contdiv .clientcont .clientleft .clientimg { float: left; height: 40px; width: 40px; background: #fff; text-align: center; border-radius: 5px; }
.contdiv .clientcont .clientleft .clientimg img { height: 35px; margin-top: 3px; }
.contdiv .clientcont .clientleft .clientwords { float: left; margin: 3px 0 0 10px; }
.contdiv .clientcont .clientleft .clientwords .clienttitle { font-size: 14px; }
.contdiv .clientcont .clientright { float: right; height: 30px; width: 38%; }
.contdiv .clientcont .clientright .clientbtn { float: left; margin: 6px 5px 0 0; width: 75px; }
.contdiv .clientcont .clientright .clientbtn input { width: 75px; height: 28px; font-size: 12px; color: #fff; background: #00aeef; border: none; border-radius: 20px; }
.contdiv .clientcont .clientright .clientclosed { float: right; color: #fff; font-size: 24px; }
.contdiv .clientcont .clientright .bclose { width: 30px; height: 40px; float: right; }
b { display: inline-block; margin-top: 19px; width: 25px; height: 2px; background: #f5f5f5; font-size: 0; line-height: 0; vertical-align: middle; -webkit-transform: rotate(45deg); }
b:after { content: '.'; display: block; width: 25px; height: 2px; background: #f5f5f5; -webkit-transform: rotate(-90deg); }
.downloadapp { display: block; width: 100%; height: 50px; position: fixed; z-index: 100; bottom: 0px; background: rgba(0, 0, 0, 0.8); }
.searchkeyword { font-style: normal; color: #ff6000; }

/*下载引导*/
.downguide { }
.downguide .clientbg1 { width: 100%; background: url(/uploads/image/tensimages/client_bg1.png) no-repeat; background-size: 7.5rem auto; height: 5.65rem; }
.downguide .clientbtndiv { background: #fff; text-align: center; padding-bottom: .6rem; }
.downguide .clientbtndiv input { width: 5.5rem; height: 1rem; font-size: .4rem; border: none; border-radius: 20px; color: #fff; }
.downguide .clientbtndiv .btn_android input { background: #00aeef; }
.downguide .clientbtndiv .btn_iphone input { background: #e980b3; }
.downguide .clientbg2 { background: #fff; font-size: .3rem; padding: 0 1.2rem; padding-bottom: .5rem; }
.downguide .clientbg2 .clientwords { font-size: .3rem; color: #666; margin-bottom: .5rem; }
.downguide .clientbg2 .clientwords .clienttitle { font-size: .45rem; color: #333; margin-bottom: .2rem; }

/*m目录公告*/
.listnotice { font-size: .3rem; background: #fff; }
.listnotice .chaptertit { height: 1rem; line-height: 1rem; padding: 0 .3rem; border-bottom: 2px solid #e4e4e4; }
.listnotice .chaptertit .chapterleft { float: left; }
.listnotice .chaptertit .chapterright { float: right; color: #00aeef; }
.listnotice .chapterlist { height: 1rem; line-height: 1rem; padding: 0 .3rem; border-bottom: 1px solid #e4e4e4; }
.listnotice .chapterlist span { display: inline-block; }
.listnotice .chapterlist .listleft { float: left; width: 5rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.listnotice .chapterlist .listright { float: right; font-size: .28rem; color: #999; }
.listnotice .chapterlist .free { color: #ff8834; }
.listnotice .chapterlist .continue { color: #ff0000; }
.listnotice .actived { color: #00aeef; background: #f7fdff; border-left: .12rem solid #00aeef; padding-left: .18rem; }

/*m阅读尾页*/
.m_item_box { }
.m_item_box .newchapter { font-size: .3rem; text-align: center; color: #333; margin: .2rem 0; }
.m_item_box .notice { font-size: .25rem; margin-top: .35rem; }
.m_item_box .notice span { display: inline-block; }
.m_item_box .notice .time { float: right; color: #ccc; }
.m_item_box .notice .noticearea { color: #f60; float: left; text-decoration: underline; }
.m_item_box .notice .noticetitle { float: left; width: 4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: .2rem; text-align: left; }
.interaction { padding: .2rem; text-align: center; font-size: .3rem; color: #666; background: #fff; margin-bottom: 0.15rem; border-bottom: 1px solid #e5e5e5; }
.interaction .intertitle { font-size: .35rem; margin: .2rem 0 .5rem 0; }
.interaction .ractiondiv { margin-top: .2rem; }
.interaction .raction { width: 33%; text-align: center; float: left; }
.interaction .raction .ractionitem { height: 1rem; }
.interaction .ractcomment { color: #73d1f7; }
.interaction .ractcomment .ractionitem { background: url(/uploads/image/tensimages/pic2.png) no-repeat center .07rem; background-size: .8rem auto; }
.interaction .ractcheered { color: #ed7a72; }
.interaction .ractcheered .ractionitem { background: url(/uploads/image/tensimages/pic2.png) no-repeat center -1.29rem; background-size: .8rem auto; }
.interaction .ractnotice { color: #ffcc00; }
.interaction .ractnotice .ractionitem { background: url(/uploads/image/tensimages/pic2.png) no-repeat center -2.6rem; background-size: .8rem auto; }
.interaction .clientdown { color: #e79e10; }
.interaction .clientdown .ractionitem { background: url(/uploads/image/tensimages/pic2.png) no-repeat center -3.90rem; background-size: .8rem auto; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.searchbox .searchboxdiv input { font: .25rem "lucida sans unicode", "lucida grande", "arial", sans-serif; }
}
@media all and (max-width:401px) {
	.limited_free { margin: .6rem 0 0 .1rem; }
	.item_caption { width: 1.15rem; }
	.classifyhot { top: 1.04rem; }
	.android .starteddiv .amountnum { padding: 0; width: .6rem; }
	.searesult .resultright .seararrow { background: url(/uploads/image/tensimages/pic.png) no-repeat center -54rem; background-size: 1rem auto; }
}
@media all and (max-width:350px) {

	/*.category{width:0.9rem;}*/
	.editsay .editsays_p { height: 1.1rem; overflow: hidden; }
	.android .starteddiv .praisewords { padding: 0; width: .88rem; }
	.searesult .resultright .seararrow { background: url(/uploads/image/tensimages/pic.png) no-repeat center -53.96rem; background-size: 1rem auto; }
	.editsays_p { font-size: 12px; }
	.editsay1 p { font-size: 12px; }
	.txtbox li p { font-size: 12px; }
	.authorreply { font-size: 12px; }
	.item_notice { font-size: 12px; }
	.author span { font-size: 12px; }
	.workdetlist span { font-size: 12px; }
	.workdetlist .update, .workdetlist .month, .workdetlist .special, .workdetlist .free { font-size: 12px; }
	.detailsbg .logindiv { font-size: .3rem; text-align: center; margin-top: 2.33rem; }
	.detailsbg .eventprizes .prizeslist { line-height: 132%; }
	.detailsbg { min-height: 13.53rem; }
	.detailsbg .ruleexplain { margin: 0 .22rem; margin-top: 2.5rem; }
	.starteddiv .collection { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -21.07rem; background-size: 1rem auto; }
	.starteddiv .hascollected { background: url(/uploads/image/tensimages/pic.png) no-repeat .35rem -35.06rem; background-size: 1rem auto; color: #ff8934; }
	.works_detail { font-size: 12px; }
	.workdetlist { font-size: 12px; }
	.starteddiv span.mstartbtn { width: 1.15rem; }
	.editsays_p, .works_detail, .workdetlist, .editsaycont, .item_date, .item_notice, .commentlist .authorreply { font-size: 12px; }
}

/*新搜索框*/
#index-box { display: block; width: 5rem; margin-left: .6rem; position: absolute; z-index: 15; }
.suggest-div { position: relative; top: 1px; left: -1px; z-index: 15; border: 1px solid #b4b4b4; border-top: 0; border-radius: 0 0 2px 2px; width: 5rem; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.sug { font-size: .25rem; line-height: 35px; border-bottom: 1px solid #f0f0f0; color: #555; text-align: left; word-break: break-all; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; text-indent: .15rem; }
#index-box2 { display: block; position: fixed; z-index: 15; width: 100%; height: 100%; margin: .2rem 0 0 -.25rem; overflow: hidden; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.suggest-div2 { padding: .2rem 0; }
.suggest-div2 .sug { line-height: .66rem; color: #5f5f5f; }
.suggest-div2 .sug .iconfont { margin: 0 .2rem; color: #a1a1a1; font-size: .32rem; vertical-align: middle; }
.suggest-div2 .sug em { font-style: normal; color: #ff0000; }
.suggest-div2 .sug .fubiao { color: #b9b9b9; font-size: .23rem; margin: 0 0 0 .2rem; }
.mohu { filter: blur(10px); -webkit-filter: blur(10px); }

/*详情页粉丝互动*/
.fansprice .fanspricediv { color: #ccc; float: left; width: 25%; text-align: center; }
.fansprice .fanspricediv span { color: #ff8834; }
.fansprice { margin-top: 10px; font-size: .28rem; color: #666; height: .5rem; line-height: .5rem; padding-bottom: .2rem; }

/*2016-9-6 加油页增加*/
.item_titlebg { height: .3rem; line-height: 100%; display: block; width: .08rem; margin-right: .2rem; background: #4fc2f1; border-radius: 0 3px 3px 0; }
.android_itemwords { height: .34rem; display: block; float: none; font-size: .34rem; font-weight: 500; color: #666; white-space: nowrap; -webkit-box-flex: 1; line-height: 100%; }
.android_itemtitle { display: -webkit-box; -webkit-box-align: center; padding: 0; height: auto; background: none; height: .82rem; }
.android_itemtitle .item_cheer { font-size: .3rem; float: none; color: #ff6000; margin: 0; margin-right: .3rem; }
.android_titmore .item_label { margin: 0; margin-right: .3rem; float: none; }
.item_title .android_titmore { height: .34rem; float: none; background: none; width: auto; font-size: .28rem; color: #999; line-height: 100%; }

/*2016-12-26 粉丝节活动*/
.downguide .drawnbg1 { width: 100%; height: 5.29rem; background: url(/uploads/image/tensimages/client_bg2.jpg) no-repeat left top #fff; background-size: 7.7rem auto; }
.downguide .drawnbg2 { width: 100%; height: 5.29rem; background: url(/uploads/image/tensimages/client_bg3.jpg) no-repeat left top #fff; background-size: 7.7rem auto; }
.horn { height: .75rem; line-height: .75rem; font-size: .28rem; color: #666; background: url(/uploads/image/tensimages/horn.png) no-repeat .3rem center #fff; background-size: .5rem auto; padding-left: 1rem; }
.horn span { color: #b9001f; }
.item_box .drawngift { height: 1rem; line-height: .75rem; font-size: .26rem; color: #fff; background: url(/uploads/image/tensimages/fansbg2.png) no-repeat #fff; background-size: 7.7rem auto; text-align: center; }
.winningpop { background: url(/uploads/image/tensimages/popbg2.png) no-repeat left top #fff; background-size: 6rem auto; position: fixed; width: 6rem; z-index: 10; left: 10%; top: 8%; padding-top: 1rem; font-size: .28rem; }
.winningpop .receipt { text-align: center; color: #4fc2f1; font-size: .25rem; }
.winningpop .prizebtn2 { height: .6rem; margin-bottom: .2rem; padding-left: 1rem; }
.winningpop .prizebtn2 input { height: .6rem; background: #ff8834; border: none; color: #fff; border-radius: 5px; font-size: .28rem; width: 40%; }
.winningpop .addreceipt { padding: .2rem; }
.winningpop .addreceipt .textlist { font-size: .26rem; color: #666; margin-top: .2rem; }
.winningpop .addreceipt .textlist span { display: block; }
.winningpop .addreceipt .textlist input { height: .5rem; line-height: .5rem; border-radius: 2px; border: 1px solid #ccc; width: 100%; font-size: .25rem; }
.winningpop .addreceipt .textlist textarea { border-radius: 2px; border: 1px solid #ccc; width: 96%; height: 1rem; padding: 2%; font-size: .25rem; }
.winningpop .addreceipt .textlist .textleft { width: 1.2rem; }
.winningpop .closed { position: absolute; width: .3rem; height: .3rem; background: #f2f2f0; right: .1rem; top: .1rem; z-index: 11; font-size: .35rem; text-align: center; line-height: .3rem; color: #666; }
.winningpop .tendrawsgot { text-align: center; margin-bottom: .2rem; }
.winningpop .tendrawsgot span { color: #ff8834; margin-left: .2rem; }
.winningpop .prizenamelist { text-align: center; color: #ff8834; height: .4rem; line-height: .4rem; }
.winningpop .fansnum { color: #666; text-align: center; }
.winningpop .reconsump { padding: 0 1rem; text-align: center; color: #666; margin: .2rem 0; }
.winningpop .reconsump span { color: #4fc2f1; }
.winningpop .prizebtn { text-align: center; margin: .2rem 0; padding: 0 .6rem; }
.winningpop .prizebtn input { width: 100%; height: .75rem; background: #ff8834; border: none; color: #fff; border-radius: 5px; font-size: .3rem; }
.winningpop .checkrecord { color: #999; background: #f2f2f0; font-size: .28rem; padding: .25rem; }
.winningpop .checkrecord a { color: #4fc2f1; }

/*书本区域滑动*/
.slide { height: 4rem; font-size: .3rem; width: 100%; position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.slide::-webkit-scrollbar { display: none; }
.slide ul { width: 21rem; position: relative; left: 0; top: 0; }
.slide li { float: left; width: 1.8rem; margin: 0 .15rem; }
.slide li .bookcover { width: 1.8rem; height: 2.5rem; border: 1px solid #e4e4e4; overflow: hidden; }
.slide li .bookcover img { width: 1.8rem; height: 2.5rem; }
.slide li .bookname { margin: .1rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.slide li .author { font-size: .25rem; color: #999; white-space: nowrap; text-overflow: ellipsis; width: 1.8rem; overflow: hidden; }

/*新人红包页*/
.firstlogin { background: #d9d9dc; padding: .15rem .35rem; font-size: .28rem; color: #ff0000; }
.firstlogin p { font-size: .28rem; }
.timelimit { background: #d9d9dc; color: #ff0000; font-size: .28rem; text-align: center; height: .8rem; line-height: .8rem; }
.newredpack { margin-bottom: 0 !important; }
.newredpack .android_itemwords { font-size: .25rem; color: #999; }
.redpacklist { height: 1rem; line-height: 1rem; background: #fff; font-size: .28rem; padding: 0 .3rem; border-bottom: 1px solid #e5e5e5; }
.redpacklist .redlistleft { float: left; }
.redpacklist .redlistleft span { color: #ff6000; }
.redpacklist .redlistright { float: right; }
.redpacklist .redlistright input { color: #fff; background: #ff8834; border: none; border-radius: 5px; width: 1.2rem; height: .5rem; }
.redpacklist .null input { background: #959595; }
.validity { color: #999; font-size: .28rem; margin: .5rem .3rem; }
.receivepack { position: absolute; width: 6.5rem; height: 4rem; background: #fff; z-index: 11; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 5px; text-align: center; font-size: .32rem; }
.receivepack .packtitle { font-size: .35rem; margin-top: .8rem; }
.receivepack .packtitle span { color: #ff0000; }
.receivepack .packitem { font-size: .3rem; margin-top: .2rem; }
.receivepack .packitem span { color: #ff0000; }
.receivepack .packbutton { margin-top: .35rem; }
.receivepack .packbutton input { color: #fff; background: #ff8834; border: none; border-radius: 5px; width: 4rem; height: .8rem; font-size: .3rem; }
.receivepack .closed { position: absolute; width: .5rem; height: .5rem; background: url(/uploads/image/tensimages/redpkclosed1.png) no-repeat; background-size: .5rem auto; z-index: 12; right: .15rem; top: .1rem; }
.redpackpop { position: absolute; width: 6.5rem; height: 7rem; left: .5rem; top: 2rem; border-radius: 10px; font-size: .32rem; background: #e73452; z-index: 999; text-align: center; }
.redpackpop .closed { position: absolute; width: .65rem; height: .65rem; background: url(/uploads/image/tensimages/redpkclosed2.png) no-repeat; background-size: .65rem auto; z-index: 12; right: -.2rem; top: -.25rem; }
.redpackpop .datetime { color: #ffff00; padding: .1rem 0; border: 1px solid #ee7186; border-left: none; border-right: none; margin: 0 1rem; margin-top: .8rem; }
.redpackpop .expcoins { height: 2.5rem; background: url(/uploads/image/tensimages/experience.png) no-repeat center center; background-size: 4.5rem auto; }
.redpackpop .popbtn { }
.redpackpop .popbtn input { width: 2.2rem; height: .65rem; background: url(/uploads/image/tensimages/popbtn.png) no-repeat center center; background-size: 2rem auto; border: none; color: #c91e02; }
.redpackpop .common { color: #fff; margin-top: .2rem; }
.redpackpop .common a { text-decoration: underline; }
.redpackpop .rights { font-size: .27rem; color: #fff; margin: 0 .75rem; margin-top: .75rem; }
.smredpacked { position: fixed; width: 1.45rem; height: 1.8rem; background: url(/uploads/image/tensimages/smredpacked.png) no-repeat; background-size: 1.45rem auto; z-index: 12; right: .5rem; bottom: 1.5rem; }

/*书架优化*/
.shelfbtn { font-size: .3rem; height: .8rem; line-height: .8rem; padding: 0 4%; position: relative; background: #fff; z-index: 11; }
.shelfbtn span { }
.shelfbtn .btnleft { float: left; color: #999; }
.shelfbtn .coltime { float: left; color: #00aeef; margin-left: .2rem; }
.shelfbtn .btnright { float: right; color: #00aeef; }
.shelfbookdiv { }
.shelfbookdiv .shelfbook { float: left; width: 1.8rem; margin: .2rem .35rem; position: relative; }
.shelfbookdiv .shelfbook .shelfbookpic { height: 2.4rem; border: 1px solid #ccc; overflow: hidden; }
.shelfbookdiv .shelfbook .shelfbookpic img { width: 1.76rem; height: 2.4rem; }
.shelfbookdiv .bookname { font-size: .28rem; height: .72rem; margin-top: .05rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.shelfbookdiv .shelfbook .over { position: absolute; background: url(/uploads/image/tensimages/shelf-png.png) no-repeat right top; background-size: .65rem auto; width: .65rem; height: .65rem; right: 0; top: 0; }
.shelfbookdiv .shelfbook .new { position: absolute; background: url(/uploads/image/tensimages/shelf-png.png) no-repeat .01rem -.75rem; background-size: .55rem auto; width: .5rem; height: .5rem; right: -.2rem; top: -.2rem; }
.shelfbookdiv .shelfbook .btn-delete { position: absolute; background: url(/uploads/image/tensimages/shelf-png.png) no-repeat .01rem -1.35rem; background-size: .5rem auto; width: .6rem; height: .6rem; left: -.16rem; top: -.16rem; display: none; }
.colldown { font-size: .28rem; position: fixed; width: 100%; z-index: 11; background: #fff; }
.colldown .drop-down { height: .7rem; line-height: .7rem; border-bottom: 1px solid #ccc; padding: 0 .35rem; }
.shelfbtnfixed { position: relative; width: 92%; height: .8rem; z-index: 11; background: #f6f7fb; border-bottom: 1px solid #ccc; top: 0; }
.colldown .selected { color: #00aeef; }
.shelftop1 { margin-top: .81rem; }
.clbookshelf { font-size: .3rem; background: #efefef; height: .8rem; line-height: .8rem; border-bottom: 1px solid #ccc; padding: 0 .35rem; }

/*无记录*/
.nullrecord { font-size: .3rem; background: url(/uploads/image/tensimages/monthlynull.png) no-repeat center center; background-size: 2rem auto; text-align: center; color: #999; padding-top: 2.5rem; margin-top: 1rem; }
.nullrecbtn { text-align: center; }
.nullrecbtn input { width: 5rem; height: .85rem; font-size: .32rem; color: #fff; background: #00aeef; border: none; border-radius: 8px; }

/*月票小喇叭*/
.monewrules { font-size: .26em; color: #f30; height: .6rem; line-height: .6rem; padding-left: .2rem; background: #f4fbfe; border-top: 1px solid #a2dff7; border-bottom: 1px solid #a2dff7; }

/*端午节横条*/
.drboatfest { color: #01a734; background: #f5f6e4; font-size: .26rem; height: .6rem; line-height: .6rem; border: 1px solid #cce198; border-left: none; border-right: none; text-align: center; }

/*m版分类优化*/
.m-classify { font-size: .3rem; height: .8rem; line-height: .8rem; position: fixed; top: 0; z-index: 10; background: #fff; width: 100%; border-bottom: 1px solid #dcdcdc; }
.m-classify span { width: 19%; display: inline-block; text-align: center; }
.m-classify span.actived { border-bottom: 2px solid #00aeef; color: #00aeef; height: .78rem; }
.m-classified { height: 35px; line-height: 35px; position: fixed; top: 81px; width: 100%; background: #fcfcfc; z-index: 10; border-bottom: 1px solid #dfdfdf; }
.m-classified .classify { font-size: .28rem; width: 33.3%; text-align: center; float: left; color: #666; }
.m-classified .actived { color: #ff8734; }
.m-classifydiv { font-size: .28rem; width: 100%; background: #fff; position: fixed; top: 116px; z-index: 10; border-bottom: 1px solid #dedede; display: none; }
.m-classifydiv .classifylist { padding: 0 .2rem; line-height: .45rem; margin: .3rem 0; }
.m-classifydiv .classifylist .classifyleft { float: left; text-align: left; color: #999; padding: 0 .2rem; max-width: 1.2rem; }
.m-classifydiv .classifylist .classifyright { float: left; }
.m-classifydiv .classifylist .classifyright span { display: inline-block; float: left; background: #f2f2f2; border: 1px solid #ededef; border-radius: 30px; margin: 0 .05rem; padding: 0 .2rem; }
.m-classifydiv .classifylist .classifyright span.actived { color: #ff8734; border: 1px solid #ff8734; background: #fff; }
.m-classifydiv .classifylist2 { line-height: .8rem; border-bottom: 1px solid #dcdcdc; margin: 0 .4rem; }
.m-classifydiv .classifylist2:last-child { border: none; }
.m-classifydiv .classifylist2 span.actived { color: #ff8734; display: inline-block; float: left; }
.m-classifydiv .classifylist2 .right { display: inline-block; float: right; font-size: .4rem; color: #ff8734; }
.m-classifybtn { text-align: center; margin-bottom: .2rem; }
.m-classifybtn input { width: 5rem; height: .65rem; background: #ff8734; border: none; font-size: .3rem; color: #fff; border-radius: 20px; }
@media all and (max-width:350px) {

	/*.m-classified{top:.84rem;}*/
	.m-classifydiv { top: 1.75rem; }
}

/*m版限免*/
.work_txt .workname { float: left; font-size: .28rem; }
.work_txt .workname .bookname { font-size: .32rem; color: #333; width: 4.5rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.work_txt .workname .authorname { color: #666; font-size: .28rem; margin: .2rem 0; width: 4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.work_txt .workname .surplustime { color: #ff0000; }
.work_txt .workname .surplustime span { margin: 0 .1rem; padding: 0.05rem .1rem; background: #ff0000; color: #fff; border-radius: .1rem; }
.work_txt .bookimg { float: right; }
.work_txt .bookimg img { width: 1.2rem; height: 1.5rem; border: 1px solid #ccc; }
.work_txt .free-2 { width: 3rem; }
.work_txt .freetime { float: left; font-size: .28rem; padding: 0 .28rem; }
.work_txt .freetime .bookname { width: 3.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: .32rem; color: #333; }
.work_txt .freetime .freeleft { float: left; font-size: .26rem; }
.work_txt .freetime .freeleft .authorname { color: #666; width: 2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: .1rem; font-size: .25rem; }
._freetime { background: #ff0000; color: #fff; }
.limit { margin: .33rem 0 0; }
.work_txt .freetime .bookimg2 { float: right; margin-top: .15rem; }
.work_txt .freetime .bookimg2 img { width: .75rem; height: 1rem; border: 1px solid #ccc; }
.work_txt .authorname2 { }
.work_txt .authorname2 span { padding: 0 .15rem; }

/*作品专题*/
.specontent { font-size: .3rem; }
.specontent .special { background: #fff; border: 1px solid #e5e5e5; border-left: none; border-right: none; padding-bottom: .2rem; margin-bottom: .2rem; }
.specontent .special .specialimg { padding: .2rem; padding-bottom: 0; height: 2rem; }
.specontent .special .specialimg img { width: 100%; }
.specontent .special .spedetail { font-size: .28rem; color: #999; padding-left: .2rem; width: 7.1rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.specontent .special .specialbg { }
.specontent .special .specialbg img { width: 100%; }
.specontent .special .specialwords { color: #666; font-size: .28rem; height: 1.2rem; line-height: .4rem; overflow: hidden; }
.work_txt .txtbox .spetwoline { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*ios*/
.editsays_downios { height: .4rem; background: url(/uploads/image/tensimages/pic.png) no-repeat center -60.35rem; background-size: 1rem auto; cursor: pointer; }
.editsays_upios { height: .4rem; background: url(/uploads/image/tensimages/pic.png) no-repeat center -60.9rem; background-size: 1rem auto; cursor: pointer; }

/*classify*/
.classify { background-color: #fff; overflow: hidden; padding: 0 0 .24rem; }
.classify .tit { /*font-weight: normal;*/ margin: .24rem .24rem 0; }
.classify .tit a { color: #000; display: block; }
.classify .tit .iconfont { float: right; transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #969ba3; }
.classify .tit { font-size: 0.33rem; line-height: .76rem; border-bottom: 1px solid #f6f6f6; }
.classify .sub_list { overflow: hidden; padding: 0 .24rem 0 0; }
.classify .sub_list li { float: left; width: 25%; line-height: .58rem; padding: 0 0 0 .24rem; margin: .24rem 0 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
.classify .sub_list li a { display: block; text-align: center; font-size: .28rem; color: #666; background-color: #f2f2f2; border-radius: .29rem; -webkit-border-radius: .29rem; }

/*search*/
.searchcenter { font-size: .28rem; }
.related-results-title { color: #4fc2f1; padding: 0 .2rem; line-height: .66rem; }
.related-results-title .clear-out { float: right; color: #999; }
.related-results-title .clear-out .iconfont { font-size: .32rem; margin: 0 .1rem 0 0; color: #a1a1a1; }
.hot-search-list { overflow: hidden; }
.hot-search-list .result-name { float: left; color: #5f5f5f; width: 50%; line-height: .7rem; height: .7rem; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hot-search-list .result-top3 { color: #ff0000; }
.hot-search-list .result-name .iconfont { margin: 0 .1rem 0 .2rem; font-size: .32rem; vertical-align: middle; color: #5f5f5f; }
.results-history { overflow: hidden; width: 100%; padding: 0 .2rem .2rem 0; box-sizing: border-box; }
.results-history a { float: left; margin: .2rem 0 0 .2rem; border-radius: .1rem; -webkit-border-radius: .1rem; border: 1px solid #dfdfdd; color: #7c7c7c; line-height: .48rem; padding: 0 .2rem; }

/*没有符合条件的作品-分类页*/
.nomatching-book { background: #fff; text-align: center; color: #a3a3a3; padding: 1rem 0; }
.nomatching-book p { font-size: .28rem; }
.nomatching-book .icon-iczuoyouduiqi24px { font-size: 1.5rem; color: #a3a3a3; }

/*举报弹窗*/
.pop-report-wrap { display: none; }
.pop-report-wrap .mask { z-index: 11; }
.pop-report { display: none; position: fixed; bottom: 0px; background-color: #fff; width: 100%; z-index: 12; font-size: 0.32rem; }
.pop-report .report-choose ul li { height: 0.9rem; line-height: 0.9rem; text-align: center; border-bottom: 1px solid #e5e5e5; }
.pop-report .report-cancel { height: 0.9rem; line-height: 0.9rem; text-align: center; border-top: 3px solid #e5e5e5; }
.commentlist .timepraise .report { float: left; margin-left: 10px; }
.reply_building dd .report { margin-left: 10px; color: #999; font-size: .25rem; display: none; }

/*书券*/
.workdetlist-icon { position: absolute; right: .3rem; top: 2.8rem; height: .52rem; overflow: hidden; }
.workdetlist-icon span { display: inline-block; width: .48rem; height: .52rem; }
.workdetlist-icon .activityicon-1 { background: url(/uploads/image/tensimages/activityicon-1.png) no-repeat 0 0; background-size: .48rem .52rem; }
.workdetlist-icon .activityicon-2 { background: url(/uploads/image/tensimages/activityicon-2.png) no-repeat 0 0; background-size: .48rem .52rem; }
.workdetlist-icon .activityicon-3 { background: url(/uploads/image/tensimages/activityicon-3.png) no-repeat 0 0; background-size: .48rem .52rem; }

/*今日女王*/
.today-queen { margin: .2rem 0 0; background: #fff url(/uploads/image/tensimages/huanguan-ico.png) no-repeat .08rem center; background-size: .54rem .36rem; padding: 0 0 0 .7rem; border: 1px solid #eee; border: 1px solid #eee; border-radius: .1rem; -webkit-border-radius: .1rem; }
.today-queen .queen-wrap { background: #eee; color: #f47983; font-size: .24rem; padding: 0 0 0 .1rem; height: .54rem; line-height: .54rem; 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;/*动画结束在末尾元素*/ }

/**/
.dispc { position: relative; padding: 5px 15px; }

/**/
.pctip { float: left; width: 100%; height: 80px; line-height: 80px; background: #292c33; overflow: hidden; }
.pctip a { float: left; width: 50%; height: 100%; font-size: 18px; text-align: center; color: #fff !important; font-family: '微软雅黑'; overflow: hidden; }
.pctip a:hover { color: #fff; text-decoration: none; }
.pctip .apc, .pctip .apc:hover { color: coral !important; text-decoration: underline; }
.mbn { display: none !important; }
.app0 { display: none; }

/**/
.money { width: 980px; margin: 10px auto 0px auto; overflow: hidden }
.money.notop { margin-top: 0px }
.aad { border: 1px dashed #b5b5b5; color: #777; padding: 5px 0px; text-align: center; overflow: hidden; }
#wrapper { margin-top: 10px; overflow: hidden; }

/*返回顶部*/
.pagescroll { display: none; position: fixed; right: 10px; bottom: 8px; width: 50px; height: 66px; z-index: 10000; font-size: 0px; text-indent: -999px; background:  no-repeat; overflow: hidden }
* html .pagescroll { position: absolute; left: expression(eval(document.documentelement.scrollleft document.documentelement.clientwidth-this.offsetwidth)-(parseint(this.currentstyle.marginleft, 10)||0)-(parseint(this.currentstyle.marginright, 10)||0)-10); top: expression(eval(document.documentelement.scrolltop document.documentelement.clientheight-this.offsetheight-(parseint(this.currentstyle.margintop, 10)||0)-(parseint(this.currentstyle.marginbottom, 10)||0)-8)) }

/*qq登陆*/
.qq a, .wb a { float: left; width: 21px; height: 28px; background:  no-repeat -7px -2px; text-indent: -99999px; overflow: hidden }
.qq .ver, .wb .ver { float: left; overflow: hidden }
.wb a { background-position: -40px -2px; width: 30px; }

/*提示*/
.tip { display: none; position: fixed; _position: absolute; top: 50%; left: 50%; width: 298px; height: 98px; margin-top: -50px; margin-left: -150px; background-color: #fff; border: 1px solid #bcbcbc; z-index: 9999; overflow: hidden }
.tip .h { width: 100%; height: 29px; line-height: 29px; text-indent: 5px; border-bottom: 1px solid #cccccc; background-color: #ece9d8; font-size: 14px }
.msg { display: block; width: 100%; height: 68px; line-height: 68px; text-align: center }
.mak { display: none; position: fixed; _position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #d3d3d3; _background-color: transparent; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 9995; overflow: hidden }

/*弹出层*/
.mark-box { display: none; position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 999999 }
* html .mark-box { position: absolute; left: expression(eval(document.documentelement.scrollleft document.documentelement.clientwidth-this.offsetwidth)-(parseint(this.currentstyle.marginleft, 10)||0)-(parseint(this.currentstyle.marginright, 10)||0)); top: expression(eval(document.documentelement.scrolltop)) }
.mark-box .bg { float: left; width: 100%; height: 100%; background: #000; opacity: 0.6; overflow: hidden; }
.mark-body { position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -263px; width: 400px; height: 466px; padding: 30px 50px; border-radius: 0px 5px 5px 5px; }
.login .mark-body, .register .mark-body { border-radius: 5px }
.d-title { float: left; width: 100%; padding-bottom: 16px; margin-bottom: 16px; font-size: 18px; text-align: center; overflow: hidden; }
.mark-body { position: relative; float: left; width: 100%; z-index: 2; overflow: hidden; }
.mark-body .close { position: absolute; top: 20px; right: 20px; cursor: pointer; font-size: 16px }
.mark-body .close:hover { color: red }
.mark-body a:hover { color: #333 }
.mark-body .bg { position: absolute; bottom: 0px; right: 0px; background: url(/uploads/image/tensimages/arc.jpg) no-repeat bottom right; width: 300px; height: 200px; z-index: 1; overflow: hidden; }
.mark-body .loading { line-height: 400px; color: red }
.so .mark-body .loading { line-height: 330px }
.mark-body .loading img { position: relative; top: 1px; margin-right: 5px; }

/*分享框*/
.share4xx { position: relative; padding: 5px 0px; float: left; width: 100%; height: 32px; line-height: 32px }
.share4xx strong { font-size: 12px; }
.share4xx strong, .share4xx a { float: left; height: 100%; overflow: hidden }
.share4xx a { width: 32px; margin-right: 8px; border-radius: 3px; cursor: pointer }
.share4xx .a1 { background: url(/uploads/image/tensimages/share.png) no-repeat #7bd172 }
.share4xx .a2 { background: url(/uploads/image/tensimages/share.png) no-repeat -44px 0 #fbc440 }
.share4xx .a3 { background: url(/uploads/image/tensimages/share.png) no-repeat -88px 0 #ff8d8d }
.share4xx .a4 { background: url(/uploads/image/tensimages/share.png) no-repeat -132px 0 #5fb2d7 }
.share4xx .a5 { background: url(/uploads/image/tensimages/share.png) no-repeat -176px 0 #f68575 }
.share4xx .a6 { background: url(/uploads/image/tensimages/share.png) no-repeat -220px 0 #95b4ec }
.share4xx .a7 { background: url(/uploads/image/tensimages/share.png) no-repeat -264px 0 #67ce9b }
.share4xx .ma-img-box { display: none; position: absolute; top: 18px; margin-left: 20px; width: 80px; background: #fff; font-size: 12px; z-index: 9999999; text-align: center; line-height: 14px; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, .2) }
.share4xx .ma-img-box img { width: 80px; height: 80px }
.share4xx .ma-close { float: left; margin-top: 5px; width: 100%; height: 18px; line-height: 18px; background: #f0f0f0; cursor: pointer; overflow-y: hidden; }
.share4xx.cen { width: 280px; left: 50%; margin: 0px 0px 0px -136px; padding: 0px 0px 15px 0px; }
.share4xx.cen strong { display: none; }
.share4xx.cen .ma-img-box { margin-left: -24px; }

/**/
#bodybox { width: 100%; overflow: hidden; }
#bodybox p { line-height: 2em; padding: 0px; padding: 5px 10px; text-indent: 2em; }

/*aaa01*/
.aaano { float: left; width: 100%; font-size: 14px; text-align: center; line-height: 100px; overflow: hidden; }
.aaabox { float: left; width: calc(100% - 2px); background: #fff; border: 1px solid #eee; overflow: hidden; }
.aaabox.nofloat { float: none; }
.aaabox.noborder { width: 100%; border: none; }
.aaabox h1 { float: left; width: 100%; height: 46px; line-height: 46px; font-size: 20px; border-bottom: 1px solid #eee; text-indent: 15px; overflow: hidden; }
.aaabox .loc { float: left; width: 100%; height: 46px; line-height: 46px; font-size: 16px; border-bottom: 1px solid #eee; text-indent: 15px; overflow: hidden; }
.aaabox .loc a { color: #000 }
.aaabox .loc a:hover { color: red; }
.aaatags { width: calc(100% - 15px); padding: 15px 0px 15px 15px; overflow: hidden; }
.aaatags li { float: left; width: 33.33%; height: 30px; line-height: 30px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.aaatags li span { color: #aaa }
.aaatags li a { color: #000 }
.aaatags li a:hover { color: red }
.aaapage { padding: .3rem 0px; width: 100%; text-align: center; font-size: 14px; border-top: 1px solid #eee; overflow: hidden; }
.aaapage a { margin: 0px 5px; }
.aaapage a.cur { color: red }
.aaapage a.no { color: #ccc; }
.aaaorder { float: left; width: 100%; overflow: hidden; }
.aaaorder a { float: left; width: 33.33%; height: 24px; line-height: 24px; text-align: center; font-size: 14px; background: #f5f5f5; border-bottom: 0.1rem solid #f5f5f5; overflow: hidden; }
.aaaorder.o0 a:nth-child(1), .aaaorder.o1 a:nth-child(2), .aaaorder.o2 a:nth-child(3) { text-decoration: underline; }

/*aaa02*/
.aaalist { float: left; width: calc(100% - 30px); padding: 0px 15px; overflow: hidden; }
.aaalist li { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 18px; border-bottom: 1px solid #eee; overflow: hidden; }
.aaalist li:first-child { padding-top: 15px; }
.aaalist li:last-child { margin-bottom: 0; border-bottom: none }
.aaalist .h { float: left; width: 100%; height: 30px; line-height: 30px; overflow: hidden; }
.aaalist .h a { color: #000; font-size: 18px; }
.aaalist .h a:hover { color: red }
.aaalist .c { float: left; width: 100%; font-size: 12px; line-height: 1.5em; color: #666; overflow: hidden; }
.aaalist strong { color: red; font-weight: normal; }

/**/
.aaalist .h { border: none; background: none }

/**/
.x .swiper-wrapper { overflow-x: auto; }
.x .swiper-wrapper::-webkit-scrollbar { height: 0px; }
.x .swiper-slide { width: 1.34rem !important; margin-right: 15px; }
.tab-classify .tab-hd { height: auto; margin-bottom: 0; }
.tab-classify .tab-hd span { margin-bottom: 10px; margin-right: 5px; }
.x2 .swiper-slide { width: 7rem !important; margin-right: 15px; }
.swiper-wrapper.x2 { padding: 2px 0px 2px 2px; }
.seeall { text-align: center; padding: 20px 0px; font-size: 14px; }

/**/
.page { display: block; clear: both; padding: 20px 0; text-align: center; vertical-align: middle; overflow: hidden }
.page span { margin: 0px }
.page a { color: #555; display: inline-block; padding: 0 5px; border-right: 1px solid #eee }
.page .left, .page .main, .page .right { position: relative; display: inline-block; border: 1px solid #eee; line-height: 30px; font-size: 14px }
.page .main { padding: 0 5px; font-weight: 700; background: #ed424b !important; color: #fff; border-color: #ed424b }
.page span a:last-of-type { padding-right: 8px; }
.page .maina { display: inline-block; height: 32px; line-height: 32px; border: 1px solid #888; font-size: 0; border-left: none; overflow: hidden }
.page .maina select { margin: 0 auto; height: 31px; color: #333; border: none; border-radius: 0 !important }

/**/
.content-box { float: left; width: 100%; overflow: hidden; }
.content-box .tbwrap { float: left; width: 100%; height: 30px; line-height: 30px; color: #acacac; font-size: 12px; overflow: hidden; }
.content-box.normal .tbwrap.db { display: none; }
.content-box .l { float: left; height: 100%; margin-left: 10px; overflow: hidden; }
.content-box .r { float: right; height: 100%; margin-right: 10px; overflow: hidden; }
.content-body { float: left; width: 100%; height: calc(100% - 60px); overflow: hidden; }
.content-body .box { float: left; height: 100%; overflow: hidden; }
#bodybox { position: relative; font-size: 16px; }
#bodybox p { padding: 10px 15px; text-indent: 2em }
.content-body .cur { text-decoration: underline; }

/**/
.pgl, .pgc, .pgr { position: fixed; cursor: pointer; z-index: 9; overflow: hidden; }
.pgl { left: 0; width: 50%; height: 100%; }
.pgc { top: calc(50% - (33.33% / 2)); left: 50%; margin-left: calc(-33.33% / 2); width: 33.33%; height: 33.33%; border-radius: 5px; z-index: 99; }
.pgr { right: 0; width: 50%; height: 100%; }
.pgl p, .pgc p, .pgr p { display: none; position: relative; top: 50%; margin-top: -15px; float: left; height: 30px; line-height: 30px; color: #fff; font-size: 30px; overflow: hidden; }
.pgl p { padding-left: 20px; width: calc(100% - 20px); }
.pgc p { width: 100%; margin-top: -50px; padding-top: 70px; font-size: 16px; text-align: center; background:  no-repeat center top; background-size: 40px }
.pgr p { padding-right: 20px; width: calc(100% - 20px); text-align: right; }
.content-box.ready .pgl { background-color: rgba(0, 0, 0, .6); }
.content-box.ready .pgc { background-color: rgba(0, 0, 0, .5); }
.content-box.ready .pgr { background-color: rgba(0, 0, 0, .5); }
.content-box.ready .pgl p, .content-box.ready .pgc p, .content-box.ready .pgr p { display: block; }
.pgchapter { display: none; position: fixed; left: 0; top: 0; height: 100%; z-index: 999; overflow: hidden; }
.pgchapter .cbox, .pgchapter .cbtn { float: left; height: 100%; overflow: hidden; }
.pgchapter .cbox { display: none; width: calc(100% - 101px); color: #fff; background: #000; border-right: 1px solid #333; }
.pgchapter .cbtn { position: relative; width: 40px; }
.pgchapter .cbtn span { cursor: pointer; position: fixed; top: 50%; margin-top: -30px; width: 40px; height: 60px; background-repeat: no-repeat; background-size: 100%; background-image: ; opacity: .9; z-index: 1 }
.pgchapter.cur { width: 100%; z-index: 9999; }
.pgchapter.cur .cbox { display: block; overflow-y: scroll; }
.pgchapter.cur .cbtn { width: 100px; }
.content-box.pgnav .pgchapter { display: block; }
.pgchapter .cbtn .cbg { display: none; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); cursor: pointer; overflow: hidden; }
.pgchapter.cur .cbtn .cbg { display: block; }
.content-box.normal .pgl, .content-box.normal .pgr { display: none; }
.pgnavtop, .pgnavbot { display: none; position: fixed; left: 0; width: 100%; height: 40px; background: #000; z-index: 999; overflow: hidden; }
.pgnavtop { top: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2); border-bottom: 1px solid #333 }
.pgnavbot { height: 110px; bottom: 0; box-shadow: 0 0 2px rgba(0, 0, 0, .2); border-top: 1px solid #333; }
.content-box.pgnav .pgnavtop, .content-box.pgnav .pgnavbot, .content-box.pgnav .pgsq, .content-box.pgnav .rybox { display: block; }
.pgnavtop .tl { float: left; height: 100%; overflow: hidden; }
.pgnavtop .tr { float: right; height: 100%; margin-right: 10px; overflow: hidden; }
.pgnavtop .tr ul, .pgnavtop .tr li { float: left; height: 100%; overflow: hidden; }
.pgnavtop .tr li { width: 40px; margin-left: 5px; }
.pgnavtop .tr .loginbox img { margin: 3px; width: 34px; height: 34px; border-radius: 34px; }
.pgnavtop a { float: left; width: 40px; height: 100%; font-size: 0px; overflow: hidden; }
.pgnavtop a, .pgnavbot span { background:  no-repeat 0px 0px; background-size: 270px }
.pgnavtop .tl a { background-position: -235px 2px }
.pgnavtop .sj a { background-position: -30px 0px }
.pgnavtop .loginbox a { background-size: 23px; }
.pgnavbot ul, .pgnavbot li { float: left; overflow: hidden; }
.pgnavbot ul { width: 100%; height: 60px; }
.pgnavbot li { width: 20%; height: 100%; }
.pgnavbot a { float: left; width: 100%; height: 100%; color: #fff; text-align: center; overflow: hidden; }
.pgnavbot span { display: block; margin: 2px auto 0px auto; width: 40px; height: 40px; overflow: hidden; }
.pgnavbot font { float: left; margin-top: -6px; width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #fff; overflow: hidden; }
.pgnavbot .ts span { background:  no-repeat center; background-size: 70% }
.pgnavbot .deng span { background-position: -133px 0px }
.pgnavbot .set span { background-position: -64px 0px }
.pgnavbot .sc span { background-position: -98px 0px }
.pgnavbot .sy span { background-position: -202px 3px }
.pgnavbot .ml span { background:  no-repeat 8px 9px; background-size: 25px; }
.pgnavbot .pgsx { float: left; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #333; overflow: hidden; }
.pgnavbot .pgsx a { float: left; width: 50%; height: 100%; text-align: center; font-size: 14px; overflow: hidden; }
.pgnavbot .pgsx a:last-child { width: calc(50% - 1px); border-left: 1px solid #333; }
.pgnavbot .pgsx .jindu { display: none; float: left; width: calc(100% - 160px); height: 1px; margin: 18px 0px 10px 0px; background: #fff; }
.pgnavbot .pgsx .jd-line { position: relative; float: left; height: 100%; background: red; }
.pgnavbot .pgsx .jd-line font { position: absolute; right: -22px; bottom: 2px; width: 44px; height: 14px; line-height: 14px; font-size: 12px; text-align: center; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); overflow: hidden; }
.pgmark { display: none; position: fixed; left: 0; bottom: 60px; width: 100%; height: 200px; background: #000; color: #fff; box-shadow: 0px 0px 5px #f0f0f0; border-bottom: 1px solid #fff; border-top: 1px solid #f0f0f0; z-index: 9991 }
.pgmark.cur { display: block; }
.pgmark .jt { display: block; width: 0; height: 0; position: absolute; bottom: -10px; left: 50%; margin: 0 auto 0 -5px; border: 5px solid transparent; border-top: 5px #fff solid; }
.pgsq { display: none; position: fixed; top: 60px; right: 0; padding-left: 5px; width: 100px; height: 40px; line-height: 30px; color: #fff; border: 1px solid #333; border-radius: 40px 0px 0px 40px; font-size: 14px; text-align: center; background: #000; z-index: 999; box-shadow: 0 0 2px rgba(0, 0, 0, .2); cursor: pointer; overflow: hidden; }
.pgsq span { position: absolute; left: 5px; bottom: 4px; display: inline-block; width: 100%; height: 14px; line-height: 14px; font-size: 12px; color: #fff; transform: scale(0.8); -webkit-transform: scale(0.8); overflow: hidden; }
.pgmark.ting .jt { left: calc(20%/2); }
.pgmarkting, .pgmarkset { display: none; float: left; width: 100%; height: 100%; overflow: hidden; }
.pgmark.ting .pgmarkting, .pgmark.set .pgmarkset { display: block; }
.pgsq.bc { top: 120px; }
.morenav { line-height: 40px; text-align: center; font-size: 28px; color: #fff; letter-spacing: 1px; margin-left: 0 !important; }
.morenavbox { display: none; position: fixed; top: 40px; right: 0; width: 105px; border: 1px solid #333; border-radius: 0px 0px 5px 5px; background: #000; z-index: 9999; overflow: hidden; }
.morenavbox ul, .morenavbox li { float: left; width: 100%; overflow: hidden; }
.morenavbox li { height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; border-bottom: 1px solid #333; }
.rybox { display: none; position: fixed; bottom: 120px; right: 10px; width: 40px; height: 40px; border: 1px solid #333; border-radius: 40px; background: url(/uploads/image/tensimages/pg.png) no-repeat -133px 1px #000; background-size: 272px; z-index: 999; cursor: pointer; overflow: hidden; }
.yj .rybox { background-position: -168px 3px }

/**/
.page-book-detail { position: relative; top: -2.75rem; margin-top: 0; padding-bottom: .75rem; }
.book-detail-x { padding-top: 2.75rem; }
.p2c { width: 100%; padding: 10px 0px; font-size: 16px; text-align: center; overflow: hidden; }

/**/
.pagebtn { display: none; float: left; width: 100%; overflow: hidden; }
.pagebtn a { float: left; margin: 10px 15px; width: calc(50% - 50px); height: 40px; line-height: 40px; font-size: 16px; text-align: center; background: #fce6c1; border-radius: 5px; overflow: hidden; }
.pagebtn .pagebtnset { width: 40px; margin: 10px 0px; font-size: 0px; background: url(/uploads/image/tensimages/pg.png) no-repeat -74px 0px #fce6c1; background-size: 300px; }
.normalbg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); overflow: hidden; }
.content-box.normal .pagebtn { display: block; }
.content-box.normal.pgnav .normalbg { display: block; }
.pbot { position: absolute; width: 100%; height: 2.75rem; line-height: 2.75rem; font-size: 16px; text-align: center; background: #fff; overflow: hidden; }

/**/
.pgchapter .cbox ul, .pgchapter .cbox li { float: left; width: 100%; overflow: hidden; }
.pgchapter .cbox li { height: 34px; line-height: 34px; font-size: 14px; border-bottom: 1px solid #333; }
.pgchapter .cbox li a { float: left; padding: 0px 10px; width: calc(100% - 20px); height: 100%; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
.pgchapter .cbox .cur a { width: calc(100% - 22px); border-left: 2px solid red }
.pgchapter .cbox #cboximg { position: fixed; left: calc((100% - 100px)/2); margin-left: -5px; top: 50%; margin-top: -5px; }
.pgchapter .cbox li a:hover { text-decoration: none }
.pgchapter .cbox li .lock { padding-left: 20px; background-position: 5px 8px }
.pgchapter .cbox li:last-child { border-bottom: none; }

/**/
.tingplaybox { float: left; width: calc(100% - 20px); margin: 10px; margin-top: 55px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); -webkit-border-radius: 2px; border-radius: 2px; font-family: '微软雅黑'; overflow: hidden; }
.tingbox { display: none; float: left; width: 0; height: 0; overflow: hidden; }
.ting-img, .ting-img img { float: left; width: 66px; height: 66px; overflow: hidden; }
.ting-img { position: relative; border-radius: 2px; background: #f0f0f0 }
.ting-play { position: absolute; top: 18px; left: 18px; width: 30px; height: 30px; background:  no-repeat; background-size: 30px; border-radius: 18px; cursor: pointer; overflow: hidden; }
.ting-pause { display: none; position: absolute; right: 3px; bottom: 3px; width: 20px; height: 20px; background:  no-repeat; background-size: 20px; border-radius: 10px; cursor: pointer; overflow: hidden; }
.play .ting-pause, .play-ready .ting-play { display: block; }
.play .ting-play { display: none; }
.play-ready .ting-play { width: 28px; height: 28px; border: 1px solid #fff; background:  no-repeat center #000; opacity: 0.4 }
.ting-con { position: relative; margin-left: 66px; padding: 14px 10px 0 10px; height: 66px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:  no-repeat 6px 10px #f9f9f9; background-size: 21px; }
.ting-title { height: 21px; line-height: 21px; text-indent: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 17px; margin-right: 120px; }
.ting-s01 { font-size: 14px; color: #333; }
.ting-s02 { display: none; font-size: 12px; color: #666 }
.ting-play-cur { position: relative; height: 2px; margin-right: 120px; background: #ddd; }
.ting-cur { position: absolute; top: 0px; left: 0px; height: 100%; background: #b7daff; }
.ting-ico { position: absolute; top: 0; right: 5px; margin-top: -4px; margin-right: -10px; height: 8px; width: 8px; border: 1px solid #b7daff; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; cursor: pointer; }
.ting-time { position: absolute; bottom: 6px; right: 10px; width: 110px; height: 18px; line-height: 18px; font-size: 11px; color: #666; text-align: center; font-family: arial, helvetica, sans-serif; overflow: hidden; }
.ting-vol { position: absolute; bottom: 25px; right: 10px; width: 110px; height: 30px; line-height: 30px; font-size: 12px; color: #666; text-align: center; font-family: arial, helvetica, sans-serif; overflow: hidden; }
.ting-vol p { float: left; width: 28px; height: 28px; line-height: 28px; margin: 0px; font-size: 14px; font-family: '微软雅黑'; border: 1px solid #ddd; border-radius: 28px; cursor: pointer; overflow: hidden; }
.ting-vol .ting-jian { font-size: 20px; }
.ting-vol .ting-muted { position: relative; width: 50px; border: none; background:  no-repeat 5px 7px; background-size: 70px; }
.ting-vol .ting-muted.cur { background-position: -52px 7px }
.ting-vol .ting-v-01 { float: left; width: 25px; height: 1px; margin-top: 14px; margin-left: 22px; background: #ddd; overflow: hidden; }
.ting-vol .ting-v-02 { position: absolute; top: 14px; left: 22px; height: 1px; background: chocolate; overflow: hidden; }
.ting-autoplay { position: absolute; top: 15px; right: 150px; font-size: 12px; text-align: center; width: 100px; height: 20px; line-height: 20px; cursor: pointer; overflow: hidden; }
.ting-autoplay .f01 { text-decoration: underline; }
.ting-autoplay .f02 { color: red }

/**/
.tingmark { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #d3d3d3; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 9995; overflow: hidden }
.tingtip { display: none; position: fixed; top: 50%; left: 50%; width: 298px; height: 198px; margin-top: -100px; margin-left: -150px; background-color: #fff; border: 1px solid #bcbcbc; z-index: 9999; overflow: hidden }
.tingtip .tingh { float: left; width: 100%; height: 29px; line-height: 29px; text-indent: 5px; border-bottom: 1px solid #cccccc; background-color: #ece9d8; font-size: 14px }
.tingtip .tingc { float: left; width: 100%; height: 120px; line-height: 120px; font-size: 14px; background: url(/uploads/image/tensimages/ting_tip.gif) no-repeat 45px center; background-size: 30px; text-align: center; text-indent: 40px; }
.tingtip .tingb { float: left; width: 100%; height: 48px; overflow: hidden; }
.tingtip .tingb div { float: left; height: 28px; line-height: 28px; margin: 0px 5px 0; padding: 0 15px; font-size: 12px; border: 1px solid #1e9fff; background-color: #1e9fff; color: #fff; border-radius: 2px; font-weight: 400; cursor: pointer; }
.tingtip .tingb .tingyes { margin-left: 160px; }
.tingtip .tingb .tingno { background: #fff; border-color: #dedede; color: #333 }

/**/
.ting-control { width: 100%; height: 30px; line-height: 30px; border-top: 1px solid #e4e1da; overflow: hidden; }
.ting-control p { float: left; width: 25%; height: 100%; padding: 0px; margin: 0px; font-size: 14px; color: #272a30; text-align: center; background: #f0f0f0; cursor: pointer; overflow: hidden; }
.ting-control.per0 .p0, .ting-control.per1 .p1, .ting-control.per3 .p3, .ting-control.per4 .p4 { background: #e4e1da }

/**/
.ting-spd { position: absolute; top: 5px; right: 280px; width: 150px; overflow: hidden; }
.ting-spd div { float: left; width: 100%; overflow: hidden; }
.ting-spd span { float: left; margin-left: 5px; height: 20px; line-height: 20px; font-size: 12px; cursor: pointer; overflow: hidden; }
.ting-spd span:hover { color: red }
.ting-spd .sno { cursor: auto; color: blue }
.ting-spd .sno:hover { color: #343434 }
.ting-spd .spd-btn { margin-top: 2px; }
.ting-spd .spd-btn span { width: 40px; text-align: center; font-size: 14px; background: #f0f0f0; border-radius: 3px; }
.ting-spd .spd-btn .spdjian { font-size: 20px }
.ting-spd .cur { color: red; text-decoration: underline; }

/**/
.ting-flow { display: none; position: fixed; bottom: 60px; width: 150px; height: 38px; box-shadow: 0 0 5px #f0f0f0; border-radius: 38px; border: 1px solid #333; background: #000; z-index: 999999999; }
.ting-flow.play, .ting-flow.pause { display: block; }
.ting-flow.red { border-color: red }
.tf-btn { float: left; width: calc((100% - 40px)/3 - 1px); height: 14px; margin: 12px 0px; border-left: 1px solid #333; text-indent: -999px; background:  no-repeat 7px 0px; background-size: 110px; cursor: pointer; overflow: hidden; }
.tf-btn.i { float: left; margin: 4px 5px; width: 30px; height: 30px; border-radius: 30px; border: none; text-indent: 0px; background: none; overflow: hidden; }
.tf-btn img { width: 100%; height: 100%; }
.tf-btn.n { background-position: -54px 0px }
.tf-btn.c { background-position: -84px 0px }
.ting-flow.pause .tf-btn.p { background-position: -22px 0px }
.tf-cur { position: absolute; left: 18px; bottom: -1px; height: 1px; background: red; overflow: hidden; }

/**/
.ting-con.mini .ting-autoplay { width: 90px; top: 3px; right: 0px; }
.ting-con.mini .spd-btn { display: none; }
.ting-con.mini .ting-spd { top: 22px; right: 0px; width: 130px; }
.ting-con.mini .ting-autoplay { right: 10px; }
.ting-con.mini .ting-jia, .ting-con.mini .ting-jian { display: none; }
.ting-con.mini .ting-vol { width: 50px; bottom: 0; right: 10px; }
.ting-con.mini .ting-time { width: 32px; right: 90px; right: 70px; }

/**/
.pgzt { float: left; width: 100%; height: 29px; padding-top: 15px; overflow: hidden; }
.pgzt .btn { float: left; width: 80px; height: 100%; line-height: 29px; text-align: center; font-size: 20px; cursor: pointer; overflow: hidden; }
.pgzt .jindu { position: relative; float: left; width: calc(100% - 160px); height: 1px; margin: 18px 0px 10px 0px; background: #c0c0c0; }
.pgzt .jd-line { float: left; height: 100%; background: red; }
.pgzt font { position: absolute; left: 0px; bottom: 8px; width: 44px; height: 14px; line-height: 14px; font-size: 12px; text-align: center; cursor: pointer; }
.pgzt font i { width: 0; height: 0; position: absolute; bottom: -10px; left: 50%; margin: 0 auto 0 -5px; border: 5px solid transparent; border-top: 5px #cfcfcf solid; }

/**/
.pgbg { display: flex; height: 36px; padding-top: 18px; margin-top: 15px; border-top: 1px solid #333; overflow-x: auto; }
.pgbg::-webkit-scrollbar { height: 0px; }
.pgbg, .pgbg div { float: left; width: 100%; font-size: 14px; text-align: center; }
.pgbg div { flex-shrink: 0; margin-left: 10px; width: 36px; cursor: pointer; overflow: hidden; }
.pgbg span { float: left; width: 34px; height: 34px; line-height: 34px; border-radius: 34px; font-size: 17px; text-align: center; border: 1px solid #e0e0e0; overflow: hidden; }
.pgbg .hy span { background: #f3e9c6 url(/uploads/image/tensimages/h.png) repeat; color: #333; }
.pgbg .mr span { background: #f7f0e5; color: #333; }
.pgbg .rj span { background: #fff; color: #333; }
.pgbg .yj span { background: #111 url(/uploads/image/tensimages/y.png) repeat; color: #666; }
.pgbg .d1 span { color: rgb(99, 41, 44); background: rgb(252, 231, 226); }
.pgbg .d2 span { color: rgb(67, 78, 67); background: rgb(181, 238, 205); }
.pgbg .d3 span { color: rgb(24, 131, 100); background: rgb(230, 239, 230); }
.pgbg .d4 span { color: rgb(12, 93, 149); background: rgb(233, 241, 245); }
.pgbg .d5 span { color: rgb(4, 130, 4); background: rgb(247, 252, 255); }
.pgbg .d6 span { color: rgb(111, 77, 27); background: rgb(239, 239, 206); }
.pgbg .d7 span { color: rgb(64, 154, 154); background: rgb(223, 245, 246); }
.pgbg .d8 span { color: rgb(167, 9, 6); background: rgb(230, 230, 230); }
.pgbg .d9 span { color: rgb(11, 45, 80); background: rgb(152, 194, 223); }
.pgbg .d10 span { color: rgb(167, 192, 192); background: rgb(47, 62, 62); }
.pgbg .d11 span { color: rgb(252, 243, 228); background: rgb(65, 80, 98); }

/**/
.pgfy { padding-top: 20px; margin-top: 15px; border-top: 1px solid #333 }
.pgfy, .pgfy div { float: left; width: 100%; overflow: hidden; }
.pgfy div { position: relative; margin-left: 10px; width: calc(33.33% - 15.33px); height: 28px !important; line-height: 28px; text-align: center; font-size: 14px; border: 1px solid #e0e0e0; border-radius: 3px; cursor: pointer; overflow: hidden; }
.pgfy span { display: none; width: 0; height: 0; position: absolute; bottom: 0px; border: 4px solid transparent; border-right: 4px #ccc solid; right: 0px; border-bottom: 4px #ccc solid; }
.normal .pgfy .n, .lr .pgfy .l, .ud .pgfy .u { border-color: #ccc }
.normal .pgfy .n span, .lr .pgfy .l span, .ud .pgfy .u span { display: block; }

/**/
.hy .hy span, .mr .mr span, .rj .rj span, .yj .yj span { border-color: red; }
body.hy { background: #f3e9c6 url(/uploads/image/tensimages/h.png) repeat; }
body.hy .tbwrap { color: #9a853f; }
body.hy .pagebtn a, body.hy .pagebtn .pagebtnset { background-color: #eeda9a; }
body.rj { background: none }
body.rj .pagebtn a, body.rj .pagebtn .pagebtnset { background-color: #f0f0f0; }
body.yj { background: #f3e9c6 url(/uploads/image/tensimages/y.png) repeat; color: #666 }
body.yj .tbwrap { color: #555; }
body.yj .deng span { background-position: -166px 2px }
body.yj .pagebtn a, body.yj .pagebtn .pagebtnset { background-color: #222; }
body.d1 { color: rgb(99, 41, 44); background: rgb(252, 231, 226); }
body.d2 { color: rgb(67, 78, 67); background: rgb(181, 238, 205); }
body.d3 { color: rgb(24, 131, 100); background: rgb(230, 239, 230); }
body.d4 { color: rgb(12, 93, 149); background: rgb(233, 241, 245); }
body.d5 { color: rgb(4, 130, 4); background: rgb(247, 252, 255); }
body.d6 { color: rgb(111, 77, 27); background: rgb(239, 239, 206); }
body.d7 { color: rgb(64, 154, 154); background: rgb(223, 245, 246); }
body.d8 { color: rgb(167, 9, 6); background: rgb(230, 230, 230); }
body.d9 { color: rgb(11, 45, 80); background: rgb(152, 194, 223); }
body.d10 { color: rgb(167, 192, 192); background: rgb(47, 62, 62); }
body.d11 { color: rgb(252, 243, 228); background: rgb(65, 80, 98); }
body.d1 .pagebtn a, body.d2 .pagebtn a, body.d3 .pagebtn a, body.d4 .pagebtn a, body.d5 .pagebtn a, body.d6 .pagebtn a, body.d7 .pagebtn a, body.d8 .pagebtn a, body.d9 .pagebtn a, body.d10 .pagebtn a, body.d11 .pagebtn a { background: rgb(0, 0, 0, .1); }
body.d1 .pagebtn .pagebtnset, body.d2 .pagebtn .pagebtnset, body.d3 .pagebtn .pagebtnset, body.d4 .pagebtn .pagebtnset, body.d5 .pagebtn .pagebtnset, body.d6 .pagebtn .pagebtnset, body.d7 .pagebtn .pagebtnset, body.d8 .pagebtn .pagebtnset, body.d9 .pagebtn .pagebtnset, body.d10 .pagebtn .pagebtnset, body.d11 .pagebtn .pagebtnset { background: url(/uploads/image/tensimages/pg.png) no-repeat -74px 0px rgb(0, 0, 0, .1); background-size: 300px; }

/**/
.shujia-box { margin: .75rem 0px; width: 100%; background: #fff; overflow: hidden; }
.shujiah01, .shujiah02 { float: left; width: 100%; overflow: hidden; }
.shujiah02 { display: none; }
.shujia-box h2 { float: left; padding: 0px 10px 0px 10px; width: calc(100% - 20px); font-size: 14px; font-weight: normal; overflow: hidden; }
.shujia-box .h2tip { float: left; margin-bottom: 10px; padding: 0px 10px 10px 10px; width: calc(100% - 20px); font-size: 12px; color: red; border-bottom: 1px solid #f0f0f0; }
.shujia-box h2 span { float: right; text-decoration: underline; color: blue }
.readed { float: left; padding: 10px 10px 0px 10px; width: calc(100% - 20px); overflow: hidden; }
.readed li { float: left; width: 100%; padding: 10px 0px; border-bottom: 1px dashed #d4d4d4 }
.readed li:first-child { padding-top: 0; }
.readed .tu, .readed .tu a, .readed .tu img { float: left; width: 84px; height: 114px; overflow: hidden }
.readed .wen { left: 10px; padding-right: 10px; height: 118px; position: relative; overflow: hidden }
.readed .wen p { font-size: 12px; color: #000 }
.readed .title span, .readed .title span a { color: #7d7d7d; font-size: 12px }
.readed .title span { position: relative; top: -1px }
.readed .info, .readed .info a { color: #7d7d7d; font-size: 12px }
.readed .info { margin: 3px 0px; overflow: hidden; }
.readed .title { height: 18px; line-height: 18px; }
.readed .title a { font-size: 16px; color: #000; }
.readed .info a { float: left; width: 100%; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.readed .btn { margin-top: 5px; }
.readed .btn a { display: inline-block; padding: 5px 10px; border: 1px solid #3e3d43; border-radius: 3px; text-align: center; text-decoration: none; line-height: 20px; cursor: pointer; margin: 1px 0; }
.readed .btn a:first-child { color: red; }
.readed .t { margin-left: 5px; }
.readed .t img { width: 20px; height: 15px; }
.readed .dd { height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
.delall { display: inline-block; margin-bottom: 20px; margin-top: 20px; margin-left: calc(50% - 99px); width: 200px; height: 38px; line-height: 38px; cursor: pointer; border: 1px solid #ccc; background: #f0f0f0; text-align: center; border-radius: 5px; font-size: 14px; overflow: hidden; }

/**/
.shujia-btn { margin: .375rem 0px .75rem 0px; width: calc(100% - 2px); background: #fff; border: 1px solid #e74c3c; border-radius: 5px; overflow: hidden; }
.shujia-btn ul { float: left; width: 100%; height: 35px; line-height: 35px; overflow: hidden; }
.shujia-btn li { float: left; width: 50%; height: 100%; overflow: hidden; }
.shujia-btn li a { float: left; width: 100%; height: 100%; text-align: center; color: #e74c3c; font-size: 16px; overflow: hidden; }
.shujia-btn .active a { background: #e74c3c; color: #fff; }
.xyun .shujiah02 { display: block; }
.xyun .shujiah01 { display: none; }

/**/
@font-face { font-family: "ptmicon"; src:  format('truetype') }
.mid-box { padding-bottom: 30px; background: #fff; overflow: hidden; }
.mid-box .box-big { padding: 40px 0; width: 100%; text-align: center; vertical-align: middle; overflow: hidden; }
.mid-box .box-big img { width: 80px; height: 80px; border-radius: 50% }
.mid-box .box-big p.nickname { margin-top: 5px; color: #fff; font-size: 16px }
.mid-box .box { margin: 0 10px; margin-bottom: 15px; position: relative; background: #fff; border-radius: 6px }
.mid-box .box:after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none; border: 1px solid #c8c7cc; border-radius: 6px; overflow: hidden }
.mid-box li:first-child:after { border-top: 0 }
.mid-box li:last-child:after, .mid-box li.no-bt:after { border-bottom: 0 }
.mid-box li { position: relative; padding: 11px 15px; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-touch-callout: none }
.mid-box li:after { border-bottom: 1px solid #c8c7cc; display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none }
.mid-box li a { color: #000; font-size: 16px; position: relative; padding: inherit; margin: -12px -15px; display: block; overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap }
.mid-box li a:active { background: #f4f4f4 }
.mid-box li a:after { font-family: 'ptmicon'; font-size: inherit; line-height: 1; color: #bbb; text-decoration: none; position: absolute; top: 50%; display: inline-block; -webkit-transform: translatey(-50%); transform: translatey(-50%); -webkit-font-smoothing: antialiased }
.mid-box li a:after { font-family: "ptmicon" !important; right: 15px; content: '\e6a3' }
.logout { display: none; height: 40px; line-height: 40px; }
.logout a { float: left; margin: 0px 10px; width: calc(100% - 20px); height: 100%; text-align: center; font-size: 18px; color: #fff; background: #e74c3c; border-radius: 5px; overflow: hidden; }

/**/
.about { padding: 20px 0px; background: #fff; font-size: 16px; }
.about .box { padding: 5px 20px 50px 20px; line-height: 1.8em; }
.about .box .h { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; }
.about .box h2 { text-indent: 2em; }
.about .box p { text-indent: 2em; margin: 15px 0px }

/**/
.logbox { float: left; padding: 50px 0px; width: 100%; overflow: hidden }
.logbox .info { width: 100%; padding-bottom: 16px }
.logbox .info dl { overflow: hidden; padding-top: 11px }
.logbox .info dl dd { float: left; width: 22%; font-size: 14px; padding-top: 6px; text-align: right }
.logbox .info dl dt input { float: left; width: 60%; font-size: 14px; background: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#fdfdfd)); height: 33px; border: solid 1px #bcbcbc; text-indent: 5px }
.logbox .info dl dt .regcode { width: 130px; margin-right: 10px }
.logbox .info dl dt select { float: left; background: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#fdfdfd)); width: 212px; padding-left: 7px; height: 36px; border: solid 1px #bcbcbc }
.logbox .info dl dt textarea { float: left; background: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#fdfdfd)); height: 41px; width: 196px; padding: 7px; border: solid 1px #bcbcbc }
.logbox .info .dz { border-bottom: solid 1px #ddd; padding-bottom: 18px }
.logbox .info dl dt p { float: left }
.logbox .info .pay { line-height: 1.4em; padding-top: 15px; padding-bottom: 4px }
.logbox .info .pay dd { padding-top: 0 }
.logbox .info .pay span { font-size: 14px; color: #ee2e5b }
.logbox .info .pay .total { position: relative; top: -6px }
.logbox .info .pay .total span { font-weight: bold; font-size: 30px; position: relative; top: 2px }
.logbox .button { float: left; width: 60%; margin-left: 22%; height: 38px; background: #eb5658; border: 1px solid #eb4849; font-size: 18px; color: #fff; -webkit-border-radius: 6px; -webkit-background-clip: padding-box; -moz-border-radius: 6px; -moz-background-clip: padding; border-radius: 6px; cursor: pointer; overflow: hidden }
.logbox .dllo { float: left; padding-bottom: 20px; width: 60%; margin-top: 10px; margin-left: 22%; text-align: right; font-size: 18px; overflow: hidden }
.logbox .dllo a { color: red; text-decoration: underline }
.logbox .info .disabled { background: #e0e0e0; }

/**/
.info-commend { float: left; width: 100%; padding: 10px 0px; overflow: hidden; }
.info-commend a:first-child { font-weight: bold; }