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;padding-bottom: 4%;}

.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

}



#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: 3.525rem;

    right: .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.525rem;

    right: .5625rem;

    display: block;

    width: 4rem;

    height: 1.4rem;

    border-radius: 2.066rem;

    background: rgba(0,0,0,.2);

    color: #fff;

    text-align: center;

    font-size: .7rem;

    line-height: 1.45rem

}



.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;

}