@charset "utf-8";
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#333;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; color:#333; background:#f8f8f8;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:0){input{line-height:normal!important;}}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}.clearfix{*zoom:1}
body .iconfont{ font-size:0.28rem;}


.header{ width:5.8rem; margin:0 auto; height:0.8rem; border-bottom:0.02rem solid #f4f4f4; padding:0 .3rem; background:#fff; left:0; top:0; z-index:999;}
.header .normal-top-logo{ float:left; width:1.8rem; margin-top:0.2rem;}
.header .normal-top-right{ float:right;}
.header .normal-top-right img{ width:0.4rem; margin:0.2rem 0 0 0.3rem;}

.index-menu{ width:5.6rem; margin:0 auto .2rem; height:1.2rem; padding:.3rem 0.4rem .1rem; border-bottom:0.02rem solid #f4f4f4; background:#fff;}
.index-menu-item{ width:1.4rem; float:left; text-align:center; font-size:0.24rem; line-height:0.5rem;}
.index-menu-item-img{ width:.6rem; height:.6rem; border-radius:.3rem}

.secbox{ width:6.4rem; margin:0 auto .2rem; overflow:hidden; background:#fff;}
.secbox .title{ height:.4rem; position:relative; padding:.3rem .2rem 0 .4rem; line-height:.4rem; margin-bottom:.2rem;}
.secbox .title:after{content: '';width: 3px;height: 20px;background-color: #FD113A;border-radius: 1.5px;display: block;position: absolute;top: 0.35rem;left:0.2rem;}
.secbox .title .tit{ width:2.5rem; float:left; font-weight:bold; font-size:.28rem;}
.secbox .title .sd{ float:left;}
.secbox .title .sd i{height:.2rem;width:.2rem;background-color:#d9d9d9;border-radius:.1rem;display: inline-block;margin-left:.1rem;}
.secbox .title .sd i.current{width:.4rem;background-color:#fd113a;}
.secbox .title .more{font-size: 13px;color: #252525;letter-spacing: 0;font-weight: normal;float: right;padding-right: 12px;background-image: url(../img/manga-list-title-more.png);background-repeat: no-repeat;background-size: 7px;background-position: center right;padding-left: 10px;}
.secbox .title .top{ float:right; border:0.02rem solid #F4F4F4; font-size:0.24rem; border-radius:0.02rem; color:#666;}
.secbox .title .top i{ width:.9rem; text-align:center; display:inline-block; border-left:0.02rem solid #F4F4F4;}
.secbox .title .top i.current{color: #252525;background-color: #f8f8f8;}
.secbox .title .top i:first-child{border-left: none;}


.secbox .swipe{ padding-left:0.2rem;}
.secbox .swipe .con a{ width:1.8rem; float:left; margin:0 .3rem .1rem 0;}
.secbox .swipe .con img{ width:1.8rem; height:2.4rem;}
.secbox .swipe .con .tit{ font-weight:bold; line-height:.4rem; text-align:center; height:.4rem; overflow:hidden; display:block; font-size:.24rem;}
.secbox .swipe .con .info{ line-height:.3rem; text-align:center; height:.4rem; overflow:hidden; display:block; font-size:.24rem; color:#999;}

.secbox .swipe2 .con2 a{ height:2.4rem; margin-bottom:.2rem; display:block;padding:0 0.2rem; width:6rem; }
.secbox .swipe2 .con2 img{ width:1.8rem; height:2.4rem; float:left;}
.secbox .swipe2 .con2 .txt{ width:3.3rem; padding-left:.2rem; float:left;font-size:.24rem;}
.secbox .swipe2 .con2 .tit{ margin-bottom:.1rem; font-weight:bold;  line-height:.4rem; height:.4rem; overflow:hidden; display:block;}
.secbox .swipe2 .con2 .des{ height:1.5rem; color:#999; display:block;}
.secbox .swipe2 .con2 .zong{ color:#ec4646; display:block;}
.secbox .swipe2 .con2 .top{background-image: url(../img/index-rank-0.png);background-repeat: no-repeat;height: 22px;width: 22px;font-size:.24rem;color: #666;float:left;line-height: 22px;text-align: center;vertical-align: top;margin:0.02rem 0.2rem 0 0;}

.secbox .swipe2 .con2 span.top-1 {background-image: url(../img/index-rank-1.png);background-repeat: no-repeat;color: #fff}
.secbox .swipe2 .con2 span.top-2 {background-image: url(../img/index-rank-2.png);background-repeat: no-repeat;color: #fff}
.secbox .swipe2 .con2 span.top-3 {background-image: url(../img/index-rank-3.png);background-repeat: no-repeat;color: #fff}

.return-top{position: fixed;right: .2rem;bottom:.4rem;display: none;width:.9rem;z-index: 99;}

.footer{ font-size:0.24rem; padding:0 0.2rem; text-align:center;}

.index-tips{ width:5.6rem; margin:0 auto .2rem; padding:.2rem 0.4rem; border-bottom:0.02rem solid #f4f4f4; background:#fff; font-size:0.24rem; color:#666;}