article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
body{margin:0 auto;max-width:620px;background:#efeff4;color:#333;font-size:100%;-webkit-overflow-scrolling:touch}
html,body{height:100%}
html {overflow-x:hidden;}
main#left{background-color: #fff;animation: bounceInLeft .5s ease forwards}
main#leftlogin{animation: bounceInLeft .5s ease forwards;    height: 95%;
    background: 0 0;
    background-image: url(../images/registerbottom.png);
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;}
@keyframes bounceInLeft {0% {opacity: 0;transform: translate3d(100%,0,0); }50% {opacity: .50;transform: translate3d(0px, 0, 0);}100% {opacity: 1;transform: none;}}
main#right{background-color: #fff;animation: bounceInRight .5s ease forwards}
@keyframes bounceInRight {0% {opacity: 0;transform: translate3d(-100%,0,0); }50% {opacity: .50;transform: translate3d(0px, 0, 0);}100% {opacity: 1;transform: none;}}
main#left.float,main#right.float{animation:none}
.qhlist.animation{animation: bounceInTop .5s ease forwards}
@keyframes bounceInTop {0% {opacity: 0;transform: translate3d(0,100%,0); }50% {opacity: .50;transform: translate3d(0px, 0, 0);}100% {opacity: 1;transform: none;}}
h1{font-size:1.5rem}
h2{font-size:1.375rem}
h3{font-size:1.125rem}
@media only screen and (min-width:360px){h1{font-size:1.75rem}
h2{font-size:1.625rem}
h3{font-size:1.375rem}
body,button,input,select,textarea{font-size:1.125rem;line-height:1.625rem;font-family: consolas, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";}
}
@keyframes breath {
    70%,80% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1)
    }

    65%,85% {
        transform: scale(1.05)
    }
}

