.bodyHidden{overflow:hidden;position:fixed;width:100%}
blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
a{text-decoration:none;color:#333;outline:0;display:inline-block;-webkit-touch-callout:none;cursor:pointer}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
i{font-style:normal}
body,html{font-family:"微软雅黑"}
input{-webkit-appearance:none;outline:0}
img{outline:0;display:inline-block;max-width:100%}
@media screen and (min-width:320px) and (max-width:374px){html{font-size:100px}
}
@media screen and (min-width:375px) and (max-width:413px){html{font-size:100px}
}
@media screen and (min-width:414px) and (max-width:720px){html{font-size:110px}
}
@media screen and (min-width:720px) and (max-width:960px){html{font-size:120px}
}
@media screen and (min-width:960px) and (max-width:1200px){html{font-size:120px}
}
@media screen and (min-width:1200px) and (max-width:1920px){html{font-size:130px}
}
body{font-size:.12rem;line-height:1;color:#333;background:#f9f9f9;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}
@font-face{font-family:atFont;src:url(iconfont/iconfont.eot);src:url(iconfont/iconfont.eot?#iefix) format('embedded-opentype'),url(iconfont/iconfont.woff) format('woff'),url(iconfont/iconfont.ttf) format('truetype'),url(iconfont/iconfont.svg#iconfont) format('svg')}
.atFont{font-family:atFont!important;font-size:.12rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;vertical-align:top}
.font-size-12px,.footer p,.header .accounts .right p,.header .my,.header .shelf,.home-block .info,.home-block .summary,.index .pattern-update-list th,.media-picture .desc,.pattern-home-column3 .summary p{font-size:12px}
.font-size-14px,.footer .quick-link,.index .with-pic h5,.pattern-home-column3 .summary h5,.pattern-update-list table td{font-size:14px}
.font-size-16px{font-size:16px}
.font-size-18px,.header .nav a,.pattern-rank .hd h5,.sidebar-cover .name a{font-size:18px}
.font-size-20px,.zone-1 .right h5{font-size:20px}
.font-size-24px,.home-block .hd h5,.index .pattern-update-list h5{font-size:24px}
.bottom-tools{position:fixed;right:15px;bottom:80px;z-index:20}
.bottom-tools .gotop{width:30px;height:30px;line-height:30px;background:rgba(0,0,0,.4);border-radius:50%;text-align:center;display:inline-block}
.bottom-tools .gotop i{display:inline-block;font-size:.18rem;color:#fff;font-weight:700}
.bottom-tools .gotop:hover{background:#c1c1c1}
.ui-flyout{display:none;padding:10px;font-size:14px;background:#f7f5f0;border-radius:3px;border:1px solid #cdcac3}
.ui-flyout .close{position:absolute;right:10px;top:8px;color:#ccc}
.ui-flyout .flyout-arrow{z-index:1}
.ui-flyout .flyout-arrow,.ui-flyout .flyout-arrow:after{content:'';display:block;position:absolute;border:6px solid transparent}
.ui-flyout .flyout-arrow:after{left:-6px}
.ui-flyout .flyout-arrow.top{top:-12px;border-bottom-color:#cdcac3}
.ui-flyout .flyout-arrow.top:after{border-bottom-color:#f7f5f0;top:-5px}
.ui-flyout .flyout-arrow.bottom{bottom:-12px;border-top-color:#cdcac3}
.ui-flyout .flyout-arrow.bottom:after{border-top-color:#f7f5f0;bottom:-5px}
.ui-flyout .flyout-arrow.left{left:15px}
.ui-flyout .flyout-arrow.right{right:15px}
.ui-flyout .flyout-arrow.center{left:50%;margin-left:-6px}
.ui-flyout-box{box-shadow:0 0 3px #c7c7c7}
.ui-flyout-confirm{border:1px solid #b9b9b9;text-align:center;padding:6px 10px;box-shadow:0 1px 5px silver;border-radius:5px}
.ui-flyout-confirm p.text{font-size:12px;border:1px solid #dedede;background-color:#f9f9f9;margin-bottom:10px;padding:5px 8px;text-align:center;color:#d5264b;line-height:1.8em}
.ui-flyout-confirm .flyout-arrow{display:none}
.ui-info-ok,.ui-info-waiting,.ui-info-warning{padding:8px 10px;border-width:1px;border-style:solid;font-size:12px}
.ui-info-ok{background-color:#f1fce8;border-color:#82ae5f;color:#6b9848}
.ui-info-warning{background-color:#fef1ec;border-color:#cd0a0a;color:#cd0a0a}
.ui-info-waiting{background-color:#f7fcff;border-color:#3898e2;color:#3898e2}
.ui-info-waiting img{margin-right:3px}
.bottom-btn-style{position:absolute;bottom:0;display:block;border-top:2px solid #f2f2f2;background:#fff;background:#ff1b3b;color:#fff}
.pagination{padding:14px 0;color:#666;text-align:center}
.pagination a,.pagination span{display:inline-block;padding:0 2px;height:20px;line-height:20px;margin:0 2px;text-align:center;font-size:12px;color:#979797;border-radius:2px;background-color:#f1f1f1;vertical-align:middle}
.pagination a:hover,.pagination span:hover{background-color:#e7e7e7}
.pagination a.current,.pagination span.current{color:#d5264b}
.pagination a.active,.pagination span.active{color:#d5264b}
.pagination .next,.pagination .prev{color:#999;width:auto}
.pagination .counts{vertical-align:middle;color:#999;font-size:12px;width:auto}
.pagination .counts,.pagination .counts span{background:0 0}
.bookshelf{display:none}
.page_container{min-height:500px;min-height:calc(100vh - 104px);padding-bottom:1px}
.no_data_show{text-align:center;margin-top:.4rem}
.no_data_show img{width:120px!important;height:auto}
.no_data_show p{font-size:.13rem;color:#cdcdcd;margin-top:.15rem}
.header{height:.5rem;background-color:#fff;border-bottom:1px solid #f5f5f5}
.header>div{height:.5rem}
.header .left{float:left}
.header .left img{vertical-align:middle;margin-top:.12rem;height:.24rem;margin-left:.12rem;width:auto}
.header .center{line-height:.5rem;text-align:center;position:absolute;width:100%;font-size:.14rem}
.header .center a{margin:0 5px;position:relative}
.header .center .active:after{content:'';border-bottom:2px solid #d5264b;width:100%;position:absolute;bottom:20%;left:0}
.header .right{position:absolute;right:0;top:0;z-index:2}
.header .right span{width:.35rem;height:100%;display:inline-block;background-size:.17rem auto;background-position:left center;background-repeat:no-repeat}
.header .right .nav{background-image:url(/themes/cn_book/booknr3/images/nav@2x.png);background-size:auto .14rem}
.header .right .edit{background-image:url(/themes/cn_book/booknr3/images/edit@2x.png);background-size:auto .14rem}
.header .right .search{background-image:url(/themes/cn_book/booknr3/images/search@2x.png);background-size:auto .16rem}
.header .right .bookshelf{background-image:url(/themes/cn_book/booknr3/images/bookshelf@2x.png);background-size:auto .16rem}
.header .right .close{background-image:url(/themes/cn_book/booknr3/images/cancel@2x.png);background-size:auto .16rem}
.header-small{position:fixed;z-index:99;top:0;left:0;right:0;height:.5rem;background-color:#fff;border-bottom:1px solid #f5f5f5}
.header-small>div{height:100%}
.header-small .left{position:absolute;left:0;top:0;z-index:2}
.header-small .left .page_name{height:100%;line-height:.5rem;float:left;font-size:.14rem}
.header-small .left span{width:.35rem;height:100%;display:inline-block;float:left;background-size:.17rem auto;background-position:left center;background-repeat:no-repeat}
.header-small .left .back{background-image:url(/themes/cn_book/booknr3/images/back@2x.png?1);background-size:auto .14rem;background-position:center}
.header-small .center{line-height:.5rem;text-align:center;position:absolute;width:100%;font-size:.14rem}
.header-small .center a{margin:0 5px;position:relative}
.header-small .center .active:after{content:'';border-bottom:2px solid #d5264b;width:100%;position:absolute;bottom:20%;left:0}
.header-small .right{position:absolute;right:0;top:0;z-index:2}
.header-small .right span{background-color:#fff;width:.35rem;height:100%;display:inline-block;background-size:.22rem auto;background-position:left center;background-repeat:no-repeat}
.header-small .right .nav{background-image:url(/themes/cn_book/booknr3/images/nav@2x.png);background-size:auto .14rem}
.header-small .right .edit{background-image:url(/themes/cn_book/booknr3/images/edit@2x.png);background-size:auto .14rem}
.header-small .right .search{background-image:url(/themes/cn_book/booknr3/images/search@2x.png);background-size:auto .16rem}
.header-small .right .bookshelf{background-image:url(/themes/cn_book/booknr3/images/bookshelf@2x.png);background-size:auto .16rem}
.header-small .right .close{background-image:url(/themes/cn_book/booknr3/images/cancel@2x.png);background-size:auto .16rem}
.guide{position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;top:.5rem;margin-top:1px;display:none;z-index:99}
.guide .guide-content{padding:.15rem;padding-top:.3rem;background:#fff}
.guide .guide-content .guide-nav{overflow:hidden}
.guide .guide-content .guide-nav .guide-nav-a{display:inline-block;width:25%;text-align:center;float:left;line-height:24px;padding-bottom:.15rem}
.guide .guide-content .guide-nav .guide-nav-a .guide-nav-h{display:block}
.guide .guide-content .guide-nav .guide-nav-a>.icon{display:inline-block;width:.3rem;height:.3rem}
.guide .guide-content .guide-nav .guide-nav-a .icon-home{background:url(/themes/cn_book/booknr3/images/shy@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-all{background:url(/themes/cn_book/booknr3/images/shk@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-rank{background:url(/themes/cn_book/booknr3/images/bd@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-finished{background:url(/themes/cn_book/booknr3/images/book@2x.png?2) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-user{background:url(/themes/cn_book/booknr3/images/zhh@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-pay{background:url(/themes/cn_book/booknr3/images/chzh@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-search{background:url(/themes/cn_book/booknr3/images/ssh@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-shujia{background:url(/themes/cn_book/booknr3/images/shj@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-nav .guide-nav-a .icon-history{background:url(/themes/cn_book/booknr3/images/zjyd@2x.png) no-repeat center;background-size:auto 100%}
.guide .guide-content .guide-footer{text-align:center}
.guide .guide-content .guide-footer a{color:#fff;border-radius:20px;padding:.0875rem 1rem}
.footer{overflow:hidden;position:fixed;bottom:0;width:100%;padding:7px 0;background:#fff;border-top:1px solid #eee;z-index:30}
.footer a{width:25%;text-align:center;float:left;font-size:12px;color:#b2b2b2}
.footer a i{width:.23rem;height:.23rem;display:block;margin:0 auto 5px}
.footer a img{display:block;margin:0 auto}
.footer ul{margin:20px 0}
.footer ul li{display:inline-block}
.footer ul li a{font-size:12px}
.footer p{text-align:center;font-size:12px}
.footer .mod{margin-top:15px!important}
.search-wrap #search .list li{overflow:hidden}
.search-wrap #search .list li .left{float:left;padding-right:10px}
.search-wrap #search .list li .left img{width:50px;height:50px}
.search-wrap #search .list li .right{float:left;width:calc(100vw - .4rem - 60px)}
.search-wrap #search .hd{padding:10px 15px;font-size:.15rem;margin-bottom:10px}
.search-wrap #search .hd h4{font-weight:400}
.search-wrap #search .mod{font-size:.14rem}
.search-wrap #search .mod li{margin-bottom:15px}
.search-wrap #search .mod li a{width:100%;line-height:.2rem}
.search-wrap #search .mod li p{margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.12rem;color:#888}
.search-wrap .page_container{background-color:#fff}
.search-wrap .bd{color:#999}
.search-wrap .results .hd{border-bottom:1px solid #ff1b3b;padding:10px}
.search-wrap .results .hd h4{color:#ff1b3b;font-weight:400;font-size:.14rem}
.search-wrap .results .bd .book-list li{padding:15px;border-bottom:1px dashed #ff1b3b}
.search-wrap .results .bd .book-list li .column-2{overflow:hidden}
.search-wrap .results .bd .book-list .left{padding-right:15px;float:left}
.search-wrap .results .bd .book-list .right{overflow:hidden}
.search-wrap .results .bd .book-list .right .status{float:right;font-size:.13rem;color:#f079b9}
.search-wrap .results .bd .book-list .right h5{font-size:.15rem;padding-bottom:5px;font-weight:400}
.search-wrap .results .bd .book-list .right .author{font-size:.13rem;color:#999}
.search-wrap .results .bd .book-list .right .time{margin-top:10px;font-size:.12rem;color:#999}
.search-wrap .results .bd .book-list .summary{text-indent:2em;font-size:.13rem;margin-top:5px;color:#666;line-height:1.6em}
.search-wrap .results .bd .book-list .tags{font-size:.13rem;padding-top:10px;color:#999;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.search-wrap .results .ft{text-align:center;padding:15px 0;font-family:Arial;font-size:.13rem}
.search-wrap .results .ft .pagination a{border:1px solid #ccc;padding:0 5px;text-align:center}
.search{padding:10px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fff}
.search .mod{position:relative}
.search .txt{width:calc(100% - 65px);background:#ebebeb;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;text-indent:.21rem;background-image:url(/themes/cn_book/booknr3/images/search_icon@2x.png);background-repeat:no-repeat;background-position:.15rem center;background-size:15px 15px;margin-right:5px}
.search .txt:focus{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.search input{line-height:32px;border:none;display:inline-block}
.search .soushu{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#ff1b3b;color:#fff;width:55px}
.flyout{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:999}
.flyout .ui-flyout-confirm{width:96%;position:absolute;left:0;bottom:0;background:#f2f2f2;padding:2%}
.flyout .ui-flyout-confirm .text{text-align:center;border-radius:5px;font-size:1.2rem;color:#d5264b;margin-top:1em}
.flyout .ui-flyout-confirm .button-small{display:inline-block;width:96%;height:2em;line-height:2em;font-size:1.2em;color:#fff;text-align:center;margin-top:1em;border-radius:5px}
.flyout .ui-flyout-confirm .button-blue{background:#666}
.flyout .ui-flyout-confirm .button-grey{color:#333}
.flout-wrap{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;text-align:center}
.flout-wrap .flout-info{padding:15px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;background:#000;color:#fff;border-radius:5px}
.people .block{background:#fff}
.people .userinfo{overflow:hidden;padding:.2rem .12rem;margin-top:0;position:relative}
.people .usermoney{padding:0 .12rem .12rem}
.people .usermoney ul{overflow:hidden}
.people .usermoney ul li{width:50%;float:left;text-align:center}
.people .usermoney ul li p{margin-bottom:6px}
.people .usermoney ul li p span{color:#000;text-align:center}
.people .usermoney ul li .info{color:#888}
.people .usermoney ul li .title span{font-size:.18rem}
.people .user-pic{width:68px;height:68px;border-radius:100%;overflow:hidden;float:left;box-shadow:0 0 8px 0 rgba(140,140,140,.4)}
.people .user-pic img{padding:1px;width:calc((100% - 2px));border-radius:100%;background:#fff}
.people .user-name{margin-left:85px;line-height:24px;position:absolute;top:50%;transform:translateY(-50%)}
.people .user-name .login-user{margin-right:5px}
.people .user-name .isVip{position:absolute;width:22px;height:22px;background:url(/themes/cn_book/booknr3/images/yearVIP_tip.png) no-repeat;background-size:100%}
.people .moneyIcon{height:.4375rem;line-height:.4375rem;display:block;border-top:1px solid #f5f5f5;padding-left:.25rem;background:url(/themes/cn_book/booknr3/images/wallet@2x.png) no-repeat 2px center;background-size:18px}
.people .user-link{padding-right:0}
.people .user-link li{height:.55rem}
.people .user-link li.yearVip .tip-pay{position:absolute;top:50%;right:.4rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);border:1px solid #ff1b3b;color:#ff1b3b;font-size:.12rem;line-height:.16rem;padding:.01rem .11rem;border-radius:20px}
.people .user-link li:last-child a{border-bottom:none}
.people .user-link li a{height:.55rem;line-height:.55rem;display:block;border-bottom:.5px solid #eee;position:relative;padding-left:.3rem;font-size:.14rem}
.people .user-link li a em{width:24px;height:24px;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.people .user-link li a .cz{background:url(/themes/cn_book/booknr3/images/cz@2x.png) no-repeat center;background-size:20px}
.people .user-link li a .czjl{background:url(/themes/cn_book/booknr3/images/czjl@2x.png?1) no-repeat center;background-size:20px}
.people .user-link li a .nfhy{background:url(/themes/cn_book/booknr3/images/yearVIP_diamond.png?) no-repeat center;background-size:20px}
.people .user-link li a .qiandao{background:url(/themes/cn_book/booknr3/images/sign_date@2x.png?1) no-repeat center;background-size:20px}
.people .user-link li a .jyjl{background:url(/themes/cn_book/booknr3/images/jyjl@2x.png?1) no-repeat center;background-size:20px}
.people .user-link li a .dy{background:url(/themes/cn_book/booknr3/images/dy@2x.png) no-repeat center;background-size:20px}
.people .user-link li a .history{background:url(/themes/cn_book/booknr3/images/history@2x.png?2) no-repeat center;background-size:20px}
.people .user-link li a .kf{background:url(/themes/cn_book/booknr3/images/kf@2x.png) no-repeat center;background-size:20px}
.people .user-link li a .balance{color:#ff1b3b;font-size:.12rem;margin-left:.1rem}
.people .user-link li a .balance b{font-weight:700}
.people .user-link li a i{display:block;background:url(/themes/cn_book/booknr3/images/arrow@2x.png) no-repeat center;background-size:auto 100%;height:.12rem;width:9px;position:absolute;right:.17rem;top:50%;transform:translateY(-50%)}
.people .logout{background:#fff;color:#ff1b3b;height:45px;line-height:45px}
.benefit_pop_modal{position:fixed;z-index:99;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}
.benefit_pop_modal .pop{position:absolute;left:50%;top:50%;background-color:#fff;border-radius:10px;width:270px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.benefit_pop_modal .pop .closeBtn{position:absolute;right:-15px;top:-15px}
.benefit_pop_modal .pop .pop_header{line-height:50px;font-size:.16rem;text-align:center;border-bottom:1px solid #e6e3e6}
.benefit_pop_modal .pop .pop_body{padding:16px;font-size:.14rem;line-height:1.4}
.benefit_pop_modal .pop .pop_footer{padding:.2rem;text-align:center}
.benefit_pop_modal .pop .btn_normal_sure{display:inline-block;font-size:.15rem;color:#fff;background-color:#ff1b3b;line-height:34px;width:140px;border-radius:2px}
.pop_modal_default{display:none;position:fixed;z-index:99;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}
.pop_modal_default .pop{position:absolute;left:50%;top:50%;width:64%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop_modal_default .pop:before{position:absolute;z-index:998;content:'';bottom:-5px;left:3px;right:3px;border-radius:11px;background-color:rgba(255,255,255,.5);height:50px}
.pop_modal_default .pop:after{position:absolute;z-index:997;content:'';bottom:-10px;left:6px;right:6px;border-radius:11px;background-color:rgba(255,255,255,.25);height:50px;box-shadow:-8px 8px 10px 0 rgba(0,0,0,.2)}
.pop_modal_default .pop .closeBtn{position:absolute;right:0;top:-.34rem;width:.21rem;height:.34rem;background:url(/themes/cn_book/booknr3/images/firstAnniver/icon_close.png) no-repeat;background-size:100% 100%}
.pop_modal_default .pop .content{position:relative;z-index:999;background-color:#fff;border-radius:11px}
.pop_modal_default .pop .content .pop_header img{width:100%}
.pop_modal_default .pop .content .pop_body{padding:.22rem .23rem .25rem}
.pop_modal_default .pop .content .pop_body .title{font-size:16px;margin-bottom:.12rem;text-align:center}
.pop_modal_default .pop .content .pop_body .info{font-size:12px;color:#999;line-height:1.5}
.pop_modal_default .pop .content .pop_footer{position:relative}
.pop_modal_default .pop .content .pop_footer:after{content:'';position:absolute;top:-1px;height:1px;left:0;right:0;background-color:#f1f1f3;transform:scaleY(.5)}
.pop_modal_default .pop .content .pop_footer .btn_normal_sure{display:block;text-align:center;color:#019ef1;font-size:14px;line-height:40px}
.org{color:#d5264b}
.blue{color:#39c}
.bd{margin:0 .12rem}
.index{overflow-x:hidden}
.index .banner a{display:block;padding:.06rem 0}
.index .banner a img{width:91%;height:calc(100vw * .91 * 318 / 682);margin:0 auto;border-radius:4px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);display:block}
.index .banner .swiper-pagination{bottom:15px}
.index .banner .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
.index .continue a{padding:0 .17rem;color:#666;font-size:12px;display:block;height:24px;line-height:24px;position:relative}
.index .continue a p{width:80%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(/themes/cn_book/booknr3/images/htime@2x.png) no-repeat left center;background-size:auto 60%;text-indent:20px}
.index .continue a .right{right:.17rem;position:absolute;color:#ff1b3b;border:1px solid #ff1b3b;padding:2px;border-radius:2px;line-height:12px;top:50%;transform:translateY(-50%)}
.index .navTab{height:.49rem;line-height:.49rem;text-align:center;font-size:.14rem;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}
.index .navTab a{-webkit-box-flex:1;-ms-flex:1;flex:1}
.index .navTab a span{color:#888;position:relative}
.index .navTab a .active{color:#333}
.index .navTab a .active::after{content:'';position:absolute;border-bottom:2px solid #ff1b3b;border-radius:2px;bottom:-5px;width:50%;left:50%;transform:translateX(-50%)}
.index .column-nav ul{overflow:hidden}
.index .column-nav li{float:left;width:20%;text-align:center}
.index .column-nav li a{display:block;padding:.15rem 0 .15rem}
.index .column-nav li a i{width:.3rem;height:.3rem;margin:0 auto .05rem;overflow:hidden;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;display:block}
.index .column-nav li .n-home i{background-image:url(/themes/cn_book/booknr3/images/home_icon.png)}
.index .column-nav li .n-all i{background-image:url(/themes/cn_book/booknr3/images/shk@2x.png?1)}
.index .column-nav li .n-shlef i{background-image:url(/themes/cn_book/booknr3/images/shj@2x.png?1)}
.index .column-nav li .n-pay i{background-image:url(/themes/cn_book/booknr3/images/chzh@2x.png?1)}
.index .column-nav li .n-boys i{background-image:url(/themes/cn_book/booknr3/images/boys.png)}
.index .column-nav li .n-girls i{background-image:url(/themes/cn_book/booknr3/images/girls.png)}
.index .column-nav li .n-search i{background-image:url(/themes/cn_book/booknr3/images/ssh@2x.png?1)}
.index .column-nav li .n-frequency i{background-image:url(/themes/cn_book/booknr3/images/book@2x.png)}
.index .block{background:#fff}
.index .block .swiper-pagination-bullet{width:10px;height:4px;border-radius:4px;background:#efefef;opacity:1}
.index .block .swiper-pagination-bullet-active{width:15px;background:#ff1b3b}
.index .block .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 3px}
.index .block p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:inline-block;margin-top:.13rem;font-size:.14rem}
.index .block .hd h3{padding:.2rem 0;font-size:.17rem;font-weight:400}
.index .block .hd h3 a{font-size:.12rem;color:#888;background:url(/themes/cn_book/booknr3/images/arrow_g@2x.png) no-repeat center right;background-size:auto 100%;font-weight:400;padding-right:10px}
.index .block .bd{padding:.12rem 0}
.index .block .bd li a{overflow:hidden;width:100%;display:block;padding-bottom:.09rem}
.index .block .list{overflow:hidden;margin:0;padding:0}
.index .block .list li{width:22%;float:left;margin-right:3.66666667%;text-align:center}
.index .block .list li:nth-child(4n){margin-right:0}
.index .block .list li:last-child{margin-right:0}
.index .block img{width:100%}
.index .block figure{width:100%;position:relative;margin:0 auto}
.index .block figure img{width:100%!important}
.index .block figure .xianmian{position:absolute;right:0;top:0;max-width:30px;max-height:35px;min-width:22px;min-height:25px;background:url(/themes/cn_book/booknr3/images/free_icon.png) no-repeat;background-size:100% auto}
.index .block .list-1{overflow:hidden;width:100%}
.index .block .list-1 li{float:left;margin-right:.198rem;width:calc((100vw - .94rem)/ 4);margin-bottom:.2rem}
.index .block .list-1 li:nth-child(4n){margin-right:0}
.index .block .list-1 li a{display:block}
.index .block .list-1 li a img{width:calc((100vw - .94rem)/ 4);height:calc((100vw - .94rem)/ 3);display:block}
.index .block .list-m3{overflow:hidden;width:100%}
.index .block .list-m3 li{float:left;margin-right:.198rem;width:calc((100vw - .74rem)/ 3);margin-bottom:.2rem}
.index .block .list-m3 li:nth-child(3n){margin-right:0}
.index .block .list-m3 li a{position:relative;display:block}
.index .block .list-m3 li a img{width:calc((100vw - .74rem)/ 3);height:calc((100vw - .74rem) * 4 / 9);display:block}
.index .block .list-m3 li a.tjTip:after{position:absolute;content:'';right:0;top:0;width:.25rem;height:.25rem;background:url(/themes/cn_book/booknr3/images/tag_tj@2x.png) no-repeat;background-size:100% 100%}
.index .block .list-v li{width:100%;padding:.2rem 0;border-bottom:.5px solid #eee;position:relative}
.index .block .list-v li:first-child{padding-top:0}
.index .block .list-v li:last-child{border-bottom:none}
.index .block .list-v li a{width:100%}
.index .block .list-v li .left{float:left;width:calc((100vw - .94rem)/ 4);margin-right:.17rem}
.index .block .list-v li .right{float:left;width:74%}
.index .block .list-v li .right .t{font-size:.15rem;font-weight:400;margin:0}
.index .block .list-v li .right .sort{color:#888;margin-top:10px;margin-top:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left center;transform-origin:left center;position:relative;left:0;white-space:nowrap}
.index .block .list-v li .right .sort span{font-size:.2rem;line-height:1.5;display:inline-block;margin:0 .15rem 0 0;padding:0 .55em;-webkit-transform:scale(1);transform:scale(1);vertical-align:bottom}
.index .block .list-v li .right .sort span::before{position:absolute;z-index:-1;top:1px;right:0;bottom:1px;left:0;content:'';opacity:.5;border:1px solid;border-radius:20px}
.index .block .list-v li .right .intro{font-size:.13rem!important;color:#888;line-height:.21rem;margin-top:.1rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;white-space:normal}
@media screen and (min-width:320px) and (max-width:374px){.index .block .list-v li .right .intro{-webkit-line-clamp:2}
}
.index .block .recommend{float:none}
.index .block .recommend .desc{color:#888;margin-top:10px;margin-top:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left center;transform-origin:left center;position:relative;left:0;white-space:nowrap;width:20%;display:inline-block}
.index .block .recommend .desc span{font-size:.2rem;line-height:1.5;display:inline-block;margin:0 .15em;padding:0 .55em;-webkit-transform:scale(1);transform:scale(1);vertical-align:sub}
.index .block .recommend .desc span::before{position:absolute;z-index:-1;top:1px;right:0;bottom:1px;left:0;content:'';opacity:.5;border:1px solid;border-radius:20px}
.index .block .recommend .title{font-size:.14rem;width:100%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:.28rem;line-height:.28rem;position:relative}
.index .block .list-3 .content{display:block;overflow:hidden;width:100%;margin-bottom:.12rem;padding-bottom:.12rem;border-bottom:1px solid #eee}
.index .block .list-3 .c-left{float:left;width:.8rem}
.index .block .list-3 .c-right{margin-left:1rem}
.index .block .list-3 .c-right h5{font-size:.16rem;line-height:.24rem;font-weight:400;color:#000}
.index .block .list-3 .c-right .desc{color:#999}
.index .block .list-3 .c-right .summary{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:.2rem;font-size:.13rem}
.index .block .list-4{overflow:hidden}
.index .block .list-4 li{float:left;width:calc((100vw - .57rem)/ 2);margin-bottom:.2rem;position:relative}
.index .block .list-4 li:nth-child(2n-1){margin-right:.2rem}
.index .block .list-4 li img{border-radius:5px;height:calc((100vw - .57rem) * 83 / 340);display:block}
.index .block .list-4 li .shack-title{position:absolute;top:0;left:0;background:rgba(0,0,0,.45);color:#fff;font-size:17px;text-align:center;width:100%;height:100%;border-radius:5px}
.index .block .list-4 li .shack-title span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}
.index .noticeTip{margin:0 .17rem;padding:.09rem 0;border-bottom:1px solid #f2f2f2;background:url(/themes/cn_book/booknr3/images/icon_noticeTip.png) no-repeat left center;background-size:16px;padding-left:22px}
.index .noticeTip a{position:relative;color:#666;font-size:12px;display:block;height:24px;line-height:24px;overflow:hidden}
.index .noticeTip a span{position:absolute;white-space:nowrap}
.container-hd .bd{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;border-bottom:1px solid #ccc}
.container-hd .bd li{-webkit-box-flex:1;-moz-box-flex:1;display:block;width:28%;border:1px solid #ccc;border-radius:2em;text-align:center;line-height:1.6em;font-size:.15rem;color:#333;margin-left:1em;margin-bottom:1em}
.container-hd .bd li:first-child,.container-hd .bd li:nth-child(4){margin-left:0}
.container-hd .bd .active{color:#fff;background:-webkit-linear-gradient(top,#7b84db,#4299cb,#48d0c6 110%);background:-moz-linear-gradient(top,#7b84db,#4299cb,#48d0c6 110%);background:-o-linear-gradient(top,#7b84db,#4299cb,#48d0c6 110%);background:linear-gradient(top,#7b84db,#4299cb,#48d0c6 110%)}
.common_column{overflow:hidden;border-bottom:1px solid #f1f1f1;width:100%;padding:.13rem}
.common_column .left{float:left}
.common_column .left img{width:100%;height:auto}
.common_column .right{float:left;margin-left:15px;width:58%}
.common_column .right h5{margin-top:.12rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.15rem}
.common_column .right h5 img{height:auto;vertical-align:middle;margin-right:3px}
.common_column .right .time{font-size:.12rem;margin-top:.1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.common_column .right .tags{margin-top:.12rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:21px;padding-top:5px}
.common_column .right .tags span{margin-right:3px;border:1px solid #979797;border-radius:5px;font-size:.11rem;padding:1px 7px;color:#979797;margin-top:.07rem}
.common_column .right .summary{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:.14rem;line-height:20px;margin-top:.05rem;-webkit-line-clamp:2}
.container-hd h2{font-size:.16rem;font-weight:700;color:#333}
.container-bd .block .rich a{display:-webkit-box;display:-moz-box;display:flex;padding:1em 0;border-bottom:1px solid #ccc}
.container-bd .block .rich a .left{-webkit-box-flex:1;-moz-box-flex:1}
.container-bd .block .rich a .left img{width:75px;height:105px}
.container-bd .block .rich a .content{-webkit-box-flex:2;-moz-box-flex:2;padding-left:1em;width:80%}
.container-bd .block .rich a .content h5{font-size:.16rem;color:#666;line-height:1.8em}
.container-bd .block .rich a .content .author{line-height:2em;color:#999;font-size:.12rem}
.container-bd .block .rich a .content .desc{font-size:.13rem;color:#666;text-indent:.26rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8em;overflow:hidden}
.container-bd .block .config{display:-webkit-box;display:-moz-box;border-bottom:1px solid #f1f1f1}
.container-bd .block .config a{-webkit-box-flex:1;-moz-box-flex:1;display:block;text-align:center;font-size:.15rem;border-left:1px solid #f1f1f1;line-height:45px;height:45px;position:relative}
.container-bd .block .config a{color:#333}
.container-bd .block .config a:first-child{border-left:none}
.container-bd .block .config a:first-child i{font-size:.2rem;vertical-align:top}
.container-bd .block .config .active:after{content:"";width:40%;position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:block;border-bottom:4px solid #e1788e}
.container-bd .block .rich h5{font-size:.16rem}
.container-bd .paging{display:-webkit-flex;display:flex;margin:1.5em 0;-webkit-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;justify-content:center}
.container-bd .paging a{-webkit-box-flex:1;-moz-box-flex:1;width:30px;text-align:center;line-height:1.6em;margin:0 5px;border:1px solid #ccc;color:#333}
.container-bd .paging .current{color:#fff;background-color:#ff1b3b}
.mod{margin-top:.09rem;padding:0 .17rem}
.con-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:99}
.con-bg .con-p{position:absolute;width:75%;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff}
.con-bg .con-p .con-info .con-title{font-size:18px;padding:12px 0;font-weight:700;line-height:26px;text-align:center;color:#666}
.con-bg .con-p .con-info .con-c{font-size:15px;color:#888;margin-bottom:10px;padding:0 12px;line-height:24px}
.con-bg .con-p .con-btns{color:#ffa200}
.con-bg .con-p .con-btns .con-confirm{border-right:.5px solid #cdcdcd;float:left;width:50%;box-sizing:border-box;line-height:45px;height:45px;text-align:center;border-top:.5px solid #cdcdcd;font-size:16px}
.con-bg .con-p .con-btns .con-cancel{float:left;width:50%;box-sizing:border-box;line-height:45px;height:45px;text-align:center;border-top:.5px solid #cdcdcd;font-size:16px}
.bgHide{overflow:hidden;position:fixed;width:100%}
.shelf .reTip,.shelf .updateTip{position:absolute;top:0;right:0;width:.25rem;height:.25rem;background:url(/themes/cn_book/booknr3/images/tag_tj@2x.png) no-repeat;background-size:100% auto}
.shelf .updateTip{background:url(/themes/cn_book/booknr3/images/icon-update.png) no-repeat;background-size:100% auto}
.shelf .rich{border-bottom:1px solid #f5f5f5;padding:1.3em;padding-bottom:.1rem}
.shelf .rich .author{line-height:1.5em;margin:5px 0}
.shelf .rich h5{display:inline-block;color:#333;font-size:.16rem;margin-bottom:5px}
.shelf .rich .reading{margin-bottom:4px}
.shelf .rich .read{font-size:.14rem;display:inline-block;float:right;color:#ff1b3b}
.shelf .rich p{line-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.shelf .rich p a{font-size:.14rem}
.shelf .bd .empty{padding:10px 0;margin-top:140px;text-align:center}
.shelf .confirmBox{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1000}
.shelf .confirmBox .confirm-content{position:absolute;left:0;right:0;top:0;bottom:0;width:2.1rem;height:100px;margin:auto;background-color:#fff;border-radius:10px;box-shadow:0 0 15px 3px #999;box-sizing:border-box;font-size:.14rem}
.shelf .confirmBox .confirm-content .confirm-body{padding:20px;height:60px;box-sizing:inherit;text-align:center}
.shelf .confirmBox .confirm-content .confirm-footer{overflow:hidden;line-height:40px;border-top:1px solid #ddd;box-sizing:inherit}
.shelf .confirmBox .confirm-content .confirm-footer a{float:left;width:50%;box-sizing:inherit;text-align:center;border-right:1px solid #ddd}
.shelf .confirmBox .confirm-content .confirm-footer a:last-child{border-right:none}
.shelf .confirmBox .confirm-content .confirm-footer a.cancel{color:#0a8abf}
.shelf .editSec{display:none;position:absolute;top:.5rem;padding-bottom:80px}
.shelf .editSec .bookList li.active a{position:relative}
.shelf .editSec .bookList li.active a:after{position:absolute;content:'';top:0;left:0;right:0;bottom:.28rem;background:url(/themes/cn_book/booknr3/images/iconOK@2x.png) no-repeat 92% 95% rgba(0,0,0,.4);background-size:.2rem auto}
.shelf .editSec .editFooter{position:fixed;left:0;right:0;bottom:0;line-height:.5rem;background-color:#f7f7f7;border-top:1px solid #ddd;padding:0 .2rem;font-size:.14rem;z-index:31}
.shelf .editSec .editFooter .cancel{float:right}
.all .container-hd{margin-bottom:0}
.all .container-hd h2{border-bottom:1px solid #f5f5f5;padding-bottom:.5em}
.all .book-all-list{padding:.17rem;font-size:.12rem;margin-top:0}
.all .book-all-list .filter{display:-webkit-flex;display:-moz-flex}
.all .book-all-list .filter span{-webkit-box-flex:1;-moz-box-flex:1;width:50px;line-height:1.6em}
.all .book-all-list .filter .sort{-webkit-box-flex:2;-moz-box-flex:2;width:87%}
.all .book-all-list .filter .sort a{display:inline-block;position:relative;float:left;line-height:1.6em;text-align:center;padding:0 10px;margin-bottom:10px}
.all .book-all-list .filter .sort .current{background:#ff1b3b;color:#fff;border-radius:20px}
.all .container-bd .block li .name{font-size:.15rem;color:#ff1b3b;line-height:1.6em}
.all .container-bd .block li p .time{float:right;color:#999;font-size:.12rem}
.all .container-bd .block li .info{font-size:.12rem;color:#999}
.all .container-bd .block li .info a{color:#999}
.all .container-bd .block li .info .words{padding-left:15px}
.container .login{width:90%;margin:35px auto;border-top:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.container .login h3{margin:-8px 0;text-align:center}
.container .login h3 span{padding:0 25px;display:inline-block;color:#b2b2b2;background:#fff}
.container .login ul{display:-webkit-box;justify-content:center;padding:30px 0}
.container .login ul li{text-align:center;-webkit-box-flex:1;-moz-box-flex:1}
.container .login ul li i{color:#fff;font-size:.23rem;background:#000;display:inline-block;width:40px;line-height:40px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.container .login ul li .weixin{background:#00c800}
.container .login ul li .weibo{background:#e6162d}
.container .login ul li .baidu{background:#1cb7fd}
.container .login ul li .qq{background:#f5be3f}
.container .login ul li p{line-height:30px;font-size:.12rem}
.wxhome .topnav{text-align:center;font-size:.15rem;background:#fff}
.wxhome .topnav a{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:15px 0;text-align:center;display:inline-block}
.wxhome .topnav .zuijin{border-right:2px solid #eee}
.wxhome .topnav .active{border-bottom:6px solid #fd6974;font-weight:700}
.wxhome .continue a{padding:10px;color:#666;font-size:15px;background:#fff;display:block;margin-top:.15rem}
.wxhome .continue a .em{width:85%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.wxhome .continue a span{color:#996701;font-size:13px;display:inline-block}
.wxhome .continue a .right{float:right;margin-top:2px}
.wxhome .continue a .right::after{content:"";display:inline-block;width:8px;height:8px;border:1px solid #996701;border-bottom:none;border-left:none;transform:rotate(45deg)}
.wxhome h3{height:44px;line-height:44px;font-size:.16rem}
.wxhome .container .page-title{font-size:.15rem}
.wxhome .container .page-title em{color:#fd6974;font-weight:700;height:44px;line-height:44px;font-size:.16rem}
.wxhome .container .reading{background:#fff;margin-top:0}
.wxhome .container .reading h1{border-bottom:1px solid #f2f2f2}
.wxhome .container .reading .more{padding-bottom:10px;text-align:center;color:#996701}
.wxhome .container .reading ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.wxhome .container .reading ul .column-2{width:30%;margin-bottom:15px;text-align:center}
.wxhome .container .reading ul .column-2 img{border-radius:5px;width:100%;height:auto}
.wxhome .container .reading ul .column-2 p{line-height:1.8em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.img-responsive{width:100%;height:auto}
.rankListTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;align-items:center;height:.5rem;padding-left:.2rem;padding-right:.2rem;border-bottom:1px solid #f5f5f5;line-height:.18rem;background-color:#fff}
.rankListTop .icon-back{width:.08rem;height:.15rem;background:url(/themes/cn_book/booknr3/images/back@2x.png) no-repeat center/100% auto}
.rankListTop .channelNav{margin-left:auto;margin-right:auto}
.rankListTop .channelNav li{display:inline-block}
.rankListTop .channelNav li a{position:relative;margin-left:5px;margin-right:5px;font-size:.14rem;color:#888}
.rankListTop .channelNav li.active a{color:#333}
.rankListTop .channelNav li.active a:after{content:'';position:absolute;border-bottom:2px solid #ff1b3b;border-radius:2px;left:0;right:0;bottom:-5px;width:50%;margin-left:auto;margin-right:auto}
.rankListTop .timeNav{position:relative}
.rankListTop .timeNav a{color:#888}
.rankListTop .timeNav a .arrow-down{display:inline-block;vertical-align:middle;width:0;height:0;border:5px solid transparent;margin-bottom:-3px;border-top-color:#888}
.rankListTop .timeNav .dropdown-menu{display:none;position:absolute;top:110%;right:0;z-index:1000;min-width:60px;background-color:#fff;border:.5px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.rankListTop .timeNav .dropdown-menu li{border-top:.5px solid #e5e5e5}
.rankListTop .timeNav .dropdown-menu li:first-child{border-top:none}
.rankListTop .timeNav .dropdown-menu li a{display:block;padding:5px}
.rankListCon{padding-bottom:60px}
.rankListCon .tabs{position:absolute;width:.68rem}
.rankListCon .tabs li.active{background-color:#fff;border-left:4px solid #ff1b3b}
.rankListCon .tabs a{display:block;text-align:center;line-height:.64rem;font-size:.12rem;font-weight:700}
.rankListCon .tabContent{margin-left:.68rem}
.essayList a{display:block;overflow:hidden;padding:.17rem;border-bottom:1px solid #f5f5f5}
.essayList a .left{float:left;width:calc((100vw - .94rem)/ 4);margin-right:.17rem}
.essayList a .right{float:left;width:calc((100vw - 1.3rem) *3/4)}
.essayList a .right .t{font-size:.15rem;font-weight:400;margin-top:0;width:90%}
.essayList a .right .intro{font-size:.13rem!important;color:#888;line-height:.21rem;margin-top:.09rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;white-space:normal}
.essayList a .right .author{color:#b2b2b2;font-size:.12rem;margin-top:.09rem}
.essayList a .right .sort{color:#888;margin-top:.09rem}
.essayList a .right .sort span{position:relative;font-size:.08rem;line-height:1.5;display:inline-block;margin:0 .15rem 0 1px;padding:0 .55em}
.essayList a .right .sort span:before{content:'';position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;border:1px solid #b8b8b8;border-radius:20px;-webkit-transform:scale(.5);transform:scale(.5)}
.icon-sort{float:right;width:.13rem;height:.15rem;background-repeat:no-repeat;background-size:100% 100%}
.icon-sort1{background-image:url(/themes/cn_book/booknr3/images/t1@2x.png)}
.icon-sort2{background-image:url(/themes/cn_book/booknr3/images/t2@2x.png)}
.icon-sort3{background-image:url(/themes/cn_book/booknr3/images/t3@2x.png)}
.loadBox{background-color:#fff;text-align:center;padding-top:80px;min-height:-webkit-calc(98.5vh);min-height:calc(100vh - 1.5rem)}
.detail{width:100%;background:#fff}
.detail .column-2{padding:.15rem 0 0;overflow:hidden}
.detail .column-2 .left{position:relative;float:left;margin-right:.15rem}
.detail .column-2 img{display:inline-block;box-shadow:0 0 5px 0 #666}
.detail .column-2 p{margin:12px 0;color:#888;font-size:.1rem}
.detail .column-2 h3{color:#333;font-weight:500;font-size:.15rem;margin:12px 0}
.detail .column-2 .status{-webkit-transform:scale(.5);transform:scale(.5);position:relative;vertical-align:middle;color:#888}
.detail .column-2 .status span{font-size:.2rem;line-height:1.5;display:inline-block;margin:0 .15rem 0 0;padding:0 .55em;-webkit-transform:scale(1);transform:scale(1);vertical-align:bottom}
.detail .column-2 .status span::before{position:absolute;z-index:-1;top:1px;right:0;bottom:1px;left:0;content:'';opacity:.5;border:1px solid;border-radius:20px}
.detail .intro{line-height:24px;font-size:.13rem;padding:.15rem;position:relative}
.detail .intro b{color:#888;position:absolute;right:.15rem;bottom:.15rem;background:#fff;padding:0 5px;font-weight:400}
.detail .intro p{display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#888}
.detail .intro b{cursor:pointer}
.bookrack{display:-webkit-box;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;position:fixed;bottom:0;background:#fff;z-index:10;width:100%;border-top:1px solid #eee}
.bookrack a{margin:5px;border:1px solid #ff1b3b;border-radius:3px;display:block;padding:15px 10px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#ff1b3b}
.bookrack .frame{-webkit-box-flex:1;-moz-box-flex:1;flex:1}
.bookrack .read{-webkit-box-flex:1;-moz-box-flex:1;flex:1;background:#ff1b3b;color:#fff}
.bookrack .subscribe{-webkit-box-flex:1;-moz-box-flex:1;flex:1}
.bookrack .excep{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
.bookrack .collect{color:#ff1b3b}
.bookrack .collected{border:1px solid #ff1b3b;color:#ff1b3b}
.title_div{height:45px;line-height:45px;font-size:.15rem;font-weight:500}
.title_div.has_border:after{height:1px;width:100vh;position:absolute;left:0}
.catalog{margin:10px 0;background:#fff}
.catalog h2{font-size:.18rem;font-weight:100;color:#333;padding:10px 0;border-bottom:1px solid #f2f2f2}
.catalog h2 .mulu{font-size:.2rem;color:#39c}
.catalog .volume-list h5{padding:10px 5px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;font-size:.13rem;color:#39c}
.catalog .volume-list h5 .xiangxia{float:right;cursor:pointer}
.catalog .volume-list .more_btn{text-align:center}
.catalog .volume-list .more_btn a{color:#ff1b3b;font-size:.14rem}
.catalog .volume-list .list{overflow:hidden}
.catalog .volume-list .list ul{padding-bottom:.17rem}
.catalog .volume-list .list li{font-size:.14rem;text-align:left;color:#333;height:36px;line-height:36px;width:100%;float:inherit;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;white-space:nowrap}
.catalog .volume-list .list li img{vertical-align:middle;margin-bottom:3px;width:20px;display:inline-block}
.catalog .volume-list .list li a:hover{color:#ff1b3b}
.spend span:last-child{float:right}
.spend span:last-child img{vertical-align:text-top}
#excep{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.7);z-index:12}
#excep input{border:none;display:inline-block;font-size:20px}
#excep .exceptional{background:#fff;position:absolute;height:auto;bottom:0;width:100%}
#excep .exceptional .excepIcon{padding:15px 0;display:-webkit-box;display:-moz-box;display:box;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;border-bottom:1px solid #f2f2f2}
#excep .exceptional .excepIcon a{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;display:block;text-align:center}
#excep .exceptional .excepIcon a span{display:inline-block;width:40px;height:40px;border:1px solid #d9d9d9;border-radius:5px;text-align:center;line-height:40px;position:relative}
#excep .exceptional .excepIcon a span i{background:url(/themes/cn_book/booknr3/images/select@2x.png) no-repeat bottom right;background-size:15px auto;display:inline-block;width:15px;height:15px;position:absolute;bottom:-7px;right:-7px;display:none}
#excep .exceptional .excepIcon img{vertical-align:middle}
#excep .exceptional .describe .left{width:60%;float:left}
#excep .exceptional .describe .left p b{font-size:.15rem;color:#46a9cb}
#excep .exceptional .describe .left p span{margin-left:10px;color:#000}
#excep .exceptional .describe .left p:nth-child(1){margin:10px 0 8px}
#excep .exceptional .describe .right{width:40%;float:right;text-align:center}
#excep .exceptional .describe .right em{display:block;margin:10px 0 8px;font-size:.1rem}
#excep .exceptional .describe .right .minus,#excep .exceptional .describe .right .plus{color:#46a9cb;background:0 0;width:20%;font-size:24px;font-weight:700}
#excep .exceptional .describe .right .num{width:40%;border:1px solid #46a9cb;border-radius:5px;text-align:center}
#excep .exceptional .describe textarea{width:100%;border-radius:5px;border:1px solid #46a9cb;margin:10px 0;color:#666}
#excep .exceptional .topup{border-top:1px solid #f2f2f2}
#excep .exceptional .topup>p{line-height:40px}
#excep .exceptional .topup .money{color:#46a9cb;margin:0 5px}
#excep .exceptional .topup .submit{display:block;background:#46a9cb;border-radius:20px;color:#fff;text-align:center;line-height:35px;font-size:20px;width:100%}
#excep .exceptional .topup .weixin,#excep .exceptional .topup .zfb{width:50%;float:left;margin:10px 0}
#excep .exceptional .topup .weixin .btn{width:100%;background:#46a9cb;color:#fff;border-radius:20px 0 0 20px;height:35px;line-height:35px}
#excep .exceptional .topup .zfb .btn{width:100%;background:#46a9cb;color:#fff;border-radius:0 20px 20px 0;border-left:1px solid #f2f2f2;height:35px;line-height:35px}
#excep .exceptional .topup .more{display:inline-block;color:#46a9cb;width:100%;text-align:center;font-size:16px;margin-bottom:10px}
.chapter .readMode{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9;background-color:rgba(0,0,0,.5)}
.chapter .readMode .main{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;width:2.3rem;box-shadow:-8px 8px 10px rgba(0,0,0,.2)}
.chapter .readMode .main img{width:100%;height:auto}
.chapter .readMode .main .content{padding:.14rem .16rem;color:#999;line-height:1.4}
.chapter .readMode .main .content .title{text-align:center;font-size:15px;color:#333;margin-bottom:5px}
.chapter .readMode .main .content .title .icon-moon{display:inline-block;width:15px;height:15px;background:url(/themes/cn_book/booknr3/images/icon_moon@2x.png) no-repeat;background-size:100%;margin-right:5px;vertical-align:-2px}
.chapter .setFoot .set{transition:all .5s ease;position:fixed;display:flex;flex-flow:row nowrap;bottom:0;height:60px;width:100%;background:rgba(0,0,0,.8)}
.chapter .setFoot .set a{flex-grow:1;text-align:center;color:#fff;font-size:.1rem;line-height:2px}
.chapter .setFoot .set a div{height:40px}
.chapter .setFoot .set .menuSet>div{background:url(/themes/cn_book/booknr3/images/catalog@2x.png) no-repeat center;background-size:20px auto}
.chapter .setFoot .set .fontSet>div{background:url(/themes/cn_book/booknr3/images/AaC@2x.png) no-repeat center;background-size:22px auto}
.chapter .setFoot .set .replySet>div{background:url(/themes/cn_book/booknr3/images/Creply@2x.png) no-repeat center;background-size:20px auto}
.chapter .setFoot .set .starSet>div{background:url(/themes/cn_book/booknr3/images/collect@2x.png?2) no-repeat center;background-size:20px auto}
.chapter .container .hd{margin:.15rem;display:-webkit-flex;display:flex;justify-content:space-between}
.chapter .container .hd .selectwrap{width:70%;margin:0 15px;position:relative}
.chapter .container .hd b{position:absolute;display:block;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #e1788e}
.chapter .container .hd select{width:100%;border:1px solid #e1788e;height:35px;line-height:35px;-webkit-appearance:none;padding:0 .15rem;background-color:#fbfbfd;color:#7b7b7b}
.chapter .container .hd .last{height:35px;width:90px;line-height:35px;border-radius:3px;background:#e1788e;color:#fff;display:block;text-align:center}
.chapter .container .hd .first,.chapter .container .hd .next{color:#666;background:#cdcdcd}
.chapter .container .breadcrumb{line-height:.5rem}
.chapter .container .breadcrumb h2{font-weight:700;font-size:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px}
.chapter .container .breadcrumb .author{font-size:.12rem;padding:1em 0;display:none}
.chapter .container .loaded .hd{margin-bottom:1em}
.chapter .container .loaded .loading{color:#999;padding:15px 0;text-align:center;font-size:.875em}
.chapter .container .loaded .loading p{margin-top:10px}
.chapter .container .loaded .config{display:-webkit-box;display:-moz-box;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:.5em 0}
.chapter .container .loaded .config a,.chapter .container .loaded .config span{-webkit-box-flex:1;-moz-box-flex:1;display:block;text-align:center;font-size:.13rem;border-left:1px solid #ccc;line-height:1.6em}
.chapter .container .loaded .config span{color:#ff1b3b;cursor:pointer}
.chapter .container .loaded .config span .add,.chapter .container .loaded .config span .minus{font-size:.15rem;padding:0 5px}
.chapter .container .loaded .config a{color:#333}
.chapter .container .loaded .config a:first-child,.chapter .container .loaded .config span:first-child{border-left:none}
.chapter .container .loaded .config a:first-child i,.chapter .container .loaded .config span:first-child i{font-size:.16rem;vertical-align:top}
.chapter .container .loaded .config .active{border-bottom:3px solid #ff1b3b;margin-bottom:-.5em;color:#ff1b3b}
.chapter .container .loaded .page-content p{font-size:18px;line-height:36px;text-indent:36px;padding-bottom:1em;color:#333}
.chapter .container .page-control{display:-webkit-box;display:-moz-box;margin-top:0;margin-bottom:30px}
.chapter .container .page-control a{-webkit-box-flex:1;-moz-box-flex:1;display:block;border:1px solid #ff1b3b;color:#ff1b3b;text-align:center;height:.34rem;line-height:.34rem;font-size:.14rem;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.chapter .container .page-control .prev{margin-right:1em;width:50%}
.chapter .container .page-control .next{width:50%;background-color:#ff1b3b;color:#fff}
.chapter .catalog{border-bottom:none;border-top:none}
.chapter .catalog .volume-list h5{border-top:none}
.chapter .catalog .volume-list .mark a{color:#ff1b3b}
.chapter .recommend .t{font-size:.14rem;font-weight:700;margin-bottom:5px}
.chapter .recommend ul{background:#fff;padding:10px;border-radius:5px;margin-bottom:10px}
.chapter .recommend ul li{padding-bottom:15px;margin-bottom:13px;border-bottom:1px dashed #eee;zoom:1;overflow:hidden}
.chapter .recommend ul li span{color:#d5264b}
.chapter .recommend ul li .left{float:left;padding-right:10px}
.chapter .recommend ul li h5{padding-bottom:8px;font-size:.14rem}
.chapter .recommend ul li p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.8em}
.chapter .recommend ul .frist{height:100px;padding-bottom:15px;overflow:hidden;position:relative}
.chapter .recommend ul .frist p{position:absolute;left:0;bottom:0;padding:5px 10px;font-size:.13rem;background:rgba(0,0,0,.5);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.8em;color:#fff}
.font-normal .container .loaded .page-content.chapterCon p{font-size:14px;line-height:28px;text-indent:0}
.font-large .container .loaded .page-content.chapterCon p{font-size:16px;line-height:32px;text-indent:0}
.font-xlarge .container .loaded .page-content.chapterCon p{font-size:18px;line-height:36px;text-indent:0}
.font-xxlarge .container .loaded .page-content.chapterCon p{font-size:20px;line-height:40px;text-indent:0}
.font-xxxlarge .container .loaded .page-content.chapterCon p{font-size:22px;line-height:44px;text-indent:0}
.font-xxxxlarge .container .loaded .page-content.chapterCon p{font-size:24px;line-height:44px;text-indent:0}
.font-xxxxxlarge .container .loaded .page-content.chapterCon p{font-size:26px;line-height:48px;text-indent:0}
.font-xxxxxxlarge .container .loaded .page-content.chapterCon p{font-size:28px;line-height:52px;text-indent:0}
.font-xxxxxxxlarge .container .loaded .page-content.chapterCon p{font-size:30px;line-height:54px;text-indent:0}
.night{background:#222}
.night .container .loaded .page-content p{color:#777}
.pay-detail{margin-top:30px;border:none;border-radius:5px;padding:0 .15rem;padding-bottom:10px;margin-bottom:20px}
.pay-detail .qq-login{-webkit-box-flex:1;-moz-box-flex:1;display:block;background-color:#e1788e;color:#fff;text-align:center;height:.34rem;line-height:.34rem;font-size:.14rem;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative}
.pay-detail .qq-login span{display:inline-block;width:20px;height:20px;background-size:100%;position:relative;top:5px;left:-3px;background-image:url(/themes/cn_book/booknr3/images/qq_login@2x.png)}
.pay-detail .wx-login{-webkit-box-flex:1;-moz-box-flex:1;display:block;background-color:#e1788e;color:#fff;text-align:center;height:.34rem;line-height:.34rem;font-size:.14rem;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:10px;position:relative}
.pay-detail .wx-login span{display:inline-block;width:24px;height:20px;background-size:auto 100%;position:relative;top:5px;left:-3px;background-image:url(/themes/cn_book/booknr3/images/wx_login@2x.png);background-repeat:no-repeat}
.pay-detail .chapter-name{text-align:center}
.pay-detail .chapter-name .tips{font-size:.12rem;margin-top:5px}
.pay-detail .chapter-name .tips span{width:20px;height:20px;display:inline-block;background-size:75%;background-position:center left;background-repeat:no-repeat;background-image:url(/themes/cn_book/booknr3/images/shoufei_ico@2x.png);position:relative;top:5px}
.pay-detail .chapter-name p{margin:0 10px;max-width:63vw;overflow:hidden;font-size:.15rem;text-overflow:ellipsis;display:inline-block;white-space:nowrap}
.pay-detail .chapter-name .border-span{margin:0;border-bottom:1px solid #999;display:inline-block;width:20px;position:relative;top:-10px}
.pay-detail .hd-tips{font-size:.012rem;text-align:center;margin-bottom:10px}
.pay-detail .radio-div{position:relative}
.pay-detail .radio-div input[type=checkbox]{width:20px;vertical-align:middle;display:inline-block;position:relative;opacity:0;margin-right:5px;appearance:none;-moz-appearance:none;-webkit-appearance:none}
.pay-detail label:after{background-repeat:no-repeat}
.pay-detail .radio-div input[type=checkbox]:after+label:after{background-repeat:no-repeat;background-size:auto 13px;top:0}
.pay-detail .radio-div input[type=checkbox]+label:after{content:'';position:absolute;left:-2px;top:-7px;width:30px;height:30px;background-image:url(/themes/cn_book/booknr3/images/chapter-unselect.png);background-size:60%;background-position:center}
.pay-detail .radio-div input:checked[type=checkbox]+label:after{background-image:url(/themes/cn_book/booknr3/images/selected.png)}
.pay-detail .ft .btn-buy{font-size:.14rem;height:.34rem;background-color:#e1788e;line-height:.34rem;color:#fff;margin-top:10px;width:100%;letter-spacing:.04rem}
.pay-detail .hd{margin-bottom:0}
.pay-detail .hd h2{text-align:center;color:#bc8f3b}
.pay-detail .hd .title{font-size:1.2em;color:#996701}
.pay-detail .hd .bd{height:24px;line-height:24px}
.pay-detail .tb{font-size:.14rem}
.pay-detail p{height:22px;line-height:22px;font-size:.875em}
.loading{text-align:center}
.chapF{float:right;background-color:transparent;line-height:.6rem;margin-left:10px}
.chapF .complain{display:none;font-size:.13rem;color:#999;height:60px}
.chapF .complain .icon-danger{display:inline-block;width:.13rem;height:.13rem;background:url(/themes/cn_book/booknr3/images/icon_danger@1x.png) no-repeat;background-size:100%;margin-right:5px;vertical-align:-1px}
.chapF .menu{display:flex;flex-flow:row nowrap;height:60px}
.chapF .menu a{flex-grow:1;text-align:center;color:#fff;font-size:.875em}
.chapF .follow>div{display:inline-block;width:19px;height:18px;margin-right:15px;background:url(/themes/cn_book/booknr3/images/icon_star@2x.png?2) no-repeat;background-size:100% 100%}
.chapF .collected>div{background:url(/themes/cn_book/booknr3/images/icon_starfull@2x.png?2) no-repeat;background-size:100% 100%}
.icon-homeC{display:inline-block;width:19px;height:17px!important;background:url(/themes/cn_book/booknr3/images/icon_home@2x.png?2) no-repeat;background-size:100% 100%}
.icon-fontL,.icon-fontS{display:inline-block;width:22px;height:22px}
.icon-fontL{background:url(/themes/cn_book/booknr3/images/icon_fontL.png) no-repeat;background-size:100% 100%}
.icon-fontS{background:url(/themes/cn_book/booknr3/images/icon_fontS.png) no-repeat;background-size:100% 100%}
.setChange .bgcolor{overflow:hidden}
.setChange .bgcolor span{border-radius:100%;margin:0 3% 0 1px}
.setChange .bgcolor .active{box-shadow:0 0 0 1px #38bef6}
.setChange .bgcolor .mode{background:#f7f7f7}
.setChange .bgcolor .green{background:#5e8e87}
.setChange .bgcolor .yellow{background-color:#e6d0b6}
.setChange .bgcolor .lightBlue{background-color:#cbe5fc}
.setChange .bgcolor .pink{background-color:#f1d7e0}
.setChange .bgcolor .deepBlue{background-color:#203340}
.setChange .bgcolor .brown{background:url(/themes/cn_book/booknr3/images/icon_moon.png?1) no-repeat;background-size:100% 100%}
.setChange .config span{display:inline-block;cursor:pointer;width:22px;height:22px}
.setChange .text-fontSize{font-size:14px;color:#999;display:inline-block;line-height:1;vertical-align:5px;margin:0 2px}
.setChange .font{float:right}
.bgRead{position:fixed;z-index:-1;top:0;bottom:0;left:0;right:0}
.night{background:#323838}
.night .container .loaded .page-content p{color:#919797}
.night .container .breadcrumb,.night .container .breadcrumb a{color:#919797}
.night .recommend ul li p{color:#919797}
.green{background:#5e8e87}
.green .container .loaded .page-content p,.green .text-fontSize{color:#eef0ee}
.green .container .breadcrumb,.green .container .breadcrumb a,.green .copyrightTip,.green .pay-detail,.green .pay-detail .themeColor{color:#eef0ee!important}
.green .recommend ul li p{color:#eef0ee}
.green.chapter .container .page-control a{color:#eef0ee;border-color:#eef0ee}
.green.chapter .container .page-control .next{background-color:#eef0ee;color:#5e8e87}
.green .qrcodeBox{border-color:#eef0ee;color:#eef0ee}
.green .qrcodeBox .title{border-color:#eef0ee}
.green .qrcodeBox img{border-color:#eef0ee}
.green .icon-homeC{background-image:url(/themes/cn_book/booknr3/images/green_home.png)}
.green .follow>div{background-image:url(/themes/cn_book/booknr3/images/green_star.png);background-size:100% 100%}
.green .collected>div{background-image:url(/themes/cn_book/booknr3/images/green_starfull.png);background-size:100% 100%}
.green .icon-fontS{background-image:url(/themes/cn_book/booknr3/images/green_fontS.png)}
.green .icon-fontL{background-image:url(/themes/cn_book/booknr3/images/green_fontL.png)}
.green .complain{color:#d8d6d6}
.green .complain .icon-danger{background-image:url(/themes/cn_book/booknr3/images/icon_danger@5x.png);background-size:100%}
.green .chapterMenu{background-color:#aec6c6}
.green .chapterMenu .item+.item{border-left-color:#eef0ee}
.green .chapterMenu .item a{color:#eef0ee}
.mode{background:#f7f7f7}
.mode .container .loaded .page-content p{color:#333}
.mode .container .breadcrumb{color:#333}
.mode .container .breadcrumb a{color:#999}
.mode .recommend ul li p{color:#333}
.mode .qrcodeBox{border-color:#333;color:#333}
.mode .qrcodeBox .title{border-color:#333}
.mode .qrcodeBox img{border-color:#333}
.mode .complain{color:#999}
.mode .complain .icon-danger{background-image:url(/themes/cn_book/booknr3/images/icon_danger@1x.png);background-size:100%}
.mode .chapterMenu{background-color:#fff}
.mode .chapterMenu .item+.item{border-left-color:#e1e1e1}
.mode .chapterMenu .item a{color:#666}
.pink .bgRead{background:url(/themes/cn_book/booknr3/images/readBg_pink.jpg) no-repeat;background-size:100% 100%}
.pink .container .loaded .page-content p,.pink .text-fontSize{color:#691d36}
.pink .container .breadcrumb,.pink .container .breadcrumb a,.pink .copyrightTip,.pink .pay-detail,.pink .pay-detail .themeColor{color:#691d36!important}
.pink .recommend ul li p{color:#691d36}
.pink.chapter .container .page-control a{color:#691d36;border-color:#691d36}
.pink.chapter .container .page-control .next{background-color:#691d36;color:#fff}
.pink .qrcodeBox{border-color:#691d36;color:#691d36}
.pink .qrcodeBox .title{border-color:#691d36}
.pink .qrcodeBox img{border-color:#691d36}
.pink .icon-homeC{background-image:url(/themes/cn_book/booknr3/images/pink_home.png)}
.pink .follow>div{background-image:url(/themes/cn_book/booknr3/images/pink_star.png);background-size:100% 100%}
.pink .collected>div{background:url(/themes/cn_book/booknr3/images/pink_starfull.png);background-size:100% 100%}
.pink .icon-fontS{background-image:url(/themes/cn_book/booknr3/images/pink_fontS.png)}
.pink .icon-fontL{background-image:url(/themes/cn_book/booknr3/images/pink_fontL.png)}
.pink .complain{color:#814b5d}
.pink .complain .icon-danger{background-image:url(/themes/cn_book/booknr3/images/icon_danger@2x.png);background-size:100%}
.pink .chapterMenu{background-color:#f8ebef}
.pink .chapterMenu .item+.item{border-left-color:#691d36}
.pink .chapterMenu .item a{color:#691d36}
.yellow .bgRead{background:url(/themes/cn_book/booknr3/images/readBg_yellow.jpg) no-repeat;background-size:100% 100%}
.yellow .container .loaded .page-content p,.yellow .text-fontSize{color:#453722}
.yellow .container .breadcrumb,.yellow .container .breadcrumb a,.yellow .copyrightTip,.yellow .pay-detail,.yellow .pay-detail .themeColor{color:#453722!important}
.yellow .recommend ul li p{color:#453722}
.yellow.chapter .container .page-control a{color:#453722;border-color:#453722}
.yellow.chapter .container .page-control .next{background-color:#453722;color:#fff}
.yellow .qrcodeBox{border-color:#453722;color:#453722}
.yellow .qrcodeBox .title{border-color:#453722}
.yellow .qrcodeBox img{border-color:#453722}
.yellow .icon-homeC{background-image:url(/themes/cn_book/booknr3/images/yellow_home.png)}
.yellow .follow>div{background-image:url(/themes/cn_book/booknr3/images/yellow_star.png);background-size:100% 100%}
.yellow .collected>div{background-image:url(/themes/cn_book/booknr3/images/yellow_starfull.png);background-size:100% 100%}
.yellow .icon-fontS{background-image:url(/themes/cn_book/booknr3/images/yellow_fontS.png)}
.yellow .icon-fontL{background-image:url(/themes/cn_book/booknr3/images/yellow_fontL.png)}
.yellow .complain{color:#9c835f}
.yellow .complain .icon-danger{background-image:url(/themes/cn_book/booknr3/images/icon_danger@3x.png);background-size:100%}
.yellow .chapterMenu{background-color:#f1e5d8}
.yellow .chapterMenu .item+.item{border-left-color:#453722}
.yellow .chapterMenu .item a{color:#453722}
.deepBlue{background-color:#203340}
.deepBlue .container .loaded .page-content p,.deepBlue .text-fontSize{color:#798ca2}
.deepBlue .container .breadcrumb,.deepBlue .container .breadcrumb a,.deepBlue .copyrightTip,.deepBlue .pay-detail,.deepBlue .pay-detail .themeColor{color:#798ca2!important}
.deepBlue .recommend ul li p{color:#798ca2}
.deepBlue.chapter .container .page-control a{color:#798ca2;border-color:#798ca2}
.deepBlue.chapter .container .page-control .next{background-color:#798ca2;color:#fff}
.deepBlue .qrcodeBox{border-color:#798ca2;color:#798ca2}
.deepBlue .qrcodeBox .title{border-color:#798ca2}
.deepBlue .qrcodeBox img{border-color:#798ca2}
.deepBlue .icon-homeC{background-image:url(/themes/cn_book/booknr3/images/lightblue_home.png)}
.deepBlue .follow>div{background-image:url(/themes/cn_book/booknr3/images/lightblue_star.png);background-size:100% 100%}
.deepBlue .collected>div{background-image:url(/themes/cn_book/booknr3/images/lightblue_starfull.png);background-size:100% 100%}
.deepBlue .icon-fontS{background-image:url(/themes/cn_book/booknr3/images/lightblue_fontS.png)}
.deepBlue .icon-fontL{background-image:url(/themes/cn_book/booknr3/images/lightblue_fontL.png)}
.deepBlue .complain{color:#617183}
.deepBlue .complain .icon-danger{background-image:url(/themes/cn_book/booknr3/images/icon_danger@6x.png);background-size:100%}
.deepBlue .chapterMenu{background-color:#0c1419}
.deepBlue .chapterMenu .item+.item{border-left-color:#798ca2}
.deepBlue .chapterMenu .item a{color:#798ca2}
.lightBlue .bgRead{background:url(/themes/cn_book/booknr3/images/readBg_blue.jpg) no-repeat;background-size:100% 100%}
.lightBlue .container .loaded .page-content p,.lightBlue .text-fontSize{color:#3b5573}
.lightBlue .container .breadcrumb,.lightBlue .container .breadcrumb a,.lightBlue .copyrightTip,.lightBlue .pay-detail,.lightBlue .pay-detail .themeColor{color:#3b5573!important}
.lightBlue .recommend ul li p{color:#3b5573}
.lightBlue.chapter .container .page-control a{color:#3b5573;border-color:#3b5573}
.lightBlue.chapter .container .page-control .next{background-color:#3b5573;color:#fff}
.lightBlue .qrcodeBox{border-color:#3b5573;color:#3b5573}
.lightBlue .qrcodeBox .title{border-color:#3b5573}
.lightBlue .qrcodeBox img{border-color:#3b5573}
.lightBlue .icon-homeC{background-image:url(/themes/cn_book/booknr3/images/blue_home.png)}
.lightBlue .follow>div{background-image:url(/themes/cn_book/booknr3/images/blue_star.png);background-size:100% 100%}
.lightBlue .collected>div{background-image:url(/themes/cn_book/booknr3/images/blue_starfull.png);background-size:100% 100%}
.lightBlue .icon-fontS{background-image:url(/themes/cn_book/booknr3/images/blue_fontS.png)}
.lightBlue .icon-fontL{background-image:url(/themes/cn_book/booknr3/images/blue_fontL.png)}
.lightBlue .complain{color:#6883a2}
.lightBlue .complain .icon-danger{background-image:url(/themes/cn_book/booknr3/images/icon_danger@4x.png);background-size:100%}
.lightBlue .chapterMenu{background-color:#e5f2fd}
.lightBlue .chapterMenu .item+.item{border-left-color:#3b5573}
.lightBlue .chapterMenu .item a{color:#3b5573}
.brown .bgRead{background:url(/themes/cn_book/booknr3/images/readBg_brown.jpg) no-repeat;background-size:100% 100%}
.brown .container .loaded .page-content p,.brown .text-fontSize{color:#957763}
.brown .container .breadcrumb,.brown .container .breadcrumb a,.brown .copyrightTip,.brown .pay-detail,.brown .pay-detail .themeColor{color:#957763!important}
.brown .recommend ul li p{color:#957763}
.brown.chapter .container .page-control a{color:#957763;border-color:#957763}
.brown.chapter .container .page-control .next{background-color:#957763;color:#fff}
.brown .qrcodeBox{border-color:#957763;color:#957763}
.brown .qrcodeBox .title{border-color:#957763}
.brown .qrcodeBox img{border-color:#957763}
.brown .icon-homeC{background-image:url(/themes/cn_book/booknr3/images/yellow_home.png)}
.brown .follow>div{background-image:url(/themes/cn_book/booknr3/images/yellow_star.png);background-size:100% 100%}
.brown .collected>div{background-image:url(/themes/cn_book/booknr3/images/yellow_starfull.png);background-size:100% 100%}
.brown .icon-fontS{background-image:url(/themes/cn_book/booknr3/images/yellow_fontS.png)}
.brown .icon-fontL{background-image:url(/themes/cn_book/booknr3/images/yellow_fontL.png)}
.brown .complain{color:#9c835f}
.brown .complain .icon-danger{background-image:url(/themes/cn_book/booknr3/images/icon_danger@3x.png);background-size:100%}
.brown .chapterMenu{background-color:#0c0807}
.brown .chapterMenu .item+.item{border-left-color:#957763}
.brown .chapterMenu .item a{color:#957763}
.chapter-detail .header-small{position:fixed;top:-56px;left:0;width:100%;background:rgba(0,0,0,.8);z-index:4;color:#fff;border-bottom:0}
.chapter-detail .header-small span{background-color:transparent}
.chapter-detail .header-small .left .back{background-image:url(/themes/cn_book/booknr3/images/back_white@2x.png);margin-left:.12rem;background-size:auto .22rem}
.chapter-detail .header-small .right .people{background-image:url(/themes/cn_book/booknr3/images/person_white@2x.png)}
.chapter-detail .header-small .right .home{background-image:url(/themes/cn_book/booknr3/images/home_white@2x.png)}
.wx-guidePage{display:none;cursor:pointer;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9;background-color:rgba(0,0,0,.6)}
.wx-guidePage .top{position:absolute;right:10px;top:10px;width:50%;height:150px;background:url(/themes/cn_book/booknr3/images/wx-guide@2x.png) no-repeat right top;background-size:100% auto}
.wx-guidePage .bottom{position:absolute;left:0;right:0;bottom:0;height:200px;background:url(/themes/cn_book/booknr3/images/wx-guide@1x.png) no-repeat left bottom;background-size:100% auto}
.chapterMenu{position:fixed;left:0;right:0;bottom:-60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;background-color:#fff;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1);text-align:center;-webkit-transition:all .4s;transition:all .4s;z-index:10000}
.chapterMenu.active{bottom:0}
.chapterMenu .item{-webkit-flex:1;flex:1;margin:17px 0}
.chapterMenu .item+.item{border-left:1px solid #e1e1e1}
.chapterMenu .item a{font-size:15px;color:#666}
.chapterMenu .item a .iconfont{font-size:17px;margin-right:9px}
@media (max-width:320px){.setChange .bgcolor span{margin-right:2%}
}
.btn{display:inline-block;height:40px;line-height:40px;text-align:center;color:#45a1b8;border:none;border-radius:3px}
.btn-auto{width:100%;padding:0}
.btn.less-normal{font-size:.75em;height:27px;line-height:27px}
.btn-grey{background-color:#e9e9e9;background-image:-moz-linear-gradient(top,#e9e9e9,#e9e9e9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e9e9e9),to(#e9e9e9));background-image:-webkit-linear-gradient(top,#e9e9e9,#e9e9e9);background-image:-o-linear-gradient(top,#e9e9e9,#e9e9e9);background-image:linear-gradient(to bottom,#e9e9e9,#e9e9e9);background-repeat:repeat-x;color:#666}
.btn-blue{background-color:#49c5f9;background-image:-moz-linear-gradient(top,#49c5f9,#49c5f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#49c5f9),to(#49c5f9));background-image:-webkit-linear-gradient(top,#49c5f9,#49c5f9);background-image:-o-linear-gradient(top,#49c5f9,#49c5f9);background-image:linear-gradient(to bottom,#49c5f9,#49c5f9);background-repeat:repeat-x;color:#fff}
.btn-orange{background-color:#ee8d4d;background-image:-moz-linear-gradient(top,#ee8d4d,#ee8d4d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee8d4d),to(#ee8d4d));background-image:-webkit-linear-gradient(top,#ee8d4d,#ee8d4d);background-image:-o-linear-gradient(top,#ee8d4d,#ee8d4d);background-image:linear-gradient(to bottom,#ee8d4d,#ee8d4d);background-repeat:repeat-x;color:#fff}
.btn-pink{background-color:#f7a7d2;background-image:-moz-linear-gradient(top,#f7a7d2,#f7a7d2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f7a7d2),to(#f7a7d2));background-image:-webkit-linear-gradient(top,#f7a7d2,#f7a7d2);background-image:-o-linear-gradient(top,#f7a7d2,#f7a7d2);background-image:linear-gradient(to bottom,#f7a7d2,#f7a7d2);background-repeat:repeat-x;color:#fff}
.btn-default{color:#848689;background-color:#eee}
.btn.small{height:22px;line-height:22px;padding:0 10px;font-size:.75em}
.btn-link{color:#6bace4}
.btn-link.grey{color:#666}
input.btn-link{display:inline;background:0 0;border:none}
input.btn{height:40px;line-height:40px;font-size:.16rem}
.pay-choose h1{font-size:.14rem;padding:10px 0 0 10px}
.pay-choose .bd .num{color:#d5264b;font-weight:100}
.pay-choose .table{border-bottom:1px solid #eee;width:100%;background:rgba(255,255,255,.8);margin-bottom:20px}
.pay-choose .table td{font-size:.12rem}
.pay-choose .table td,.pay-choose .table th{padding:8px;text-align:left;line-height:20px}
.pay-choose .table th{font-weight:700}
.pay-choose .table tr:nth-child(odd) td{background:#f8f8f8}
.pay-choose .table tr{display:table-row;border-bottom:1px solid #eee}
.pay-choose .table .ar input{border:0;background:#fff}
.yearVIP .vip-title{background-color:#faf8f4;text-align:center;color:#e9c382;font-size:.12rem;padding-top:.15rem;line-height:.14rem}
.yearVIP .vip-state{margin:0 .14rem}
.yearVIP .vip-state .item{position:relative;height:.58rem;padding-top:.22rem;padding-left:.4rem;border-bottom:1px solid #f5f5f5}
.yearVIP .vip-state .item .bigFont{color:#e9c382;font-size:.16rem;margin-bottom:.09rem}
.yearVIP .vip-state .item .smallFont{color:#888;font-size:.12rem}
.yearVIP .vip-state .item.book{background:url(/themes/cn_book/booknr3/images/yearVIP_book.png) no-repeat left center;background-size:25px}
.yearVIP .vip-state .item.royal{background:url(/themes/cn_book/booknr3/images/yearVIP_royal.png) no-repeat left center;background-size:25px}
.yearVIP .vip-state .item.money{background:url(/themes/cn_book/booknr3/images/yearVIP_money.png) no-repeat left center;background-size:25px}
.yearVIP .vip-state .item:after{position:absolute;content:'';top:50%;right:.14rem;width:.17rem;height:.17rem;background:url(/themes/cn_book/booknr3/images/yearVIP_ok.png) no-repeat;background-size:100%}
.yearVIP .desc{background-color:transparent!important;padding-bottom:0!important;color:#888}
.yearVIP .vip-pay{text-align:center;padding:.2rem .14rem 0}
.yearVIP .vip-pay .bigFont{font-size:.14rem;margin-bottom:10px}
.yearVIP .vip-pay .smallFont{font-size:.12rem;color:#353535;margin-bottom:20px}
.yearVIP .vip-pay .gopay{font-size:.17rem;width:1.8rem;text-align:center;border-radius:20px;margin:0 auto;letter-spacing:3px}
.leave_pop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9}
.leave_pop .p_main{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;height:0;padding-bottom:72%;background:url(/themes/cn_book/booknr3/images/bg_vipPop.png) no-repeat;background-size:100% auto;color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.leave_pop .p_main .icon-a-close{position:absolute;right:9px;top:9px;width:10px;height:10px;background:url(/themes/cn_book/booknr3/images/icon_close@3x.png) no-repeat center;background-size:100% 100%}
.leave_pop .p_main .p_title{font-size:20px;height:0;padding-bottom:22%;line-height:55px}
.leave_pop .p_main .p_content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;padding:8%;line-height:1.4;width:80%;margin:0 auto;text-align:left}
.leave_pop .p_main .p_footer{position:absolute;left:10%;right:10%;bottom:13%;border-radius:2px}
.leave_pop .p_main .p_footer a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;width:50%;font-size:14px;color:#f0c88e;border:1px solid #f0c88e;letter-spacing:2px;line-height:30px}
.leave_pop .p_main .p_footer a.active{background-color:#f0c88e;color:#fff}
.topup{background:#fff}
.topup .pay-form{background-color:#fff;text-align:center}
.topup .pay-title{padding:10px;font-size:.14rem;background-color:#fff}
.topup .page-title{height:.3rem;line-height:.3rem;background-color:#f1f1f1;padding-left:10px}
.topup .go-pay{width:100vh}
.topup .weixin-pay label,.topup .weixinH5-pay label{background-image:url(/themes/cn_book/booknr3/images/weixin.png);background-position:0 center;background-size:18px;background-repeat:no-repeat}
.topup .zhifubao-pay label{background-image:url(/themes/cn_book/booknr3/images/zhifubao.png);background-position:0 center;background-size:18px;background-repeat:no-repeat}
.topup .radio-div{display:inline-block;width:40%;line-height:50px;position:relative}
.topup .radio-div input[type=radio]:checked:after{content:"";display:block;position:absolute;width:18px;height:18px;background-image:url(/themes/cn_book/booknr3/images/selected@2x.png);background-repeat:no-repeat;background-size:100%}
.topup .radio-div:last-of-type{border-bottom:0}
.topup .radio-div label{display:inline-block;padding-left:25px;line-height:18px;vertical-align:middle}
.topup .radio-div input[type=radio]{position:relative;width:1px;height:1px;margin-right:20px;vertical-align:middle}
.topup .radio-div input[type=radio]:after{content:"";background-color:#fff;display:block;position:absolute;width:18px;height:18px;background-image:url(/themes/cn_book/booknr3/images/unselect.png);background-repeat:no-repeat;background-size:100%;right:-9px;top:-9px}
.topup .radio-div .zhifubao-pay label{background-image:url(/themes/cn_book/booknr3/images/zhifubao.png);background-position:0 center;background-size:18px;background-repeat:no-repeat}
.topup .radio-div .weixinH5-pay label{background-image:url(/themes/cn_book/booknr3/images/weixin.png);background-position:0 center;background-size:18px;background-repeat:no-repeat}
.topup .pay-con{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #ccc;width:100%;overflow:hidden}
.topup .pay-con .active{border:2px solid #d5264b}
.topup .pay-con li{float:left;width:48%;background:#fff;padding:10px 5px;border:2px solid #f4f4f4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:flex}
.topup .pay-con li:first-child{margin-right:10px}
.topup .pay-con li img{padding-right:5px;width:36px;height:36px;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1}
.topup .pay-con li span{color:#42abc8;-webkit-box-flex:3;-moz-box-flex:3;-ms-box-flex:3;line-height:1.6em}
.topup .pay-con li span b{color:#333}
.topup .num-list{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:wrap row;flex-flow:wrap row}
.topup .num-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;align-items:center;justify-content:center;border:1px solid #eee;background-color:#fafafa;position:relative;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;text-align:center;width:45.5%;margin-left:3%;margin-top:12px;padding:.14rem 0}
.topup .num-list li .tip-countLimit{position:absolute;right:-3px;top:5px;background:url(/themes/cn_book/booknr3/images/icon_countLimit.png) no-repeat;background-size:100% 100%;font-size:9px;color:#fff;padding:0 5px 3px}
.topup .num-list li .tip-redBg{position:absolute;content:'';right:0;top:0;width:0;height:0;border:.2rem solid;border-color:#ff1b3b #ff1b3b transparent transparent}
.topup .num-list li .keMoney{position:absolute;z-index:2;top:.05rem;right:-.15rem;color:#fff;font-size:.1rem;text-align:center;width:.57rem;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.topup .num-list li .tip-whiteBg{position:absolute;content:'';right:0;top:0;width:0;height:0;border:.09rem solid;border-color:#fff #fff transparent transparent}
.topup .num-list li .tip{display:none}
.topup .num-list li.hasHot .tip{display:block;position:absolute;top:-20px;right:-8px;width:25px;height:38px;background:url(/themes/cn_book/booknr3/images/icon_hot@2x.png?1) no-repeat;background-size:100% 100%;margin-bottom:0}
.topup .num-list li .moneyState{border-top:1px solid #eee;color:#ff1b3b;height:30px;line-height:30px}
.topup .num-list li em{line-height:.2rem;height:.2rem;color:#333;display:block;font-size:18px}
.topup .num-list li span{height:.18rem;display:block;line-height:.2rem;color:#888;font-size:12px}
.topup .num-list li span.sale_tips{position:absolute;top:8px;right:-30px;height:20px;width:100px;color:#fff;background:#ff1b3b;display:block;transform:rotate(42deg);font-size:12px;line-height:20px;text-align:center}
.topup .num-list li span.awardText{color:#ff1b3b}
.topup .num-list .active{border:1px solid #ff1b3b;background-color:#fff1f3}
.topup .num-list .active .moneyState{border-top-color:#ff818f}
.topup .num-list .active em,.topup .num-list .active span{color:#ff1b3b}
.topup .gopay{height:40px;line-height:40px;font-size:.14rem;text-align:center;margin:10px 10px 20px;background:#ff1b3b;color:#fff;border-radius:4px}
.topup .desc{background-color:#f5f5f5;padding:15px 15px 120px;color:#666}
.topup .desc div{margin-bottom:15px;font-size:14px}
.topup .desc p{line-height:1.8}
.topup .desc .num{float:left}
.topup .desc .text{overflow:hidden;display:table-cell;width:9999px;padding-left:8px}
.topup .firstCharge{font-size:0;position:fixed;bottom:0;left:0;width:100%}
.topup .pay-qt{overflow:hidden}
.topup .pay-qt .money{float:left;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:36px;width:29%;background:#fff;margin-right:13px}
.topup .pay-qt .pay-put input{width:50%;line-height:36px;padding-left:10px;border:1px solid #ccc;margin-right:5px;-webkit-appearance:none}
.topup .num-value{margin-top:15px;border-top:1px dashed #ccc;padding-top:15px;font-size:18px}
.topup .num-value span{font-weight:700;font-size:20px}
.topup .num-value .blue{padding:0 5px;color:#42abc8}
.topup .button{margin:15px 0}
.topup .button .btn-auto{width:100%}
.topup .button .btn-blue{background:#42abc8!important;color:#fff}
.topup .balance{background:#fff;border-bottom:.09rem solid #f9f9f9;font-size:.14rem;padding:12px;color:#333;line-height:24px}
.topup .lackTop{background-color:#fff;text-align:center;padding:15px}
.topup .lackTop .tip{font-weight:700;font-size:15px;margin-bottom:10px}
.sign_window_shack{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:10;background-color:rgba(0,0,0,.4)}
.sign_window_shack .sign_window{width:72%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background-color:#fff;border-radius:6px;overflow:hidden}
.sign_window_shack .sign_window .img:before{content:'';height:47vw;position:absolute;width:100%;top:-1px;left:0;background:linear-gradient(to right,#f95858,#fb7f6e);z-index:1}
.sign_window_shack .sign_window .img .bg-1{height:32vw;background-image:url(/themes/cn_book/booknr3/images/gift_ico@2x.png);position:relative;background-repeat:no-repeat;z-index:2;background-size:45% auto;background-position:center center}
.sign_window_shack .sign_window .img .bg-2{height:15vw;background-image:url(/themes/cn_book/booknr3/images/dec_s@2x.png);background-size:100% auto;position:relative;z-index:2}
.sign_window_shack .sign_window .img .bg-2:after{height:5vw;position:absolute;width:100%;bottom:0;left:0;content:'';background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}
.sign_window_shack .sign_window .content .t{font-size:.2rem;color:#fa4e66;font-weight:700;text-align:center;margin-bottom:10px}
.sign_window_shack .sign_window .content .d{color:#999;font-size:.15rem;text-align:center;margin-bottom:.23rem}
.sign_window_shack .sign_window .ctrls{text-align:center}
.sign_window_shack .sign_window .ctrls .close{width:60%;text-align:center;color:#fff;font-size:.16rem;height:.36rem;border-radius:21px;letter-spacing:.4em;line-height:.36rem;margin:0 auto;background:linear-gradient(to right,#f95858,#fb7f6e)}
.sign_window_shack .sign_window .tips{height:40px;font-size:.11rem;color:#353535;line-height:40px;letter-spacing:.1em;text-align:center}
.sign_window_shack .sign_window .tips span{color:#f3c54d}
#signShack{position:fixed;background:rgba(0,0,0,.7);width:100%;height:100%;z-index:13;top:0;display:none}
#signShack .box{width:80%;margin:20vh auto;border-radius:10px;background:#fff;text-align:center}
#signShack .box .title{height:15vh;background:#38bef6;border-radius:10px 10px 0 0;position:relative}
#signShack .box .title .closeSign{position:absolute;right:10px;top:10px;width:25px;height:25px;background:url(/themes/cn_book/booknr3/images/sign_cancel@2x.png) no-repeat center;background-size:100% auto}
#signShack .box .title img{margin-top:-20px;width:80%}
#signShack .box .mod p{padding-bottom:15px}
#signOtherBtn{position:fixed;right:10px;bottom:140px;background:url(/themes/cn_book/booknr3/images/sign@2x.png) no-repeat center;background-size:100% auto;width:45px;height:45px;display:none;z-index:10}
.sign .container:before{content:'';background:linear-gradient(to right,#f95858,#fb7f6e);width:100%;height:106.6vw;position:absolute;left:0;top:0}
.sign .container:after{content:'';background:linear-gradient(to bottom,rgba(255,255,255,.57) 0,#fff 100%);width:100%;height:43vw;position:absolute;left:0;top:63.6vw}
.sign .TitleTommorow{background:rgba(0,0,0,.7);width:150px;height:35px;line-height:35px;color:#fff;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;border-radius:5px;text-align:center;display:none}
.sign .Success{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:4;top:0}
.sign .Success p{height:40px;line-height:40px;text-align:center;color:#e0bb67}
.sign .Success p span{font-size:26px}
.sign .Success p em{color:#888}
.sign .Success p button{border-radius:5px 5px 7px 7px;height:40px;line-height:40px;background:#e7ba33;color:#fff;text-align:center;font-size:22px;width:90%;border:none;border-bottom:3px solid #dba500}
.sign .Success .ok{height:363px;background:url(/themes/cn_book/booknr3/images/title1@2x.png) no-repeat top center;background-size:100% auto;margin:0 15px;position:relative;top:108px;overflow:hidden}
.sign .Success .ban{background:#fff;width:85%;margin:93px auto 0;height:auto}
.sign .Success .line{border:1px solid #f6ff09;position:absolute;left:50%;transform:translateX(-50%);height:140px}
.sign .Success .cancel{position:absolute;left:50%;top:60%;background:url(/themes/cn_book/booknr3/images/cancel2@2x.png) no-repeat center;background-size:100% auto;width:40px;height:40px;transform:translateX(-50%);z-index:3}
.sign .signTop{height:63.6vw;background:url(/themes/cn_book/booknr3/images/sign_bg.png) no-repeat -1px 100px;background-size:102% auto;text-align:center;overflow:hidden;position:relative}
.sign .signTop .box{background:url(/themes/cn_book/booknr3/images/sign_btn@2x.png) no-repeat center;background-size:auto 100%;height:60%;margin:8% auto 10px;vertical-align:middle;width:40%}
.sign .signTop .box .signNum{color:#fa6f65;border-top:1px solid #fa6f65;padding:0 5px}
.sign .signTop .box h1{padding:30% 0 12%}
.sign .signDate{position:absolute;z-index:3;background:#fff;border-radius:3px;box-sizing:border-box;width:94%;top:50vw;left:3%}
.sign .signDate .info{overflow:hidden;padding:10px 10px 2px}
.sign .signDate .info .left{float:left}
.sign .signDate .info .left .t{font-size:.16rem;font-weight:700}
.sign .signDate .info .left .d{padding:0;color:#888}
.sign .signDate .info .right{float:right}
.sign .signDate .info .right .sign-day{height:30px;margin-top:12px;border-radius:15px;line-height:30px;font-size:14px;color:#fff;padding:0 15px;background-color:#f95958}
.sign .signDate p{padding:10px 0}
.sign .signDate .signTime{display:flex;padding:17px 5px}
.sign .signDate .signTime .box{flex-grow:1}
.sign .signDate .signTime .box .date{text-align:center}
.sign .signDate .signTime .box li{color:#fff;box-shadow:0 0 1px #d5d5d5;position:relative;font-size:12px;border-radius:100%;margin:0 5px;height:40px;text-align:center;line-height:40px;background-color:#f95958;background-size:16px auto;background-position:center center;background-repeat:no-repeat}
.sign .signDate .signTime .box .signok{position:absolute;width:40%;height:40%;bottom:-6px;right:-1px;background:url(/themes/cn_book/booknr3/images/sign_ok@2x.png) no-repeat center;background-size:100% auto}
.sign .signDate .signTime .box .signnorep{position:absolute;width:100%;height:20px;left:0;bottom:-8px;background:url(/themes/cn_book/booknr3/images/sign_rep@2x.png) no-repeat center;background-size:80% auto;color:#fff}
.sign .signRule{margin:0 20px}
.sign .signRule .more{text-align:center}
.sign .signRule .more span{background:#fecb55;line-height:40px;padding:0 20px 0 50px;color:#fff;border-radius:20px;margin:15px 0;display:inline-block;position:relative}
.sign .signRule .more img{height:42px;border-radius:100%;position:absolute;left:0;top:0}
.sign .signRule .more p{color:#b2b2b2}
.sign .rule{margin-top:30px}
.sign .rule .title{border-bottom:1px solid #efefef;text-align:center}
.sign .rule .title span{padding:0 20px;background:#fff;position:absolute;transform:translate(-50%,-50%)}
.sign .rule p{margin-top:30px;line-height:20px;color:#999}
.signaward{background:#38bef6 url(/themes/cn_book/booknr3/images/awardbg.png) no-repeat top center;background-size:100% auto;width:100%;height:100%}
.signaward .Success .ok{background:url(/themes/cn_book/booknr3/images/title3@2x.png) no-repeat top center;background-size:100% auto;height:343px}
.signaward .Success .ok .ban{height:250px;left:30px}
.signaward .awardError .ban{margin:160px 30px 0;background:#fff;border-radius:10px;padding-bottom:20px}
.signaward .wrap{position:absolute;padding-bottom:20px;margin:0 25px;top:240px}
.signaward .wrap .banner .g-content{width:100%;height:364px}
.signaward .wrap .banner .g-content .g-lottery-box{width:100%;height:100%;background:url(/themes/cn_book/booknr3/images/ly-plate-c.gif) no-repeat center;background-size:100% auto;transform:translateY(-80px);overflow:hidden}
.signaward .wrap .banner .g-content .g-lottery-box .g-lottery-img{width:84%;height:84%;margin:8%;background:url(/themes/cn_book/booknr3/images/bg-lottery.png?3) no-repeat center;background-size:100% auto}
.signaward .wrap .banner .g-content .g-lottery-box .playbtn{display:inline-block;width:50%;height:50%;margin:25%;background:url(/themes/cn_book/booknr3/images/playbtn.png) no-repeat center;background-size:100% auto}
.signaward .wrap .banner .rule{margin:0 10px;color:#fff;transform:translateY(-40px)}
.wx-complain{background-color:#f0eff4;line-height:1.5}
.wx-complain .title{color:#999;font-size:.13rem;padding:.11rem 0 .11rem .16rem}
.wx-complain .list{background-color:#fff;border-bottom:.5px solid #d8d8d8}
.wx-complain .list li{border-top:.5px solid #d9d9d9;padding-left:.16rem}
.wx-complain .list li a{position:relative;display:block;font-size:.16rem;padding:.1rem .5rem .11rem 0}
.wx-complain .list li a:after{content:'';position:absolute;top:50%;right:.15rem;width:.07rem;height:.14rem;background:url(/themes/cn_book/booknr3/images/icon_wxArrow.png) no-repeat right center;background-size:100% auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.wx-complain .link-notice{position:fixed;left:50%;bottom:.19rem;font-size:.14rem;color:#5f7fa8;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.wx-complain .c-notice{padding:0 .15rem}
.wx-complain .c-notice .i-title{font-size:.17rem;padding:.19rem 0;text-align:center}
.wx-complain .c-notice .i-content{font-size:.14rem}
.wx-complain .c-status{text-align:center;padding:.36rem .15rem}
.wx-complain .c-status .s-title{font-size:.19rem;margin-top:.33rem;margin-bottom:.1rem;text-align:center}
.wx-complain .c-status .s-content{color:#999;text-align:center;font-size:.13rem}
.wx-complain .c-status .s-close{display:block;background-color:#1bac19;color:#fff;border-radius:4px;padding:.11rem;font-size:.16rem;margin-top:.27rem}
@media (-webkit-min-device-pixel-ratio:2){.wx-complain .list{position:relative;border:none}
.wx-complain .list:after{position:absolute;content:'';bottom:-1px;left:0;right:0;border-top:1px solid #d9d9d9;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.wx-complain .list li{position:relative;border:none}
.wx-complain .list li:before{position:absolute;content:'';top:-1px;left:0;right:0;border-top:1px solid #d9d9d9;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
}


  .page_container{
        min-height: 100vh;
        border-bottom: none;
    }

    .container{
        padding-bottom: 80px;
    }
    .fixedHeaderContainer{
        padding-top: .5rem;
    }
    .pagination a, .pagination span{
        padding: 0 5px;
    }
    .detail .column-2 p{
        font-size: 0.12rem;
    }
    .index .block .list-v li .right .intro{
        margin-top: 0.05rem;
    }
    .index .block .list-v li .left img{
        height: calc((100vw - .85rem)/ 3);
    }
    .index .block .recommend .desc span{
        vertical-align: middle;
    }
    .header-small .right .nav{
        background-size: auto .12rem;
    }
    .pubName, .keyWord{
				font-style:  normal;
				color: red;
			}
			#showCode{
				position: fixed;
				width: 100vw;
				height: 100vh;
				background: rgba(0,0,0,0.5);
				z-index: 10;
				top: 0;
				left: 0;
				display: none;
			}
			#showCode .box{
				width: 70%;
				margin: 25vh auto 0;
				background: #FFFFFF;
				padding: 20px;
				border-radius: 5px;
			}
			.chapter .container .loaded .page-content p{
				line-height: 2em;
			}
			.copyrightTip{
				text-align: center;
				padding: 40px 20px;
			}
			.copyrightTip .title{
				font-size: 22px;
				margin-bottom: 20px;
				color: #ce0714;
				line-height: 1.2;
			}
			.copyrightTip img{
				margin-top: 40px;
				margin-bottom: 40px;
			}
			.copyrightTip .graph{
				margin-bottom: 10px;
				padding-left: 20px;
				padding-right: 20px;
				text-align: left;
				line-height: 1.8;
			}
			.copyrightTip .step{
				font-size: 15px;
			}
			.copyrightTip .btn-close{
				display: block;
				background-color: #FF1B3B;
				color: #fff;
				line-height: 40px;
				font-size: 18px;
				border-radius: 4px;
				margin-top: 40px;
			}
			ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}