/*书籍详情页*/
.bkdetails_banner{
    overflow: hidden;
    color: #fff;
}
.bkdetails_banner .bkdb_top{
    line-height: 21px;
    margin: 10px 0 8px;
}
.bkdetails_banner .bkdb_top .fl img{
    vertical-align: middle;
    margin: 0 4px 4px 13px;
}
.bkdetails_banner .bkdb_top .fr{
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 12px;
}
.bkdetails_banner .bkdb_bottom .bookCover_span{
    float: left;
    width: 75px;
    height: 100px;
    position: relative;
    margin: 0 14px 14px 13px;
}
.bkdetails_banner .bkdb_bottom .bookCover_span .bookCover{
    display: block;
    border-radius: 2px;
}
.bkdetails_banner .bkdb_bottom .bookCover_span .posi{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.bkdetails_banner .bkdb_bottom .tit{
    font-size: 18px;
    margin-top: 2px;
}
.bkdetails_banner .bkdb_bottom .author{
    margin: 6px 0 4px;
}
.bkdetails_banner .bkdb_bottom .type{
    font-size: 12px;
    line-height: 21px;
}
.bkdetails_nav{
    margin-top: 8px;
    background: #fff;
}
.bkdetails_nav ul{
    overflow: hidden;
}
.bkdetails_nav ul li{
    float: left;
    text-align: center;
    width: 33.3%;
    padding: 12px 0 10px;
}
.bkdetails_nav ul li>p{
    color: #33373D;
    font-size: 14px;
}
.bkdetails_nav ul li>span{
    font-size: 11px;
    color: #6E6E6E;;
}
.bkdetails_intro{
    margin-top: 8px;
    background: #fff;
    padding: 15px 13px 10px 12px;
    line-height: 17px;
    overflow: hidden;
}
.bkdetails_intro h2{
    font-size: 15px;
    padding: 10px 0 5px;
}
.bkdetails_intro .intro_neirong{
    word-break: break-all;
    margin-left: 7px;
    color: #6E6E6E;
    font-size:13px;
    line-height:21px;
    position: relative;
}
.bkdetails_intro .ellipsis{
    word-break: break-all;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bkdetails_intro .more{
    color: #A6A6A6;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 30px;
    text-align:right;
}
.bkdetails_intro .more>img{
    width: 15px;
    height: 10px;
    vertical-align: bottom;
}
.bkdetails_mulu{
    border-top: 1px solid #F6F7F9;
    background: #fff;
    padding: 0 12px 0 13px;
    height: 46px;
    line-height: 46px;
}
.bkdetails_mulu>a{
    font-size: 14px;
    overflow: hidden;
    display: block;
}
.bkdetails_mulu>a> .bm_tit{
    font-size: 17px;
    color: #33373D;
    /*font-weight: 600;*/
    margin-left: 7px;
}
.bkdetails_mulu>a> .bm_chapter{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    margin-left:18px;
    margin-bottom:2px;
    font-size: 12px;
    color: #A6A6A6;
}
.bkdetails_xgh{
    border-top: 1px solid #F6F7F9;
    background: #fff;
    padding: 0 12px 0 13px;
    height: 68px;
    line-height: 68px;
}
.similar_boutique{
    padding: 0 12px 14px 13px;
    background: #fff;
    margin-top: 8px;
}
.similar_boutique ul{
    overflow: hidden;
    text-align: center;
}
.similar_boutique ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.similar_boutique ul li .tit{
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 72px;
}
.similar_boutique ul li>a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    margin: 0 auto;
}
.similar_boutique ul li>a .bookcover{
    display: block;
    width: 72px;
    height: 96px;
    margin: 0 auto;
}
.book_review{
    padding: 0 0 14px 13px;
    background: #fff;
    margin-top: 8px;
    margin-bottom: 56px;
}
.book_review ul li{
    overflow: hidden;
    position: relative;
    padding-top: 8px;
}
.book_review ul li .posi{
    position: absolute;
    top: 0;
    right: 12px;
    line-height: 18px;
    font-size: 12px;
    color: #A4A5A7;
}
.book_review ul li .posi img{
    vertical-align: middle;
    margin-right: 2px;
}
.book_review ul li .touxiang_area{
    position: absolute;
    top: 8px;
    left: 0;
}
.book_review ul li .touxiang{
    position: relative;
}
.book_review ul li .touxiang .touxiang_img{
    border-radius: 50%;
}
.book_review ul li .touxiang .grade_img{
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -18px;
}
.book_review ul li .pinLun{
    margin-left: 53px;
    border-bottom: 1px solid #F6F7F9;
    padding-bottom: 10px;
    padding-right: 12px;
    position: relative;
    word-break: break-all;
}
.book_review ul li:last-child .pinLun{
    border-bottom: none;
}
.book_review ul li .pinLun>h2{
    font-size: 15px;
    color: #686C72;
    margin-top: 2px;
}
.book_review ul li .pinLun>i{
    font-size: 11px;
    color: #686C72;
    margin-top: 2px;
}
.book_review ul li .pinLun>h5{
    font-size: 15px;
    margin-bottom: 4px;
    color: #33373D;
}
.book_review ul li .pinLun>p{
    color: #6E6E6E;
    line-height: 18px;
    text-align: justify;
}
.book_review ul li .pinLun .inputA{
    display: none;
}
.book_review ul li .pinLun .inputA form textarea{
    width: 98%;
    border: none;
    resize: none;
    height: 50px;
    font-size: 13px;
    border: 1px solid #F6F7F9;
    background: #e7e7e7;
    padding-left:4px ;
    line-height: 16px;
}
.book_review ul li .pinLun .inputA form .goRev{
    border: none;
    margin-top: 5px;
    padding: 5px 10px;
    background-color: #5095D1;
    color: #fff;
}
.book_review ul li .pinLun .replayLists{
    background: #f7f8fa;
    margin: 5px 0;
}
.book_review ul li .pinLun .replayLists li{
    padding: 5px 0 5px 10px;
    border-bottom: 1px dashed #d7d7d7;
}
.book_review ul li .pinLun .replayLists .moreBtn{
    border-bottom: none;
}
.book_review ul li .pinLun .replayLists .moreBtn a{
    color: #fd7e00;
}
.book_review ul li .pinLun .replayLists li .huifu{
    overflow: hidden;
    margin: 5px 0;
}
.book_review ul li .pinLun .replayLists li .huifu i{
    color: #A4A5A7;
}
.book_review ul li .pinLun .replayLists li .huifu span{
    color: #6E6E6E;
    margin-right: 5px;
}
.book_review ul li .pinLun .replayLists li .inputA{
    width: 95%;
}
.book_review .more{
    text-align: center;
    color: #A6A6A6;
    margin: 5px 0;
}
.bkdetails_axtra{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background-image: linear-gradient(-180deg, #FEFEFE 0%, #F3F3F3 100%);
    box-shadow: 2px 0 4px 0
}
.bkdetails_axtra a{
    float: left;
    width: 33.3%;
    height: 40px;
    text-align: center;
    background: #fff;
    color: #A6A6A6;
    padding: 4px 0;
}
.bkdetails_axtra .read{
    background: #E71E00;
    height: 42px;
    margin-top: -2px;
    line-height: 44px;
    color: #fff;
}
.bkdetails_axtra .read1{
    background: #E71E00;
    height: 42px;
    margin-top: -2px;
    line-height: 44px;
    color: #fff;
    background: rgba(224,73,50,0.70);
}
.bkdetails_axtra .subscribe1{
    color: #E71E00;
}
.bkdetails_axtra .join_bookshelf1{
    color: #E71E00;
}
.pengchang{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background: #fff;
    display: none;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.pengchang .pc_top ol{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #EFEFEF;
    background: #F6F6F6;
}
.pengchang .pc_top ol li{
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
}
.pengchang .pc_top ol li.current{
    color: #E71E00;
}
.pengchang .pc_top ol li.current .line{
    position: absolute;
    width: 24px;
    height: 2px;
    background: #E71E00;
    border-radius: 2px;
    bottom: -1px;
    left: 50%;
    margin-left: -12px;
}
.pengchang .ticket_area .ticket_lists{
    overflow: hidden;
    text-align: center;
    padding: 16px 0 10px;
}
.pengchang .ticket_area .ticket_lists li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 27.7%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
    margin: 0 1% 10px;
    font-size: 12px;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.pengchang .ticket_area .ticket_lists li.current{
    background: rgba(231,30,0,0.03);
    border: 1px solid #E71E00;
}
.pengchang .ticket_area .ticket_lists li>i{
    font-size: 12px;
}
.pengchang .reward_area .reward_lists{
    overflow: hidden;
    text-align: center;
    padding: 16px 0 10px;
}
.pengchang .reward_area .reward_lists li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 44.2%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
    margin: 0 1% 6px;
    font-size: 12px;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.pengchang .reward_area .reward_lists li.current{
    background: rgba(231,30,0,0.03);
    border: 1px solid #E71E00;
}
.pengchang .reward_area .reward_lists li>i{
    font-size: 12px;
}
.pengchang .reward_area .reward_lists li input{
    border: none;
    border-bottom: 1px solid #EFEFEF;
    width: 47px;
    margin: 0 2px;
    padding-left: 2px;
}
.pengchang .pc_bottom .ticket_area .ticket_bottom,.pengchang .pc_bottom .reward_area .reward_bottom{
    height: 52px;
    line-height: 52px;
    border-top: 1px solid #EFEFEF;
    overflow: hidden;
    padding-left: 17px;
}
.pengchang .pc_bottom .ticket_area .ticket_bottom span,.pengchang .pc_bottom .reward_area .reward_bottom span{
    width: 104px;
    background: #E71E00;
    color: #fff;
    text-align: center;
}
.mulu_aside .mask{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: none;
}
.share_area{
    padding: 20px 10px 15px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none;
}
.share_area ul li{
    zoom: 1;
    float: left;
    width: 50%;
    text-align: center;
}
.share_area ul li:after{
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.share_area ul li a{
    display: block;
    color: #6E6E6E;
    font-size: 12px;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
/*阅读*/
.noscroll,.noscroll body{
    height: 100%;
    overflow: hidden;
}
.noscroll body{
    position: relative;
}
.noscroll body .wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.font-color2 .wrap{
    background: url(../img/readBg.jpg) repeat left top;
    background-size: 100%;
}
.font-color2 #chaptitle1,.font-color2 #chapcont{
    color: #1D1B16;
}
.font-color3 .wrap{
    background: #CAD9E8;
}
.font-color3 #chaptitle1,.font-color3 #chapcont{
    color: #404040;
}
.font-color4 .wrap{
    background: #D1EDD1;
}
.font-color4 #chaptitle1,.font-color4 #chapcont{
    color: #404040;
}
.font-color5 .wrap{
    background: #E6E6E6;
}
.font-color5 #chaptitle1,.font-color5 #chapcont{
    color: #404040;
}
.font-color6 .wrap{
    background: #2C2C2C;
}
.font-color6 #chaptitle1,.font-color6 #chapcont{
    color: #A9A9A9;
}
.font-color6 .wrap .current_flagship{
    color:#A9A9A9;
}
.font-color6 .wrap .current_flagship ul li>a{
    color:#A9A9A9;
}
.wrap{
    background: url(../img/readBg.jpg) repeat left top;
    background-size: 100%;
    overflow: hidden;
    width: 100%;
}
.wrap .chapname{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 44px;
    line-height: 44px;
    background: inherit;
}
.wrap .chapname .bname a{
    color: #746A58;
    font-size: 14px;
    margin-left: 15px;
    display: block;
    width: 90%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wrap .chapter{
    width:100%;
    padding-top: 44px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.wrap .chapter h1{
    font-size: 26px;
    color: #1D1B17;
    margin: 10px 0 19px 19px;
}
#chapcont{
    font-size: 24px;
    line-height: 32px;
    color: #1D1B16;
    padding: 0 10px 0 15px;
    text-align: justify;
    word-break: break-word;
}
#chapcont font,#chapcont i,#chapcont label,#chapcont abbr{
    display: none;
}
#chapcont span{
    display: block;
    margin-bottom: 10px;
}
.wrap .author_words{
    font-size: 17px;
    color: #0E000C;
    line-height: 20px;
    padding: 0 10px 0 15px;
    margin-top: 18px;
    margin-bottom: 30px;
    text-align: justify;
}
.wrap .author_words span{
    color: #E71E00;
}
.read_bottom .rb_reward{
    padding-bottom: 12px;
    /*border-bottom: 1px solid #B4A58E;*/
    margin:0 13px;
}
.read_bottom .dashang_btn{
    /*width: 123px;
    height: 47px;
    border-radius: 25px;*/
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: #E72002;
    border-radius: 50%;
    font-size: 26px;
    color: #fff;
    margin: 0 auto 12px;
}
.read_bottom .dashang_user{
    text-align: center
}
.read_bottom .dashang_user>img{
    vertical-align:middle;
    margin: 0 1px;
    border-radius: 50%
}
.wrap .chaplink{
    text-align: center;
}
.wrap .chaplink a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 26.13%;
    height: 34px;
    margin: 1%;
    line-height: 34px;
    border: 1px solid #ff7a45;
    border-radius: 20px;
    color: #ff7a45;
    font-size: 17px;
}
.wrap .chaplink .nextchap{
    background: #ff7a45;
    color: #fff;
}
.wrap .current_flagship{
    padding: 0 12px 20px 13px;
    margin-top: 20px;
}
.wrap .current_flagship .biaoti{
    font-size:18px;
}
.wrap .current_flagship ul{
    margin-left: 7px;
}
.wrap .current_flagship ul li{
    margin-bottom: 2px;
    overflow:hidden;
}
.wrap .current_flagship ul li>a{
    float: left;
    width: 84%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wrap .current_flagship ul li span{
    width: 37px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    font-size: 12px;
    padding:2px 0;
    margin-top:3px
}
.wrap .current_flagship ul li .colO{
    background: #FF9A60;
}
.wrap .current_flagship ul li .colR{
    background: #F56C6E;
}
.wrap .current_flagship ul li .colB{
    background: #73D48C;
}
.wrap .tuijian_code{
    overflow: hidden;
    padding-bottom: 54px;
}
.wrap .tuijian_code p{
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #E72002;
}
.fixed_top{
    position: fixed;
    top: 0;
    left: 0;
    background: inherit;
    opacity: 0.9;
    filter: alpha(opacity=90);
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: none;
}
.fixed_bottom{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
    width: 100%;
    padding: 5px 0;
    color: #fff;
    text-align: center;
    display: none;
}
.fixed_bottom>ul{
    overflow: hidden;
}
.fixed_bottom>ul>li{
    float: left;
    width: 20%;
    text-align: center;
}
.mask{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: none;
}
.mulu_aside{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: none;
}
.mulu_aside .muluMask{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.mulu_aside .mulu_area{
    width: 89.6%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 10.4%;
    z-index: 100;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
}
.mulu_aside h2{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 89.6%;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #E32002;
    font-size: 13px;
    background: #fff;
}
.mulu_aside h2 a{
    font-size: 16px;
    color: #E32002;
}
.mulu_aside .mulu_area ul{
    padding-left: 14px;
    padding-bottom: 27px;
    margin-top: 45px;
}
.mulu_aside .mulu_area ul li{
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    border-bottom: 1px solid #F4F5F6;
    overflow: hidden;
}
.mulu_aside .mulu_area ul li>a{
    color: #201E18;
    display: block;
    -webkit-tap-highlight-color:rgba(255,255,255,0)
}
.mulu_aside .mulu_area ul .read a{
    color: #797979;
}
.mulu_aside .mulu_area ul li img{
    margin: 16px 12px 0 0;
}
.mulu_aside .mulu_area ul li.current a{
    color: #E32002;
}
.setting_area{
    position: fixed;
    width: 100%;
    height: 126px;
    bottom: 48px;
    left: 0;
    visibility: hidden;
}
.setting_area .setting_areaBg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
    border-bottom: 1px solid rgba(151,151,151,0.43);
    z-index: 1;
}
.setting_area .setting_areaC{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}
.setting_area .setting_areaC p{
    padding-left: 16px;
    color: #fff;
    margin: 18px 0;
}
.setting_area .setting_areaC .theme span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 11.2%;
    max-width: 46px;
    border-radius: 50%;
    margin: 0 2.6% 0 4.2%;
}
.setting_area .setting_areaC .theme span.current{
    border: 1px solid #E72002;
}
.setting_area .setting_areaC .wordSize span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 38.9%;
    max-width: 154px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    border-radius: 20px;
    font-size: 15px;
    color: #ABB1B3;
    margin-left: 4.2%;
}
.font-smaller .chapter h1{
    font-size: 24px;
}
.font-small .chapter h1{
    font-size: 26px;
}
.font-orign .chapter h1{
    font-size: 28px;
}
.font-big .chapter h1{
    font-size: 30px;
}
.font-bigger .chapter h1{
    font-size: 32px;
}
.font-smaller #chapcont{
    font-size: 19px;
}
.font-small #chapcont{
    font-size: 21px;
}
.font-orign #chapcont{
    font-size: 22px;
}
.font-big #chapcont{
    font-size: 24px;
}
.font-bigger #chapcont{
    font-size: 25px;
}
.font-smaller .wrap .author_words{
    font-size: 19px;
}
.font-small .wrap .author_words{
    font-size: 21px;
}
.font-orign .wrap .author_words{
    font-size: 22px;
}
.font-big  .wrap .author_words{
    font-size: 24px;
}
.font-bigger  .wrap .author_words{
    font-size: 25px;
}
.pop_cover {
    background-color: #000;
    opacity: .5;
}
.pop_tip {
    width: 100%;
    position: fixed;
    top: 30%;
    display: none;
    z-index: 100
}
.pop_inner {
    margin: 0 10%;
    padding: 15px 0;
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
    box-shadow: 2px 2px 3px #000;
    border-radius: 5px;
}
.pop_cont {
    width: 100%;
    line-height: 32px;
    color: #5095D1;
    text-align: center;
}
.pop_cont a{
    color: #333231;
    font-size: 100%;
}
.pengchang{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    display: none;
}
.pengchang .pc_top ol{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #EFEFEF;
}
.pengchang .pc_top ol li{
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
}
.pengchang .pc_top ol li.current{
    color: #E71E00;
}
.pengchang .pc_top ol li.current .line{
    position: absolute;
    width: 24px;
    height: 2px;
    background: #E71E00;
    border-radius: 2px;
    bottom: -1px;
    left: 50%;
    margin-left: -12px;
}
.pengchang .ticket_area .ticket_lists{
    overflow: hidden;
    text-align: center;
    padding: 16px 0 10px;
}
.pengchang .ticket_area .ticket_lists li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 27.7%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
    margin: 0 1% 10px;
    font-size: 12px;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.pengchang .ticket_area .ticket_lists li.current{
    background: rgba(231,30,0,0.03);
    border: 1px solid #E71E00;
}
.pengchang .reward_area .reward_lists{
    overflow: hidden;
    text-align: center;
    padding: 16px 0 10px;
}
.pengchang .reward_area .reward_lists li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 44.2%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
    margin: 0 1% 6px;
    font-size: 12px;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.pengchang .reward_area .reward_lists li.current{
    background: rgba(231,30,0,0.03);
    border: 1px solid #E71E00;
}
.pengchang .reward_area .reward_lists li input{
    border: none;
    border-bottom: 1px solid #EFEFEF;
    width: 47px;
    margin: 0 2px;
    padding-left: 2px;
}
.pengchang .pc_bottom .ticket_area .ticket_bottom,.pengchang .pc_bottom .reward_area .reward_bottom{
    height: 52px;
    line-height: 52px;
    border-top: 1px solid #EFEFEF;
    overflow: hidden;
    padding-left: 17px;
}
.pengchang .pc_bottom .ticket_area .ticket_bottom span,.pengchang .pc_bottom .reward_area .reward_bottom span{
    width: 104px;
    background: #E71E00;
    color: #fff;
    text-align: center;
}
.wrap .fee_chapter{
    padding-bottom: 100px;
}
.wrap .fee_chapter h5{
    margin: 36px 0;
    font-size: 15px;
    color: #756247;
    text-align: center;
}
.wrap .fee_chapter h5 hr{
    width: 36px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #756247;
    margin: 0 10px;
}
.wrap .fee_chapter p{
    color: #1D1B16;
    text-align: center;
    font-size: 14px;
}
.wrap .fee_chapter p>strong{
    color: #E71E00;
}
.wrap .fee_chapter .subscribeBtn{
    width: 75.2%;
    height: 45px;
    margin: 11px auto;
    line-height: 45px;
    color: #fff;
    background: #E71E00;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
}
.wrap .fee_chapter .subscribe_tips{
    text-align: center;
    color: #867964;
}
.wrap .fee_chapter .subscribe_tips .radio{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 6px;
    width: 18px;
    height: 18px;
    background: url(../images/unchecked.png) no-repeat top center;
    background-size: 100%;
}
.wrap .fee_chapter .subscribe_tips .radio.checked{
    background: url(../images/checked.png) no-repeat top center;
    background-size: 100%;
}
.wrap .balance_low{
    padding: 36px 0 100px;
}
.wrap .balance_low p{
    color: #1D1B16;
    text-align: center;
    font-size: 14px;
}
.wrap .balance_low p>strong{
    color: #E71E00;
}
.wrap .balance_low .go_recharge{
    width: 75.2%;
    height: 45px;
    margin: 11px auto;
    line-height: 45px;
    color: #fff;
    background: #E71E00;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
}
/*书架*/
.top_title{
    background: #fff;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #E9E9E9;
    text-align: center;
}
.top_title h1{
    font-size: 15px;
    padding: 0 11px 0 13px;
    overflow: hidden;
}
.top_title .caption{
    font-size: 15px;
    padding: 0 11px 0 13px;
    overflow: hidden;
}
.top_title .bianji{
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.top_title_dis{
    display: none;
}
.bookshelf_body .sort_lists{
    margin: 9px 0;
}
.bookshelf_body .sort_lists ul{
    overflow: hidden;
    border: 1px solid #E71E00;
    border-radius: 4px;
    width: 232px;
    margin: 0 auto;
}
.bookshelf_body .sort_lists ul li{
    float: left;
    width: 116px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}
.bookshelf_body .sort_lists ul li>a{
    display: block;
    color: #E71E00;
}
.bookshelf_body .sort_lists ul li.current>a{
    background: #E71E00;
    color: #fff;
}
.bookshelf_body .bookshelf_cont{
    background: #fff;
    margin-bottom: 52px;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li{
    overflow: hidden;
    position: relative;
    height: 92px;
    border-bottom: 1px solid #E9E9E9;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bookcover{
    position: absolute;
    top: 10px;
    left: 14px;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bookcover img{
    display: block;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bookContent{
    padding-left: 80px;
    padding-right: 11px;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bookContent h5{
    font-size: 15px;
    margin-top: 13px;
    margin-bottom: 3px;
    overflow: hidden;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bookContent h5 a.fl{
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bookContent p{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 21px;
    margin: 2px 0;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bookContent p a.fl{
    width: 74%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bookshelf_body .bookshelf_cont .bj_bkshelf_lists li{
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.bookshelf_body .bookshelf_cont .bj_bkshelf_lists li .radio{
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    top: 37px;
    left: 9px;
    background: url(../images/unchecked.png) no-repeat top center;
    background-size: 100%;
}
.bookshelf_body .bookshelf_cont .bj_bkshelf_lists .checked .radio{
    background: url(../images/checked.png) no-repeat top center;
    background-size: 100%;
}
.bookshelf_body .bookshelf_cont .bj_bkshelf_lists li .bookcover{
    left: 38px;
}
.bookshelf_body .bookshelf_cont .bj_bkshelf_lists li .bookContent{
    padding-left: 102px;
}
.bookshelf_body .bookshelf_cont .bj_bkshelf_lists li .bookContent h5 a.fl{
    width: 67%;
}
.bookshelf_body .del{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #E9E9E9;
    background: #fff;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    font-size: 15px;
    color: #E71E00;
    display: none;
}
.bookshelf_body .bookshelf_cont .bkshelf_lists li .bianjiBg{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}
/*充值页*/
.recharge .recharge_head{
    text-align: center;
    color: #33373D;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-bottom: 1px solid #E9E9E9;
    font-size: 15px;
}
.recharge .recharge_head .fl{
    margin-left: 13px;
}
.recharge .recharge_head .fr{
    margin-right: 12px;
}
.recharge .recharge_head img{
    vertical-align: middle;
}
.recharge .recharge_info{
    padding: 12px 0;
    background: #fff;
    margin-bottom: 8px;
}
.recharge .recharge_info .info_img{
    width: 64px;
    height: 64px;
    margin: 0 10px 0 14px;
}
.recharge .recharge_info .info_content h5{
    font-size: 16px;
    margin: 12px 0 5px;
}
.recharge .recharge_info .info_content h5>span{
    font-size: 12px;
    color: #6E6E6E;
    margin-left: 5px;
}
.recharge .recharge_info .info_content>p>i{
    color: #E71E00;
}
.recharge .recharge_way{
    background: #fff;
    margin-bottom: 8px;
    padding-left: 13px;
    padding-bottom: 16px;
}
.recharge .recharge_way ul{
    overflow: hidden;
}
.recharge .recharge_way ul li{
    float: left;
    width: 33.3%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.recharge .recharge_way ul li span{
    display: block;
    width: 89.5%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
}
.recharge .recharge_way ul .current>span{
    border-color: #E71E00;
    background: url(../images/cz_checked.png) no-repeat top right;
    background-size: 24px 23px;
}
.recharge .recharge_way ul li span img{
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 5px;
}
.recharge .recharge_num{
    padding-bottom: 40px;
    background: #fff;
}
.recharge .recharge_num .biaoti{
    padding-left: 13px;
}
.recharge .recharge_num ul{
    padding-left: 13px;
}
.recharge .recharge_num ul li{
    width: 50%;
    float: left;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.recharge .recharge_num ul li .xsth_img{
    width: 52.8%;
    position: absolute;
    top: -18px;
    left: -5px;
    max-width: 90px;
    z-index: 9;
}
.recharge .recharge_num ul li .s_amount{
    font-size: 11px;
    color: #6e6e6e;
    position: relative;
}
.recharge .recharge_num ul li .s_amount .xline{
    position: absolute;
    width: 96%;
    top: 45%;
    left: 0;
    height: 1px;
    background: #6e6e6e;
    transform: rotate(25deg);
}
.recharge .recharge_num ul .current>span{
    border-color: #E71E00;
    background: url(../images/cz_checked.png) no-repeat top right;
    background-size: 24px 23px;
}
.recharge .recharge_num ul li>span{
    display: block;
    width: 84.2%;
    height: 86px;
    line-height: 86px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    margin-bottom: 10px;
    padding-left: 6.4%;
}
.recharge .recharge_num ul li>span>i{
    font-size: 11px;
    color: #151900;
}
.recharge .recharge_num ul li>span .txt{
    border: 0;
    border-bottom: 1px solid #EFEFEF;;
    vertical-align: middle;
    width: 28.2%;
    padding-left: 2px;
}
.recharge .recharge_num .rechargeBtn{
    width: 86%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    background: #E82609;
    margin: 14px auto 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-radius: 5px;
}
.recharge .recharge_num .rechargeBtn span{
    font-size: 13px;
    margin-left: 5px;
}
/*充值微信*/
.recharge .recharge_num ul .current>div{
    border-color: #E71E00;
    background: url(../images/cz_checked.png) no-repeat top right;
    background-size: 24px 23px;
}
.recharge .recharge_num ul li>div{
    width: 84.2%;
    height: 86px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    margin-bottom: 10px;
    text-align: center;
}
.recharge .recharge_num ul li>div>b{
    font-size: 16px;
    display: block;
    width: 81.9%;
    border-bottom: 1px solid #EFEFEF;
    margin: 7px auto 0;
    line-height: 28px;
}
.recharge .recharge_num ul li>div>p{
    font-size: 12px;
    line-height: 18px;
    color: #FF6E59;
    margin-top: 5px;
}
.recharge .recharge_num ul li>div>p>strong{
    font-size: 13px;
    color: #E71E00;
}
.recharge .recharge_num ul li>div .txt{
    border: 0;
    border-bottom: 1px solid #EFEFEF;;
    vertical-align: middle;
    width: 28.2%;
    padding-left: 2px;
}

.recharge .reminder{
    background: #fff;
    margin-top: 8px;
    padding: 0 12px 30px 13px;
}
.recharge .reminder h5{
    padding: 10px 0 9px;
    font-size: 15px;
}
.recharge .reminder h5 .line{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 3px;
    height: 17px;
    background: #E71E00;
    border-radius: 5px;
    margin-right: 5px;
}
.recharge .reminder p{
    color: #A9A9A9;
    font-size: 14px;
    padding-left: 5px;
    line-height: 18px;
}
/*目录*/
.mulu_body .top_title{
    background: #fff;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #E9E9E9;
    text-align: center;
}
.mulu_body .top_title h1{
    font-size: 15px;
}
.mulu_body .mulu_area h2{
    padding: 12px 0;
    font-size: 13px;
}
.mulu_body .mulu_area h2>span>a{
    font-size: 16px;
    color: #E32002;
}
.mulu_body .mulu_area ul{
    background: #fff;
}
.mulu_body .mulu_area ul li{
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #F4F5F6;
    padding-left: 21px;
}
.mulu_area ul li>a{
    display: block;
    color: #201E18;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    overflow:hidden;
}
.mulu_area ul li>a>span{
    display: block;
    float: left;
    width: 88%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mulu_area ul .read a{
    color: #797979;
}
.mulu_area ul li.current a{
    color: #E32002;
}
.mulu_area ul li img{
    margin: 16px 12px 0 0;
}

/*排行*/
.paihang_list{
    background: #fff;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 45px;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}
.paihang_list .cont_lists{
    border-left: 1px solid #E9E9E9;
    margin-bottom: 45px;
    margin-left: 75px;
}
.paihang_list .cont_lists li{
    position: relative;
    height: 111px;
    border-bottom: 1px solid #E9E9E9;
}
.paihang_list .cont_lists li:last-child{
    border-bottom: none;
}
.posi_img{
    position: absolute;
    top: 12px;
    right: 10px;
}
.paihang_list .cont_lists li .posi_num{
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    top: 10px;
    left: 14px;
    z-index: 9;
    background: #B2B2B2;
    border-radius: 2px;
    color: #fff;
}
.paihang_list .cont_lists li .posi_num1{
    background: #F56C6E;
}
.paihang_list .cont_lists li .posi_num2{
    background: #FFD95E;
}
.paihang_list .cont_lists li .posi_num3{
    background: #9ECCFF;
}
.paihang_list .cont_lists li .book_cover{
    position: absolute;
    top: 10px;
    left: 14px;
    z-index: 1;
}
.paihang_list .cont_lists li .book_cont{
    margin: 18px 20px 0 92px;
}
.paihang_list .cont_lists li .book_cont .tit{
    width: 98%;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.paihang_list .cont_lists li .book_cont .tit>a{
    font-size: 15px;
    line-height: 21px;
    margin-top: 4px;
}
.paihang_list .cont_lists li .book_cont .author{
    font-size: 13px;
    color: #B2B2B2;
    line-height: 18px;
}
.paihang_list .cont_lists li .book_cont .content>a{
    font-size: 12px;
    color: #838383;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*贡献榜*/
.paihang_list .cbph_lists{
    border-left: 1px solid #E9E9E9;
    margin-bottom: 45px;
    margin-left: 75px;
}
.paihang_list .cbph_lists li{
    position: relative;
    height: 75px;
    border-bottom: 1px solid #E9E9E9;
}
.paihang_list .cbph_lists li:last-child{
    border-bottom: none;
}
.paihang_list .cbph_lists li .touxiang_img{
    position: absolute;
    top: 15px;
    left: 20px;
    border-radius: 50%;
}
.paihang_list .cbph_lists li .user_info{
    margin-left: 72px;
}
.paihang_list .cbph_lists li .user_info>h5{
    width: 85%;
    word-break: break-all;
    font-size: 15px;
    padding-top: 18px;
}
.paihang_list .cbph_lists li .user_info>p{
    font-size: 14px;
    color: #B2B2B2;
}
.paihang_list .cbph_lists li .user_info>p>strong{
    color: #E71E00;
}
.paihang_list .cbph_lists li .posi{
    position: absolute;
    top: 22px;
    right: 10px;
    width: 30px;
    height: 26px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    background: url(/images/theOther.png) no-repeat top left;
    background-size: 30px 26px;
}
.paihang_list .cbph_lists li .posi1{
    position: absolute;
    top: 22px;
    right: 10px;
    width: 26px;
    height: 31px;
    background: url(/images/theFirst.png) no-repeat top left;
    background-size: 26px 31px;
}
.paihang_list .cbph_lists li .posi2{
    position: absolute;
    top: 22px;
    right: 10px;
    width: 26px;
    height: 31px;
    background: url(/images/theSecond.png) no-repeat top left;
    background-size: 26px 31px;
}
.paihang_list .cbph_lists li .posi3{
    position: absolute;
    top: 22px;
    right: 10px;
    width: 26px;
    height: 31px;
    background: url(/images/theThird.png) no-repeat top left;
    background-size: 26px 31px;
}
.classified_list .more{
    text-align: center;
    font-size: 13px;
    line-height: 21px;
}
.fixed_lists .nav_lists{
    position: absolute;
    width: 74px;
    top: 45px;
    left: 0;
    background: #fff;
    padding-top: 15px;
    height: 100%;
    overflow-y: auto;
}
.fixed_lists .nav_lists li{
    width: 74px;
    font-size: 15px;
    line-height: 17px;
    padding: 10px 0 15px;
    text-align: center;
}
.fixed_lists .nav_lists li a{
    display: block;
    width: 100%;
    position: relative;
    color: #666666;
}
.fixed_lists .nav_lists li.current a{
    color: #E71E00;
}
.fixed_lists .nav_lists li.current a .line{
    position: absolute;
    top: 0;
    left: 0px;
    display: block;
    width: 3px;
    height: 17px;
    background: #E71E00;
    border-radius: 5px;
}
/*书评区*/
.publish_review{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #E71E00;
    text-align: center;
    border-top: 1px solid #E9E9E9;
    background: #fff;
    font-size: 15px;
}
.writer_review_area{
    margin-top: 8px;
    width: 100%;
    overflow: hidden;
}
.writer_review_area .wra_input{
    padding: 10px 12px 10px 28px;
    background: #fff;
    border-bottom: 1px solid #F6F7F9;
}
.writer_review_area input{
    border: none;
    background: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.writer_review_area .wra_textarea{
    padding: 0 12px 0 28px;
    background: #fff;
}
.writer_review_area textarea{
    width: 100%;
    border: none;
    resize: none;
    background: none;
    font-size: 14px;
    line-height: 21px;
    padding-top: 16px;
}
/*精选、免费、完结*/
.label_area{
    height: 163px;
    background: #fff;
    position: relative;
}
.label_area>span{
    position: absolute;
    z-index: 1;
}
.label_area>span.current{
    color: #fff;
    padding: 1px 8px;
    background: #FF5F6A;
    border-radius: 18px;
}
.label_area .colY a{
    color: #FFD83F;
}
.label_area .colO a{
    color: #FF9352;
}
.label_area .colB a{
    color: #64B8FF;
}
.label_area .colG a{
    color: #45D884;
}
.label_area .colR a{
    color: #FE707A;
}
.label_area>span.current a{
    color: #fff;
}
.label_area>span>a{
    position: relative;
}
.label_area>span>a .circle{
    display: none;
}
.label_area>span.current a .circle{
    display: block;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: -7px;
    right: -12px;
    background: #FF5F6A;
    border-radius: 50%;
}
.classified_list{
    width: 100%;
    overflow: hidden;
    margin-top: 9px;
    background: #fff;
}
.classified_list .nav_lists{
    border-bottom: 1px solid #E9E9E9;
}
.classified_list .nav_lists li{
    float: left;
    width: 20%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    position: relative;
}
.classified_list .nav_lists li.current{
    color: #E71E00;
}
.classified_list .nav_lists li.current .line{
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -12px;
    width: 24px;
    height: 2px;
    background: #E71E00;
    border-radius: 2px;
}
.classified_list .book_lists li{
    position: relative;
    height: 125px;
    border-bottom: 0px solid #E9E9E9;
}
.classified_list .book_lists li:last-child{
    border-bottom: none;
}
.classified_list .book_lists li .posi_num{
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    top: 10px;
    left: 14px;
    z-index: 9;
    background: #B2B2B2;
    border-radius: 2px;
    color: #fff;
}
.classified_list .book_lists li .posi_num1{
    background: #F56C6E;
}
.classified_list .book_lists li .posi_num2{
    background: #FFD95E;
}
.classified_list .book_lists li .posi_num3{
    background: #9ECCFF;
}
.classified_list .book_lists li .book_cover{
    position: absolute;
    top: 10px;
    left: 14px;
    z-index: 1;
}
.classified_list .book_lists li .book_cont{
    word-break:break-all;
    margin: 10px 20px 0 102px;
}
.classified_list .book_lists li .book_cont .tit{
    font-size: 15px;
    line-height: 21px;
    margin-top: 4px;margin-bottom: 7px;
}
.classified_list .book_lists li .book_cont .author{
    font-size: 14px;
    color: #B2B2B2;
    line-height: 21px;
}
.classified_list .book_lists li .book_cont .content{
    font-weight: 500;
    font-size: 13px;
    color: #888888;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.classified_list .book_lists li .book_cont .content>a{
    color: #838383;
}
.classified_list .book_lists li .book_cont .tag{
    font-weight: 500;
    font-size: 12px;line-height: 12px; height: 12px;
    color: #C2C2C2;margin-top: 16px;
}
.classified_list .book_lists li .book_cont .tag .connector{
    width: 4px;
    height: 4px;display: inline-block;
    background: #C1C1C1; margin-bottom: 2px;
    border-radius: 50%;margin-left: 7px; margin-right: 7px;
}
.classified_list .more{
    text-align: center;
    font-size: 13px;
    line-height: 21px;
}
.pop_cover {
    background-color: #000;
    opacity: .5;
}
.t-cover, .t-scroll-lock, .pop_cover, .t-pop-tip {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    -moz-user-select: -moz-none
}