h1,h2,h3,h4,h5,h6{font-weight:400}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
em,i{font-style:normal}
li,ul{list-style-type:none}
textarea{resize:none}
input[type=button]{outline:0;-webkit-appearance:none}
input::-webkit-input-speech-button{display:none}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset,img{border:none}
abbr,acronym{border:none;font-variant:normal}
del{text-decoration:line-through}
ol,ul{list-style:none}
caption,th{text-align:left}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sup{top:-.5em}
sub{bottom:-.25em}
a,a:hover,ins{color:#333;text-decoration:none}
:focus,a:focus{outline:0}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.clear{clear:both;display:block;overflow:hidden;height:0;font-size:0;line-height:0}
.hide{display:none}
.clf{clear:both;overflow:hidden;zoom:1}
.fl{float:left}
.fr{float:right}
.w30{display:block;width:30%}
.w25{width:25%}
.w65{width:65%}
.w60,.w65{display:block}
.w60{width:60%}
.w73{display:block;width:73%}
.w50{width:50%;text-align:center}
.w20{width:20%}
.w15{width:15%}
.w80{width:80%}
.w10{width:10%;text-align:center}
.w90{width:90%}
.red{color:#f60}
.h50{height:50px}
.h10{height:10px}
.h120,.ht100{width:100%;height:120px;float:left;display:block;}
.ht100{height:100px;}
.bt5{border-top:5px solid #fff}
.tag{display:block;margin-top:10px;margin-left:5px;padding:0 5px;border-radius:3px;font-size:.8em}
.tag,.tag a{color:#fff}
.redTag{background:#c99fd1}
.blueTag{background:#a1b3d2}
.yellowTag{background:#f36}
.offset-10 {
    height: .62rem;
    background-color: #f3f3f3;
}
.showaddiv,.showaddiv img{display:block;overflow:hidden;margin:0 auto;padding:0;width:100%;text-align:center}
.block{overflow:hidden;margin:5px 0;width:100%;display:block;background:#fff}
.mt0{margin-top:0}
.titleBar{padding:15px 0 0px;}
.titleBar i{margin-left:2%;padding-left:0%;border-left:0px solid #f9766a;color:#333;font-size:.9em;/*font-weight: 600;*/line-height:1.125rem;vertical-align:bottom;}
.titleBar i span{color:#f60;font-size:1.3em}
.titleBar.green i span{color:#6cc;font-size:1.3em}
.titleBar a.more,.titleBar em{float:right;width:60px;height:24px;padding:0px;background:url(../images/more.png?v3) no-repeat left center;background-size:16px 17px;display:inline-block;color:#909090;font-size:.6em;text-indent:26px;line-height:26px;font-weight:400;margin-right:2%;}
.titleBar em{width:auto;background:none;height:20px;line-height:20px;color:#333;font-size:.7em;}
.titleBar font,.titleBar a.sign{display:inline-block;color:#909090;font-size:.8em;line-height:26px;font-weight:400;text-align:left;text-indent:10px;}
.titleBar a.sign{float:right;/*color:#f60;*/margin-right:2%;line-height:20px;}
.wb10{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee;}
.tabBar{text-align:center;line-height:2.5rem}
.tabBar .taboff{width:25%;background:#fafafa;color:#999;border-bottom:1px solid #eee;font-size:.9em}
.tabBar .taboff.selected{width:25%;border-bottom:1px solid #e7e1e1;background:#fff;color: #111;font-weight: 600;font-size:.9em}
.tabBar.tabBar2 .taboff,.tabBar.tabBar2 .taboff:last-child{width:50%}
.tabBar.tabBar3 .taboff,.tabBar.tabBar3 .taboff:last-child{width:33%}
.tabBar.tabBar3 .w34{width:34%}
.tabBot{padding:5px 0px;margin:0px;background:#EFEFF4;font-size:.7em;height:26px;line-height:26px;color:#333;}
.tabBot b{padding:0px 3px;color:#f60;}
.tabBot span{text-align:left;float:left;padding-left:10px}
.tabBot a{text-align:right;float:right;padding-right:10px}
.morebtn{display:block;padding:10px;/*border-top:5px solid #efeff4;*/    border-radius: 1.0667rem;
    background-color: #f6f8f9;
    width: 12.56rem;color:#333;text-align:center;font-size:.9em;margin: 0 auto;}
.morebtn:hover{background:#f9f9f9}
.morebtn:visited{color:#333}
.pink{color:#f60}
.gray{color:#ccc}
.green{color:#60ba48}
.yellow{color:#f60}
.white{color:#fff}
.black{color:#111}
.Appalert{position:fixed;z-index:99991;width:100%;max-width:620px;display:block;margin:0px auto;padding:0px;overflow:hidden;}
.Appalert .box{display:block;width:90%;margin:2%;padding:10px 10px 0px 10px;height:70px;float:left;box-shadow:0 0px 5px 0 rgba(0,0,0,.6);background:#322f2e;border-radius:8px;overflow:hidden;}
.Appalert .box .fl{width:42px;height:42px;margin:5px 10px 0px 0px;float:left}
.Appalert .box .fl img{width:100%;height:100%;display:block;border-radius:20%}
.Appalert .box .fc{width:auto;float:left;line-height:22px;margin:5px 10px 0px 0px;font-size:.8em;color:#F1C737;}
.Appalert .box .fc .t2{font-size:.7em;color:#e9e9e9}
.Appalert .box .fr{width:60px;margin:15px 0px 0px;line-height:20px;display:block;background:#1AAD19;color:#fff;font-size:1em;padding:3px 5px;text-decoration:none;cursor:pointer;outline:0;border-radius:20px;font-size:.8em;text-align:center;cursor:pointer}
.Appalert .del{width:100%;height:20px;margin:-20px auto 0px;cursor:hand;cursor:pointer;float:left;}
.Appalert .del span{margin:0px auto;height:6px;width:50px;background:#999;border-radius:3px;display:block;}
.Appalert .box.ios{width:88%;margin:2% 4% 20px 4% ;height:60px;box-shadow:0 0px 5px 0 rgba(0,0,0,.6);background:#322f2e}
.Appalert .box.ios .fc{margin-top:0px;font-size:.8em;color:#F1C737;}
.Appalert .box.ios .fc .t2{margin-top:3px;color:#e9e9e9}
.Appalert .box.ios .fc i,.Appalert .box.ios .fc em{margin:0px 2px;width:20px;height:20px;padding:0px;border:0px;background:url(../images/s1.png?v2) no-repeat center center;background-size:100% auto;display:inline-block;}
.Appalert .box.ios .fc em{background:url(../images/s2.png?v2) no-repeat center center;background-size:100% auto;}
.Appalert .box.ios .del{position:absolute;right:2%;top:2%;margin:0px;width:20px;height:20px;padding:0px;border:0px;background:rgba(255,255,255,.95) url(../images/del.png?v2) no-repeat center center;background-size:12px 12px;text-indent:-9999px;border-radius:50%;cursor:pointer;box-shadow:0 0px 5px 0 rgba(0,0,0,.3);transition:transform 0.7S;-webkit-transition:-webkit-transform 0.7S;-moz-transition: -moz-transform 0.7S;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.Appalert .box.ios .del:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.Appalert .arrow{position:relative;top:66px;display:block;margin:0 auto;text-align:center;width:0;height:0;border-width:20px;border-style:solid;border-color:#322f2e transparent transparent transparent;}
/*header{height: 48px;}*/
.tophead{position:relative;top:0px;z-index:999;clear:both;overflow:hidden;margin:0 auto;padding:5px 0;width:100%;height:40px;background:#fff;color:#333;text-align:center;line-height:2.5rem;zoom:1}
.sotophead{position:relative;top:0px;z-index:999;clear:both;overflow:hidden;margin:0 auto;padding:5px 0;width:100%;height:40px;background:#fff;color:#333;text-align:center;line-height:2.5rem;zoom:1}
.topheadlogin{position:relative;top:0;z-index:9;clear:both;overflow:hidden;margin:0 auto;padding:5px 0;width:100%;height:40px;color:#fff;text-align:center;line-height:2.5rem;zoom:1}
.sytophead{position:relative;top:-60px;z-index:999;clear:both;overflow:hidden;margin:0 auto;padding:5px 0;width:100%;height:40px;background:#fff;color:#333;text-align:center;line-height:2.5rem;zoom:1}
.logo{position:absolute;top:5px;left:5px;width:75pt;height:40px;background:url(../images/logo.png?v2) no-repeat center center;background-size:75pt auto}
#searchbox{padding:5px 0 10px 10px;position:relative;}
.searchInput{width:90%;margin:0px 1%;height:30px;border:none;border:0;border-radius:20px;background-color: rgba(255,255,255,1);text-indent:10px;font-size:.8em;line-height:1.875rem}
.searchInput::placeholder{background:url(../images/so.png?v2) no-repeat 15px center;background-size:28px 18px;color:#000;text-align:center;opacity:.2}
.searchInput.w80{width:84%;margin:0px;}
.indexso {position: sticky;top:0px;z-index: 90;border-top:1px solid #f2f2f2;    background-color: #f8f8f8;}
.indexso #searchbox{padding:10px 2%;}
.indexso .searchInput{width:100%;margin:0px;}
.indexso.float{position:fixed;bottom:0;top:0;right:0;left:0;z-index:9;margin:0 auto;max-width:620px;height:50px;overflow:hidden; }
#cancleBtn{position:absolute;right:1%;top:5px;margin:0px;width:10%;height:30px;background:url(../images/del.png?v2) no-repeat center center;background-size:22px 22px;text-indent:-9999px}
.indexso #cancleBtn{top:15px;right:20px;width:20px;height:20px;border-radius:50%;background:url(../images/delete.png?v2) no-repeat center center;background-color:#999;background-size:12px 12px;display:none;}
#floatSo.float,#floatSo.click{background:#f8f8f8;/*position:fixed;*/top:0;z-index:9999;margin:0 auto;max-width:620px;height:55px;overflow:hidden;animation: bounceInTop .5s ease forwards}
#floatSo.float{box-shadow:0 5px 5px 0 rgba(114,114,114,.1);}
#searchlist{width:100%;height:100%;margin:0px auto;max-width:620px;border-top:5px solid #efeff4;background-color:#fff;overflow:hidden;display:none;}
#searchlist.animation{position:fixed;top:55px;z-index:9999995;display:block;animation: bounceInTop.5s ease forwards}
@keyframes bounceInTop {0% {transform: translate3d(0,100%,0); }50% {transform: translate3d(0px, 0, 0);}100% {transform: none;}}
.solist {float:left;width:100%;display:block;margin-top:20px;}
.solist ul{float:left;display:block;width:80%;border-top:1px dashed #ddd;margin-top:10px;padding:10px 20% 20px 0px}
.solist li a{float:left;margin:1% 0 1% 2%;padding:2px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;text-align:center;font-size:.7em}
.solist li a:hover{border:1px solid #f60;background:#f60;color:#fff;cursor:pointer}
.soBtn,.soBtn2{border:1px solid #f60;width:12%;height:26px;line-height:26px;margin:1px 1.5%;color:#fff;background-color:#f67;border-radius:6px;text-align:center;font-size:.8em;}
.soBtn:hover,.soBtn2:hover{color:#fff;background-color:#f60;border:1px solid #f60;}
.soBtn2{color:#333;background-color:#fff;border:1px solid #ddd;}
/*.index .tophead{background:url(/skin/2020.png?v2) no-repeat right center}*/
.back,.back01,.checkBox li i,.home,.home01,.home02,.mybooks,.mybooks01,.searchBtn01,.searchBtn01.back{position:absolute;width:20px;height:20px;background:url(../images/sprite-header.png?v2) no-repeat;background-size:62px 62px;}
.home,.home01{top:12px;right:9px;overflow: hidden;
    margin-top: .3rem;
    margin-left: .3rem;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    background-color: rgba(0,0,0,.5);
    background-image: url(../images/n19__home_tabbar_icon_home.png);
    background-position: 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    text-indent: -999px;
    -o-background-size: 20px}
.mybooks{background-position:0 -42px}
.back{background-position:-42px -42px}
.topfr{position:absolute;right:9pt;color:#999;font-size:.8em;}

.home02{top:15px;}
.home02{left:10px}
.mybooks01{top:15px;right:95px;display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 3rem;
    height: 2rem;
    border: 0;
    border-radius: 1rem;
    line-height: 2rem;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit--moz-box-pack: center;
    box-pack: center;   background-image: -webkit-linear-gradient(-40deg,#ffe153 19%,#ffd251 97%);
    background-image: -ms-linear-gradient(-40deg,#ffe153 19%,#ffd251 97%);
    color: #333;
    font-size: 1.1666rem}
.back,.back01{top:12px;left:10px; overflow: hidden;
    margin-top: .3rem;
    margin-left: .3rem;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    background-color: rgba(0,0,0,.5);
    background-image: url(../images/detail_icon_back.png);
    background-position: 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    text-indent: -999px;
    -o-background-size: 20px}
.soback{
    position: absolute;top:1px;left:10px; 
    overflow: hidden;
    margin-top: .0rem;
    margin-left: .3rem;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    background-color: rgba(0,0,0,.5);
    background-image: url(../images/detail_icon_back.png);
    background-position: 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    text-indent: -999px;
    -o-background-size: 20px}
.searchBtn01{top:15px;right:10px;background-position:-22px 0}
.tsign{width:26px;height:26px;position:absolute;top:10px;right:2%;background:url(../images/gps.png?v2) no-repeat center center;background-size:24px;display:block;overflow:hidden;}
.tabBtn{margin:5px auto 0;padding-left:60px;width:180px}
@media screen and (min-width:415px){
.tabBtn{padding-left:0px}
}
.tabBtn,.tabBtn span{display:block;overflow:hidden;height:28px}
.tabBtn span{width:100%;line-height:1.75rem}
.tabBtn span,.tabBtn span a{border-radius:14px;/*background:#eee*/}
.tabBtn span a{float:left;display:inline-block;width:33.333%;font-size:.7em}
.tabBtn span a.on{ background: 0 0;
    color: #333;
    font-weight: 700;font-size:1.2em}
.tabBtn span a.on.zi{background:#c99fd1}
.tabBtn span a.on.green{background:#6cc}
.tabBtn span a i{position:absolute;right:6%;top:-12%;z-index:2;float:left;display:block;width:16px;height:16px;background:url(../images/free.png?v2) no-repeat center top;background-size:16px;display:none;}
.banner-heading {
    position: sticky;
    top: 2.8rem;
    /*z-index: -1;*/
}
.focusbox{    position: relative;top: -50px;margin:0;padding:0px;width:100%;text-align: center;#f8f8f8;}
.focusbox img{ display: inline-block;  width: 96%;height: 15.2rem;border-radius: 0.6rem;}

.focusbox .swiper-pagination-bullet-active{background:#c99fd1 }
.focushot .swiper-pagination{position:absolute;bottom:-3px;z-index:5;float:left;display:block;padding:0;padding-top:20px;width:100%;height:40px;background:url(../images/focusBG.png?v2) no-repeat center top;background-size:100% auto}
.ht-nav{

position: relative;
    z-index: 9994;
    margin-top: -6.2rem;
    margin-bottom: 0.3rem;
    border-top-right-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    background: hsla(0, 0%, 100%, 0);
	overflow: hidden; width: 100%;  display: block; }
.btnList li{float:left;width:24.9%;text-align:center;font-size:.7em}
.btnList.list4 li{width:25%}
.btnList li a{display:inline-block;display:block;margin:0 auto;width:92px;height:92px;color:#fff;font-size:.6em;line-height:.9375rem;background:url(../images/navnew.png?v3);background-repeat: no-repeat;}
.btnList li a.bg01{background-position:-234px -122px;}
.btnList li a.bg02{background-position:  -122px -122px;}
.btnList li a.bg03{background-position: -10px -10px;}
.btnList li a.bg04{background-position:  -10px -234px;}
.btnList li a.bg05{background-position: -122px -122px;}
.btnList li a.bg06{background-position:center -498px;}
.btnList li a.bg07{background-position:center -55px;}
.btnList li a.bg08{background-position: -122px -10px;}
.btnList li a.bg09{background-position:center -365px;}
/*免费-10px -122px;*/
.book_list,.comic_list{padding:10px 2%;width:96%;overflow:hidden;padding-bottom:10px;zoom:1}
.comic_list div.swiper-slide{float:left;display:block;width:100%}
.book_list div.swiper-slide a p,.comic_list div.bdbox a p,.tuijie_list div.swiper-slide a p,.ranking_list div.swiper-slide a.fl p,.search_list li a.fl p{position:absolute;bottom:0%;width:100%;height:20px;margin:0px;padding:0px;overflow:hidden;display:block;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));}
.book_list div.swiper-slide a b,.comic_list div.bdbox a b,.tuijie_list div.swiper-slide a b,.tuijie_list div.swiper-slide a sup,.ranking_list div.swiper-slide a.fl b,.search_list li a.fl b{position:absolute;right:-1px;top:-1px;z-index:2;overflow:hidden;padding:0;height:1pc;min-width:30px;border-radius:2px;color:#fff;text-align:center;font-size:.7em;line-height:.9375rem;background:rgba(114,102,186,.7)}
.book_list div.swiper-slide a b.px,.comic_list div.bdbox a b.px{background:transparent;right:3px;top:3px;text-align:right;text-shadow:0 0 .5em #999,-0 -0 .5em #999;font-size:.9em}
.book_list div.swiper-slide,.comic_list div.bdbox{float:left;margin:10px 0px;width:33.3%;text-align:center;font-size:.8em;}
.book_list div.swiper-slide a,.comic_list div.bdbox a{margin:0 2%;width:96%;height:160px;padding:0px;border-radius:6px;overflow:hidden;position:relative;display:block;display:flex;justify-content:center;align-items:center;}
.book_list div.swiper-slide a img,.comic_list div.bdbox a img{width:100%;text-align:center;margin:0px auto;padding:0px;}
.book_list div.swiper-slide a em,.book_list div.swiper-slide a i,.book_list div.swiper-slide a label,.comic_list div.bdbox a em,.comic_list div.bdbox a i,.comic_list div.bdbox a label{position:absolute;right:5%;bottom:5%;z-index:2;overflow:hidden;padding:0;height:1pc;min-width:30px;border-radius:2px;color:#fff;text-align:right;font-size:.7em;line-height:.9375rem}
.book_list div.swiper-slide a label,.comic_list div.bdbox a label{left:5%;bottom:5%;text-align:left;}
.book_list .booktitle,.comic_list .booktitle{overflow:hidden;margin:0 auto;padding:5px 0 0px;width:100%;font-size:1.1em;line-height:1.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.book_list div.swiper-slide .commandDes,.comic_list div.bdbox .commandDes{float:left;display:block;font-size:.8em;line-height:1.25rem;margin:0px 2% 10px;width:96%;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#909090;}
.book_list div.swiper-slide.large{position:relative;width:100%;text-align:left;margin:10px 0px 0px;}
.book_list div.swiper-slide.large a{margin:0 .5%;width:99%;height:130px}
.book_list div.swiper-slide.large span.back{overflow:hidden;width:100%;height:100%;display:block;background-position:center center;background-repeat:no-repeat;position:absolute;top:0px;left:0px;z-index:0;background-size:cover;}
.book_list div.swiper-slide.large img{z-index:1;min-height:100%;}
.book_list div.swiper-slide.large a p{z-index:2;font-size:1.3em;}
.book_list div.swiper-slide.large a i{right:5px}
.book_list div.swiper-slide.large a label{left:5px}
.book_list div.swiper-slide.large .booktitle{float:left;display:block;font-size:1.5em;margin:10px 2%;width:96%;}
.book_list div.swiper-slide.large .commandDes{-webkit-line-clamp:2;padding:5px 0px 0px;font-size:.9em;line-height:20px;}
.book_list div.swiper-slide.large .commandDes em{border:#d5d5d6 solid 1px;padding:2px 5px;height:22px;width:auto;border-radius:6px;color:#909090;text-align:right;font-size:.9em;line-height:22px;margin-right:10px}
.book_list.list4 div.swiper-slide{width:25%;}
.book_list.list4 div.swiper-slide a{position:relative;margin:0 auto;width:92%;height:120px;}
.book_list.list4 div.swiper-slide a div.radius{width:99%;height:120px;margin-left:1px;border-radius:6px;display:block;overflow:hidden;}
.book_list.list4 div.swiper-slide a img{width:100%;min-height:120px;}
.book_list.list4 div.swiper-slide a span{position:absolute;left:0px;bottom:5%;z-index:1;display:block;box-sizing:border-box;width:41px;height:26px;padding:0px;font-size:.8em;line-height:28px;color:#fff;display:block;text-indent:2px;text-align:left;}
.book_list.list4 div.swiper-slide a span.lz{background:url(../images/bookmark.png) no-repeat left center;background-size:80%;}
.book_list.list4 div.swiper-slide a span.wj{background:url(../images/bookmark2.png) no-repeat left center;background-size:80%;}
.book_list.list4 div.swiper-slide .booktitle{margin:5px 2% 0px;padding:0px;font-size:.9em;line-height:20px;}
.book_list.list4 div.swiper-slide .commandDes{margin:0px 2%;}
.tuijie_list{padding:0px 10px 5px 10px;display:block;font-size:.7em;}
.tuijie_list div.swiper-slide a{float:left;margin:1%;width:48%;height:110px;border-radius:6px;overflow:hidden;position:relative;}
.tuijie_list div.swiper-slide img{width:auto;width:100%;min-height:110px;height:auto;text-align:center;margin:0px auto;padding:0px}
.tuijie_list div.swiper-slide a span,.tuijie_list div.swiper-slide a label{position:absolute;z-index:2;overflow:hidden;padding:0;color:#fff;display:block;}
.tuijie_list div.swiper-slide a label{right:5px;bottom:-5px;}
.tuijie_list div.swiper-slide a span{font-size:1em;text-overflow:ellipsis;white-space:nowrap;left:5px;bottom:0px;}
.tuijie_list div.swiper-slide a sup{width:40px;line-height:18px;right:3px;top:3px;}
.tuijie_list div.swiper-slide a sup.do{background:#f60;}
.tuijie_list div.swiper-slide a sup.end{background:#888;}
.ranking_list{/*background:#3d3d3d;*/margin:5px;}
.ranking_list div.swiper-slide{width:100%;height:120px;overflow:hidden;padding:10px 0px;border-bottom:0px solid #444;display:block;-webkit-animation:twinkling .5s ease-in-out;}
.ranking_list div.swiper-slide:last-child{margin-bottom:10px;border-bottom:none}
.ranking_list div.swiper-slide a.fl{margin-left:2%;margin-right:2%;float:left;width:60%;border-radius:6px;height:120px;overflow:hidden;position:relative;display:block;display:flex;justify-content:center;align-items:center;padding:0px;}
.ranking_list div.swiper-slide a.fl img{width:100%;min-height:120px;height:auto;text-align:center;margin:0px auto;padding:0px}
.ranking_list div.swiper-slide a.fl p{color:#fff;line-height:75px;font-size:.6em;text-indent:5px;}
.ranking_list div.swiper-slide a.fl span{position:absolute;right:5px;bottom:0px;display:inline-block;font-size:.6em;color:#fff;}
.ranking_list div.swiper-slide div.fr{float:left;width:34%;overflow:hidden;margin-right:2%;position:relative;}
.ranking_list div.swiper-slide div.fr .booktitle a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:.9em;color:#333;}
.ranking_list div.swiper-slide div.fr .bookdesc{-webkit-line-clamp:3;line-height:1.2rem;font-size:.6em}
.ranking_list div.swiper-slide div.fr .bookcat {margin:0px;padding-top:10px;position:relative;height:40px;}
.ranking_list div.swiper-slide div.fr .bookcat .fl{float:left;display:inline-block;position:absolute;top:0px;font-size:.8em;height:25px;line-height:16px}
.ranking_list div.swiper-slide div.fr .bookcat .fr{float:right;display:inline-block;position:absolute;top:0px;right:10px;font-size:2.3em;color:#f8d375;font-style:oblique}
.search_list{padding:0px;width:100%;}
.search_list li{overflow:hidden;padding:10px 0px;width:100%;border-bottom:1px solid #eee;display:block;-webkit-animation:twinkling .5s ease-in-out}
.search_list li:hover{background:#f9f9f9}
.search_list li:last-child{margin-bottom:10px;border-bottom:none}
.search_list li a.fl{margin-left:4%;margin-right:2%;float:left;width:28%;height:125px;border-radius:6px;overflow:hidden;position:relative;display:block;display:flex;justify-content:center;align-items:center;}
.search_list li a.fl img{width:100%;min-height:125px;height:auto;text-align:center;margin:0px auto;padding:0px}
.search_list li a.fl b{display:none;}
.search_list li a.fl p{color:#fff;line-height:75px;font-size:.6em;text-indent:5px;}
.search_list li div.fr{float:left;width:62%;overflow:hidden;margin-right:4%;}
.search_list li div.fr .bookdesc{line-height:1.4rem;color:#888;font-size:.7em}
.search_list li div.fr p.fl{float:left;width:60%;display:inline-block;height:40px;}
.search_list li div.fr p.fl span{float:left;width:100%;display:block;height:20px;font-size:.8em;}
#swiperTabWrap .swiper_ul{float:right;}
#swiperTabWrap .swiper_ul li{float:left; padding:0 5px;}
#swiperTabWrap .swiper_ul li a{color:#888;font-size:.7em; padding:1px 5px;}
#swiperTabWrap .swiper_ul li a.active{color: #fff;border-radius:6px;background:#f60;}			
.comic_list{padding:0px 2%;}			
.search_list li div.fr p.fr{float:right;display:inline-block;margin-top:10px}
.search_list li em{float:right;display:inline-block;width:15px;height:15px;background:#f60;color:#fff;text-align:center;font-size:.8em;line-height:.9375rem}
.chapter_list {display:block;margin: 10px 2%;width:96%;}
.chapter_list li{float: left; margin: 10px auto 0; width: 100%; background-color: #fff;}
.chapter_list a { display: flex; width: 100%;}
.chapter_list li span.imgs{    position: relative; overflow: hidden;  margin: 1px 5px 2px 0; width: 10rem; height: 5.625rem; border: 0; border-radius: 0.4165rem;}
.chapter_list li span.imgs img{    display: inline-block;width:100%;height: 100%; overflow: hidden;}
.chapter_list  .info_wp { flex-grow: 1}
.chapter_list .infobox {
    display: flex;
    height: 96%;
    border: 1px solid #f0f2f5;
    border-radius: .1333rem;
    justify-content: space-between
}

.chapter_list  .left {
    display: table;
    width: 80%;
    height: 100%;
    flex: 0 0 auto
}

.chapter_list .left .w50 {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    text-align: left;
        font-size: .9rem;
    line-height: 1.5625rem;
        word-wrap: break-word;
    overflow-wrap: break-word;
    width: 14rem;
}

.chapter_list .left .w50 p {
    color: #999;
    font-size: .7em;
}
.chapter_list .left.w50 span {
    display: inline-block
}

.chapter_list .left .w50 .title {
    color: #282828;
    font-weight: 500;
    font-size: .3733rem
}

.chapter_list .left .w50 .subTitle {
    display: -webkit-box;
    overflow: hidden;
    color: #666;
    text-overflow: ellipsis;
    font-size: .2933rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.chapter_list .left .w50 .pubDate {
    color: #999;
    font-size: .32rem
}

.chapter_list li span.w50{     display: table;
    width: 80%;
    height: 100%;
    flex: 0 0 auto;
	position:absolute;top:6px;left:24%;float:left;display:block;padding:8px 0 0 10px;text-align:left;font-size:.8em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:72%;border: 1px solid #f0f2f5;
    border-radius: 10px;}
.chapter_list li span.w50 p{color:#999;font-size:.7em}


.chapter_list .right {
    display: table;
    height: 100%;
    flex: 0 0 auto
}

.chapter_list .right .box {
    display: table-cell;
    vertical-align: middle
}

.chapter_list .right .btn {
    float: left;
    overflow: hidden;
    margin-right: 10px;
    padding: 0 .2rem;
    height: .48rem;
    border: 0;
    border-radius: 6px;
    font-size: .32rem;
    line-height: .42rem
}

.chapter_list .right .btn.free {
    background: #f3fef6;
    color: #6eb57c
}

.chapter_list .right .btn.time {
    background: #f8fafe;
    color: #84a4f1
}

.chapter_list .right .btn.vip {
    background: #fff5fa;
    color: #d186f7
}

.chapter_list .right .btn.coin {
    background: #fff9f5;
    color: #e5ab6f;
    font-size: .25rem
}

.chapter_list .right .btn.coin em {
    font-size: .35rem
}

.chapter_list .right .btn.buy,.chapter_list .right .btn.read {
    background: #fff;
    color: #999
}

.chapter_list .right .btn.his {
    background: #fff;
    color: #1ba8f2
}

.chapter_list li b{    float: left;

    overflow: hidden;
    margin-right: 10px;
    padding: .15rem;
    height: 1.5rem;
    border: 0;
    border-radius: 6px;
    font-size: .81rem;
    line-height: 1.325rem}
.chapter_list li b.bought{color:#888}
.chapter_list li b.free{color:#87b7cd;/*background:url(../images/vol_icon_free.png?v2) no-repeat left center;*/background-size:12px;}
.chapter_list li b.vip{color:#e5ab6f}
.chapter_list li b.toll{color:#e5ab6f;/*background:url(../images/vol_icon_pay.png?v2) no-repeat left center;*/background-size:12px;}
.chapter_list li b.read{color:#888}
.chapter_list li b.his{color:#5D9CEC}
.book_list_txt{display:block;padding:0px 2%;width:96%;}
.book_list_txt li{float:left;display:block;padding:7px 0;width:100%;border-top:1px solid #eee;background:url(../images/wode_kouzhan.png?v2) no-repeat 5px 15px;background-size:6px auto}
.book_list_txt li a{display:-webkit-box;overflow:hidden;padding:0 0 0 15px;color:#333;font-size:.8em;line-height:1.5625rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.booktitle{display:block;margin-bottom:8px;font-weight:400;font-size:1em}
.bookcat,.bookdesc{margin-bottom:5px;padding:1px 0;color:#888;font-size:.7em}
.bookcat,.bookdesc{overflow:hidden;line-height:1.125rem}
.bookdesc{display:-webkit-box;margin-bottom:8px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bookdesc a{color:#999}
.font9{background:url(../images/wode_kouzhan.png?v2) 98% center no-repeat;background-size:10px 15px;font-size:.9em;line-height:1.875rem}
.history_list li{position:relative;height:100px;margin:3% 2%;padding:5px 2%;background:#fafafa;zoom:1}
.history_list li:hover{background:#fff;}
.history_list li a.del{position:absolute;top:0px;right:0px;width:30px;height:30px;background:url(../images/del.png?v2) no-repeat center center;background-size:14px;z-index:2}
.history_list li a.del:hover{background:#f60 url(../images/delete.png?v2) no-repeat center center;background-size:14px;}
.history_list li a.fl{margin-right:2%;float:left;width:28%;height:100px;border-radius:6px;overflow:hidden;position:relative;display:block;display:flex;justify-content:center;align-items:center;z-index:1;}
.history_list li a.fl img{width:100%;min-height:100%;}
.history_list li a.fl p{position:absolute;bottom:0%;width:100%;height:40px;margin:0px;padding:0px;overflow:hidden;display:block;background:#333;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));color:#fff;text-align:left;font-size:.6em;line-height:55px;text-indent:5px;}
.history_list li a.fl b{position:absolute;top:-2px;left:0px;width:25px;height:18px;line-height:20px;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#f60;color:#fff;text-align:center;font-size:.5em;    z-index: 11;}
.history_list li a.fr{float:right;width:68%;z-index:1;}
.history_list li a.fr span{display:block}
.history_list li a.fr .name{color:#000;font-size:1.1em;height:35px;line-height:30px;width:100%;overflow:hidden;display:block;}
.history_list li a.fr .name em{position:relative;top:-5px;width:25px;height:25px;padding:1px 2px;border-radius:4px;background:#60B213;color:#fff;text-align:center;font-size:.5em;margin:0px 0px 0px 5px;}
.history_list li a.fr .txt{padding:0px;margin:0px;color:#999;height:18px;line-height:18px;width:100%;overflow:hidden;display:block;font-size:.6em;}
.buylog_list li{width:96%;height:24px;line-height:24px;padding:5px 2%;background:#fff;display:block;float:left;border-bottom:1px dashed #eee;}
.buylog_list li:hover{background:#FFF0F0;}
.buylog_list li a{width:100%;display:block;font-size:.7em;}
.buylog_list li span{float:right;font-size:.8em;color:#999;}
.noneBox{text-align:center;line-height:3.75rem}
.catebox{padding:0 1% 3px 2%;background:#fff;width:97%}
.catebox a{display:inline-block;margin:10px 0px 0px 0px;padding:0 4px;color:#555;font-size:.8em;border:1px solid #fff;line-height:1.25rem}
.catebox a em{display:inline-block;color:#999;font-size:.6em;z-index:2;margin:2px 3px}
.catebox a:hover{border:1px solid #f60;border-radius:10px;color:#f60}
.catebox a.red,.catebox a.red:hover{/*border:1px solid #f60;background:#f60;*/border-radius:10px;color:#f60;}
.catebox a.red em,.catebox a.red:hover em{color:#fff;display:none;}
.catebox span{float:left;padding-left:5px;color:#555;font-size:.8em;width:50px;margin-top:10px;line-height:1.25rem;background: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,.6));}
.catebox dd{white-space:nowrap;padding-right:30px;overflow-x: scroll;}
.catebox dd::-webkit-scrollbar {display: none;}
@media screen and (min-width:769px){.catebox dd{white-space: normal;padding-right:0px;}}
.catetitle{border-bottom: 1px solid #f0f2f5;padding-bottom:10px;margin-bottom:5px}
.cateorder{border-top:1px solid #f0f2f5;padding:0px 2% 10px;margin-top:10px;}
.cateorder a.red{border:0px;}
.jion{background:#c99fd1}
.jion,.jioned{padding:5px;border-radius:3px;color:#fff;font-size:.8em}
.jioned{background:#999}
.savenav{position:fixed;bottom:0;left:0;width:100%}
.saveBooks{padding:0;background:#f63;color:#fff;line-height:3.125rem}
.saveBooks,.typename{display:block;width:100%;text-align:center}
.typename{margin:0 auto;padding:5px 0;background:#efeff4}
.typename a{margin:1% 0 1% 2%;padding:3px .5%;width:16%;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;text-align:center;font-size:.7em}
.typename a.selected,.typename a:hover{border:1px solid #f60;background:#f60;color:#fff;cursor:pointer}
.detailBox{position:relative;z-index:1;overflow:hidden;width:100%;height:180px;background:#ccc}
.detailtop{height:45px;text-align:center;line-height:2.8125rem}
.detailCover,.detailtop{position:relative;z-index:4;color:#fff}
.detailCover{padding:0 20px 20px;z-index:3;}
.detailCover a{color:#fff}
.detailCover img{height:90pt}
.detailCover .w65.rbg{float:right;text-align:right;color:#fff;text-shadow:0 0 .5em #f33,-0 -0 .5em #f33;}
.detailBG div{overflow:hidden;width:100%;height:180px;display:block;background-position:center center;background-repeat:no-repeat;position:absolute;top:0px;left:0px;z-index:1;}
.detailBG div.cover{overflow:hidden;width:100%;height:180px;display:block;background-position:center center;background-repeat:no-repeat;z-index:2;}

.detailBG svg{position:absolute;left:0%;top:0%;width:100%;height:100%}
.detailBtnBox{overflow:hidden;padding:5px 0 5px;width:100%;height:35px;text-align:center}
.detailBtnBox .readBtn,.detailBtnBox .zan a{float:left;display:inline-block;margin:0 2%;height:35px;border-radius:6px;text-align:center;font-size:.9em;line-height:2.1875rem}
.detailBtnBox .readBtn{width:52%;background-image: -webkit-linear-gradient(-40deg, #ffe153 19%, #ffd251 97%);
    background-image: -ms-linear-gradient(-40deg, #ffe153 19%, #ffd251 97%);color:#333}
.detailBtnBox .readBtn em{font-size:.8em}
.detailBtnBox .zan a{width:40%;background:#eee;color:#f60}
.detailBtnBox .zan em{margin-left:5px;font-size:.8em}
.detailBtnBox .zan i{float:none;display:inline-block;margin-right:5px;position:relative;top:1.5px;width:16px;height:16px;background:url(../images/digg.png?v2) no-repeat center bottom;background-size:16px 44px}
.detailBtnBox .zan a.ok i{background:url(../images/digg.png?v2) no-repeat center top;background-size:16px 44px}
.detailBtnBox .off{color:#999}
.detailBoxdesc{/*display:block;overflow:hidden;margin:0 10px 15px;color:#666;font-size:.8em;line-height:1.375rem*/}
.detailBoxdesc span{/*float:left;line-height:2.5rem*/}
.detailBoxdesc .tag{/*float:left;padding:2px 8px;border-radius:6px;font-size:1em*/}
.favbox{width:96%;height:40px;display:block;overflow:hidden;margin:2%;border-radius:6px;border:1px solid #ddd;text-align:center}
.favbox a{width:100%;height:40px;color:#70541C;font-size:.9em;line-height:40px;display:block;overflow:hidden;background-image: -webkit-linear-gradient(-40deg, #e0b86f 19%, #f7edd0 97%);
    background-image: -ms-linear-gradient(-40deg,  #e0b86f 19%, #f7edd0 97%);}
.favbox a:hover{color:#f60}
.favbox a.off{background:#fafafa;color:#999;}
.comment_list{padding:0 10px 10px}
.comment_list li{padding:10px 0;border-top:1px solid #f9f9f9;font-size:.8em;line-height:1.375rem}
.orderBar{line-height:2.1875rem}
.orderon{border-bottom:1px solid #f60;color:#f60;font-size:.9em}
.orderoff{background:#fff;color:#999;font-size:.9em}
.changeBtn,a.orderBtn01,a.orderBtn02{margin:0px 10px;padding:0px 5px 0px 20px;background:url(../images/order.png?v2) no-repeat;background-size:16px 34px;color:#999;font-size:.8em;line-height:20px}
a.orderBtn01{background-position:0px 2px;color:#333;}
a.orderBtn02{background-position:0px -17px;color:#333;}
.navorder a{display:block;}
.navorder a.active{display:none;}
.navorder .fl{font-size:.7em;}
.navorder .fl b{color:#f60;}
.changeBtn{background-position:0 -20px}

.pageBox{padding:10px 0;border-top:5px solid #efeff4;line-height:1.5625rem}
.pageBox select{height:25px}
.pageBox a,.pageBox span{width:20%;text-align:center;font-size:.8em}
.footnav{position:fixed;bottom:0;margin:auto;width:100%;height:50px;max-width:620px;    border-top: 1px solid hsla(0, 0%, 93%, .95);background-color: hsla(0, 0%, 100%, .95); backdrop-filter: blur(10px);z-index:9999;}
.footnav a{float:left;display:block;margin-top:8px;width:20%;text-align:center}
.footnav a span{display:block;margin:0 auto;padding-top:23px;width:24px;background:url(../images/memu.png?v3) no-repeat;background-size:15pc 24px;color:#000;font-size:.6em}
.footnav a span.m01{background-position:1.5px 0;}
.footnav a .m01:hover,.footnav a.selected .m01{background-position:-25px 0;color:#ea390f}
.footnav a span.m02{background-position:-48px 0}
.footnav a .m02:hover,.footnav a.selected .m02{background-position:-72px 0;color:#ea390f}
.footnav a span.m03{background-position:-6pc 0}
.footnav a .m03:hover,.footnav a.selected .m03{background-position:-90pt 0;color:#ea390f}
.footnav a span.m04{background-position:-9pc 0}
.footnav a .m04:hover,.footnav a.selected .m04{background-position:-168px 0;color:#ea390f}
.footnav a span.m05{background-position:-2in 0}
.footnav a .m05:hover,.footnav a.selected .m05{background-position:-216px 0;color:#ea390f}
.footnav a#user{position:relative;}
.footnav a#user.in i{position:absolute;top:1px;left:60%;width:4px;height:4px;border-radius:50%;background:#FA5151;display:block;}
.bodywhite{background:#efeff4 url(../images/center.png?v2) center top repeat-y}
.bodywhitelogin{background:#efeff4 url(../images/register_bg.jpg?v2) center top repeat-y;background-size: 620px;}
.loginbox{display:block;width:100%;height:100%}
.loginCont{padding:0 10%;width:80%}
.loginCont .input_label{padding-top:55pt;background-size:4pc;text-align: center;color:#bbb}
.loginCont .login{padding-top:55pt;background-size:4pc}
.loginCont .login div{display:block;margin-bottom:15px;color:red}
.loginCont .login .errmsg{overflow:hidden;margin:0;padding:0;width:100%;height:20px;text-align:center;font-size:.7em;color:#4284F3}
.loginCont .Iput{display:block;width:100%;height:45px;border-radius: 100px;border:none;border-bottom:#ddd solid 1px;background-color:#f1f1f1;text-align:center;line-height:2.8125rem}
.loginCont .Iput::placeholder{color:#999;font-size:.8em;}
.loginCont .key .Iput{float:left;margin-right:10px;width:50%}
.loginCont .key img{height:45px;border-radius:6px}
.loginCont .Iput#phone,.loginCont .Iput#oicq,.loginCont .Iput#email{/*background:url(../images/usericon.png?v2) no-repeat;background-size:26px auto;*/background-color:#f1f1f1;}
.loginCont .Iput#phone{background-position:8px -180px}
.loginCont .Iput#oicq{background-position:8px -144px}
.loginCont .Iput#email{background-position:8px -290px}
.loginCont .go button{cursor:pointer;margin:5px auto;width:70%;border: 2px solid #ffd814;
    border-radius: 100px;
    background-color: transparent;color: #ffd814;font-size:1em;border-radius:100px;}
.loginCont .go button.yellow{color:#d6d6d6;    background-color: transparent;margin-top:20px;border: 1px solid #3f3f3f}
.loginCont .go button.w50{margin:auto;width:50%}
.loginCont .go button:hover{opacity:1;}
.loginCont .loginHelp{display:block;width:100%;text-align:center;font-size:.8em;line-height:1.75rem;}
.loginCont .loginHelp a{color:#bbb}
.loginCont .loginHelp a.reg{display:block;margin-top:10px;color:#f60}
.loginCont .loginHelp a:hover{color:#f00;text-decoration:underline;}
.loginCont .loginHelp.line{margin-top:20px;padding-top:10px;border-top:#eee solid 1px;}
.loginCont .loginHelpwhite{display:block;width:100%;text-align:center;font-size:.8em;line-height:1.75rem;color:#fff}
.loginCont .loginHelpwhite a{color:#fff}
.loginCont .tishi{display:block;color:#999;font-size:.8em}
.loginCont div.ename{display:block;margin:10px auto 0;width:100%;height:30px;color:#333;text-align:center;font-size:.8em}
.userinfo{position:relative;overflow:hidden;width:100%;max-height:140px;padding-bottom:10px;background:#ccc;background-size:100%}
.userinfo .cover{position:relative;z-index:2;margin:10px auto 0;width:25%;text-align:center}
.userinfo .cover img{width:60px;height:60px;border-radius:50%}
.userinfo .name{position:relative;z-index:2;margin:0 auto;width:90%;text-align:center;font-size:.8em}
.userinfo span{display:block;padding:5px;color:#fff;font-size:.8em}
.userinfo span b{display:block;margin-bottom:5px}
.userinfo span i{display:inline-block;padding:0px 8px;border-radius:20px;background:#FFFBE5;color:#c93;font-size:1.1em;}
.userinfo span i.u1{background:#999;color:#fff;}
.userinfo span.id{margin:0px auto;padding:2px 10px;width:auto;border-radius:6px;text-shadow:0 0 1px rgba(0,0,0,.6);font-size:1.2em}
.userinfo .back,.userinfo .setting{position:absolute;top:15px;right:0;z-index:99;display:inline-block;width:24px;height:24px;background:url(../images/setting.png?v2) no-repeat;background-size:4px 15px;text-indent:-99999px}
.userinfo .back{left:10px;width:24px;height:24px;background:url(../images/back2.png?v2) no-repeat;background-size:11px 20px}
.userBG-1,.userBG-2{position:absolute;top:0;left:0;z-index:1;width:100%;height:150px;background-image:url(../images/userbg1.png?v2);background-position:center center;background-size:100% 150px;background-repeat:no-repeat}
.userBG-2{background-image:url(../images/userbg2.png?v2);}
.wh100{position:absolute;top:-50%;left:-50%;width:200%;height:200%}
.pastips{width:100%;display:block;overflow:hidden;margin:0px auto;border-bottom:1px solid #e5ab6f;padding:8px 0;text-align:center;color:#70541C;font-size:.8em;background:#FFFBE5;color:#f60;}
.fun_list{padding:0}
.fun_list,.fun_list li{display:block;width:100%}
.fun_list li{overflow:hidden;height:42px;padding:3px 0px;border-bottom:1px solid #f8f8f8;zoom:1}
.fun_list li a{float:left;display:block;width:100%;font-size:.9em;line-height:45px;}
.fun_list li a b{color:#ee2112}
.fun_list li a small{color:#999;font-size:.8em;margin:0px 3px}
.fun_list li a em{color:#ccc}
.fun_list li a strong{float:right;padding-right:4%;font-weight:400;font-size:.9em}
.user-menu  .fun_list li i{float:left;display:block;margin-top:3px;width:40px;height:32px;background:url(../images/usericonnew.png?v2) no-repeat;background-size:32px auto}
.user-menu.vipskin  .fun_list li i{float:left;display:block;margin-top:3px;width:40px;height:32px;background:url(../images/usericonnewvip.png?v2) no-repeat;background-size:32px auto}
.user-menu .fun_list li i.fun01{background-position:center 2px}
.user-menu .fun_list li i.fun02{background-position:center -30px}
.user-menu .fun_list li i.fun03{background-position:center -60px}
.user-menu .fun_list li i.fun04{background-position:center -94px}
.user-menu .fun_list li i.fun05{background-position:center -126px}
.user-menu .fun_list li i.fun06{background-position:center -158px}
.user-menu .fun_list li i.fun07{background-position:center -190px}
.user-menu .fun_list li i.fun08{background-position:center -222px}
.user-menu .fun_list li i.fun09{background-position:center -252px}
.user-menu .fun_list li i.fun10{background-position:center -126px}
.user-menu .fun_list li i.fun11{background-position:center -286px}
.user-menu .fun_list li i.fun12{background-position:center -323px}
.user-menu .fun_list li i.fun13{background-position:center -190px}
/*.fun_list li i.fun14{background:url(../images/crown.png?v2) no-repeat 10px 2px;background-size:24px}*/
.fun_list li i.fun14{background:url(../images/crown.png?v2) no-repeat 10px 2px;background-size:24px}
.fun_list li i.fun15{background:url(../images/slider.png?v2) no-repeat 10px 0px;background-size:20px}
.vipList li{padding:20px 0;border-top:1px dashed #eee;line-height:1.5625rem}
.vipList li p{font-size:.8em}
.vipList h3{margin-bottom:5px;font-size:1.2em}
.vipList h2{padding-bottom:10px;font-size:1.2em}
.signbox{float:left;display:block;overflow:hidden;margin-top:0;padding:0;width:100%;}
.signbox img{float:left;margin:10px;width:50px;height:50px;border-radius:50%}
.signbox p{float:left;margin:10px 0 10px 20px;text-align:left;font-size:.8em;line-height:1.5625rem;    color: #f8b62d;}
.signbox p span em{margin-left:10px;color:#999;font-size:.6em}
.signbox p span em.red{color:#f8b62d;font-size:.8em}
.signbox p span i{color:#999;font-size:.9em}
.signtips{float:left;display:block;overflow:hidden;margin:10px 3%;width:94%;height:2pc;border:1px dashed #ffcc1c;border-radius:9pt;background-color:#fff;color:red;text-align:center;font-weight:700;font-size:.7em;line-height:2pc}
.signtips a{margin-left:10px;color:#333;font-weight:400;font-size:.8em}
.signtips strong{margin-right:10px;color:#333}
.signtips.f14{font-size:.7em;}
.container{width:100%;background:#4D56A3;height:100%;position:relative;}
.container img{width:100%;}
.calendar{background:#FFBD66;padding:10px;margin:0px 4% 0px;border-radius:12px;font-size:1em;}
.calendar .sign_title {width:100%;height:40px;display:block;margin:10px auto 0px;color: #a46626;text-align:center;}
.calendar .sign_head {width:100%;text-align: center;display:block;margin:0px auto 10px;background:#FFE786;border-radius:12px 12px 0 0px;}
.calendar .sign_head span {width:14.2%;height:40px;text-align: center;line-height:40px;display:inline-block;vertical-align: middle;color: #a46626;}
.calendar .sign table{width:100%;border-collapse: collapse;border-spacing: 0;color: #a46626;font-weight: bold;}
.calendar .sign td {height:40px;text-align: center;line-height:40px;border:1px solid #FFE786;vertical-align: middle;background:#FFFFF1;color: #a46626;}  
.calendar .sign .on {background:#faf6e5 url(../images/sign_icon.png?v2) no-repeat center center;background-size:60%;}
.calendar .btn{width:150px;height:40px;line-height:40px;background:#FFBD66;border:5px solid #FFBD66;color:#fff;font-weight:bolder;border-radius:25px;text-align:center;position:relative;bottom:-20px;left:50%;margin-left:-75px;padding:0px;overflow:hidden;}
.calendar .btn a{width:100%;height:40px;display:block;color:#fff;}
.calendar .btn a.signbtn{Background:#C99FD1;}
.calendar .btn a.ok{Background:#999;}
.calendar p.tips{width:100%;height:25px;line-height:25px;display:block;margin:10px auto 0px;padding:0px;color: #333;text-align:center;font-size:.9rem;overflow:hidden;}
.singtext{width:auto;padding:0px;margin:50px 4%;border-radius:12px;border:5px solid #FFBD66;}
.singtext h2{width:100%;height:44px;text-align:center;line-height:44px;font-size:1.2em;background:#FFBD66 url(../images/sign_logo.png?v2) no-repeat left center;margin-top:-1px;color:#a46626}
.singtext div{background:#FFF7EE;width:92%;padding:5px 4%;border-radius:6px;margin-top:-4px}
.singtext p{width:100%;height:40px;text-align:left;line-height:40px;border-bottom:1px dashed #ddd;font-size:.9em;color:#a46626}
.singtext p i{width:24px;height:24px;line-height:24px;text-align:center;margin:8px 8px 8px 0px;font-size:.9em;border-radius:50%;display:inline-block;color:#fff;background:#f88}
.singtext p.last{border-bottom:0px;}
.checkBox{display:block;width:98%;background:#fff;margin:0px 1%;border-top:2px #fff dashed;padding:10px 0px 20px}
.checkBox,.checkBox li{float:left;overflow:hidden}
.checkBox li{display:inline-block;margin:1%;padding:2%;width:43%;height:70px;border:1px solid #e9e9e9;border-radius:6px;background:#fff}
.checkBox li.selected{border:1px solid #ffcc1c;    background-color: #fffdf5;box-shadow: 0 0 30px 0 rgba(0,0,0,.3);}
.checkBox li div.name{display:block;margin-bottom:5px;font-size:.9em}
.checkBox li div.name i{font-size:.8em;margin-left:5px;}
.checkBox li div.needpay{color:#f60;font-size:.8em;line-height:1.25rem}
.checkBox li div.needpay em{margin-left:5px;color:#ccc;font-size:.7em}
.checkBox li div.needpay p{color:#aeaeae;font-size:.7em}
.checkBox li div.needpay p span{margin-left:2%;padding:1px 3px;border-radius:3px;background:#a1d0d2;color:#fff}
.checkBox li div.needpay p span:first-child{background-color: #ffcc1c;}
.paybtnBOX a{display:block;overflow:hidden;margin:15px 2%;border-radius:6px;text-align:center;font-size:.9em;line-height:2.8125rem}
.paybtnBOX a:visited{color:#fafafa}
.paybtnBOX a em{margin-left:5px;font-size:.8em}
.paybtnBOX p{margin:15px auto 0px;text-align:center;font-size: .8em;line-height: 1.5625rem;color:#555;}
.paybtnBOX P.f12{font-size: .6em;}
.paybtnBOX a i{position:relative;top:5px;display:inline-block;overflow:hidden;margin:0;padding:0;width:22px;height:20px}
.paybtnBOX .alipay{background:#069be4;line-height:3.2rem;height:3.2rem;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);color:#fff;}
.paybtnBOX .weixinpay{border:1px solid #60ba48;background:#fff;margin:20px 2%;line-height:2.6rem;height:2.6rem;color:#60ba48}
.paybtnBOX .alipay i{background:url(../images/alipay.png?v2) left center no-repeat;background-size:18px}
.paybtnBOX .weixinpay i{background:url(../images/wechat.png?v3) left center no-repeat;background-size:18px}
.paytips{margin:20px 2% 0px;display:block;}
.paytips p{display:block;color:#555;font-size:.7em;line-height:1.5625rem}
.paytips p.tips{margin:10px 0px;color:#000;font-size:.8em;}
.paytips a{color:#555;}.paytips a:hover{color:#f60}
.kefutips{font-size:.8em;padding:2%;margin:0px 2%;border-radius:6px;border:#ccc dashed 0px;}
.wxtisp{font-size:.7em;border:1px #60ba48 dashed;background:#fff;padding:2%;margin:0px 2% 10px;border-radius: 6px;}
.wxtisp .t1{font-size:.8em;text-align:center;}
.wxtisp .t2{border-top:#ddd solid 1px;padding-top:5px;margin-top:5px}
.buybak{font-size:.7em}
.buybak tr{border-top-width:1px;border-top-style:solid;border-top-color:#f3f3f3}
.buybak td,.buybak th{padding:5px 10px;color:#111;text-align:center}
.buybak tr:nth-child(even){background:#fff}
.buybak tr:nth-child(odd){background:#fbfbfb}
.buybak tr.thead{font-size:1.1em}
.buybak tr b{font-size:1em}
.buybak tr em{font-size:.8em}
.notfoud{display:block;margin:0 5%;width:90%}
.notfoud i{display:block;margin:0 auto 20px;width:236px;height:150px;background:url(../images/vacancy.png?v2) center center no-repeat;background-size:236px 150px}
.notfoud p{padding-bottom:15px;color:#999;text-align:center;font-size:1.0625rem;line-height:1.375rem}
.notfoud div{margin:20px auto 0;text-align:center}
.notfoud div a{display:inline-block;padding:10px 50px;border-radius:5px;background-color:#f9766a;color:#fff;text-align:center;white-space:nowrap;font-size:.9375rem;line-height:1pc}
.help{float:left;display:block;margin:5px auto;padding:2% 2% 1% 2%;width:96%}
.help h3{margin:auto;color:#333;font-size:1.1rem;}
.help h1,.help h2{width:100%;display:block;font-size:1.1rem;margin:5px 0px;line-height:1.5625rem;height:1.5625rem;overflow:hidden;}
.help h2 i{float:left;background:#f60;width:3px;height:18px;margin:3px 10px 0px 0px;overflow:hidden;}
.help h2 em,.help h3 em{font-size:.8rem;margin-left:10px;color:#666;}
.help h3 em{color:#f60;}
.help h1{text-align:center;font-size:.8rem;margin:0px auto 10px;border-bottom:#eee solid 1px;padding-bottom:5px;}
.help p{display:block;margin:2px 0px;font-size:0.8rem;line-height:1.5rem;text-align:left;color:#555;}
.help p.l-10{margin-left:18px;margin-top:-2px}
.help.tips{color:#888;}
/*
.help.kefu .box{float:left;width:50%;margin:auto;text-align:center;}
.help.kefu .box.wx{width:49%;border-left:#eee solid 1px;}
*/
.help.kefu .box{float:left;width:100%;margin:auto;text-align:center;}
.help.kefu .box img{max-width:150px;height:auto;margin:10px auto 0px;}
.help.kefu .box .text{margin:0;padding:0;width:100%;height:20px;color:#999;font-size:.8rem;line-height:.8rem}
.help.kefu .box .but {float:left;width:100%;margin:auto;text-align:center;display:block;height:60px;overflow:hidden;}
.help.kefu .box .but a{display:block;margin:10px auto 30px;padding:8px 10px;width:100px;outline:0;border-radius:6px;color:#fff;text-decoration:none;font-size:1rem;line-height:1.25rem;cursor:pointer;background:#0188FB}
.help.kefu .box.wx .but a{background:#1aad19;}

.t-popup{position:fixed;top:0;left:0;z-index:999999;visibility:hidden;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}
.sign-popup,.link-popup,.post-popup{position:relative;border-radius:20px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.3);text-align:center;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;margin:0px auto;padding:0px;border-radius:16px;z-index:999999999999999;top:15%;width:248px;height:365px;}
.is-visible{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.is-visible .sign-popup,.is-visible .link-popup,.is-visible .post-box{-webkit-transform:translateY(0);transform:translateY(0)}
.t-popup .box{width:100%;margin:0 auto;padding:0px;text-align:center}
.t-popup .box h3{width:100%;padding-top:5px;height:40px;color:#ec514e;font-size:1.2em;letter-spacing:1px;line-height:40px;}
.t-popup .box p{width:100%;height:30px;line-height:30px;color:#888;font-size:.9em;letter-spacing:1px;}
.t-popup .box p b{margin:0px 3px;color:#E61F1B;font-size:1.5em;font-weight:normal;}
.t-popup .box p em{color:#E61F1B;}
.t-popup .box p.img{width:96%;height:132px;display:block;margin:10px auto;overflow:hidden;background:url(../images/sign.png?wmb) no-repeat center center;background-size:220px auto;}
.t-popup .box p.img.sign30{background-position:center -264px}
.t-popup .box p.img.sign15{background-position:center -132px}
.t-popup .box p.img.sign7{background-position:center 0px}
.t-popup .box p.tips{color:#333;font-size:.9em;letter-spacing:0px;}
.t-popup .box p.min{color:#999;font-size:.6em;height:22px;line-height:22px;letter-spacing:0px;}
.t-popup .box p.fbyts a{color:#f60;font-size:.8em;line-height:40px;}
.t-popup .box div.input input{width:84%;display:block;margin:10px auto 20px;height:28px;line-height:28px;color:#000;font-size:.9em;background:#EFEFF4;padding:2px 5px;border:#999 solid 1px}
.t-popup .box .but a,.t-popup .box .alink a{display:block;margin:10px auto 0;padding:8px 10px;width:120px;outline:0;border-radius:20px;background:#f33;color:#fff;text-decoration:none;font-size:1em;line-height:1.25rem;cursor:pointer;letter-spacing:1px}
.t-popup .box .but.hover a{background:#1AAD19}
.t-popup .box .but.ok a{background:#999}
.t-popup .box .alink a{background:#f60}
.t-popup .heart{position:fixed;bottom:0;top:0;right:0;left:0;z-index:99999999999999;margin:auto;width:320px;height:320px;background:url(../images/heartanimation.png?v2);background-position:left;background-repeat:no-repeat;background-size:2900%;display:none;}
.t-popup .heart:focus,.heart:hover{background-position:right;display:block;}
.t-popup .heartAnimation{display:inline-block;-webkit-animation-name:heartBlast;animation-name:heartBlast;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(28);animation-timing-function:steps(28);background-position:right}
.t-popup .close{position:relative;bottom:-30px;display:block;margin:0 auto;width:40px;height:40px;border-radius:50%;background:url(../images/del.png?v2) no-repeat center center;background-color:#EFEFF4;background-size:20px 20px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;box-shadow:0 0 30px rgba(0,0,0,.8);}
.t-popup .close:hover{background:url(../images/delete.png) no-repeat center center;background-color:#f60;background-size:20px 20px; transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.t-popup .sign-popup .box{height:340px;}
.t-popup .link-popup{height:230px;width:320px;border-radius:8px;}
.t-popup .link-popup .close{bottom:0px;top:-220px;right:-140px;border:#fff solid 5px;}

.t-popup.post-box{background-color:rgba(0,0,0,.1);display:none;}
.t-popup .post-popup{width:340px;height:330px;border-radius:8px;box-shadow:0 0 30px rgba(0,0,0,.8);}
.t-popup .post-popup h3{margin-bottom:5px}
.t-popup .post-popup p{font-size:12px;line-height:26px;height:26px;padding:0px;margin:0px;text-align:left;text-indent:8px;color:#555}
.t-popup .post-popup p.line{width:320px;padding:0px;margin:0px auto;line-height:10px;height:10px;border-top:1px #ddd dashed;overflow:hidden;}
.alarm{width:96%;margin:5px 2% 0px;padding:5px 0px 0px;line-height:28px;text-align:left;color:#70541C;font-size:.7em;overflow:hidden;position:relative;border-top:1px dashed #DDD;}
.alarm a{color:#555;float:left;}
.alarm i{background:url(../images/alarm.png?v2) no-repeat 12px 5px;background-size:1pc 1pc; float: left; width:35px;height:20px; animation: zy 2.5s .15s linear infinite; -moz-animation: zy 2.5s .15s linear infinite; -webkit-animation: zy 2.5s .15s linear infinite; -o-animation: zy 2.5s .15s linear infinite;}
.alarm a.close{background:#333 url(../images/delete.png) no-repeat center center;background-color:#999;background-size:12px; float:right; width:20px;height:20px;border-radius:50%;display:inline-block;position:absolute;top:5px;right:5px;}
.alarm a.close:hover{background-color:#f60;}
.alarm a:hover{color:#f60;}
#ui-mask{position:fixed;top:0;left:0;z-index:9999996;display:none;width:100%;height:100%;background-color:#fff;opacity:.3;filter:alpha(opacity=30)}
#ui-mask-box{top:0;left:0;z-index:9999997;width:300px;text-align:center}
#ui-mask-box,#ui-mask-box span{position:absolute;display:block;height:5pc}
#ui-mask-box span{z-index:9999998;width:100%;border-radius:5px;background-color:#222;opacity:.8;filter:alpha(opacity=80)}
#ui-mask-box em{position:absolute;z-index:9999999;display:block;width:100%;color:#fff;text-indent:8px;font-size:1.125rem;line-height:5pc}
.act-msg{position:relative;z-index:99999999;padding:2px;border-radius:6px;zoom:1}
:root .act-msg{filter:none}
.act-msg div{position:relative;left:0;right:0;margin:0 auto;padding:0 15px;width:auto;height:40px;border-radius:6px;background-color:#333;color:#fff;text-align:center;font-size:.875rem;line-height:2.5rem}
.act-msg em{position:absolute;top:40px;left:43%;overflow:hidden;margin:0;padding:0;border-top:8px solid #333;border-right:9px solid transparent;border-left:8px solid transparent;content:""}
.act-msg.on div{background-color:#333}
.act-msg.on em{border-top:8px solid #333}
.act-msg.yes div{background-color:#da2657}
.act-msg.yes em{border-top:8px solid #da2657}
.spinner{position:fixed;top:50%;left:50%;margin-left:-60px;margin-top:-60px;width:120px;height:120px;background:url(../images/loadbg.gif) no-repeat center center;background-size:100%;z-index:10;display:none;}
.layer{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9;display:none;}
.container{overflow:hidden;min-height:100%;background:#fff;margin:0px;padding:0px}
.loading-warp{display:table;width:100%;margin-top:-5.8rem}
.loading-warp .box{width:100%;padding-top:1rem;padding-bottom:1rem;display:table-cell;text-align:center;vertical-align:middle}
.loading-warp .box img{display:block;margin:0 auto}
.loading-warp .box .text{display:block;text-align:center;font-size:.8rem;line-height:.5rem;opacity:.7;margin-top:1.4rem}
@-webkit-keyframes heartBlast{0%{background-position:left}
100%{background-position:right}
}
@keyframes heartBlast{0%{background-position:left}
100%{background-position:right}
}
@media(min-width:540px){
.book_list div.swiper-slide a,.comic_list div.bdbox a{height:240px;}
.book_list div.swiper-slide.large a{height:180px}
.tuijie_list div.swiper-slide a{height:150px;}
.tuijie_list div.swiper-slide img{min-height:150px;}
.book_list.list4 div.swiper-slide a{height:160px;}
.book_list.list4 div.swiper-slide a div.radius{height:160px}
.book_list.list4 div.swiper-slide a img{min-height:160px;}
.catebox dd{overflow:hidden;}
}
@media(min-width:620px){
.indexso #cancleBtn{top:18px;}
#searchlist.animation{top:55px}
.catebox{padding:0 1% 10px 2%;}
.catebox a{font-size:1em;line-height:2rem;margin:10px 0px 0px 0px;}
.catebox span{width:70px;line-height:2rem;font-size:1.15em}
.catebox dd{overflow-x:visible;overflow:-moz-scrollbars-none;}
.book_list div.swiper-slide a,.comic_list div.bdbox a{height:280px;}
.book_list div.swiper-slide a img,.comic_list div.bdbox a img{width:100%;min-height:100%;height:auto}
.book_list .booktitle{font-size:1.2rem;line-height:2rem;}
.book_list div.swiper-slide.large a{height:220px}
.book_list div.swiper-slide.large .commandDes{font-size:1.1em;line-height:28px}
.tuijie_list div.swiper-slide a{height:150px;}
.tuijie_list div.swiper-slide img{min-height:150px;}
.tuijie_list div.swiper-slide a span{font-size:1.2em;}
.book_list.list4 div.swiper-slide a{height:200px;}
.book_list.list4 div.swiper-slide a div.radius{height:200px}
.book_list.list4 div.swiper-slide a img{min-height:200px;}
.ranking_list div.swiper-slide,.ranking_list div.swiper-slide a.fl{height:180px;}
.ranking_list div.swiper-slide a.fl img{min-height:180px;height:auto}
.ranking_list div.swiper-slide div.fr .booktitle{font-size:1.5rem;line-height:2.5rem;}
.ranking_list div.swiper-slide div.fr .bookdesc{font-size:1rem;line-height:1.8rem;}
.ranking_list div.swiper-slide div.fr .bookcat .fl{font-size:1em;height:25px;line-height:30px}
.ranking_list div.swiper-slide div.fr .bookcat .fr{top:10px;font-size:3em;}

.chapter_list li span.w50 p{font-size:.9em}
 
.search_list li a.fl{height:150px;}
.detailCover img{height:150px;}
.detailBox,.detailBG div,.detailBG div.cover{height:220px;}
.detailBoxdesc{/*font-size:1em;margin:20px;line-height:1.5rem*/}
.detailBtnBox{height:48px}
.detailBtnBox .readBtn,.detailBtnBox .zan a{height:48px;font-size:1.2em;line-height:48px}
.detailCover div.fl.w30,.detailCover div.fr.w65{float:left;width:auto;}
.detailCover div.fr.w65{margin-left:20px;}
.detailCover .booktitle,.tuijie_list div.swiper-slide .booktitle{font-size: 1.5em;line-height:2.5rem;}
.detailCover .w65 h1.booktitle{font-size:2em}
.detailCover .w65 div p{font-size:1.3em;line-height:2.2rem;}
.titleBar{font-size:1.3em;line-height:2.5rem;}
.morebtn{font-size:1.2em;}
.titleBar i{line-height:1.5rem;}
.tuijie_list .commandDes{font-size:1.2em;}
.btnList li{font-size:1em;line-height:3rem;}
.tabBtn span a{font-size:1em}
.logo{top:10px;left:20px;width:120pt;height:50px;background-size:120pt auto}
.tsign{width:36px;height:36px;right:20px;background-size:34px;}
.searchInput{margin:10px 1%;height:36px;font-size:.9em;}
.tophead{height:50px;padding-top:10px}
.sytophead{height:50px;padding-top:10px}
.tabBtn,.tabBtn span,.tabBtn span a{height:38px;line-height:38px;}
.tabBtn{width:250px;padding-left:80px;}
.tabBar .taboff,.tabBar .taboff.selected{font-size:1.1em}
.fun_list li{padding:5px 0px;}
.fun_list li a{font-size:1.1em;}
.calendar .sign .on {background-size:30%;}
.signbox img{width:60px;height:60px;}
.signbox p{font-size:1em;line-height:2rem}
.signbox p span em{color:#999;font-size:.8em}
.signbox p span em.red{font-size:1em}
.signtips.f14,.paybtnBOX p.f12{font-size:.8em;}
.checkBox li{height:90px}
.checkBox li div.name{font-size:1.1em}
.checkBox li div.name i{font-size:1em;}
.checkBox li div.needpay{font-size:1.1em;line-height:1.8rem}
.checkBox li div.needpay em{font-size:.9em}
.checkBox li div.needpay p{font-size:.8em}
.paybtnBOX a{font-size:1.1em;line-height:2.8125rem}
.paybtnBOX a em{font-size:1em}
.paybtnBOX p{font-size:1em;line-height: 1.5625rem;}
.kefutips{font-size:.9em;line-height:34px;}
.wxtisp{display:none;}
.buybak,.loginCont .loginHelp{font-size:.9em}
.buybak tr.thead{font-size:1.3em}
.buybak td,.buybak th{padding:10px;}
.buybak tr b,.loginCont .Iput,.loginCont .go button{font-size:1.2em}
.buybak tr em{font-size:1em}
.buylog_list li{padding:10px 2%;}
.buylog_list li a{font-size:.9em;}
.buylog_list li span{font-size:1em}
.tabBot{padding:10px 2%;font-size:.9em}
.history_list li{height:140px;}
.history_list li a.fr .txt{height:26px;line-height:26px;font-size:.9em;}
.history_list li a.fl{height:130px;margin-top:5px;}
.loginCont .Iput{height:50px;}
.loginCont .login .errmsg{height:30px;line-height:30px;font-size:.9em}
.footnav{height:62px;}
.footnav a span{padding-top:32px;width:38px;background-size:380px 38px;font-size:.8em}
.footnav a span.m01{background-position:0px -2px}
.footnav a .m01:hover,.footnav a.selected .m01{background-position:-41.7px -2px}
.footnav a span.m02{background-position:-77px 0}
.footnav a .m02:hover,.footnav a.selected .m02{background-position:-115px 0}
.footnav a span.m03{background-position:-152px -2px}
.footnav a .m03:hover,.footnav a.selected .m03{background-position:-190px -2px}
.footnav a span.m04{background-position:-229px -2px}
.footnav a .m04:hover,.footnav a.selected .m04{background-position:-267px -2px}
.footnav a span.m05{background-position:-303px -2px}
.footnav a .m05:hover,.footnav a.selected .m05{background-position:-341px -2px}
}


@-webkit-keyframes bounce{0%,to{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1)}
}
@keyframes bounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes twinkling{0%{opacity:0}
to{opacity:1}
}

@-webkit-keyframes zy{ 10% { transform: rotate(15deg); }
 20% { transform: rotate(-10deg); }
 30% { transform: rotate(5deg); }
 40% { transform: rotate(-5deg); }
 50%,100% { transform: rotate(0deg); }
}
@-moz-keyframes zy{ 10% { transform: rotate(15deg); }
 20% { transform: rotate(-10deg); }
 30% { transform: rotate(5deg); }
 40% { transform: rotate(-5deg); }
 50%,100% { transform: rotate(0deg); }
}
@-o-keyframes zy{ 10% { transform: rotate(15deg); }
 20% { transform: rotate(-10deg); }
 30% { transform: rotate(5deg); }
 40% { transform: rotate(-5deg); }
 50%,100% { transform: rotate(0deg); }
}
@keyframes zy{ 10% { transform: rotate(15deg); }
 20% { transform: rotate(-10deg); }
 30% { transform: rotate(5deg); }
 40% { transform: rotate(-5deg); }
 50%,100% { transform: rotate(0deg); }
}
#applink{display:none;}
#waplink{display:inline-block;}


.mescroll{overflow-y:auto;width:100%;height:100%}
.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000;margin-bottom:60px;}
.mescroll-downwarp{position:relative;overflow:hidden;width:100%;height:0;text-align:center}
.mescroll-downwarp-reset{-webkit-transition:height .3s;transition:height .3s}
.mescroll-downwarp .downwarp-content{position:absolute;bottom:0;left:0;padding:10px 0;width:100%;min-height:30px}
.mescroll-upwarp{visibility:hidden;padding:15px 0;min-height:30px;text-align:center}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-nodata,.mescroll-upwarp .upwarp-tip{display:inline-block;color:gray;vertical-align:middle;font-size:12px}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}
.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border:1px solid gray;border-radius:50%;vertical-align:middle;border-bottom-color:transparent}
.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite}
@-webkit-keyframes mescrollRotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@keyframes mescrollRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.mescroll-empty{padding-top:20px;width:100%;text-align:center}
.mescroll-empty .empty-icon{width:45%}
.mescroll-empty .empty-tip{margin-top:6px;color:gray;font-size:14px}
.mescroll-empty .empty-btn{margin:20px auto;padding:10px;max-width:50%;border:1px solid #65aadd;border-radius:6px;background-color:#fff;color:#65aadd}
.mescroll-empty .empty-btn:active{opacity:.75}
.mescroll-totop{position:fixed;right:10px;bottom:100px;z-index:9990;width:36px;height:36px;border-radius:50%;opacity:0}
.mescroll-fade-in,.mescroll-lazy-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards}
@-webkit-keyframes mescrollFadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes mescrollFadeIn{0%{opacity:0}100%{opacity:1}}
.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards}
@-webkit-keyframes mescrollFadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes mescrollFadeOut{0%{opacity:1}100%{opacity:0}}
.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}
.mescroll-bar::-webkit-scrollbar{width:6px}
.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}
.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}
.mescroll-downwarp .downwarp-arrow{display:inline-block;margin:10px;width:20px;height:20px;background-image:url(../images/arrow.png);background-size:contain;vertical-align:middle;-webkit-transition:all .3s;transition:all .3s}
.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{margin:auto;width:36px;height:36px;border:none;background-size:contain;-webkit-animation:progressRotate .6s steps(6,start) infinite;animation:progressRotate .6s steps(6,start) infinite}
@-webkit-keyframes progressRotate{0%{background-image:url(../images/progress1.png)}
16%{background-image:url(../images/progress2.png)}
32%{background-image:url(../images/progress3.png)}
48%{background-image:url(../images/progress4.png)}
64%{background-image:url(../images/progress5.png)}
80%{background-image:url(../images/progress6.png)}
100%{background-image:url(../images/progress1.png)}
}
@keyframes progressRotate{0%{background-image:url(../images/progress1.png)}
16%{background-image:url(../images/progress2.png)}
32%{background-image:url(../images/progress3.png)}
48%{background-image:url(../images/progress4.png)}
64%{background-image:url(../images/progress5.png)}
80%{background-image:url(../images/progress6.png)}
100%{background-image:url(../images/progress1.png)}
}
.bg-white {
    z-index: 9991;
    background-color: #fff;
}

.ht-bar,.radius-top {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-color: #fff
}
.ht-bar {
    z-index: 9993;
    height: 4.0625rem;
    line-height: 4.0625rem;
}

.ht-bar.ht-box {
    z-index: 9996;
    margin: 1.875rem auto 0;
    width: 96%;
    border-radius: 12px;
    background-image: -webkit-linear-gradient(-40deg,#f7edd0 19%,#e0b86f 97%);
    background-image: -ms-linear-gradient(-40deg,#f7edd0 19%,#e0b86f 97%);
    line-height:5rem
}

.ht-bar.ht-t1 {
    margin-top: -.9375rem
}

.ht-bar.ht-t1.v-hidden {
    top: .5rem;
    visibility: visible;
    background: #f5f5f5
}

.ht-bar__container,.ht-bar__container .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center
}

.ht-bar__container .text {
    color: #f60;
    text-indent: .2125rem;
    font-size: 1rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.ht-bar__container .text.fabu {
    color: #333
}

.ht-bar__container .text.tr20 {
    text-indent: 20px
}

.ht-bar__container .btn-primary {
        margin: 0 .625rem 0 0;
    padding: 0;
    width: 5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 2.5rem;
    text-align: center;
    line-height: 2.5rem
}

.icon_fabu,.icon_gift,.icon_tips {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 10px;
    width: 2.1875rem;
    height: 2.1875rem;
    background: url(../images/me_icon_reward1.png);
    background-size: 100% 100%;
    animation: shake 1.5s linear infinite
}

.icon_tips {
    background-image: url(../images/icon_bindtips.png)
}

.icon_fabu {
    top: 5px;
    width: .6rem;
    height: .6rem;
    background-image: url(../images/my_icon_fb_v.png)
}

.icon_vip {
    position: relative;
    top: 7px;
    display: inline-block;
    margin: 0 .10px;
    width: 32px;
    height: 32px;
    background: url(../images/my_icon_header_vip.png);
    background-size: 100% 100%
}

.ht-bar.ht-t1 .text {
    position: relative;
    top: -8px;
    color: #9a7551
}

.ht-bar.ht-t1 .ht-bar__container .btn-primary {
    margin-top: -0.9375rem;
    width: 9.375rem;;
    background: #fff;
    color: #f60;
    font-size: .875rem;
    animation: breath2 1s linear .9s infinite alternate
}
 
 .read-bar {

}

.read-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 50%;
    max-width: 620px;
    width: 100%;
    height: 4.1875rem;
    transform: translate(-50%);
    z-index: 90;
    overflow: hidden;
    border-top: 1px solid #f0f2f5;
    background-color: #fff
}

.read-comment {
    display: block;
    color: #ff8f0d;
    line-height:  51px;
}

.read-bar .icon-edit {
    display: inline-block;
    margin-top: -3px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    background-image: url(../img/detail_icon_comment.png);
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle
}

.read-bar__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    height:  4.1875rem;
    line-height:  4.1875rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center
}

.read-bar__container .body {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    overflow: hidden;
    padding: 0;
    width: 70%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center
}

.read-bar__container .body .chapter {
    margin-right: 2%;
    width: 26%;
    text-align: center;
    white-space: nowrap;
    font-size: 1.166rem;
}

.read-bar__container .body .title {
    overflow: hidden;
    margin-right: 1em;
    width: 50%;
    color: #999;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .9375rem;
    -o-text-overflow: ellipsis
}

.read-bar__container .body .listhome {
    overflow: hidden;
    margin-left: 2%;
    width: 20%;
    border-left: 1px solid #eee;
    text-align: center;
    line-height: 1.406rem
}

.read-bar__container .body .listhome i.icon-home {
    display: block;
    overflow: hidden;
    margin: 10px auto 0;
    width: 30px;
    height:  30px;
    background: url(../images/memu.png?v3) no-repeat;
 background-position: 0px -2px;
	background-size: 300px 30px;
    background-repeat: no-repeat;

}

.read-bar__container .body .listhome span {
    color: #999;
    font-size: .875rem
}

.read-bar__container .action {
    width: 28%;
    background-color: #f9f9f9
}

.read-bar__container .action a {
    display: block;
    color: #333;
    text-align: center;
    font-size:  1.333rem;
    line-height: 4.1875rem;
}

.read-bar.safari,.read-bar.safari .read-bar__container,.read-bar.safari .read-bar__container .action a,.read-bar__container .body {
    height: 4.1875rem;
}

.read-bar.safari .read-bar__container .body .listhome i.icon-home {
    margin: 5px auto 0
}

.btnyellow {
    background-image: -webkit-linear-gradient(-40deg,#ffe153 19%,#ffd251 97%);
    background-image: -ms-linear-gradient(-40deg,#ffe153 19%,#ffd251 97%);
    color: #333;
    font-size: 1.166rem;
}

/*开始改rem *10/3.2**/

.book-container__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    padding: 0 1.166rem 1.232rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between
}

.book-container__head .title {
    color: #111;
    font-weight: 700;
    font-size: .4267rem
}

.book-container__head .update {
    font-size: .9375rem
}

.book-container__head .update a {
    font-size: 1.093rem
}

.book-container__head .update span {
    margin: 0 5px;
    color: #ddd
}

.book-container__detail {
    padding: 1rem 1.166rem;
    font-size: 1.166rem;
    line-height: 2rem
}

.book-container__detail .title {
    margin-bottom: .625rem;
    color: #111;
    font-size: 1.5rem;
    font-weight: 700
}

.book-hero__bar,.book-hero__detail {
    z-index: 96
}

.book-hero__bar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    margin-top: .1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between
}

.book-hero__detail {
    width: 100%;
    color: #fefbf8
}

.book-hero__detail .title {
    width: 100%;
    color: #fefbf8;
    text-indent: .4733rem;
    font-weight: 500;
    font-size: .5067rem
}

.book-hero__detail .title.center {
    position: relative;
    top: -.3rem;
    text-align: center
}

.nocover .book-hero__detail .title.center {
    top: -1.2rem
}

.book-hero__detail .title span {
    margin-left: 10px;
    font-weight: 400;
    font-size: .9375rem
}

.book-container__author {
    padding: 0 1.166rem .75rem;
    font-size: 1rem
}
.book-container__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    padding: .1375rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center
}

.book-container__row .line {
    width: 1px;
    height: 2.666rem;
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#aeaeae 20%,#aeaeae 50%,#aeaeae 80%,hsla(0,0%,100%,0));
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(20%,#aeaeae),color-stop(50%,#aeaeae),color-stop(80%,#aeaeae),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(top,hsla(0,0%,100%,0) 0,#aeaeae 20%,#aeaeae 50%,#aeaeae 80%,hsla(0,0%,100%,0) 100%);
    background: -moz-linear-gradient(top,hsla(0,0%,100%,0) 0,#aeaeae 20%,#aeaeae 50%,#aeaeae 80%,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#aeaeae 20%,#aeaeae 50%,#aeaeae 80%,hsla(0,0%,100%,0));
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5);
    -ms-transform: scaleX(.5)
}

.book-container__row .col {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.book-container__row .col .number {
    margin-bottom: 10px;
    color: #f60;
    font-size: 1.333rem
}

.book-container__row .col .text {
    color: #777;
    font-size: 1.166rem;
    cursor: pointer
}

.book-container__row .col.digg .text {
    margin: 0 auto;
    padding: 0 3px;
    width: 5rem;
    height: 2rem;
    border-radius: 1rem;
    background-color: #f3f3f3;
    line-height: 2rem
}

.book-container__row .col.digg .text.active {
    background-color: #fff;
    color: #999
}

.book-container__row .col.digg .text,.book-container__row .col.fav .text {
    color: #111
}

.book-container__row .col.fav .text#del {
    color: #999
}

.book-container__row .col.fav .text i {
    display: inline-block;
    margin-right: 3px;
    width: .9375rem;
    height: .9375rem;
    background-image: url(../img/num_add.png);
    background-size: cover
}
.tags {
    overflow: hidden;
    margin: .3125rem 10px;
    height: 1.875rem
}

.tags a {
    display: inline-block;
    margin: 0 .3125rem .625rem 0;
    padding: 0  1.5625em;
    height: 1.5rem;
    border: 1px solid #333;
    border-radius: 1.5rem;
    background-color: transparent;
    color: #333;
    table-layout: fixed;
    text-indent: 0;
    word-wrap: break-all;
    line-height: 1.5rem;
    word-break: normal
}

.tags#stag h3 {
    float: left;
    color: #111;
    text-indent: .3rem;
    font-size: 1.125rem;
    font-weight: 700
}
.tuijian {overflow: hidden;margin: .3125rem 10px;height: 2.5rem;}
.tuijian h3 {float: left;color: #111;text-indent: .3rem;font-size: 1.125rem;font-weight: 700;line-height: 2.5rem;}
.tuijian a {display: inline-block;margin: 0 .3125rem .625rem 0;padding: 0 0.1em;height: 2.5rem;color: #333;table-layout: fixed;line-height: 2.5rem;}

#leftlogin .link_btn {
    margin: 0 auto;
    width: 100%;
    text-align: center
}

#leftlogin .link_btn a {
    display: inline-block;
    margin: 10px;
    width: 3.125rem;
    height: 3.125rem;
    color: #1f1f1f;
    text-indent: -999999px;
    font-size: 0
}

#leftlogin .link_btn a.google {
    background: url(../images/google-plus.png) no-repeat 50%;
    background-size: 3.125rem
}

#leftlogin .link_btn a.facebook {
    background: url(../images/icon_facebook.png) no-repeat 50%;
    background-size: 3.125rem
}

#leftlogin .link_btn a.yahoo {
    background: url(../images/icon_Yahoo.png) no-repeat 50%;
    background-size: 3.125rem
}

.loginHelpwhite .line_foot {
    padding: 2px 0 .3125rem;
    width: 100%;
    text-align: center
}

.loginHelpwhite .line_foot span {
    margin: 0 10px;
    color: #fff
}

.loginHelpwhite .line_foot a {
    display: inline-block;
    height: 30px;
    color: #fff;
    font-size: .9375rem;
    line-height: 30px
}


.no_login_bg {
    background-color: #f4f4f4
}

.user-topbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    padding-top: 2.5rem;
    padding-bottom: .9375rem;
    height: 5.8334rem;
    background-position: top;
    background-size: cover;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center
}

.user-topbar.isuser {
    background-image: url(../images/ic_employee_header.png)
}

.user-topbar.vipskin {
    background-image: url(../images/ic_vip_header_background.png);
    background-position: bottom
}

.user-topbar__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    padding: 0 1.666rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center
}

.user-topbar__content .avatar {
    margin-right: .8334rem
}

.user-topbar__content .avatar img {
    width: 4.5rem;
    height: 4.5rem;
    border: 2px solid #fff;
    border-radius: 4.5rem
}

.user-topbar.vipskin .user-topbar__content .avatar img {
    border: 2px solid #f8b62d
}

.user-topbar__content .is_vip {
    position: relative;
    top: -4px;
    margin-right: .8334rem;
    width: 56px;
    height: 62px;
    background: url(../images/vip_maozi.png);
    background-size: 100% 100%
}

.user-topbar__content .is_vip img {
    display: block;
    margin: 11px 0 0 4px;
    width: 4.1666rem;
    height: 4.1666rem;
    border: none
}

.user-topbar__content .icon_my_edit {
    display: inline-block;
    width: .8334rem;
    height: .8334rem;
    background: url(../images/icon_my_edit.png) no-repeat;
    background-size: 100% 100%
}

.user-topbar__content .body {
    margin: -.2rem auto 0 0;
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.user-topbar.vipskin .user-topbar__content .body .title {
    color: #f8b62d
}

.user-topbar__content .body .title {
    overflow: hidden;
    color: #282828;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.3166rem;
    -o-text-overflow: ellipsis
}

.row .text{
    color: #d3d3dd;
    font-size: .8375rem;
}


.my_vip_h_cont .icon_vip,.user-topbar__content .icon_vip {
    position: absolute;
     top: 4.325rem;
    right: 1.5625rem;
    display: block;
   width: 5rem;
    height: 1.75rem;
    background: url(../images/my_vip_not-open9.png) no-repeat 50%;
    background-size: 5.2rem;
     font-size: .0rem;
}

.my_vip_h_cont .icon_user,.user-topbar__content .icon_user {
    position: absolute;
    top: 4.325rem;
    right: 1.5625rem;
    display: block;
    width: 5rem;
    height: 1.75rem;
    border-radius: 2.666rem;
    background: rgba(0,0,0,.2);
    color: #fff;
    text-align: center;
    font-size: .8rem;
    line-height: 1.75rem
}

.user_money_panel {
    position: relative;
    top: -2px;
    display: flex;
    padding: 0 0 .5rem;
    background-color: #fff;
    align-items: center
}

.user_money_panel .line {
    width: 1px;
    height: .7333rem;
    background-color: #e3e3e3
}

.user_money_panel .left,.user_money_panel .right {
    text-align: center;
    flex: 1
}

.user_money_panel .title {
    color: #1a1a1a;
    font-weight: 500;
    font-size: 1.8rem
}

.user_money_panel .title b {
    margin: 0 1px;
    color: #111;
    font-size: .45rem
}

.user_money_panel .title small {
    color: #555;
    font-weight: 400;
    font-size: .8rem
}

.user_money_panel .subtitle {
    color: #999;
    font-size:  .93rem
}



.user_vip_panel {
    position: relative;
    top: -1px;
    margin: 0 auto;
    height: 10.6rem;
    background-image: url(../images/my_panel_bg.png);
    background-size: cover
}

.user_vip_panel.vipskin {
    background-color: #111;
    background-image: url(../images/my_panel_bg_vip.png)
}

.user_vip_panel.isuser {
    background-color: #bcbcbc
}

.user_vip_panel .head {
    position: relative;
    display: flex;
    padding: 0.8334rem 2.5rem;
    align-items: center
}

.user_vip_panel .head .title {
    overflow: hidden;
    background-image: url(../images/n19__home_tabbar_icon_vip_n.png);
    background-size: 20px;
    background-repeat: no-repeat;
    color: #fff;
    text-indent: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8375rem;
    -o-text-overflow: ellipsis
}

.user_vip_panel.vipskin .head .title {
    background-image: url(../images/myvip_myvip_icon_timefree8.png);
    color: #f8b62d
}

.user_vip_panel .head .btn {
    margin-left: auto;
    padding: 0 .625rem;
    height: 2.2rem;
    border: none;
    border-radius: 2.2rem;
    background-image: -webkit-linear-gradient(-40deg,#ffd742 19%,#ffa62b 97%);
    color: #333;
    font-weight: 700;
    font-size: .8375rem;
    line-height: 2.2rem;
    animation: breath 1s linear .9s infinite alternate
}

.user_vip_panel .ul {
    display: flex;
    padding: 0 3rem;
    justify-content: space-between
}

.user_vip_panel .ul .item p {
    margin-top: .2166rem;
    color: #d3d3dd;
    text-align: center;
    font-size: .8375rem
}

.user_vip_panel .ul .item i {
    display: block;
    margin: .3125rem auto 0;
    /*width: 3.4375rem;
    height: 3.4375rem;*/
        width: 2.8rem;
    height:  2.8rem;
    border: 0;
    background-size: cover
}

.user_vip_panel .ul .item i.ico1 {
    background-image: url(../images/user_ico1.png)
}

.user_vip_panel .ul .item i.ico2 {
    background-image: url(../images/user_ico2.png)
}

.user_vip_panel .ul .item i.ico3 {
    background-image: url(../images/user_ico3.png)
}

.user_vip_panel .ul .item i.ico4 {
    background-image: url(../images/user_ico4.png)
}



.user-menu .item .btn .pull-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center
}

.user-menu .item .btn .pull-right .arrow {
    width: .4rem;
    height: .4rem;
    background-image: url(../images/icon_arrowh.png);
    background-size: cover;
    background-repeat: no-repeat
}


.my_vip_main {
	padding: 2%;
    margin: 0px 2%;
    border-top-right-radius: .4rem;
    border-top-left-radius: .4rem;
    background-color: #fff
}

.my_vip_main .title {
    margin-bottom: .5333rem;
 
    font-size: 1.625rem;
    line-height: 1
}

.my_vip_main_section .vip_body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 .1rem;
    height: 2.56rem;
    background: url(../images/vip_body_lingqu_bg.png);
    background-size: 100% 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.my_vip_main_section .vip_body_left {
    display: flex;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -.2rem;
    width: 64.6%;
    height: 1.28rem;
    font-weight: 700;
    font-size: .4rem;
    line-height: 1.28rem;
    justify-content: center
}

.my_vip_main_section .vip_body_right {
    margin-top: -.2rem;
    width: 33.4%
}

.my_vip_main_section .vip_body_left .icon_jindou {
    display: inline-block;
    width: 1.8667rem;
    height: 1.28rem;
    background: url(../images/icon_jindou.png);
    background-size: 100% 100%;
    vertical-align: middle
}

.my_vip_main_section .vip_body_right .btn {
    display: block;
    margin: 0 auto;
    padding: .16rem .6rem;
    border: 0;
    border-radius: 100px;
    background-image: -webkit-gradient(linear,left top,right top,from(#ff9503),to(#ff5f03));
    background-image: -webkit-linear-gradient(left,#ff9503,#ff5f03);
    background-image: -moz-linear-gradient(left,#ff9503,#ff5f03);
    background-image: -o-linear-gradient(left,#ff9503,#ff5f03);
    background-image: linear-gradient(90deg,#ff9503,#ff5f03);
    color: #fff;
    font-size: .3467rem
}

.my_vip_main_section .vip_tequan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.my_vip_main_section .vip_tequan>li {
    margin-bottom: 1.666rem;
    width: 33.3%;
    color: #111;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5
}

.my_vip_main_section .vip_tequan>li p {
    margin-top: .4166rem
}

.my_vip_main_section .vip_tequan .icon_tequan1 {
    background: url(../images/vip_icon_tequan1.png)
}

.my_vip_main_section .vip_tequan .icon_tequan2 {
    background: url(../images/vip_icon_tequan2.png)
}

.my_vip_main_section .vip_tequan .icon_tequan3 {
    background: url(../images/vip_icon_tequan3.png)
}

.my_vip_main_section .vip_tequan .icon_tequan4 {
    background: url(../images/vip_icon_tequan4.png)
}

.my_vip_main_section .vip_tequan .icon_tequan5 {
    background: url(../images/vip_icon_tequan5.png)
}

.my_vip_main_section .vip_tequan .icon_tequan6 {
    background: url(../images/vip_icon_tequan6.png)
}

.my_vip_main_section .vip_tequan .icon_tequan7 {
    background: url(../images/vip_icon_tequan7.png)
}

.my_vip_main_section .vip_tequan .icon_tequan {
    display: block;
    margin: 0 auto;
    width: 4rem;
    height: 4rem;
    background-size: 100% 100%
}

.my_vip_main_section .text_shuoming {
    padding: 0 .4rem;
    color: #5c5c5c;
    font-size: .3467rem;
    line-height: 1.75
}


.v7_buy_vip_text {
   padding: 2%;
    margin: 0px 2%;
    border-top-right-radius: 0.4rem;
    border-top-left-radius: 0.4rem;
    background-color: #fff;
}

.v7_buy_vip_text p {
       font-size: .9em;
    line-height: 34px;
}

.v7_buy_vip_text p a {
    
       font-size: .9em;
    line-height: 34px;
}

.v7_buy_vip_text  .title {
margin-bottom: 0.5333rem;
    font-size: 1.625rem;
    line-height: 1;
}