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:768px;background:#efeff4;color:#333;font-size:100%;-webkit-overflow-scrolling:touch}
html,body{height:100%}
html {overflow-x:hidden;}
main#left{animation: bounceInLeft .5s ease forwards}
@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{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";}
}
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:#f66}
.h50{height:50px}
.h10{height:10px}
.h120,.ht100{width:100%;height:120px;float:left;display:block;}
.ht100{height:100px;}
.bt5{border-top:5px solid #efeff4}
.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}
.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;line-height:1.125rem;vertical-align:bottom;}
.titleBar i span{color:#f66;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:#bababa;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:#999;font-size:.8em;line-height:26px;font-weight:400;text-align:left;text-indent:10px;}
.titleBar a.sign{float:right;color:#f66;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 #f66;background:#fff;color:#f66;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:#f66;}
.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;color:#333;text-align:center;font-size:.9em}
.morebtn:hover{background:#f9f9f9}
.morebtn:visited{color:#333}
.pink{color:#f66}
.gray{color:#ccc}
.green{color:#60ba48}
.yellow{color:#f60}
.Appalert{position:fixed;z-index:99991;width:100%;max-width:768px;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;}
.tophead{position:relative;top:0;z-index:9;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:6px;background-color: rgba(239,239,244,1);text-indent:10px;font-size:.8em;line-height:1.875rem}
.searchInput::placeholder{background:url(../images/so.png?v2) no-repeat 5px center;background-size:28px 18px;color:#000;text-align:center;opacity:.2}
.searchInput.w80{width:84%;margin:0px;}
.indexso {position:relative;margin-top:0px;border-top:1px solid #f2f2f2}
.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:768px;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:#fff;position:fixed;top:0;z-index:9999;margin:0 auto;max-width:768px;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:768px;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 #f66;background:#f66;color:#fff;cursor:pointer}
.soBtn,.soBtn2{border:1px solid #f66;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:#f66;border:1px solid #f66;}
.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{top:15px;right:9pt;background-position:0 0}
.mybooks{background-position:0 -42px}
.back,.mybooks{top:15px;left:10px}
.back{background-position:-42px -42px}
.topfr{position:absolute;right:9pt;color:#999;font-size:.8em;}
.home01{right:9pt}
.home01,.home02{top:15px;background-position:-22px -42px}
.home02{left:10px}
.mybooks01{top:15px;right:45px;background-position:0 -22px}
.back01{top:15px;left:10px;background-position:-42px -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:#f66;color:#fff}
.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;}
.focusbox{margin:0;padding:0px;width:100%;border-bottom:1px solid #f2f2f2}
.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}
.btnList li{float:left;width:20%;text-align:center;font-size:.7em}
.btnList.list4 li{width:25%}
.btnList li a{display:inline-block;display:block;margin:5px auto 0px;width:42px;height:42px;color:#fff;font-size:.6em;line-height:.9375rem;background:url(../images/nav.png?v3) no-repeat;background-size:42px auto;}
.btnList li a.bg01{background-position:center -1px;}
.btnList li a.bg02{background-position:center -304px;}
.btnList li a.bg03{background-position:center -245px;}
.btnList li a.bg04{background-position:center -189px;}
.btnList li a.bg05{background-position:center -126px;}
.btnList li a.bg06{background-position:center -498px;}
.btnList li a.bg07{background-position:center -55px;}
.btnList li a.bg08{background-position:center -429px;}
.btnList li a.bg09{background-position:center -365px;}
.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:50px;margin:0px;padding:0px;overflow:hidden;display:block;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));}
.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:#888;}
.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:#f66 solid 1px;padding:2px 5px;height:22px;width:auto;border-radius:6px;color:#f66;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:#f66;}
.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:#fff;}
.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:#f66;}			
.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:#f66;color:#fff;text-align:center;font-size:.8em;line-height:.9375rem}
.chapter_list {margin-top:5px;padding:0px;width:100%;display:block;}
.chapter_list li{position:relative;height:60px;overflow:hidden;padding:5px 2%;width:96%;border-top:1px solid #eee;zoom:1;}
.chapter_list li span.imgs{width:80px;height:50px;margin:5px 0px;overflow:hidden;position:relative;display:block;display:flex;justify-content:center;align-items:center;}
.chapter_list li span.imgs img{width:100%;}
.chapter_list li span.w50{position:absolute;top:5px;left:90px;float:left;display:block;padding:5px 0 0 15px;text-align:left;font-size:.8em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:70%;}
.chapter_list li span.w50 p{color:#999;font-size:.7em}
.chapter_list li b{float:right;text-align:right;font-size:.7em;line-height:3.75rem;padding-left:15px;position:absolute;top:18px;right:4%;}
.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:#f66}
.chapter_list li b.toll{color:#E8A400;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:#FFF0F0;}
.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:#f66 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:#f66;color:#fff;text-align:center;font-size:.5em;}
.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 #f66;border-radius:10px;color:#f66}
.catebox a.red,.catebox a.red:hover{border:1px solid #f66;background:#f66;border-radius:10px;color:#fff}
.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 #f66;padding-bottom:10px;margin-bottom:5px}
.cateorder{border-top:1px solid #eee;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 #f66;background:#f66;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;}
.mybooks01{width:60px;background:0 0;color:#fff;line-height:1.375rem}
.detailBG svg{position:absolute;left:0%;top:0%;width:100%;height:100%}
.detailBtnBox{overflow:hidden;padding:10px 0 20px;width:100%;height:35px;text-align:center}
.detailBtnBox .readBtn,.detailBtnBox .zan a{float:left;display:inline-block;margin:2%;height:35px;border-radius:6px;text-align:center;font-size:.9em;line-height:2.1875rem}
.detailBtnBox .readBtn{width:52%;background:#f66;color:#fff}
.detailBtnBox .readBtn em{font-size:.8em}
.detailBtnBox .zan a{width:40%;background:#eee;color:#f66}
.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;background:#FFFBE5;display:block;overflow:hidden;}
.favbox a:hover{color:#f66}
.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 #f66;color:#f66;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:.9em;line-height:20px}
a.orderBtn01{background-position:0px 2px;color:#f66;}
a.orderBtn02{background-position:0px -17px;color:#f66;}
.navorder a{display:block;}
.navorder a.active{display:none;}
.navorder .fl{font-size:.7em;}
.navorder .fl b{color:#f66;}
.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:768px;border-top:1px solid #a7a7ab;background:#f8f8f8;z-index:9999;}
.footnav a{float:left;display:block;margin-top:8px;width:20%;text-align:center}
.footnav a span{display:block;margin:0 auto;padding-top:23px;width:24px;background:url(../images/memu.png?v3) no-repeat;background-size:15pc 24px;color:#000;font-size:.6em}
.footnav a span.m01{background-position:1.5px 0;}
.footnav a .m01:hover,.footnav a.selected .m01{background-position:-25px 0;color:#ea390f}
.footnav a span.m02{background-position:-48px 0}
.footnav a .m02:hover,.footnav a.selected .m02{background-position:-72px 0;color:#ea390f}
.footnav a span.m03{background-position:-6pc 0}
.footnav a .m03:hover,.footnav a.selected .m03{background-position:-90pt 0;color:#ea390f}
.footnav a span.m04{background-position:-9pc 0}
.footnav a .m04:hover,.footnav a.selected .m04{background-position:-168px 0;color:#ea390f}
.footnav a span.m05{background-position:-2in 0}
.footnav a .m05:hover,.footnav a.selected .m05{background-position:-216px 0;color:#ea390f}
.footnav a#user{position:relative;}
.footnav a#user.in i{position:absolute;top:1px;left:60%;width:4px;height:4px;border-radius:50%;background:#FA5151;display:block;}
.bodywhite{background:#efeff4 url(../images/center.png?v2) center top repeat-y}
.loginbox{display:block;width:100%;height:100%}
.loginCont{padding:0 10%;width:80%}
.loginCont .login{padding-top:75pt;background:url(../images/user.png?v2) center 20px no-repeat;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: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%;background:#f66;color:#fff;font-size:1em;opacity:.8;border-radius:12px;border:0px}
.loginCont .go button.yellow{color:#FE5D10;background:#FFFBE5;margin-top:20px}
.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:#666}
.loginCont .loginHelp a.reg{display:block;margin-top:10px;color:#f66}
.loginCont .loginHelp a:hover{color:#f00;text-decoration:underline;}
.loginCont .loginHelp.line{margin-top:20px;padding-top:10px;border-top:#eee solid 1px;}
.loginCont .tishi{display:block;color:#999;font-size:.8em}
.loginCont div.ename{display:block;margin:-5px 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 #E8A400;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 #EFEFF4;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:1%;font-weight:400;font-size:.9em}
.fun_list li i{float:left;display:block;margin-top:13px;width:40px;height:22px;background:url(../images/usericon.png?v2) no-repeat;background-size:22px auto}
.fun_list li i.fun01{background-position:center 2px}
.fun_list li i.fun02{background-position:center -34px}
.fun_list li i.fun03{background-position:center -194px}
.fun_list li i.fun04{background-position:center -222px}
.fun_list li i.fun05{background-position:center -132px}
.fun_list li i.fun06{background-position:center -161px}
.fun_list li i.fun07{background-position:center -255px}
.fun_list li i.fun08{background-position:center -290px}
.fun_list li i.fun09{background-position:center -356px}
.fun_list li i.fun10{background-position:center -101px}
.fun_list li i.fun11{background-position:center -70px}
.fun_list li i.fun12{background-position:center -323px}
.fun_list li i.fun13{background-position:center -390px}
.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%;border-top:1px solid #ddd}
.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}
.signbox p span em{margin-left:10px;color:#999;font-size:.6em}
.signbox p span em.red{color:#ee2112;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 #ee2112;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:#EFEFF4;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 #ddd;border-radius:6px;background:#fff}
.checkBox li.selected{border:1px solid #ee2112;background:#ffffbe}
.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:#ee2112;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:#888;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:#d1acd8}
.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:15px 2%;line-height:3.1rem;height:3.1rem;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:#f66}
.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:#FFD6D6}
.buybak td,.buybak th{padding:5px 10px;color:#b16a68;text-align:center}
.buybak tr:nth-child(even){background:#FFF0F0}
.buybak tr:nth-child(odd){background:#fff}
.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:#f66;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:#f66;}
.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:#f66;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:#f66}
.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:#F66;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:#f66;}
.alarm a:hover{color:#f66;}
#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{padding-top:8px;padding-bottom:8px;}
.chapter_list li{min-height:110px;}
.chapter_list li span.imgs{width:10pc;height:100px;}
.chapter_list li span.w50{font-size:1em;left:180px;line-height:50px}
.chapter_list li span.w50 p{font-size:.9em}
.chapter_list li b{font-size:.9em;padding-left:22px;top:55px}
.chapter_list li b.free{background-size:18px;}
.chapter_list li b.toll{background-size:18px;}
.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}
.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:10px 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)}
}