@charset "GBK";body,button,div,form,h1,h2,h3,h4,h5,h6,img,input,p,span{margin:0;padding:0;border:0;font-size:15px;font-family:arial,helvetica,sans-serif}
cite,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,i,img,li,ol,p,small,span,table,u,ul{border:medium none;font-style:normal;list-style:none outside none;margin:0;padding:0}
button,input{-webkit-appearance:none;border-radius:0;outline:0;border:0}
input{resize:none;-webkit-tap-highlight-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-transform:translateZ(0)}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}
a:focus,a:hover{color:#000}
a img,img{border:medium none;margin:0;padding:0}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fl{float:left}
.fr{float:right}
.m-b10{margin-bottom:10px}
.m-t10{margin-top:10px}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.bg_f0{background:#f0f0f0;overflow:hidden}
.header{padding:0;margin:0;min-height:44px;background:#FDFDFE;border-bottom:1px solid #d6dcdf;-webkit-box-shadow:0 0 5px #e0dada;-moz-box-shadow:0 0 5px #e0dada;box-shadow:0 0 5px #e0dada}
.header .goback{position:absolute;width:40px;height:44px}
.header .goback a{display:block;width:30px;height:30px;margin:10px 0 0 10px;background:url(../images/sc_icon.png) no-repeat -27px -846px;background-size:63px auto}
.header .head-title{text-align:center;height:44px;line-height:44px;color:#545454}
.header .home{position:absolute;right:0;top:0;width:40px;height:44px}
.header .home span{display:block;width:100%;height:100%;line-height:44px;background:url(../images/sc_icon.png) no-repeat -13px -801px;background-size:63px auto}
.header .home span.bookshelf{background:0 0;color:#07b396}
.my-info{background:#FDFDFE;padding:15px 10px;border-bottom:1px solid #d6dcdf}
.my-info .head-img{width:60px;height:60px;border-radius:50%;border:1px solid #dbdfe0;display:inline-block;overflow:hidden;vertical-align:middle}
.my-info .head-img img{width:100%;height:100%}
.my-info .my-person-info{display:inline-block;vertical-align:middle;margin-left:10px}
.my-info .my-person-info span{display:inline-block;width:33px;height:20px;margin-top:5px}
.my-info .paycheck{position:absolute;right:10px;line-height:60px}
.my-info .paycheck a{border:1px solid #e47364;color:#e47364;background:#fcf1ed;padding:5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.my-book{background:#FDFDFE;width:100%;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.my-book a.item{text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-left:1px solid #d6dcdf;line-height:160%}
.my-book a:first-child{border:none}
.my-account{background:#FDFDFE;padding:10px;overflow:hidden;text-align:center}
.my-account .info-sorts{line-height:160%;width:25%}
.my-account .info-sorts .icon-sorts{width:50px;margin:0 auto}
.my-account .info-sorts .icon-sorts i{display:block;height:55px}
.my-account .info-sorts .icon-sorts i{background:url(../images/sc_icon.png) no-repeat;background-size:63px auto}
.my-account .info-sorts .icon-sorts i.nhy{background-position:-6px -566px}
.my-account .info-sorts .icon-sorts i.jf{background-position:-6px -438px}
.my-account .info-sorts .icon-sorts i.dj{background-position:-6px -502px}
.my-account .info-sorts .icon-sorts i.zh{background-position:-6px -378px}
.my-sign{line-height:160%;background:#FDFDFE;padding:15px 10px}
.my-sign .sign-text{color:#9b9b9b}
.my-sign div{display:inline-block}
.my-sign .sign-btn{border:1px solid #e47364;color:#e47364;background:#fcf1ed;padding:5px;margin-top:5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.my-item{padding:0 10px;background:#FDFDFE;overflow:hidden}
.my-item a{display:block}
.my-item a:active{background-color:#ECECEC}
.my-item .well{height:44px;line-height:44px;width:100%;overflow:hidden;display:-webkit-box;display:-moz-box;vertical-align:middle;border-bottom:1px solid #d6dcdf}
.my-item .well .item-icon{width:23px;height:44px;display:table-cell;margin-right:10px;line-height:44px;vertical-align:top;background:url(../images/sc_icon.png) no-repeat;background-size:63px auto}
.my-item .well .paycheck{background-position:-18px -3139px}
.my-item .well .message{background-position:-19px -623px}
.my-item .well .finance{background-position:-19px -3176px}
.my-item .well .b_shelf{background-position:-19px -3208px}
.my-item .well .readed{background-position:-21px -697px}
.my-item .well .collection{background-position:-21px -730px}
.my-item .well .help{background-position:-21px -767px}
.my-item .well .item-info{vertical-align:middle;padding-right:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:10px;line-height:44px}
.my-item .well .item-info span{color:#545454;display:inline-block}
.my-item li:last-child .well{border:none}
.my-item .well .item-info .sign-out{padding-right:15px;color:#999}
.footer{background:#FDFDFE;padding:15px 25px;line-height:160%}
.footer p{padding:3px 0;color:#545454}
.footer p.links{color:#ccc}
.footer .links a{color:#545454;margin:0 5px}
.footer .color{color:#09B295}
.top{overflow:hidden;padding:10px;height: 30px;background:#fff}
.top .logo{display:inline-block}
.top .logo img{display:block;height:30px}
.top .login_h{height:50px;right:10px;position:absolute;float:right;top:0;line-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.top .login_h a{color:#fff;margin-left:5px;width:30px;display:inline-block;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.top .login_h .qq,.top .login_h .wx{height:40px;background:url(../images/sc_icon.png) no-repeat;background-size:63px}
.top .login_h .qq{background-position:-4px 11px}
.top .login_h .wx{background-position:-3px -31px}
.top .login_h{line-height:50px;display:-webkit-box;float:right}
.top .login_h>span{width:25px;height:20px;display:inline-block;vertical-align:middle}
.top .login_h>a:first-of-type{width:auto;max-width: 100px;background:0 0;display:block;white-space:nowrap;color:#09b295;margin:0 5px;text-overflow:ellipsis;-moz-text-overflow:ellipsis;overflow:hidden}
/*.top .login_h>a:last-of-type{color:red}*/
.nav{width:100%;background:#09b295;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #d6dcdf}
.nav span{text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:10px 0}
.nav span .active{color:#09b295}
.nav span:first-child{border:none}
.nav span a{font-size: 17px;color:#fff}
.nav-two{background:#f5f5f5}
.nav-two span a{color: #222;}
.search{position:relative}
.search .search-form{padding:10px;background:#fff;height:40px;display:-webkit-box}
.search .search-input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 10px;border:1px #09B295 solid;background:#fff}
.search .search-input input{width:100%;background:#fff;margin-top:10px}
.search .search-btn{width:42px;height:40px;border:1px #09B295 solid;background:#09B295 url(../images/sc_icon.png) 1px -77px no-repeat;background-size:63px;border-left:none}
.search .search-btn button{width:100%;height:100%}
.banner{width:100%}
.banner img{width:100%;display:block}
.content{background:#fff;padding:15px 10px}
.content .title{color:#09B295;border-left:3px solid #09B295;padding-left:15px;font-size:16px;line-height:20px}
.content .title em{color:#585858;font-size:13px}
.content .read{overflow:hidden;text-align:center}
.content .read .read-sorts{width:25%}
.content .read .icon-sorts{width:50px;margin:0 auto}
.content .read .read-sorts i{display:block;height:55px;background:url(../images/sc_icon.png) no-repeat;background-size:63px}
.content .read .read-sorts i.boy{background-position:-5px -120px}
.content .read .read-sorts i.girl{background-position:-5px -186px}
.content .read .read-sorts i.xs{background-position:-5px -252px}
.content .read .read-sorts i.xm{background-position:-5px -317px}
.content .book{position:relative;overflow:hidden;margin-bottom:5px}
.content .book .book-a{display:-webkit-box}
.content .book .book-img{display:inline-block;width:84px;border:1px solid #DFDFDF;padding:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.content .book .book-img img{width:100%;display:block}
.content .book .book-info{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:10px}
.content .book .book-info div{margin-bottom:5px;color:#585858}
.content .book .book-info .book-name{font-size:16px;color:#222;overflow:hidden;text-overflow:ellipsis;line-height:20px;margin-top:10px}
.content .book .book-info .book-sort{color:#777;margin-top:5px;font-size: 14px;display:block}
.content .book .book-info .profiles{font-size:13px;color:#777;margin-top:10px;height:60px;max-height:70px;line-height:160%;overflow:hidden;white-space:normal;word-break:break-all;text-overflow:ellipsis}
.content .read-more{display:block;text-align:center;border-top:1px solid #f5f5f5}
.content .read-more p{color:#575757;padding:10px 0 0}
.content #free .chapter .content-cp{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.content .chapter .content-cp{padding:10px 0;border-top:1px solid #f5f5f5;display:block}
.content .chapter .content-cp .sort-cp{color:#777;line-height:30px}
.content .chapter .content-cp .title-cp{font-weight:400;font-size:14px;width:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;-webkit-box-flex: 1;  -webkit-flex: 1;-ms-flex: 1;flex: 1;}
.content .chapter .content-cp .title-cp span{line-height:17px;font-size:13px;display:inline-block;width:17px;height:17px;background:#F4909A;border-radius:50%;text-align:center;color:#fff;vertical-align:bottom;margin-right:5px}
.content .chapter .content-cp .title-cp em{color:#09B295}
.content .chapter .content-cp .desc-cp{color:#999;line-height:25px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.content .promote{overflow:hidden;margin-bottom:10px}
.content .promote .promote-book{width:33.333%;float:left;text-align:center}
.content .promote .promote-book .book-img{width:84px;border:1px solid #DFDFDF;padding:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block}
.content .promote .promote-book .book-img img{width:100%;display:block}
.content .promote .promote-book p{width:84px;font-size:13px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}
.content .banner2{display:-webkit-box}
.content .banner2 a{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border:1px solid #DFDFDF;padding:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block;margin:0 5px}
.content .banner2 a img{width:100%;display:block}
.tabBox{overflow:hidden}
.tabBox .hd{height:40px;line-height:40px;border-bottom:1px solid #dad8d7}
.tabBox .hd ul{display:-webkit-box;overflow:hidden}
.tabBox .hd ul li{color:#515151;height:42px;line-height:42px;box-flex:1;-webkit-box-flex:1;text-align:center;color:gray;-webkit-box-sizing:border-box;box-sizing:border-box}
.tabBox .hd ul .on{border-bottom:2px solid #09B295;background:#fff;color:#09B295}
.tabBox .bd ul{padding-top:10px}
.go-top{position:fixed;bottom:55px;right:10px;z-index:20;display:none}
.go-top span{height:50px;display:block;width:50px;background:url(../images/sc_icon.png) #09b295 no-repeat -7px -3063px;background-size:63px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.comment-item{padding:10px 0;position:relative;color:#47494c;border-bottom:1px solid #e0e0e0;vertical-align:top}
.comment-item:nth-last-of-type(1){border:none}
.comment-item .avatar{border-radius:50%;border:1px solid #cbcbcb;position:absolute;padding:1px}
.comment-item .avatar img{display:block;width:40px;height:40px;border-radius:40px}
.comment-item .time{margin:5px 0 5px 50px;color:#c9c7c5;font-size:12px}
.comment-item .nameBar{margin-left:50px;font-size:16px;overflow:hidden;text-overflow:ellipsis}
.comment-item .nameBar .nicname{color:#545454;margin-right:10px}
.comment-item .nameBar .answer{color:#afadad}
.comment-item .nameBar .answer:before{content:'';min-width:20px;height:20px;background:url(../images/sc_icon.png) no-repeat -20px -2953px;-webkit-background-size:63px;background-size:63px;vertical-align:bottom;display:inline-block;padding-left:10px}
.comment-item .nameBar .praise{font-size:13px;color:#7F7D7F}
.comment-item .nameBar .praise:before{content:'';min-width:20px;height:20px;background:url(../images/sc_icon.png) no-repeat -20px -3008px;-webkit-background-size:63px;background-size:63px;vertical-align:bottom;display:inline-block;padding-left:5px}
.comment-item .nameBar .selected:before{background:url(../images/sc_icon.png) no-repeat -20px -2979px;-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;background-size:63px}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
     0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
     20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
     40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
     60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
     80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
     100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
 }.comment-item .contentBox{padding-left:50px;overflow:hidden}
.comment-item .contentBox .contentInfo{font-size:14px;line-height:24px;white-space:normal;word-break:break-all}
.comment-input{background:#FAFBFB;position:fixed;padding:10px;border-top:1px solid #dbdbdb;bottom:0;left:0;width:100%;box-sizing:border-box}
.comment-input .wrapper{margin-bottom:0}
.comment-input+.footer{margin-bottom:60px}
.comment-wrapper{background-color:#fff;padding:5px 0 0 0;border:1px solid #f5f5f5}
.comment-input .wrapper input:disabled{background:#fff}
.comment-wrapper .face{width:25px;height:25px;margin:10px 0 0 10px;background:url(../images/sc_icon.png) no-repeat -19px -3255px;-webkit-background-size:63px;background-size:63px}
.comment-wrapper .ping_face{display:block;float:left;height:auto;background:#fff;z-index:30;margin:10px}
.comment-wrapper .ping_face img{padding:0 5px}
.comment-wrapper a{width:60px;height:25px;color:#fff;line-height:25px;font-size:14px;background:#09B295;border-radius:3px;margin-top:10px;text-align:center}
.comment-wrapper .cont-textarea{padding:8px 14px 0 14px;width:100%;height:120px;font-size:16px;resize:vertical;border:none;background-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.my-msg-reply .reply-bor{border:1px solid #A2A2A2;padding:10px;border-radius:3px;margin-bottom:10px}
.my-msg-reply .comment-item{border:none}
.my-msg-reply .comment-item .nameBar .nicname{color:#09b295}
.my-msg-reply .read-more{border:none}
.comment-item .bubble{padding:10px;border:1px solid #c9c7c5;position:relative;background-color:#FFF;margin-top:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.comment-item .bubble .my-reply{color:#8E8A89;font-size:14px;border-bottom:1px dotted #8E8A89;padding-bottom:10px}
.comment-item .bubble .book-name{display:block;margin-top:10px;font-size:14px;color:#8E8A89}
.comment-item .bubble .book-name:before{content:'';display:inline-block;width:30px;height:23px;background:url(../images/sc_icon.png) no-repeat -18px -3113px;-webkit-background-size:63px;background-size:63px;margin-right:5px;vertical-align:bottom}
.comment-item .bubble .arrow{position:absolute;width:20px;height:20px;top:-20px}
.comment-item .bubble .arrow *{display:block;border-width:10px;position:absolute;border-style:solid dashed dashed dashed;font-size:0;line-height:0}
.comment-item .bubble .arrow em{border-color:transparent transparent #c9c7c5}
.comment-item .bubble .arrow span{border-color:transparent transparent #FFF;top:1px}
.content .comment-btn{display:block;text-align:center}
.content .comment-btn p{color:#575757}
.comment-item .reply{background:#F2F1F1;padding:5px;margin-bottom:5px;margin-left:50px;display:block}
.comment-item .reply em{color:#598abf}
.comment-item .m-reply{margin-bottom:5px;text-align:right}
.comment-item .m-reply a{font-size:14px;color:#BAB6B5}
.comment-item .m-reply a:before{content:'';min-width:20px;height:20px;background:url(../images/sc_icon.png) no-repeat -20px -2953px;-webkit-background-size:63px;background-size:63px;vertical-align:bottom;display:inline-block;padding-left:10px}
.content .praise-img{width:30px;height:39px;background:url(../images/sc_icon.png) no-repeat -18px -1604px;-webkit-background-size:63px;background-size:63px;display:inline-block}
.content .praise-list{display:inline-block}
.content .praise-list .head-img{margin-left:5px;display:inline-block;border:1px solid #DFDFDF;border-radius:50%;padding:1px}
.content .praise-list .head-img img{width:35px;height:35px;display:block;border-radius:50%}
.content .book_btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content .book_btn a{display:block;height:38px;text-align:center;line-height:38px;border:1px solid #09B295;border-radius:3px;margin-top:5px;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;font-size:16px}
.content .book_btn a.free{background:#09B295;color:#fff;margin-right:10px}
.content .book_btn a.shelf{color:#09b295;margin-left:10px}
.content .book_profiles{border-top:1px solid #d6dcdf;padding:10px 0}
.content .book_profiles p{color:#585858;line-height:150%}
.content .book_profiles p a{color:#09B295;display:block;text-align:right}
.content .book_profiles p:first-child a::after{content:'';position:relative;top:15px;margin-left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #09B295}
.content .book_profiles p:last-child a::after{content:'';position:relative;top:-15px;margin-left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #09B295}
.content .interact-sort{display:-webkit-box;border-bottom:1px solid #09B295}
.content .interact-sort a{display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;text-align:center;padding:15px 0;position:relative}
.content .interact-sort .active:before{content:'';position:absolute;bottom:0;margin-left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #09B295}
.content .interact-sort a .icon{width:65px;margin:0 auto 10px}
.content .interact-sort a i{background:url(../images/interact_icon.png) no-repeat;background-size:110px;display:block;height:64px}
.content .interact-sort a .icon i.tj{background-position:-19px 2px}
.content .interact-sort a .icon i.ds{background-position:-22px -74px}
.content .interact-sort a .icon i.yp{background-position:-22px -149px}
.content .interact-box{overflow:hidden}
.content .interact-box ul .title{padding-left:0;border:none}
.content .interact-box ul .li-txt{box-sizing:border-box;color:#999;font-size:14px}
.content .interact-box ul .li-txt dd{line-height:25px}
.content .interact-box ul .li-txt .series{color:#f76d02;display:inline;font-size:12px}
.content .interact-box ul .li-txt a{color:#555}
.content .interact-box ul>p{line-height:40px;color:#747474}
.content .interact-box ul button{margin-top:10px;width:100%}
.content .interact-box ul li{padding:10px 0;width:33.33%;float:left;display:block;text-align:center;border-top:1px solid #f5f5f5;position:relative}
.content .interact-box ul li>p{color:#747474}

.content .interact-box ul .active:after{content:'';width:21px;background:url(../images/interact_icon.png) no-repeat -46px -606px;background-size:110px;position:absolute}
.content .interact-box ul li:nth-of-type(n+4){border-bottom:1px solid #f5f5f5}
.content .interact-box ul li:nth-of-type(3n-2):before{height:100%;content:'';width:1px;border-right:1px solid #f5f5f5;position:absolute;top:0;left:0}
.content .interact-box #yp li{border-bottom:1px solid #f5f5f5}
.content .interact-box ul li:after{height:100%;content:'';width:1px;border-right:1px solid #f5f5f5;position:absolute;top:0;right:0}
.content .interact-box ul li .icon{width:60px;margin:0 auto 10px}
.content .interact-box #ds li .icon i{display:block;height:40px;background:url(../images/interact_icon.png) no-repeat;background-size:110px}
.content .interact-box #ds li .icon .bql{background-position:-25px -230px}
.content .interact-box #ds li .icon .xg{background-position:-22px -275px}
.content .interact-box #ds li .icon .pj{background-position:-27px -323px}
.content .interact-box #ds li .icon .ss{background-position:-26px -365px}
.content .interact-box #ds li .icon .hb{background-position:-26px -419px}
.content .interact-box #ds li .icon .tc{background-position:-26px -482px}
.content .interact-box #tj li .icon i{display:block;height:40px;background:url(../images/tj_yp_icon.png) no-repeat;background-size:100px}
.content .interact-box #tj li .icon .jb1{background-position:-20px 3px}
.content .interact-box #tj li .icon .jb2{background-position:-14px -46px}
.content .interact-box #tj li .icon .jb3{background-position:-9px -101px}
.content .interact-box #tj li .icon .jb4{background-position:-20px -149px}
.content .interact-box #tj li .icon .jb5{background-position:-25px -200px}
.content .interact-box #tj li .icon .jb6{background-position:-22px -251px}
.content .interact-box #yp li .icon i{display:block;height:40px;background:url(../images/tj_yp_icon.png) no-repeat;background-size:100px}
.content .interact-box #yp li .icon .yp1{background-position:-26px -311px}
.content .interact-box #yp li .icon .yp2{background-position:-26px -370px}
.content .interact-box ul .interact-person{clear:both;padding:10px 0 0;display:block;position:relative}
.content .interact-box ul .interact-person img{display:inline-block;width:35px;height:35px;border-radius:35px;vertical-align:middle;border:1px solid #DFDFDF;padding:1px}
.content .interact-box ul .interact-person .unic{display:inline-block;vertical-align:middle}
.content .interact-box ul .interact-person .num{line-height:39px;font-size:14px;color:#09b295;float:right}
.content .article_new{height:40px;line-height:40px;display: -webkit-box;display: -webkit-flex;display: flex;}
.content .article_new a{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content .article_new .sort{color:#09b295}
.content .article_new .sort:before{content:'';min-width:20px;height:25px;background:url(../images/sc_icon.png) no-repeat -14px -3036px;-webkit-background-size:63px;background-size:63px;vertical-align:middle;display:inline-block;padding-left:5px}
.content .article_new .time{color:#c9c7c5;font-size:13px}
.content .newest{background:#E35956;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font-size:13px;    padding: 1px 5px 0px 5px;margin-right:5px;}
.content .book_list a{height:40px;line-height:40px;display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:1px solid #f5f5f5}
.content .book_list a:active{background-color:#ECECEC}
.content .book_list a:last-child{border:none}
.content .book_list a p{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content .book_list a span.free,.vip{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12px;color:#fff;height:15px;font-size:12px;line-height:15px;border-radius:2px;padding:1px 5px;margin-top:11.5px}
.content .book_list a span.free{background:#09B295}
.content .book_list a span.vip{background:#E55759}
.content .author-speak{line-height:150%}
.content .author-speak div{display:-webkit-box;display:-webkit-flex;display:flex;margin-top:5px}
.content .author-speak div span,p a,p em{color:#09B295}
.content .author-speak div p{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}
.dir{display:-webkit-box;height:35px;margin:10px;border-left:1px solid #09B295;border-top:1px solid #09B295;border-bottom:1px solid #09B295;-webkit-border-radius:3px}
.dir a{width:50%;display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:15px;color:#09B295;line-height:35px;border-right:1px #09B295 solid}
.dir .active{background-color:#09B295;color:#fff}
.content .page-turn{height:33px;display:-webkit-box;padding-top:10px}
.content .page-turn a{color:#fff}
.content .page-turn .page-select{text-align:center;color:#09b295;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin:0 10px;height:33px;border:1px solid #09B295}
.content .page-turn .page-select a.back{line-height:33px;color:#09b295}
.content .page-turn .page-select select{font-size:16px;color:#09b295;width:100%;height:100%;border:none;outline:0}
.content .page-turn .page-select select option{color:#09b295;font-size:16px}
.content .page-turn .page-last,.page-next{height:33px;line-height:33px;border:1px solid #09B295;background-color:#09B295;text-align:center;color:#fff;padding:0 15px}
.content .back-page{display:-webkit-box;padding-bottom:15px;border-bottom:1px solid #f5f5f5;position: relative}
.content .back-page .back{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}
.content .back-page .back a,.content .back-page .back span{color:#000;font-size:16px}
.content .back-page .back span{margin:0 5px}
.content .back-page .bookmark{position:absolute;background:url(../images/sc_icon.png) -19px -2889px no-repeat;background-size:63px;width:25px;height:29px;top:-20px;right:25px}
.content .back-page .bookmarked{background:url(../images/sc_icon.png) -19px -2007px no-repeat;background-size:63px}
.content .chapter-head{padding:10px 0;line-height:30px}
.content .chapter-head .tit{font-size:18px}
.content .chapter-head .fb-time,.content .chapter-head span{font-size:14px;color:#989898}
.content .chapter-head span{margin:0 5px}
.content .chapter-head .change{display:-webkit-box}
.content .chapter-head .change .r-icon{background:url(../images/sc_icon.png) no-repeat;background-size:63px;width:30px;height:30px;display:block;margin-right:15px}
.content .chapter-head .change .white{background-position:-16px -2046px}
.content .chapter-head .change .tu{background-position:-17px -2087px}
.content .chapter-head .change .green{background-position:-18px -2126px}
.content .chapter-head .change .black{background-position:-17px -2162px}
.content .chapter-head .change .night{background-position:-19px -2200px}
.content .chapter-head .change .plus{background-position:-19px -2234px}
.content .chapter-head .change .reduce{background-position:-19px -2266px}
.content .chapter-text{margin-top:10px}
.content .chapter-text p{text-indent:2em;color:#535353;line-height:26px;margin:8px 0}
.content .chapter-text .red{color:red}
.content .chapter-text a{padding-top:10px;display:block}
.content .chapter-text fieldset{color: #09b295;border: 1px solid #f5f5f5;font-weight: bold;}
.content .chapter-text fieldset legend{color: Tomato;font-size: 16px;}
.content .chapter-text fieldset a{padding: 10px 0;color:#09b295 }
.content .details .info{line-height:40px;border-bottom:1px solid #f5f5f5}
.content .details p.info:last-child{border:none}
.content .details .info .tit{color:#09b295}
.content .details .info .tit:before{content:'';width:20px;height:20px;background:url(../images/sc_icon.png) no-repeat -23px -1085px;background-size:63px;display:inline-block;vertical-align:text-bottom;margin-right:10px}
.content .details .info span{display:block}
.content .details .info .pink{color:#E17A79}
.content .details .read-btn{margin-top:10px;display:-webkit-box}
.content .details .read-btn a{border:1px solid #09b295;line-height:35px;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:50%}
.content .details .read-btn .pay{background:#09b295;color:#fff;margin-right:15px}
.content .details .read-btn .recharge{background:#fff;color:#09b295;margin-left:15px}
.content .ewm{width:100%;text-align:center;padding:15px 0}
.content .ewm .green{color:#09b295}
.content .ewm .red{color:#F98385}
.content .ewm img{width:60%;height:auto;border:1px solid #09b295;margin:10px 0}
.choice{margin:5px 10px}
.content .paycheck{position:relative;display:-webkit-box;padding:10px 15px;border:1px solid #f5f5f5;margin-bottom:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.content .paycheck:last-child{margin-bottom:0}
.content .paycheck a{width:100%;display:block}
.content .paycheck a:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-4px;right:10px}
.content .paycheck a span{width:41px;height:50px;background:#09b295;display:inline-block;overflow:hidden;vertical-align:middle;background:url(../images/sc_icon.png) no-repeat;background-size:63px auto}
.content .paycheck a .year-icon{background-position:-13px -976px}
.content .paycheck a .qq-icon{background-position:-10px -3319px}
.content .paycheck a .wx-icon{background-position:-13px -924px}
.content .paycheck a .alipay-icon{background-position:-12px -872px}
.content .paycheck a .card-icon{background-position:-13px -1028px}
.content .paycheck a .iphone-icon{background:url(../images/app_pay.png) no-repeat;background-size:37px auto;background-position:4px 5px}
.content .paycheck a .info{display:inline-block;vertical-align:middle;margin-left:10px}
.content .paycheck a .info p em{color:#09b295}
.content .paycheck a .info p:last-child{font-size:13px;color:#818486;margin-top:5px}
.content .warm_prompt .info{padding:10px 0;margin-left:15px;position:relative;border-bottom:1px solid #f5f5f5}
.content .warm_prompt p.info:last-child{border:none}
.content .warm_prompt .info:after{content:'';position:absolute;left:-15px;width:8px;height:8px;border-radius:50%;background:#FDB146;top:13px}
.content .warm_prompt .info .success{border:1px solid #09b295;color:#fff;background:#09b295;padding:0 5px;border-radius:2px;font-size:12px}
.content .warm_prompt .info .fail{border:1px solid #B9B9B9;color:#fff;background:#B9B9B9;padding:0 5px;border-radius:2px;font-size:12px}
.content .total{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content .total p{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}
.content .total .t-pay{margin-left:10px;border:1px solid #e47364;color:#e47364;background:#fcf1ed;padding:0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.content .total a{margin-left:10px;border:1px solid #09b295;color:#09b295;padding:0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.content .total .active{background:#09b295;color:#fff}
.content .my-balance:before{content:'';width:20px;height:20px;position:absolute;background:url(../images/sc_icon.png) no-repeat -25px -2393px;background-size:63px}
.content .my-balance p{margin-left:25px}
.content .my-balance p em{color:#09b295;margin:0 5px}
.content .bd .money_list {
    float: left;
    width: 50%;
    margin:10px 0;
    min-height: 90px;
    display: inline-block;
    line-height: 44px;
}
.content .bd .money_list a {
    margin: 0 5px;
    display: block;
    text-align: center;
    background: #ffffff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    position: relative;
    *zoom: 1;
}
.content .bd .money_list a:before {
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg);
    left: 15px;
}
.content .bd .money_list a:after {
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
    right: 15px;
}

.content .bd .money_list a:before, .content .bd .money_list a:after {
    width: 70%;
    height: 55%;
    content: ' ';
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 10px;
    z-index: -1;
}
.money{
    display: block;
    font-weight: bold;
    background: #de6d6d;
    border-bottom-left-radius: 100%;
    color: #decd35;
    border-bottom-right-radius: 100%;
    border-top-left-radius: 5px;
    border-bottom-color: #ffffff;
    border-bottom-style: dashed;
}
.coin {
    font-size: 12px;
    color: #403e3e;
    display: block;
    height: 100%;
}

.ranking .hd li{width:33.333%}
.ranking .chapter .content-cp:first-child{border:none}
.stacks li{display:-webkit-box;padding-top:10px}
.stacks li .s_name{color:#09b295;margin-right:10px;line-height: 25px;vertical-align: middle}
.stacks li .list{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;padding-bottom:10px;border-bottom:1px solid #f5f5f5}
.stacks li:last-child .list{border:none}
.stacks li .list a{padding:2px 5px;font-size:14px;margin:0 5px;line-height:25px;color:#7B7A7B;white-space:nowrap}
.stacks li .list .active{border-radius:3px;background:#09b295;color:#fff}
.chart-list .book,.search-result .book,.stacks_book .book{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #f5f5f5}
.chart-list .book .book-img,.search-result .book .book-img,.stacks_book .book .book-img{width:70px}
.input{border:0;display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);line-height:20px;font-size:14px;height:20px;padding-top:9px;padding-bottom:9px}
.btn{height:35px;text-align:center;line-height:35px;text-decoration:none;background:#09b295;color:#fff;border-radius:2px}
.content .quick-login{overflow:hidden;text-align:center}
.content .quick-login .login-sorts{width:33.333%}
.content .quick-login .login-sorts .icon{width:55px;margin:0 auto}
.content .quick-login .login-sorts .icon i{background:url(../images/sc_icon.png) no-repeat;background-size:63px;display:block;height:55px}
.content .quick-login .login-sorts .icon i.wx{background-position:-4px -1330px}
.content .quick-login .login-sorts .icon i.qq{background-position:-4px -1395px}
.content .quick-login .login-sorts .icon i.wb{background-position:-5px -1460px}
.wrapper{display:-webkit-box;display:-moz-box;display:box;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;height:40px;padding:0 10px;margin-bottom:10px;background:#fff}
.wrapper .icon-uname{background-position:-23px -1516px}
.wrapper .icon-pwd{background-position:-24px -1544px}
.wrapper .icon-email{background-position:-23px -2321px}
.wrapper .icon-code{background-position:-25px -2352px}
.wrapper .icon-comment{background-position:-22px -2918px}
.wrapper label{background:url(../images/sc_icon.png) no-repeat;background-size:63px;padding-left:28px;display:block}
.register .wrapper{margin-right:15px}
.change-pwd p{margin:10px 0}
.change-pwd .btn{width:100%}
.content .login .code-w,.content .register .code-w{width:60%}
.content .login .code-w .code-box,.content .register .code-w .code-box{width:90px;position:absolute;display:block;height:38px}
.content .login .code-w .code-box{right:10px}
.content .register .code-w .code-box{right:25px}
.content .login .code-w .code-box img,.content .register .code-w .code-box img{width:100%;height:100%}
.content .register .wrapper em{line-height:35px;position:absolute;right:10px;color:red}
.content .login button,.content .register button{width:100%;margin-top:20px}
.content .login p input[type=checkbox],.content .register p input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;box-sizing:border-box}
.content .login .tip1,.content .register .tip1{color:#9B9A98;font-size:14px;margin:10px 0;line-height:25px}
.content .login .tip2{padding:10px;border:1px solid #09b295;color:#605758;line-height:25px}
.content .login p .forget-pwd,.content .register p .agreement{color:#4C9ABB}
.content .login .reg,.content .register .log{margin-left:10px;padding:4px;color:#4C9ABB;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #4C9ABB}
.content .login .follow{border:1px solid #B5B1B2;padding:10px;margin-top:15px}
.content .register .quick{margin-top:10px}
.content .register .quick a{background:url(../images/sc_icon.png) no-repeat;background-size:63px;margin:0 5px;height:30px;width:30px;display:inline-block;vertical-align:middle}
.content .register .quick .wx{background-position:-18px -1200px}
.content .register .quick .qq{background-position:-19px -1160px}
.content .register .quick .wb{background-position:-18px -1119px}
.content .book-review{border:1px solid #A2A2A2;border-radius:3px;margin-bottom:10px}
.content .book-review .book{margin:10px}
.content .book-review .review{padding:5px 10px;background:#FBFBF9;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.content .book-review .review .unic{color:#09b396;display:block;border-bottom:1px dotted #8E8A89;padding-bottom:5px}
.content .book-review .review .cont-review{margin-top:5px;font-size:14px;line-height:25px;color:#5F5657;word-wrap:break-word}
.content .book-review+.read-more{border:none}
.content .feature{overflow:hidden}
.content .feature a{padding:20px 0;width:50%;float:left;display:block;text-align:center;border-top:1px solid #f5f5f5;position:relative}
.content .feature a:nth-child(odd):after{height:100%;content:'';width:1px;border-right:1px solid #f5f5f5;position:absolute;top:0;right:0}
.content .feature a:last-child,.content .feature a:nth-last-child(2){border-bottom:1px solid #f5f5f5}
.content .feature a .icon-ranking{width:65px;margin:0 auto 10px}
.content .feature a span{display:block;height:20px;margin-top:10px}
.content .feature a .icon-ranking i{display:block;height:65px;background:url(../images/sc_icon.png) no-repeat;background-size:63px}
.content .feature a .icon-ranking .dj{background-position:1px -2426px}
.content .feature a .icon-ranking .tj{background-position:1px -2503px}
.content .feature a .icon-ranking .sc{background-position:1px -2581px}
.content .feature a .icon-ranking .gx{background-position:1px -2660px}
.content .feature a .icon-ranking .hw{background-position:1px -2742px}
.content .feature a .icon-ranking .none{background-position:1px -2812px}
.bookshelf .content-cp:first-child{padding:5px 0;border:none}
.bookshelf .content-cp .desc-cp em{color:red}
.bookshelf .content-cp .shelf{color:#09b396;line-height:25px}
.bookshelf .content-cp .del{width:60px;height:25px;color:#fff;line-height:25px;font-size:14px;background:red;border-radius:3px;text-align:center;display:block;float:right}
.year-member{border-bottom:1px solid #d6c3ae;border-top:1px solid #d6c3ae}
.year-member .banner{width:100%;display:block}
.year-member .my-balance p em{color:#b1864c}
.year-member .title{color:#b1864c;border-left:3px solid #b1864c}
.year-member .info a,.year-member .info em{color:#b1864c}
.member{margin:10px;overflow:hidden}
.member ul li{width:50%;display:block;float:left}
.member ul li a{border:1px solid #D5BDA1;background:#fff;display:block;text-align:center}
.member ul li a .img{width:75px;margin:0 auto;padding:10px 0}
.member ul li a p:first-of-type{color:#B0864D}
.member ul li a p:last-of-type{color:#B5884E;font-size:16px;font-weight:600;margin:10px 0}
.member ul li a .img img{width:100%}
.member ul li .alipay{margin-right:10px}
.member ul li .wechat{margin-left:10px}
.member-ewm{background:#fbf9f6;width:100%;text-align:center}
.member-ewm img{width:60%;height:auto;border:1px solid #C09A5C;margin:20px 0}
.member-ewm p:first-of-type{color:#B0864D}
.member-ewm p:last-of-type{color:#B5884E;font-size:16px;font-weight:600;margin:10px 0}
.pay-card .content-cp{position:relative}
.pay-card em{display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-4px;right:10px}
.pay-card .open em{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.pay-card .maincon{margin-left:20px}
.pay-card .maincon .note{font-size:14px;color:#FDB246}
.pay-card .maincon p{display:-webkit-box;margin-bottom:10px;clear:both;overflow:hidden}
.pay-card .maincon p span{line-height:36px}
.pay-card .maincon p input,.pay-card .maincon p select{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:36px;border-radius:0;margin:0;border:1px solid #ccc;-webkit-appearance:none;font-size:16px;color:#333;padding-left:10px}
.pay-card .maincon button{height:35px;text-align:center;line-height:35px;text-decoration:none;background:#09b295;color:#fff;width:100%;margin-bottom:10px}
.help .info em{display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-4px;right:10px}
.help .info{padding:10px 0;margin-left:15px;display:block;position:relative;border-top:1px solid #f5f5f5}
.help .info:after{content:'';position:absolute;left:-15px;width:8px;height:8px;border-radius:50%;background:#FDB146;top:17px}
.help .open em{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.help .maincon{margin:0 0 10px 20px;padding:5px;line-height:25px;background:#f5f5f5}
.help .maincon .green,.help .readers-help .green{color:#09B295}
.help .readers-help{margin:0 0 10px 20px;padding:5px;line-height:25px}
.ment h4{color:#09b295;margin:10px 0}
.tip-head{padding:0;margin:0;min-height:44px;background:#09B295;border-bottom:1px solid #09B295}
.tip-head .title{text-align:center;height:44px;line-height:44px;color:#fff}
.tip-msg{padding-top:36px;text-align:center}
.tip-msg .msg-icon{margin-bottom:20px}
.tip-msg .msg-icon img{width:50%}
.tip-msg .msg-text{padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #f5f5f5;color:#FD5F61;font-size:20px}
.tip-msg .msg-desc{font-size:16px}
.tip-msg .jump{font-size:14px;margin-top:10px;color:#656565}
.tip-msg .jump em{color:#FD5F61;margin-right:5px}
.tip-msg a{display:block;margin-top:20px}
.content .book-end{overflow:hidden;text-align:center}
.content .book-end .end-sorts{width:25%}
.content .book-end .end-sorts .icon-sorts{width:45px;margin:0 auto}
.content .book-end .end-sorts .icon-sorts i{display:block;height:55px;background:url(../images/sc_icon.png) no-repeat;background-size:63px}
.content .book-end .end-sorts .icon-sorts .add{background-position:-10px -1651px}
.content .book-end .end-sorts .icon-sorts .share{background-position:-10px -1711px}
.content .book-end .end-sorts .icon-sorts .publish{background-position:-10px -1773px}
.content .book-end .end-sorts .icon-sorts .join{background-position:-11px -1835px}
.bookend .book{padding:5px 0;border-bottom:1px solid #f5f5f5}
.bookend .book:nth-last-of-type(1){border:none}
.table{margin:0 10px}
.table h3{line-height:2.5em;padding-left:10px;color:#5A5454;border:1px solid #DFDFDF;background:#F5F4F4}
.table .tablbg{border-left:1px solid #eee;table-layout:fixed;word-break:break-all}
.table .tablbg td,.table .tablbg th{height:34px;line-height:34px;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center}
.fadeIn{-webkit-animation:fadeIn 1s;animation:fadeIn 1.5s}
.fadeOut{-webkit-animation:fadeOut 1s;animation:fadeOut 1s}
@-webkit-keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}@keyframes fadeIn{0%{opacity:0}
     100%{opacity:1}
 }@-webkit-keyframes fadeOut{0%{opacity:1}
      100%{opacity:0}
  }@keyframes fadeOut{0%{opacity:1}
       100%{opacity:0}
   }
@media screen and ( max-width: 320px){
    .content .interact-box ul li>p{
        font-size: 13px;
    }
}

.lb,.lv{width:20px;height:20px;display:inline-block;background:url(../images/lv_icon.png) no-repeat;background-size:100px}
.lv0{background-position: -61px -18px;}
.lv1{background-position:-61px -48px;}
.lv2{background-position:-61px -78px}
.lv3{background-position:-61px -108px}
.lv4{background-position:-61px -137px}
.lv5{background-position:-61px -166px}
.lv6{background-position:-61px -197px}
.lvsvip{background-position:-61px -227px;}
.lb1{background-position:-17px -17px;}
.lb2{background-position:-17px -46px}
.lb3{background-position:-17px -75px}
.lb4{background-position:-17px -105px}
.lb5{background-position:-17px -133px}
.lb6{background-position:-17px -162px}
.lb7{background-position:-17px -191px}
.lb8{background-position:-17px -220px}
.lb9{background-position:-17px -249px}
.lb10{background-position:-17px -278px}
.lb11{background-position:-17px -307px}
.lb12{background-position:-17px -336px}
.lb13{background-position:-17px -365px}
.lb14{background-position:-17px -394px}
.lb15{background-position:-17px -423px}
.lb16{background-position:-17px -452px}
.lb17{background-position:-17px -481px}
.lb18{background-position:-17px -511px}
.lb19{background-position:-17px -540px}
.lb20{background-position:-17px -569px}
.s_lb,.s_lv{width:31px;height:15px;display:inline-block;background:url(../images/lv.png) no-repeat;background-size:100px}
.s_lv0{background-position:-77px -3px}
.s_lv1{background-position:-77px -22px}
.s_lv2{background-position:-77px -42px}
.s_lv3{background-position:-77px -61px}
.s_lv4{background-position:-77px -81px}
.s_lv5{background-position:-77px -100px}
.s_lv6{background-position:-77px -120px}
.s_lvsvip{background-position:-44px -4px}
.s_lb1{background-position:0 -3px}
.s_lb2{background-position:0 -22px}
.s_lb3{background-position:0 -42px}
.s_lb4{background-position:0 -62px}
.s_lb5{background-position:0 -81px}
.s_lb6{background-position:0 -101px}
.s_lb7{background-position:0 -120px}
.s_lb8{background-position:0 -140px}
.s_lb9{background-position:0 -159px}
.s_lb10{background-position:0 -179px}
.s_lb11{background-position:0 -198px}
.s_lb12{background-position:0 -218px}
.s_lb13{background-position:0 -237px}
.s_lb14{background-position:0 -257px}
.s_lb15{background-position:0 -276px}
.s_lb16{background-position:0 -296px}
.s_lb17{background-position:0 -315px}
.s_lb18{background-position:0 -335px}
.s_lb19{background-position:0 -354px}
.s_lb20{background-position:0 -374px}


.join-tip{
    position: absolute;
    right: 10px;
    z-index: 1000;
}
.join-tip .bubble{
    color: #07b396;
    padding: 5px 10px;
    border: 1px solid #b2b2b2;
    position: relative;
    background-color: #ffffff;
    margin-top: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 2px #999999;
    -webkit-box-shadow: 2px 2px 2px #999999;
    box-shadow: 2px 2px 2px #999999;
}
.join-tip .bubble .close{
    background: url(../images/sc_icon.png) -14px -3292px no-repeat;
    background-size: 63px;
    width: 25px;
    height: 17px;
    top: 50px;
    display: inline-block;
    vertical-align: bottom;
}
.join-tip .bubble .arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -21px;
    right: 15px;
}
.join-tip .bubble .arrow em {
    border-color: transparent transparent #b2b2b2;
}
.join-tip .bubble .arrow * {
    display: block;
    border-width: 10px;
    position: absolute;
    border-style: solid dashed dashed dashed;
    font-size: 0;
    line-height: 0;
}
.join-tip .bubble .arrow span {
    border-color: transparent transparent #b2b2b2;
    top: 1px;
}

/*ÔĶÁtip*/
.ui-poptips {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    animation: tip-in 1.5s;
    animation-fill-mode: forwards;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0,0,0,.6);
}

.ui-poptips-cnt {
    line-height: 40px;
    height: 40px;
    padding-left: 10px ;
    color: #fff;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.close-tip{
    display: inline-block;
    width: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}
.close-tip img{
    width: 100%;
    height: auto;
    vertical-align: text-bottom;
}
@keyframes tip-in
{
    0%		{transform: translateY(-40px)}
    100%	{transform: translateY(0px)}
}
@keyframes tip-out
{
    0%		{transform: translateY(0px)}
    100%	{transform: translateY(-40px)}
}

.limit-time{
    color: tomato;
}


.ui-marktip{
    width: 100%;
    z-index: 999;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    animation-fill-mode: forwards;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(110, 188, 155, 0.63);
    height: 44px;
}
.ui-marktip .markcon{
    line-height: 44px;
    padding-left: 10px ;
    color: #fff;
}
.ui-marktip .btn-tip{
    margin-top: 8px;
    margin-left: 10px;
    display: inline-block;
    height: 28px;
    padding: 0 12px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 14px;
    background: tomato;
    color: #fff;
}
.ui-marktip .cancle{
    background: #bababa;;
}

.screen{
    position: fixed;
    background: #fff;
    z-index: 9999;
    top: 0;
	width:100%;
	display:none;
}
.screen .stacks{
    padding: 15px 10px 0;
}
.screen .finish{
    background: #09b295;
    color: #fff;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.mask{
    background: #4b4b4b;
    width: 100%;
    height: 100%;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: auto;
	display:none
}