html{height: 100%;}
body{font-family: 'Microsoft YaHei';}
a{text-decoration: none;}
input{-webkit-appearance: none;}
input[type=checkbox]{-webkit-appearance: checkbox;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 12%;}

.bg-gray{background-color: #f8f8f8;}
.bg-black{background-color: #000000;}
.mask{position: fixed;width: 100%;height: 100%;background-color: #000;top: 0;left: 0;opacity: 0.75;z-index: 98;}
.bottom-tool{position: relative;padding-bottom: 80px;}

.normal-top{height: 45px;line-height: 45px;padding: 0 5%;border-bottom: 1px solid #F4F4F4;background-color: #fff;position: fixed;left: 0;width: 90%;top: 0;z-index: 98;}
.normal-top-back{height: 12px;float: left;margin-top: 17px;}
.normal-top-title{font-size: 18px;color: #252525;margin-left: 10px;font-weight: bold;display: inline-block;width: 58%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
img.normal-top-logo{height: 27px;vertical-align: top;margin-top: 7px;}
.normal-top-right{float: right;}
img.normal-top-right-search{height: 22px;vertical-align: top;margin-top: 13px;}
img.normal-top-right-avatar{height: 25px;vertical-align: top;margin-top: 11px;margin-left: 20px;width: 25px;border-radius: 50%;}

.search-top{height: 45px;line-height: 45px;padding: 0 20px;border-bottom: 1px solid #F4F4F4;background-color: #FD113A;position: fixed;left: 0;width: 90%;top: 0;z-index: 99;}
.search-top-back{height: 12px;position: absolute;top: 17px;left: 20px;}
.search-top-input{padding-left: 40px;padding-right: 40px;}
.search-top-input input{margin: 0;padding: 0;border: none;background: #FFFFFF;border-radius: 2px;height: 35px;width: 80%;outline: none;vertical-align: top;margin-top: 5px;padding: 0 5%;padding-left: 15%;background-repeat: no-repeat;background-size: 15px 15px;background-position: 10px 10px;font-size: 15px;font-family: 'Microsoft YaHei';}
.search-top-right{height: 45px;line-height: 45px;position: absolute;color: #fff;top: 0;right: 20px;font-size: 15px;}

.search-title{height: 38px;line-height: 38px;padding: 0 10px;font-size: 13px;color: #666666;letter-spacing: 0; margin-top: 50px;}
.search-label{padding: 0 10px;}
.search-label-item{font-size: 15px;color: #252525;letter-spacing: 0;padding: 0 15px;background: #FFFFFF;border: 1px solid #F4F4F4;border-radius: 20px;height: 40px;line-height: 40px;display: inline-block;margin-bottom: 10px;}

.search-class{padding: 0 5px;overflow: hidden;font-size: 0;}
.search-class li{width: 33.33%;display:inline-block;margin-bottom: 12px;}
.search-class li a{margin: 0 5px;display: block;}
.search-class-2{padding: 0 5px;overflow: hidden;font-size: 0;}
.search-class-2 li{width: 50%;float: left;margin-bottom: 12px;}
.search-class-2 li a{margin: 0 5px;display: block;}
.search-class-img{width: 100%;}
.search-class-title{font-size: 15px;color: #252525;letter-spacing: 0;text-align: center;margin-top: 8px;}

.title-1{font-size: 13px;color: #666666;padding: 0 10px;}
.title-1-right{font-size: 13px;color: #DAB77C;letter-spacing: 0;float: right;text-decoration: underline;}

.buy-manga{margin-top: 10px;border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;height: 115px;padding: 10px;overflow: hidden;position: relative;background-color: #fff;}
.buy-manga-cover{height: 109px;width: 81px;padding: 3px;float: left;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);position: absolute;}
.buy-manga-cover img{height: 100%;width: 100%;}
.buy-manga-cover-hover{top: 3px;left: 3px;position: absolute;height: 109px;width: 81px;background-color: rgba(0,0,0,0.5);background-image: url(../img/buy-manga-cover-logo.png);background-repeat: no-repeat;background-position: 58px 3px;background-size: 20px 20px;}
.buy-manga-cover-hover.active{background-image: url(../img/buy-manga-cover-logo-active.png);}
.buy-manga-info{padding-left: 97px;}
.buy-manga-title{font-size: 15px;color: #252525;letter-spacing: 0;font-weight: bold;margin-top: 19px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.buy-manga-author{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 10px;padding-right: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.buy-manga-new{font-size: 13px;color: #FD113A;letter-spacing: 0;margin-top: 10px;}
.buy-manga-right{font-size: 13px;color: #999999;position: absolute;top: 50px;right: 7px;line-height: 35px;width: 94px;height: 35px;border-radius: 2px;border: 1px solid #F4F4F4;text-align: center;}
.buy-manga-right.active{color: #fff;background-color: #FD113A;border: 1px solid #FD113A;}
.buy-manga-right-a{position: absolute;top: 30px;right: 0px;padding: 20px;}
.buy-manga-right-img{width: 25px;}
.buy-manga-right-title{text-align: center;font-size: 13px;color: #666666;}

.manga-list{border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;margin-top: 10px;background-color: #fff;}

.manga-list-1{font-size:0;padding: 0 5px;overflow: hidden;}
.manga-list-1 .swiper-slide{width: 95%;}
.manga-list-1 li{width: 50%;display:inline-block;}
.manga-list-1-cover{padding: 0 5px;position: relative;}
.manga-list-1-cover-img{width: 100%;}
.manga-list-1-cover-logo{position: absolute;right: 5px;top: 0;height: 18px;}
.manga-list-1-cover-logo-font{position: absolute;right: 5px;top: 0;height: 18px;line-height: 18px;text-align: center;display: block;background-color: #ff5a00;color: #fff;font-size: 13px;padding: 0 5px;}
.manga-list-1-title{font-size: 14px;color: #252525;letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-1-title a{font-size: 14px;color: #252525;letter-spacing: 0;font-weight: bold;}
.manga-list-1-tip{font-size: 13px;color: #999999;letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 2px;padding-bottom: 10px;}

.manga-list-2{font-size:0;padding: 0 5px;overflow: hidden;}
.manga-list-2 .swiper-slide{width: 95%;}
.manga-list-2 li{width: 33.33%;display: inline-block;}
.manga-list-2-cover{padding: 0 5px;position: relative;font-size: 0;}
.manga-list-2-cover a{display: block;position: relative;}
.manga-list-2-cover-img{width: 105px; height: 140px;}
.manga-list-2-cover-logo{position: absolute;right: 5px;top: 0;height: 18px;}
.manga-list-2-cover-hover{top: 0;left: 0;position: absolute;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);background-image: url(../img/buy-manga-cover-logo.png);background-repeat: no-repeat;background-position: 98% 3px;background-size: 20px 20px;}
.manga-list-2-cover-hover.active{background-image: url(../img/buy-manga-cover-logo-active.png);}
.manga-list-2-title{font-size: 14px;color: #252525;letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 2px;font-weight: bold;}
.manga-list-2-title a{font-size: 14px;color: #252525;letter-spacing: 0;font-weight: bold;}
.manga-list-2-tip{font-size: 13px;color: #FD113A;letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 2px;padding-bottom: 10px;}
.manga-list-2-tip a{font-size: 13px;color: #999999;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}

.manga-list-3{padding: 0 10px;overflow: hidden;}
.manga-list-3 li{position: relative;height: 172px;float: left;}
.manga-list-3-cover{padding: 3px;width: 116px;height: 156px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);position: absolute;left: 0px;top: 0px;}
.manga-list-3-cover-img{height: 100%;width: 100%;}
.manga-list-3-cover-logo{position: absolute;right: 3px;top: 3px;height: 18px;}
.manga-list-3-info{padding-left: 132px;}
.manga-list-3-title{font-size: 18px;color: #252525;letter-spacing: 0;margin-top: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-3-title a{font-size: 18px;color: #252525;letter-spacing: 0;}
.manga-list-3-author{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-3-tip{font-size: 13px;color: #252525;letter-spacing: 0;margin-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-3-new{font-size: 13px;color: #FD113A;letter-spacing: 0;margin-left: 6px;}
.manga-list-3-content{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 10px;}

.selector-top{height: 50px;line-height: 50px;border-bottom: 1px solid #F4F4F4;text-align: center;background-color: #fff;position: relative;}
.selector-top-item{font-size: 15px;color: #999999;letter-spacing: 0;margin: 0 25px;position: relative;height: 40px;display: inline-block;}
.selector-top-item.active{color: #252525;}
.selector-top-item.active:after{content:"";background-color: #FD113A;border-radius: 2.5px;width: 25px;height: 5px;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -12.5px;}
.selector-top-right-logo{height: 17px;position: absolute;right: 10px;top: 11.5px;}
.selector-top-right-font{position: absolute;right: 10px;top: 0;font-size: 13px;color: #252525;letter-spacing: 0;}

.line-container{padding-top: 20px;text-align: center;margin-top: 45px;}
.line-container input{margin-top: 10px;width: 74%;border: 1px solid #F4F4F4;height: 50px;border-radius: 25px;outline: none;font-family: 'Microsoft YaHei';padding: 0 5%;font-size: 15px;}
.line-container-btn{width: 84%;background: #FD113A;border-radius: 2px;height: 50px;display: block;line-height: 50px;text-align: center;margin: 30px auto;font-size: 15px;color: #FFFFFF;letter-spacing: 0;}

.center-main{margin-top: 15px;background-image: url(../img/center-main-bg.png);background-size: cover;}
.center-main-login{padding-top: 30px;text-align: center;}
.center-main-login-btn{width: 100px;height: 40px;line-height: 40px;text-align: center;display: inline-block;font-size: 15px;color: #FD113A;letter-spacing: 0;background-color: #f4f4f4;border-radius: 2px;margin: 0 20px;}
.center-main-info{padding:4px 0 10px;position: relative;overflow: hidden;height: 84px;}
.center-main-info-cover{position: absolute;top: 16px;left: 20px;background-color: #fff;padding: 3px;width: 62px;height: 62px;border-radius: 50%;}
.center-main-info-cover img{width: 100%;height: 100%;border-radius: 50%;}
.center-main-info-right{padding-left: 98px;}
.center-main-info-title{font-size: 15px;color: #FFFFFF;letter-spacing: 0;margin-top: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.center-main-info-tip{font-size: 13px;color: #FFFFFF;letter-spacing: 0;margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.center-main-info-right-logo{position: absolute;right: 20px;top: 20px;height: 20px;}
.center-main-info-tip .a-charge{margin-right: 20px;float: right;color: #fff;text-decoration: underline;}
.center-main-list{margin-top: 10px;    margin-bottom: 51px;}
.center-main-list-border{margin-top: 10px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.center-main-list li,.center-main-list-border li{border-top: 1px solid #f4f4f4;height: 50px;line-height: 50px;background-color: #fff;}
.center-main-list li.avatar,.center-main-list-border li.avatar{border-top: 1px solid #f4f4f4;height: 100px;line-height: 100px;background-color: #fff;}
.center-main-list li:first-child,.center-main-list-border li:first-child{border-top: none;}
.center-main-list li a,.center-main-list-border li a{display: block;}
.center-main-list-logo{width: 22px;height: 22px;vertical-align: top;margin: 14px;margin-left: 12px;margin-right: 9px;}
.center-main-list-title{font-size: 16px;color: #252525;letter-spacing: 0;}
.center-main-list-title-edit{font-size: 16px;color: #252525;letter-spacing: 0;margin-left: 20px;}
.center-main-list-right{height: 14px;float: right;margin: 18px 0;margin-right: 14px;}
.center-main-list-right-avatar{float: right;height: 62px;width: 62px;margin: 19px 0;margin-right: 12px;border-radius: 50%;}
.avatar .center-main-list-right{margin: 43px 0;margin-right: 14px;}
.center-main-list-right-tip{font-size: 14px;color: #666666;letter-spacing: 0;float: right;margin-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}
.center-main-list-right-tip-gray{font-size: 14px;color: #999999;letter-spacing: 0;float: right;margin-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}
.center-main-bottom-btn{border-top: 1px solid #F4F4F4;height: 50px;line-height: 50px;background-color: #fff;text-align: center;font-size: 15px;color: #252525;letter-spacing: 0;display: block;position: fixed;left: 0;bottom: 0;width: 100%;}
.center-main-bottom-btn.l50{width: 50%;left: 0;}
.center-main-bottom-btn.r50{width: 50%;left: inherit;right: 0;border-left: 1px solid #f4f4f4;}
.center-main-bottom-btn.m100 { width:100%;}
.bottom-tool .center-main-bottom-btn{position: absolute;}

.center-bottom-menu{position: absolute;width: 100%;bottom: 0;left: 0;background-color: #fff;z-index: 99;}
.center-bottom-menu-item{border-top: 1px solid #f4f4f4;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #252525;letter-spacing: 0;display: block;}
.center-bottom-menu-border{background-color: #f4f4f4;height: 10px;}

.protocol-title{font-size: 15px;color: #252525;letter-spacing: 0;margin-top: 20px;padding: 0 10px;}
.protocol-content{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 12px;padding: 0 10px;}

.win-first{position: fixed;width: 300px;height: 260px;top: 50%;left: 50%;margin-left: -150px;margin-top: -130px;background-color: #fff;border-radius: 2px;z-index: 99;text-align: center;}
.win-first-cross{position: absolute;right: 10px;top: 10px;width: 13px;}
.win-first-logo{width: 80px;margin-top: 30px;}
.win-first-title{font-size: 13px;color: #252525;letter-spacing: 0;margin-top: 10px;}
.win-first-btn{width: 230px;height: 50px;line-height: 50px;text-align: center;font-size: 15px;color: #FFFFFF;letter-spacing: 0;background: #FD113A;border-radius: 2px;display: block;margin: 0 auto;margin-top: 8px;}
.win-first-close{font-size: 13px;color: #666666;letter-spacing: 0;text-decoration: underline;margin-top: 10px;display: block;}

.feedback-main-title{padding: 10px;font-size: 13px;color: #666666;letter-spacing: 0;}
.feedback-main-list{overflow: hidden;}
.feedback-main-list-item{float: left;margin-left: 2.4%;width: 46.4%;background-color: #fff;font-size: 15px;color: #252525;letter-spacing: 0;border: 1px solid #F4F4F4;border-radius: 2px;height: 45px;line-height: 45px;text-align: center;margin-bottom: 10px;}
.feedback-main-list-item.active{background-color: #fff3f3;border: 1px solid #FD113A;}
.feedback-main-textarea{margin: 0 auto;display: block;resize: none;width: 92.2%;border: 1px solid #F4F4F4;border-radius: 2px;font-size: 13px;color: #252525;letter-spacing: 0;padding: 1.5%;height: 108px;outline: none;font-family: 'Microsoft YaHei';}
.feedback-main-input{border: 1px solid #F4F4F4;display: block;outline: none;margin: 0 auto;width: 92.2%;padding: 1.5%;font-size: 13px;color: #252525;letter-spacing: 0;font-family: 'Microsoft YaHei';}
.feedback-main-btn{display: block;width: 200px;height: 50px;line-height: 50px;background: #FD113A;border-radius: 3px;font-size: 15px;color: #FFFFFF;letter-spacing: 0;text-align: center;margin: 50px auto;}

.feedback-main-pic-container{overflow: hidden;padding-top: 10px;}
.feedback-main-pic-item{float: left;width: 21.3%;margin-left: 2.7%;border: 1px solid #F4F4F4;position: relative;}
.feedback-main-pic-img{width: 100%;}
.feedback-main-pic-del{width: 15px;position: absolute;right: -5px;top: -5px;}
.feedback-main-pic-add{width: 100%;}

.main-404{text-align: center;}
.main-404-img{width: 223px;margin-top: 111px;}
.main-404-btn{width: 200px;height: 50px;line-height: 50px;text-align: center;background: #FD113A;border-radius: 3px;font-size: 15px;color: #FFFFFF;letter-spacing: 0;display: block;margin: 0 auto;margin-top: 26px;}
.main-404-btn-cancel{width: 200px;height: 50px;line-height: 50px;text-align: center;background: #F8F8F8;border: 1px solid #F4F4F4;border-radius: 3px;font-size: 15px;color: #252525;letter-spacing: 0;display: block;margin: 0 auto;margin-top: 10px;}

.ad-top{overflow: hidden;position: relative;font-size: 0;}
.ad-top.mt10{margin-top: 10px;}
.ad-top.mb10{margin-bottom: 10px;}
.ad-top-img{width: 100%;}
.ad-top-cross{position: absolute;height: 100%;top: 0;left: 3%;}

.detail-main{height: 160px;position: relative;overflow: hidden;margin-top: 40px;}
.detail-main-bg{-webkit-filter:blur(15px);-moz-filter:blur(15px);-o-filter:blur(15px);-ms-filter:blur(15px);filter:blur(15px);position: absolute;width: 100%;top: 0;left: 0;}
.detail-main-cover{position: absolute;width: 100px;border: 2px solid #fff;font-size: 0;border-bottom: none;bottom: 0;left: 20px;}
.detail-main-cover img{width: 100%;}
.detail-main-info{position: relative;padding-left: 140px;}
.detail-main-info-title{font-size: 20px;color: #FFFFFF;letter-spacing: 0;font-weight: bold;margin-top: 28px;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-star{height: 14px;width: 70px;background-image: url(../img/star.png);background-repeat: no-repeat;margin-top: 5px;}
.detail-main-info-star.star-5{background-position: 0px 0px;}
.detail-main-info-star.star-4{background-position: 0px -14px;}
.detail-main-info-star.star-3{background-position: 0px -28px;}
.detail-main-info-star.star-2{background-position: 0px -42px;}
.detail-main-info-star.star-1{background-position: 0px -56px;}
.detail-main-info-star.star-0{background-position: 0px -70px;}
.detail-main-info-author{font-size: 12px;color: #FFFFFF;letter-spacing: 0;line-height: 17px;margin-top: 7px;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-author a{font-size: 12px;color: #FFFFFF;letter-spacing: 0;line-height: 17px;text-decoration: underline;}
.detail-main-info-class{font-size: 12px;color: #FFFFFF;letter-spacing: 0;margin-top: 5px;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-class span{margin-right: 8px;}
.detail-main-info-tip{font-size: 12px;color: #FFFFFF;letter-spacing: 0;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-tip-logo{width: 18px;vertical-align: top;margin-right: 5px;}
.detail-desc{font-size: 15px;color: #666666;letter-spacing: 0;padding: 10px;background-color: #fff;border-bottom: 1px solid #f4f4f4;}

.detail-ad-con{margin: 10px 0;font-size: 0;overflow: hidden;}
.detail-ad-img{width: 100%;}
.detail-selector{height: 50px;line-height: 50px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;background-color: #fff;font-size: 0;text-align: center;}
.detail-selector-item{display: inline-block;height: 50px;line-height: 50px;font-size: 15px;color: #999999;letter-spacing: 0;text-align: center;position: relative;}
.detail-selector-item:before{content: '';position: absolute;height: 18px;width: 1px;background-color: #f4f4f4;top: 16px;left: 0;}
.detail-selector-item:first-child:before{content: '';background-color: #fff;}
.detail-selector-item.active{color: #252525;}
.detail-selector-item.active:after{content: '';background-color: #fd113a;height: 5px;border-radius: 2.5px;width: 25px;display: block;position: absolute;left: 50%;bottom: 0;margin-left: -12.5px;}
.detail-selector.item-4 .detail-selector-item{width: 25%;}
.detail-selector.item-3 .detail-selector-item{width: 33%;}
.detail-selector.item-2 .detail-selector-item{width: 50%;}
.detail-selector-item-count{font-size: 9px;color: #999999;letter-spacing: 0;border: 1px solid #D9D9D9;height: 16px;line-height: 16px;position: absolute;top: 5px;border-radius: 8px;padding: 0 5px;left: 50%;margin-left: 12px;}

.detail-vip-con{background-color: #fff;}
.detail-vip{height: 16px;margin: 0px auto;display: block;padding: 10px;background-color: #f8f8f8;}
.detail-list-title{font-size: 0;height: 40px;line-height: 40px;padding: 0 10px;background-color: #fff;padding-top: 10px;}
.detail-list-title-1{font-size: 13px;color: #252525;letter-spacing: 0;}
.detail-list-title-2{font-size: 13px;color: #FD113A;letter-spacing: 0;margin-left: 8px;}
.detail-list-title-3{font-size: 13px;color: #666666;letter-spacing: 0;margin-left: 8px;}
.detail-list-title-right{font-size: 13px;color: #999999;letter-spacing: 0;float: right;padding-left: 30px;background-position: 7px 11px;background-size: 18px 17px;background-repeat: no-repeat;}
.detail-list-title-right{background-image: url(../img/detail-order.png);}
.detail-list-title-right.inverted {background-image: url(../img/detail-order-inverted.png);}
.detail-list-1{padding: 0 5px;overflow: hidden;background-color: #fff;max-height: 193px;}
.detail-list-1 li{width: 33.33%;float: left;position: relative;}
.detail-list-1 li a{display: block;text-align: center;background: #F6F6F6;border: 1px solid #F4F4F4;margin: 5px;font-size: 14px;color: #252525;letter-spacing: 0;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-list-lock{position: absolute;bottom: 5px;right: 5px;height: 11px;}
.detail-list-more{margin: 5px 10px;background: #F6F6F6;border: 1px solid #F4F4F4;display: block;text-align: center;line-height: 36px;font-size: 14px;color: #252525;letter-spacing: 0;padding-bottom: 0px;}
.detail-fix-bottom{position: fixed;left: 0;bottom: 0;width: 100%;height: 66px;line-height: 56px;border-top: 1px solid #f4f4f4;background-color: #fff;z-index: 98;}
.detail-fix-bottom .download-app{width:145px;display:inline-block;height: 46px;line-height: 46px;color: #252525;margin-top:10px;margin-left: 10px;}
.detail-fix-bottom .download-app img{width: 30px;vertical-align: top;margin-top: 8px;margin-right: 5px;}
.detail-bottom-btn{width: 140px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #FFFFFF;letter-spacing: 0;display: inline-block;background: #FD113A;border-radius: 2px;float: right;margin: 10px;}
.detail-comment-fix-bottom{height: 40px;background-color: #f6f6f6;padding: 10px 0;position: fixed;left: 0;bottom: 0;width: 100%;}
.detail-comment-fix-bottom-a{display: block;height: 40px;border-radius: 20px;background-color: #fff;font-size: 13px;color: #999999;letter-spacing: 0;text-align: center;line-height: 40px;margin: 0 10px;}
.detail-comment-fix-bottom-logo{vertical-align: top;height: 16px;margin-top: 12px;margin-right: 5px;}
.coin-fix-bottom{background: #FFFFFF;border: 1px solid #F4F4F4;border-radius: 2px;font-size: 15px;color: #999999;letter-spacing: 0;width: 90%;position: fixed;left: 5%;bottom: 20px;text-align: center;height: 45px;line-height: 45px;}
.bottom-tool .coin-fix-bottom{position: absolute;}

.detail-list-2{overflow: hidden;background-color: #fff;}
.detail-list-2 li{position: relative;height: 81px;margin: 5px 10px;background-color: #f6f6f6;margin-top: 10px;}
.detail-list-2 li:first-child{margin-top: 0;}
.detail-list-2-cover{position: absolute;left: 0;top: 0;height: 81px;width: 130px;overflow: hidden;}
.detail-list-2-cover-img{width: 100%;height: 100%;}
.detail-list-2-cover-logo{position: absolute;left: 0;top: 0;}
.detail-list-2-info{padding-left: 140px;height: 81px;}
.detail-list-2-info-title{font-size: 14px;color: #252525;letter-spacing: 0;padding-top: 22px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 30px;}
.detail-list-2-info-subtitle{font-size: 12px;color: #999999;letter-spacing: 0;line-height: 16px;margin-top: 4px;}
.detail-list-2-info-right{position: absolute;right: 10px;top: 34px;height: 18px;}
.detail-list-3-info-right{position: absolute;right: 10px;top: 15px;height: 18px;}

.detail-list-comment{overflow: hidden;background-color: #fff;border-bottom: 1px solid #f4f4f4;margin-bottom: 60px;}
.detail-list-comment li{position: relative;padding-top: 14px;padding-bottom: 10px;border-top: 1px solid #f4f4f4;margin: 0 10px;}
.detail-list-comment li:first-child{border-top: none;}
.detail-list-comment-cover{position: absolute;top: 14px;left: 0px;}
.detail-list-comment-cover img{width: 50px;height: 50px;border-radius: 50%;}
.detail-list-comment-info{padding-left: 55px;}
.detail-list-comment-title{font-size: 12px;color: #252525;letter-spacing: 0;margin-top: 7px;}
.detail-list-comment-subtitle{font-size: 11px;color: #999999;letter-spacing: 0;margin-top: 5px;}
.detail-list-comment-content{font-size: 13px;color: #252525;margin-top: 5px;word-break: break-all;}
.detail-list-comment-right{float: right;font-size: 13px;color: #999999;margin-right: 0px;background-image: url(../img/detail-list-comment-right.png);background-repeat: no-repeat;background-size: contain;padding-left: 18px;}
.detail-list-comment-right.active{color: #FD113A;background-image: url(../img/detail-list-comment-right-active.png);}
.detail-list-comment-reply{background: #EDEDED;border-radius: 2px;font-size: 12px;color: #999999;letter-spacing: 0;margin-right: 28px;margin-top: 10px;padding: 6px 10px;}
.detail-list-comment-reply span{font-size: 12px;color: #131313;letter-spacing: 0;line-height: 17px;}
.detail-list-comment-go{font-size: 12px;color: #999999;letter-spacing: 0;margin-top: 8px;padding-left: 10px;display: inline-block;}
.detail-list-comment-sublist{background: #F6F6F6;border: 1px solid #D9D9D9;border-radius: 2px;margin-top: 10px;}
.detail-list-comment-sublist li{border-top: 1px solid #D9D9D9;padding: 10px;margin: 0;}
.detail-list-comment-sublist li:first-child{border-top: none;}
.detail-list-comment-sublist-title{font-size: 12px;color: #999999;letter-spacing: 0;}
.detail-list-comment-sublist-title-right{font-size: 11px;color: #999999;letter-spacing: 0;float: right;}
.detail-list-comment-sublist-content{font-size: 13px;color: #252525;margin-top: 9px;}
li.detail-list-comment-sublist-more{padding: 4px 0;background: #EBEBEB;}
.detail-list-comment-sublist-more a{font-size: 10px;color: #999999;letter-spacing: 0;display: block;text-align: center;}

.index-banner{overflow: hidden;font-size: 0;}
.index-banner img{width: 100%;height: 240px}
.swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 5px;background: #D9D9D9;opacity: 1;}
.swiper-pagination-bullet-active{width: 23px;background: #FD113A;}

.index-menu{overflow: hidden;font-size: 0;background-color: #fff;margin-bottom: -10px;padding: 0 20px;padding-bottom: 20px;padding-top: 2px;}
.index-menu-item{width: 25%;text-align: center;display: inline-block;}
.index-menu-item-img{width: 35px;}
.index-menu-item-title{font-size: 13px;color: #212121;letter-spacing: 0;margin-top: 5px;}

.index-bottom{height: 42px;line-height: 42px;border-top: 1px solid #F4F4F4;margin-top: 10px;background-color: #fff;font-size: 0;}
.index-bottom-item{width: 50%;display: inline-block;font-size: 15px;color: #252525;letter-spacing: 0;text-align: center;}
.index-bottom-logo-1{height: 22px;vertical-align: top;margin: 10px;}
.index-bottom-logo-2{height: 20px;vertical-align: top;margin: 11px;}

.manga-noData{font-size: 13px;color: #666666;letter-spacing: 0;text-align: center;padding: 10px 0;position: fixed;left: 0;width: 100%;bottom: 0;}


.manga-list-bar{z-index: 99;height: 40px;line-height: 40px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;background-color: #fff;font-size: 0;position: fixed;top: 46px;left: 0;width: 100%;}
.manga-list-bar-item{width: 20%;display: inline-block;height: 40px;line-height: 40px;font-size: 15px;color: #999999;letter-spacing: 0;text-align: center;position: relative;}
.manga-list-bar-item.active{color: #252525;}
.manga-list-bar-item.active:after{content: '';background-color: #fd113a;height: 5px;border-radius: 2.5px;width: 25px;display: block;position: absolute;left: 50%;bottom: 0;margin-left: -12.5px;}
.manga-list-bar-right{font-size: 15px;color: #252525;letter-spacing: 0;text-align: right;float: right;padding-right: 21px;margin-right: 9px;background-image: url(../img/manga-list-right-1.png);background-position: right center;background-size: 15px 8px;background-repeat: no-repeat;}
.manga-list-bar-right-down{position: absolute;right: 0;top: 40px;background-color: #fff;}
.manga-list-bar-right-down-item{height: 40px;line-height: 40px;font-size: 15px;color: #252525;letter-spacing: 0;text-align: center;display: block;padding: 0 22px;border-top: 1px solid #f4f4f4;}
.manga-list-bar-right-down-item.active{font-weight: bold;}

.rank-selector{height: 40px;line-height: 40px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;background-color: #fff;font-size: 0;position: fixed;width: 100%;z-index: 99;top: 45px;left: 0;}
.rank-selector-item{width: 25%;display: inline-block;height: 40px;line-height: 40px;font-size: 15px;color: #999999;letter-spacing: 0;text-align: center;position: relative;}
.rank-selector-item.active{color: #252525;}
.rank-selector-item.active:after{content: '';background-color: #fd113a;height: 4px;border-radius: 2px;width: 25px;display: block;position: absolute;left: 50%;bottom: 0;margin-left: -12.5px;}

.rank-list{border-top: 1px solid #F4F4F4;margin-top: 10px;background-color: #fff;font-size: 0;overflow: hidden;}
.rank-list.index{padding-bottom: 20px;margin-top: 0;}
.rank-list.index .swiper-slide{width: 92%;}
.rank-list li{border-bottom: 1px dashed #F4F4F4;position: relative;overflow: hidden;height: 70px;margin: 0 10px;}
.rank-list-cover{position: absolute;top: 10px;left: 0px;width: 96px;height: 60px;overflow: hidden;}
.rank-list-cover-img{width: 96px;}
.rank-list-info{padding-left: 115px;overflow: hidden;}
.rank-list.index .rank-list-info{padding-left: 80px;}
.rank-list-info-left{position: absolute;left: 112px;top: 0;}
.rank-list-info-left-index{background: #F7F7F7;border: 1px solid #EDEDED;font-size: 15px;color: #666666;letter-spacing: 0;height: 20px;line-height: 20px;width: 20px;text-align: center;border-radius: 11px;display: inline-block;margin-top: 16px;}
.rank-list-info-left-index.top-1{background: #FEDA00;border: 1px solid #FFCE00;color: #fff;}
.rank-list-info-left-index.top-2{background: #FEAF00;border: 1px solid #FF9900;color: #fff;}
.rank-list-info-left-index.top-3{background: #FE8F00;border: 1px solid #FE7100;color: #fff;}
.rank-list-info-right{margin-left: 30px;}
.rank-list-info-right-title{font-size: 14px;color: #252525;letter-spacing: 0;margin-top: 16px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank-list-info-right-subtitle{font-size: 13px;color: #999;letter-spacing: 0;margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.book-banner{width: 100%;}
.book-banner img{width: 100%;}

.book-desc{font-size: 15px;color: #252525;letter-spacing: 0;padding: 5px 10px;padding-bottom: 0;}

.book-list{font-size: 0;overflow: hidden;}
.book-list li{border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;height: 115px;padding: 10px;overflow: hidden;position: relative;background-color: #fff;margin-top: 10px;}
.book-list-cover{height: 109px;width: 81px;padding: 3px;float: left;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);position: absolute;}
.book-list-cover img{height: 100%;width: 100%;}
.book-list-info{padding-left: 97px;}
.book-list-info-title{font-size: 15px;color: #252525;letter-spacing: 0;font-weight: bold;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.book-list-info-desc{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 3px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 60px;}
.book-list-info-bottom{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 6px;}
.book-list-info-bottom-item{padding: 2px 6px;border: 1px dashed #D9D9D9;border-radius: 3px;margin-right: 4px;color: #666;}
.book-list-info-bottom-right{float: right;padding-left: 23px;background-size: 18px 17px;background-repeat: no-repeat;}
.book-list-info-bottom-right.active{color: #FD113A;padding-right: 13px;}
.book-list-info-bottom-right-font{float: right;}
.book-list-info-bottom-right-font.active{color: #FD113A;}

.search-noData{padding: 36px 0;text-align: center;background-color: #fff;}
.search-noData-img{width: 80px;}
.search-noData-title{font-size: 15px;color: #999999;letter-spacing: 0;text-align: center;line-height: 24px;margin-top: 5px;}

.search-downlist{background-color: #fff;position: absolute;width: 100%;left: 0;top: 46px;display: none;}
.search-downlist-title{font-size: 13px;color: #666666;letter-spacing: 0;height: 38px;line-height: 38px;padding: 0 10px;}
.search-downlist-item{display: block;height: 40px;line-height: 40px;border-top: 1px solid #f4f4f4;padding: 0 10px;}
.search-downlist-item-title{font-size: 15px;color: #252525;letter-spacing: 0;}
.search-downlist-item-cross{width: 13px;float: right;margin-top: 4px;padding:10px;}
.search-downlist-clear{height: 43px;line-height: 43px;font-size: 15px;color: #999999;letter-spacing: 0;text-align: center;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;display: block;}

.pic-verification{padding-top: 15px;}
.pic-verification-title{width: 84%;font-size: 13px;color: #666666;letter-spacing: 0;margin: 0 auto;}
.pic-verification-title-right{font-size: 13px;color: #20A0FF;letter-spacing: 0;float: right;}
.pic-verification-list{width: 84%;margin: 10px auto;margin-bottom: 0;font-size: 0;}
.pic-verification-list img{width: 62px;height: 62px;margin-right: 5px;}

.line-tip{width: 84%;margin: -20px auto;font-size: 13px;color: #666666;}
.line-tip input{margin-right: 3px;vertical-align: top;position: relative;top: 3px;-webkit-appearance: checkbox;}
.line-tip-a{font-size: 13px;color: #20A0FF;letter-spacing: 0;}
.line-tip-left{font-size: 13px;color: #666666;}
.line-tip-right{font-size: 13px;color: #20A0FF;letter-spacing: 0;float: right;text-decoration: underline;}
.pic-verification-list{width: 84%;height:76px;margin: 10px auto;margin-bottom: 0;}
@media screen and (max-width: 374px){
    .pic-verification-list { height:57px; }
}

.toast{font-size: 13px;color: #FFFFFF;letter-spacing: 0;height: 60px;border-radius: 30px;background: rgba(0,0,0,0.7);position: fixed;top: 50%;margin-top: -30px;left: 8%;width: 84%;text-align: center;line-height: 60px;z-index:2000;}

.win-comment{position: fixed;width: 300px;height: 250px;top: 50%;left: 50%;margin-left: -150px;margin-top: -130px;background-color: #fff;border-radius: 2px;z-index: 99;text-align: center;}
.win-comment-cross{position: absolute;right: 10px;top: 10px;width: 13px;}
.win-comment-title{font-size: 20px;color: #252525;letter-spacing: 0;text-align: center;padding-top: 20px;padding-bottom: 12px;}
.win-comment-input{font-size: 13px;color: #999999;letter-spacing: 0;background: #F6F6F6;border: 1px solid #EDEDED;border-radius: 3px;width: 84%;padding: 6px 3%;outline: none;height: 84px;line-height: 20px;resize: none;font-family: 'Microsoft YaHei';}
.win-comment-btn{display: block;margin: 20px auto;height: 50px;line-height: 50px;width: 230px;text-align: center;font-size: 15px;color: #FFFFFF;letter-spacing: 0;background: #FD113A;border-radius: 2px;}
.comment-input{font-size: 13px;color: #999999;letter-spacing: 0;background: #F6F6F6;border: 1px solid #EDEDED;border-radius: 3px;width: 84%;padding: 6px 3%;outline: none;height: 84px;line-height: 20px;resize: none;font-family: 'Microsoft YaHei';margin: 10px auto;display: block;}
.comment-btn{display: block;margin: 0 auto;height: 50px;line-height: 50px;width: 230px;text-align: center;font-size: 15px;color: #FFFFFF;letter-spacing: 0;background: #FD113A;border-radius: 2px;}

.view-main-1{font-size: 0; min-height:300px;}
.view-main-1 img{width: 100%;background: url(../img/loading.gif) 50% 0 no-repeat;}

.view-bottom-bar{padding: 5px;overflow: hidden;}
.view-bottom-bar li{width: 25%;float: left;}
.view-bottom-bar-item{margin: 0 5px;display: block;height: 40px;line-height: 40px;background: #FFFFFF;border: 1px solid #D9D9D9;border-radius: 2px;font-size: 13px;color: #252525;text-align: center;}

.view-fix-top-bar{height: 60px;line-height: 60px;background-color: rgba(11, 6, 0, 0.9);position: fixed;top: -60px;left: 0;width: 100%;z-index: 97;transition: top 0.5s;-moz-transition: top 0.5s;-webkit-transition: top 0.5s;-o-transition: top 0.5s;}
.toolbar .view-fix-top-bar{top: 0;}
.view-fix-top-bar-back{height: 20px;position: absolute;left: 10px;top: 20px;}
.view-fix-top-bar-title{font-size: 15px;color: #999999;letter-spacing: 0;padding-left: 30px;padding-right: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view-fix-top-bar-right{width: 84px;position: absolute;right: 0;top: 0;}
.view-fix-top-bar-right-logo{height: 24px;vertical-align: top;margin-top: 18px;margin-right: 10px;}

.view-fix-bottom-bar{height: 60px;background-color: rgba(11, 6, 0, 0.9);position: fixed;bottom: -60px;left: 0;width: 100%;z-index: 97;font-size: 0;transition: bottom 0.5s;-moz-transition: bottom 0.5s;-webkit-transition: bottom 0.5s;-o-transition: top 0.5s;}
.toolbar .view-fix-bottom-bar{bottom: 0;}
.view-fix-bottom-bar-item{width: 20%;text-align: center;display: inline-block;}
.view-fix-bottom-bar-logo{height: 24px;margin-top: 8px;}
.view-fix-bottom-bar-title{font-size: 12px;color: #999999;letter-spacing: 0;text-align: center;margin-top: 4px;}

.chapter-btn{display: block;height: 50px;line-height: 50px;text-align: center;background: #666666;font-size: 13px;color: #FFFFFF;letter-spacing: 0;}

.comment-noData{text-align: center;padding-top: 70px;padding-bottom: 50px;}
.comment-noData-img{width: 165px;}

.final-title{font-size: 20px;color: #252525;letter-spacing: 0;text-align: center;margin-top: 40px;}
.final-img{width: 80px;margin: 0 auto;margin-top: 110px;display: block;}
.final-subtitle{font-size: 13px;color: #666666;letter-spacing: 0;text-align: center;margin-top: 10px;line-height: 20px;}
.final-btn{font-size: 15px;color: #F8F8F9;background: #F7BB05;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;width: 235px;margin: 0 auto;margin-top: 40px;display: block;}
.final-tip{font-size: 13px;color: #252525;margin: 0 auto;margin-top: 30px;display: block;text-align: center;text-decoration: underline;}

.selector-update-top{height: 40px;line-height: 40px;border-bottom: 1px solid #F4F4F4;text-align: center;background-color: #fff;position: relative;font-size: 0;position: fixed;top: 46px;z-index: 99;width: 100%;}
.selector-update-top-item{font-size: 15px;color: #999999;letter-spacing: 0;position: relative;height: 40px;display: inline-block;width: 14.28%;}
.selector-update-top-item.active{color: #252525;}
.selector-update-top-item.active:after{content:"";background-color: #FD113A;border-radius: 2.5px;width: 25px;height: 5px;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -12.5px;}

.pagination{ right: 35%; bottom: 20px;position: fixed;}
.paginate-btn{opacity: 0.8;width: 60px;height: 25px;display: inline-block;line-height: 25px;text-align: center;top: 15px;right: 10px;background-color:white ;border-radius: 15px;font-size: 20px;color: black;box-shadow:1px 1px 3px #333333;}
.paginate-disabled-btn{opacity: 0.8;width: 60px;height: 25px;display: inline-block;line-height: 25px;text-align: center;top: 15px;right: 10px;background-color:darkgrey ;border-radius: 15px;font-size: 20px;color: #F8F8F9;}

.banner-bottom{z-index: 97;position: relative;}
.banner-bottom img{width: 100%;position: absolute;bottom: -1px;}
.index-bottom-ad{width: 60%;padding: 30px 20%;}

.manga-book-list{overflow: hidden;padding-bottom: 10px;}
.manga-book-list .swiper-slide{width: 90%;}
.manga-book-list-main{background: #F8F8F9;border: 1px solid #F4F4F4;padding: 10px 4px;overflow: hidden;font-size: 0;margin-left: 10px;}
.manga-book-list-main-cover{width: 33.33%;display: inline-block;}
.manga-book-list-main-cover-item{margin: 4px;padding: 3px;background-color: #fff;box-shadow: 0px 3px 12px #ddd;}
.manga-book-list-main-cover-item img{width: 100%;}
.manga-book-list-main-title{font-size: 14px;color: #252525;letter-spacing: 0;font-weight: bold;padding: 2px 10px;padding-top: 10px;}
.manga-book-list-main-subtitle{font-size: 13px;color: #999999;letter-spacing: 0;padding: 2px 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.desc-more{width: 20px;}

.warning-bar{overflow: hidden;padding-bottom: 70px;}

.download-cross2{position: absolute;width: 15px;top: 20px;right: 20px;}
.return-top{position: fixed;right: 10px;bottom: 60px;display: none;width: 53px;z-index: 99;}

.footer{margin-top: 15px;padding: 15px 15px;font-size: 14px;text-align: center;color: #666;}