/*全局样式*/
.top-padding{padding-top: 46px;}
.browse-top-padding{padding-top: 196px;}
.update-top-padding{padding-top: 105px;}
.rank-top-padding{padding-top: 85px;}
.index-top-padding{padding-top: 17.2%;}
.detail-bottom-padding{padding-bottom: 50px;}
.edit-bottom-padding{padding-bottom: 50px;}
.gary-bg{background-color: #f7f7f7;}
.white-bg{background-color: #fff;}
.black-bg{background-color: #000;}
.mask{position: fixed;width: 100%;height: 100%;background-color: #000;top: 0;left: 0;opacity: 0.75;z-index: 98;display: none;}

/*提示样式*/
.toast-win{position: fixed;padding: 20px;font-size: 12px;color: #fff;background-color: rgba(0,0,0,0.7);width: 200px;top: 40%;left: 50%;margin-left: -120px;text-align: center;border-radius: 10px;z-index: 9999;}

/*顶部栏*/
.normal-top-bar{font-size: 0;border-bottom: 1px solid #ebebeb;background-color: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 9;}
.normal-top-bar.search-top{background-color: #17B4E6;border-bottom: none;height: 45px;}
.normal-top-bar-title{height: 45px;line-height: 45px;font-size: 18px;color: #2F2F2F;letter-spacing: 0;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 40px;}
.normal-top-bar-title-left{height: 45px;line-height: 45px;font-size: 18px;color: #2F2F2F;letter-spacing: 0;text-align: left;font-weight: bold;padding-left: 30px;}
.normal-top-bar-back{position: absolute;left: 10px;top: 13px;height: 20px;}
.normal-top-bar-right{font-size: 14px;color: #17B4E6;letter-spacing: 0;position: absolute;right: 10px;top: 13px;}
.normal-top-bar-right-2{font-size: 14px;color: #17B4E6;letter-spacing: 0;position: absolute;right: 60px;top: 13px;}
.normal-top-bar.search-top .normal-top-bar-right{color: #fff;}
.normal-top-bar-input{height: 30px;line-height: 30px;border: none;outline: none;background-color: #fff;border-radius: 15px;padding: 0 40px;margin: 7px auto;display: block;width: 40%;position: relative;}
.normal-top-bar-input input{height: 30px;line-height: 30px;border: none;outline: none;background-color: #fff;width: 100%;}
.normal-top-bar-input .input-cross-logo{position: absolute;top: 8px;right: 10px;width: 15px;}
.normal-top-bar-input .input-search-logo{position: absolute;top: 9px;left: 10px;width: 14px;}

/*阅读页顶部栏*/
.toolhide .read-top-bar{top: -45px;}
.read-top-bar{font-size: 0;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;width: 100%;z-index: 9;transition: top 0.5s;-moz-transition: top 0.5s;-webkit-transition: top 0.5s;-o-transition: top 0.5s;}
.read-top-bar-title{height: 45px;line-height: 45px;font-size: 15px;color: #C9C9C9;letter-spacing: 0;text-align: left;padding-left: 35px;padding-right: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.read-top-logo-1{position: absolute;width: 22px;top: 12px;right: 62px;}
.read-top-logo-2{position: absolute;width: 22px;top: 11px;right: 20px;}

/*首页顶部栏*/
.index-top-bar{height: 45px;background-color: #fff;position: relative;}
.index-top-bar-logo{position: absolute;height: 31px;top: 7px;left: 20px;}
.index-top-bar-avatar{height: 25px;position: absolute;top: 10px;right: 20px;}
.index-top-bar-old{height: 23px;position: absolute;top: 12px;right: 60px;}

/*首页搜索栏*/
.index-search-bar{height: 40px;background-color: #17B4E6;position: relative;}
.index-search-bar-input{margin-top: 5px;height: 30px;border: none;line-height: 30px;outline: none;width: 70%;margin-left: 5%;text-align: center;padding: 0 10%;border-radius: 15px;}
.index-search-logo{position: absolute;top: 13px;height: 14px;left: 10%;}

/*登录注册*/
.input-group{margin-top: 10px;}
.input-group-item{margin-top: 1px;display: block;height: 50px;line-height: 50px;border: none;background-color: #fff;width: 90%;padding: 0 5%;outline: none;font-size: 16px;color: #2F2F2F;letter-spacing: 0;}
.input-group-item::-webkit-input-placeholder{font-size: 16px;color: #C9C9C9;letter-spacing: 0;}
.input-btn{height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #17b4e6;display: block;width: 90%;margin: 0 auto;margin-top: 10px;}
.input-btn.mt40{margin-top: 40px;}
.input-btn.disable{background-color: #e5e5e5;}
.font-tip-gary{font-size: 13px;color: #A6A6A6;letter-spacing: 0;padding: 0 5%;margin-top: 10px;}
.font-tip-gary a{text-decoration: underline;font-size: 13px;color: #A6A6A6;letter-spacing: 0;line-height: 18px;}
.bottom-tip-btn{font-size: 13px;color: #FF4223;letter-spacing: 0;text-align: center;text-decoration: underline;display: block;margin: 10px auto;margin-top: 15px;width: fit-content;}
.bottom-tip-btn.mt100{margin-top: 100px;}
.input-tip-gary{font-size: 15px;color: #5F5F5F;letter-spacing: 0;padding: 0 5%;margin-top: 20px;}
.input-tip-gary.center{text-align: center;}
.input-tip-gary-blue{color: #17b4e6;}
.input-checkbox-line{margin-top: 10px;padding: 0 5%;}
.input-checkbox-line input{position: relative;top: 6px;vertical-align: top;}
.input-checkbox-line label{font-size: 13px;color: #5F5F5F;letter-spacing: 0;}
.facebook-login{margin-top: 20px;width: 100%;}

/*悬浮推广*/
.get-manga-read-app{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background-color: rgba(0,0,0,0.8);}
.get-manga-read-app-img{width: 84%;position: absolute;top: 0;left: 8%;margin-top: 17.6%;}
.get-manga-read-app-cross{position: absolute;padding-top: 9%;width: 9%;top: 0;left: 75%;margin-top: 23%;}

/*首页悬浮*/
.index-top-fix{position: fixed;top: 0;left: 0;width: 100%;font-size: 0;z-index: 10;}
.index-top-fix img{width: 100%;}
.index-top-fix-cross{position: absolute;padding-top: 7%;left: 5%;width: 7%;margin-top: 5%;}

/*首页轮播栏*/
.index-banner-bar{font-size: 0;position: relative;}
.index-banner-bar img{width: 100%;}
.index-banner-bar .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.index-banner-bar .swiper-pagination-bullet-active{background-color: #17B4E6;width: 16px;border-radius: 4px;}
.index-banner-bar .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10%;}
.index-banner-hover{position: absolute;bottom: -1px;left: 0;width: 100%;z-index: 9;}

/*首页*/
.index-option-bar{padding: 0 10px;padding-top: 8px;font-size: 0;background-color: #fff;padding-bottom: 15px;border-bottom: 1px solid #EBEBEB;}
.index-option-bar-item{width: 25%;display: inline-block;text-align: center;}
.index-option-bar-item img{width: 45%;}
.index-option-bar-item p{font-size: 11px;color: #5F5F5F;letter-spacing: 0;text-align: center;margin-top: 8px;}
.fix-top{width: 13%;position: fixed;bottom: 10px;right: 10px;z-index: 11;}
.index-bottom{font-size: 0;display: block;margin-top: 10px;}
.index-bottom.mt80{margin-top: 80px;}
.index-bottom.fix{position: fixed;width: 100%;left: 0;bottom: 0;}
.index-bottom img{width: 100%;}

/*漫画列表*/
.manga-list{margin-top: 10px;border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;background-color: #fff;}
.manga-list-title{height: 55px;line-height: 55px;padding: 0 10px;position: relative;font-size: 18px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.manga-list-more{position: absolute;right: 0px;padding: 10px;top: 6.5px;height: 22px;}
.star-logo{width: 11px;margin-left: 1px;}

/*漫画列表2*/
.manga-list-2{font-size:0;padding: 0 5px;overflow: hidden;}
.manga-list-2.pt10{padding-top: 10px;}
.manga-list-2 .swiper-slide{width: 95%;}
.manga-list-2 li{width: 31.33%;display: inline-block;margin: 0 1%;margin-top: 15px;}
.manga-list-2-cover{position: relative;font-size: 0;border-radius: 5px;overflow: hidden;}
.manga-list-2-cover a{display: block;position: relative;}
.manga-list-2-cover-img{width: 100%;}
.manga-list-2-cover-edit{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);background-image: url(../images/cover-edit-1.png);background-size: 26px 26px;background-position: right 5px top 5px;top: 0;left: 0;background-repeat: no-repeat;}
.manga-list-2-cover-edit.active{background-image: url(../images/cover-edit-2.png);}
.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);}
.manga-list-2-cover-bottom{bottom: 0;left: 0;position: absolute;height: 25px;width: 90%;background-color: rgba(0,0,0,0.5);line-height: 25px;padding: 0 5%;font-size: 13px;color: #FFFFFF;letter-spacing: 0;}
.manga-list-2-title{font-size: 13px;color: #222;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px;font-weight: bold;}
.manga-list-2-title a{font-size: 13px;color: #222;letter-spacing: 0;font-weight: bold;}
.manga-list-2-tip{font-size: 0;color: #2F2F2F;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 2px;padding-bottom: 10px;}
.manga-list-2-tip span{font-size: 13px;color: #2F2F2F;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 5px;}
.manga-list-2-small{font-size: 11px;color: #5F5F5F;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 3px;}

/*排行榜*/
.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: 60%;}
.rank-list li{border-bottom: 1px dashed #F4F4F4;position: relative;overflow: hidden;height: 110px;margin: 0 10px;}
.rank-list-cover{position: absolute;top: 10px;left: 0px;width: 81px;height: 100px;overflow: hidden;border-radius: 5px;}
.rank-list-cover-img{width: 81px;border-radius: 5px;}
.rank-list-info{padding-left: 115px;overflow: hidden;margin-top: 10px;padding-bottom: 10px;}
.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: 15px;}
.rank-list-info-right-title{font-size: 13px;color: #222;letter-spacing: 0;margin-top: 6px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank-list-info-right-subtitle{font-size: 12px;color: #A6A6A6;letter-spacing: 0;margin-top: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank-list-info-right-tip{margin-top: 18px;font-size: 13px;color: #2F2F2F;letter-spacing: 0;}
.rank-logo{position: absolute;top: 0;left: 0;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 16px;color: #FFFFFF;letter-spacing: 0;background: #A6A6A6;border-top-left-radius: 5px;}
.rank-logo-1{background: #FF2C2C;}
.rank-logo-2{background: #FFB328;}
.rank-logo-3{background: #FFD628;}

.manga-list-title-right{height: 25px;line-height: 25px;float: right;font-size: 0;margin-top: 14px;}
.manga-list-title-right-item{font-size: 11px;color: #A6A6A6;letter-spacing: 0;text-align: center;width: 50px;border: 1px solid #D0D0D0;display: inline-block;font-weight: normal;border-radius: 25px;margin-left: 5px;}
.manga-list-title-right-item.active{color: #17B4E6;border-radius: 25px;border: 1px solid #17B4E6;}

/*专题列表*/
.topic-list{padding: 0 10px;font-size: 0;}
.topic-list.mt10{margin-top: 10px;}
.topic-list img{width: 100%;margin-bottom: 10px;border-radius: 5px;}

/*新闻列表*/
.book-list{font-size: 0;overflow: hidden;}
.book-list li{border-top: 1px solid #F4F4F4;min-height: 126px;padding: 10px;overflow: hidden;position: relative;background-color: #fff;}
.book-list li.nopic{min-height: 0;}
.book-list-cover{height: 126px;width: 81px;float: left;position: absolute;}
.book-list-cover img{width: 100%;border-radius: 5px;}
.book-list-info{padding-left: 97px;}
li.nopic .book-list-info{padding-left: 0;}
.book-list-info-title{font-size: 13px;color: #222;letter-spacing: 0;font-weight: bold;margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.book-list-info-desc{font-size: 12px;color: #A6A6A6;letter-spacing: 0;margin-top: 3px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 60px;}
.news-main{padding: 10px;padding-top: 0;}
.news-main img{width: 100%;}
.news-main-title{font-size: 13px;color: #222;letter-spacing: 0;font-weight: bold;margin-top: 5px;}
.news-main-subtitle{font-size: 12px;color: #A6A6A6;letter-spacing: 0;margin-top: 3px;}

/*首页弹窗*/
.index-bottom-win{width: 86%;position: fixed;z-index: 12;bottom: 40px;left: 7%;}
.index-bottom-win-img{width: 100%;}
.index-bottom-win-btn-1{position: absolute;bottom: 17%;width: 78%;left: 11%;padding-top: 15.5%;}
.index-bottom-win-btn-2{position: absolute;bottom: 5%;width: 60%;left: 20%;padding-top: 9%;}

/*详情页*/
.detail-top-bar{height: 190px;overflow: hidden;position: relative;}
.detail-top-bar-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-top-bar-bg-color{position: absolute;width: 100%;top: 0;left: 0;background-color: #000;opacity: 0.2;height: 100%;}
.detail-top-bar-cover{height: 140px;position: absolute;bottom: 0;left: 20px;}
.detail-top-bar-cover img{height: 100%;}
.detail-top-bar-back{position: absolute;height: 24px;top: 13px;left: 10px;}
.detail-top-bar-share{position: absolute;height: 24px;top: 13px;right: 10px;}
.detail-top-bar-info{position: absolute;top: 50px;left: 135px;}
.detail-top-bar-info-title{font-size: 20px;color: #FFFFFF;letter-spacing: 0;font-weight: bold;}
.detail-top-bar-info-star{margin-top: 15px;}
.detail-top-bar-info-star .star-logo{width: 13px;}
.detail-top-bar-info-star span{font-size: 17px;color: #FFFFFF;letter-spacing: 0;margin-left: 10px;}
.detail-top-bar-info-update{font-size: 13px;color: #FFFFFF;letter-spacing: 0;margin-top: 30px;}

.detail-tag-bar{margin: 0 10px;border-bottom: 1px solid #EBEBEB;line-height: 30px;padding: 12px 0;}
.detail-tag-bar span{font-size: 14px;color: #5F5F5F;letter-spacing: 0;}
.detail-tag-bar a{font-size: 12px;color: #2F2F2F;letter-spacing: 0;border: 1px solid #D8D8D8;border-radius: 6px;padding: 2px 6px;white-space: nowrap;}

.detail-author-bar{margin: 0 10px;height: 55px;border-bottom: 1px solid #EBEBEB;line-height: 55px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-author-bar span{font-size: 14px;color: #5F5F5F;letter-spacing: 0;}
.detail-author-bar a{font-size: 14px;color: #FF9E3F;letter-spacing: 0;text-decoration: underline;}

.detail-text-bar{margin: 0 10px;padding: 15px 0;}
.detail-text-bar p{font-size: 14px;color: #5F5F5F;letter-spacing: 0;}
.detail-text-bar a{font-size: 14px;color: #2893FF;letter-spacing: 0;}

.detail-bottom-bar{position: fixed;width: 100%;bottom: 0;left: 0;height: 50px;background-color: #F9F9F9;border-top: 1px solid #EBEBEB;z-index: 9;}
.detail-bottom-bar-logo-1{padding: 14px;position: absolute;top: 0;left: 15px;width: 22px;}
.detail-bottom-bar-logo-2{padding: 14px;position: absolute;top: 0;left: 65px;width: 22px;}
.detail-bottom-bar-right{margin-left: 130px;height: 50px;line-height: 50px;background-color: #FF9E3F;font-size: 18px;color: #FFFFFF;letter-spacing: 0.29px;text-align: center;display: block;}
.detail-bottom-bar-center{height: 50px;line-height: 50px;background-color: #FF9E3F;font-size: 18px;color: #FFFFFF;letter-spacing: 0.29px;text-align: center;display: block;}

.detail-select-bar{height: 40px;line-height: 40px;text-align: center;}
.detail-select-bar a{font-size: 15px;color: #2F2F2F;letter-spacing: 0;text-align: center;font-weight: bold;position: relative;padding: 0 10px;display: inline-block;}
.detail-select-bar a.active{color: #17B4E6;}
.detail-select-bar a em{display: none;position: absolute;width: 100%;height: 4px;border-radius: 2px;background-color: #17B4E6;bottom: 0;left: 0;}
.detail-select-bar a.active em{display: block;}

.detail-chapters-bar{padding: 10px 10px 0 10px;height: 50px;line-height: 50px;background-color: #fff;}
.detail-chapters-bar a{font-size: 15px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-right: 10px;}
.detail-chapters-bar a span{font-size: 11px;color: #A6A6A6;letter-spacing: 0;text-align: center;}
.detail-chapters-bar a.active{color: #17B4E6;}
.detail-chapters-bar  .detail-chapters-bar-order{font-size: 14px;color: #5F5F5F;letter-spacing: 0;text-align: center;font-weight: normal;padding-right: 20px;float: right;}
.order-1{background-image: url(../images/detail-order-1.png);background-repeat: no-repeat;background-size: 15px 15px;background-position: right 17px;}
.order-2{background-image: url(../images/detail-order-2.png);background-repeat: no-repeat;background-size: 15px 15px;background-position: right 17px;}

.detail-chapters-list{text-align: left;font-size: 0;background-color: #fff;}
.detail-chapters-list a{width: 30%;display: inline-block;font-size: 14px;color: #222222;letter-spacing: 0;text-align: center;line-height: 20px;height: 60px;line-height: 60px;margin: 5px 1.5%;background-color: #F7F7F7;border-radius: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-chapters-list a.new{background-image: url(../images/new.png);background-repeat: no-repeat;background-size: 25px 10px;background-position: right 5px top 5px;}

.detail-more-con{background-color: #fff;padding: 10px 0;}
.detail-more-btn{height: 40px;line-height: 20px;text-align: center;background-image: url(../images/detail-more-btn.png);background-repeat: no-repeat;background-size: 15px 9px;font-size: 14px;color: #5F5F5F;letter-spacing: 0;width: 100px;display: block;margin: 0px auto;background-position: 42.5px 25px;}

/*详情页评论*/
.detail-list-comment{overflow: hidden;background-color: #fff;border-bottom: 1px solid #f4f4f4;}
.detail-list-comment li{position: relative;padding-top: 14px;padding-bottom: 10px;border-top: 1px solid #f4f4f4;margin: 0 10px;}
.detail-list-comment-cover{position: absolute;top: 14px;left: 0px;}
.detail-list-comment-cover img{width: 40px;height: 40px;border-radius: 50%;}
.detail-list-comment-info{padding-left: 55px;}
.detail-list-comment-title{font-size: 13px;color: #2F2F2F;letter-spacing: 0;}
.detail-list-comment-subtitle{font-size: 12px;color: #A6A6A6;letter-spacing: 0;margin-top: 5px;}
.detail-list-comment-content{font-size: 13px;color: #5F5F5F;margin-top: 5px;}
.detail-list-comment-right{float: right;font-size: 13px;color: #999999;margin-right: 0px;background-image: url(../images/detail-list-comment-right.png);background-repeat: no-repeat;background-size: contain;padding-left: 18px;background-size: 15px 15px;}
.detail-list-comment-right.active{color: #17B4E6;background-image: url(../images/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: #f7f7f7;border-radius: 2px;margin-top: 10px;}
.detail-list-comment-sublist li{border-top: 1px solid #eee;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: #5F5F5F;}
.detail-list-comment-sublist-content span{color: #A6A6A6;}

/*评论弹窗*/
.win-comment{position: fixed;width: 360px;top: 50%;left: 50%;margin-left: -150px;margin-top: -130px;background-color: #fff;border-radius: 2px;z-index: 99;text-align: center;display: none;}
.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;}
.win-comment-btn{display: block;margin: 20px auto;height: 50px;line-height: 50px;width: 90%;text-align: center;font-size: 15px;color: #FFFFFF;letter-spacing: 0;background: #17B4E6;border-radius: 2px;}
.win-comment-btn.disable{background: #cccccc;}

/*详情页弹窗*/
.detail-bottom-win{width: 86%;position: fixed;z-index: 12;bottom: 40px;left: 7%;}
.detail-bottom-win-img{width: 100%;}
.detail-bottom-win-btn-1{position: absolute;bottom: 26%;width: 78%;left: 11%;padding-top: 15.5%;}
.detail-bottom-win-btn-2{position: absolute;bottom: 8%;width: 60%;left: 20%;padding-top: 9%;}

/*分类页面*/
.browse-select-bar{overflow: hidden;height: 48px;line-height: 48px;border-bottom: 1px solid #f7f7f7;}
.browse-select-bar .swiper-slide{display: inline-block;width: auto;}
.browse-select-bar a{margin: 0 10px;font-size: 14px;color: #2F2F2F;letter-spacing: 0;position: relative;}
.browse-select-bar a.active{color: #17B4E6;}
.browse-select-bar a em{position: absolute;width: 100%;height: 4px;border-radius: 2px;background-color: #17B4E6;display: none;left: 0;bottom: 0;}
.browse-select-bar a.active em{display: block;}

.browse-fix-bar{position: fixed;width: 100%;top: 46px;left: 0;z-index: 9;background-color: #fff;}
.browse-search-logo{position: absolute;right: 10px;top: 13px;width: 20px;}
.bookshelf-logo{position: absolute;right: 10px;top: 12px;width: 22px;}

.browse-title{font-size: 15px;color: #5F5F5F;letter-spacing: 0;padding: 0 10px;height: 50px;line-height: 50px;}
.browse-title span{color: #000000;font-weight: bold;}
.browse-status-list{padding: 0 5px;font-size: 0;text-align: center;}
.browse-status-list img{width: 48%;margin: 3px 1%;}

.browse-class-list{font-size: 0;text-align: left;padding:0 1%;}
.browse-class-item{width: 30%;margin: 3px 1.6%;display: inline-block;}
.browse-class-item img{width: 100%;}
.browse-class-item p{font-size: 13px;color: #2F2F2F;letter-spacing: 0;margin-top: 2px;padding-bottom: 2px;}

/*个人页面*/
.center-main{height: 100px;background-image: url(../images/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-top: 16px;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: 20px;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: 40px;height: 32px;line-height: 32px;width: 70px;font-size: 13px;color: #2F2F2F;letter-spacing: 0;background-color: #fff;text-align: center;border-radius: 5px;}
.center-main-list{margin-top: 10px;}
.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-input-bar{height: 50px;margin-top: 10px;line-height: 50px;background-color: #fff;position: relative;}
.center-input-bar.line{margin-top: 1px;}
.center-input-bar-left{font-size: 14px;color: #5F5F5F;letter-spacing: 0;line-height: 20px;position: absolute;top: 15px;left: 15px;}
.center-input-bar-right{padding-left: 145px;padding-right: 15px;}
.center-input-bar-right input{width: 100%;border: none;outline: none;text-align: right;}
.center-input-bar-right input::-webkit-input-placeholder{font-size: 12px;color: #C9C9C9;letter-spacing: 0;text-align: right;}
.center-input-bar-right span{font-size: 16px;color: #2F2F2F;letter-spacing: 0;}
.center-edit{width: 13px;position: absolute;right: 15px;top: 18px;}

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

.no-data-logo{width: 124px;display: block;margin: 0 auto;margin-top: 107px;margin-bottom: 60px;}
.keywords-bar{padding: 0 10px;font-size: 0;}
.keywords-bar a{background-color: #E7E7E7;border-radius: 6px;font-size: 13px;color: #5F5F5F;letter-spacing: 0;text-align: center;height: 35px;line-height: 35px;padding: 0 15px;display: inline-block;margin-bottom: 10px;margin-right: 15px;}
.keywords-bar a.active{background-color: #FFCBC2;color: #FF4223;}

/*阅读页*/
.read-img-bar{font-size: 0;}
.read-img-bar img{width: 100%;}
.read-img-bar img.loading{width: 20%;display: block;margin: 150px auto;}
.toolhide .read-bottom-bar{}
.read-bottom-bar{width: 100%;height: 60px;font-size: 0;background-color: rgba(0,0,0,0.8);transition: bottom 0.5s;-moz-transition: bottom 0.5s;-webkit-transition: bottom 0.5s;-o-transition: bottom 0.5s;z-index: 9;}
.read-bottom-bar-menu{text-align: center;height: 60px;width: 16%;display: inline-block;background-color: rgba(23,180,230,0.5);}
.read-bottom-bar-menu img{width: 15px;}
.read-bottom-bar-menu p{font-size: 10px;color: #C9C9C9;letter-spacing: 0;margin-top: 5px;}
.read-bottom-bar-block{text-align: center;height: 60px;width: 21%;display: inline-block;}
.read-bottom-bar-block p{font-size: 10px;color: #C9C9C9;letter-spacing: 0;margin-top: 5px;}
.read-bottom-bar-block img{width: 15px;}
.read-bottom-bar-con{margin-top: 14px;}
.read-bottom-bar-con.border{border-left: 1px solid #c9c9c9;}
.read-chapter-list{padding: 1%;font-size: 0;}
.read-chapter-list a{margin: 1.6%;display: inline-block;width: 30%;height: 58px;line-height: 58px;font-size: 14px;color: #222222;letter-spacing: 0;text-align: center;background-color: #f7f7f7;}
.read-chapter-list a.active{color: #17B4E6;}

.read-chapter-list-left{width: 90%;height: 100%;z-index: 8;position: fixed;top: 0;left: 0;}
.read-chapter-list-left-con{margin-top: 45px;background-color: rgba(0,0,0,0.95);height: 100%;font-size: 0;overflow-y: auto;}
.read-chapter-list-left-con a{margin: 1.3%;display: inline-block;width: 30%;height: 50px;line-height: 50px;font-size: 14px;color: #fff;letter-spacing: 0;text-align: center;border: 1px solid #fff;border-radius: 2px;margin-bottom: 0;margin-top: 10px;}
.read-chapter-list-left-con a.active{color: #17B4E6;border: 1px solid #17B4E6;}
.read-chapter-list-left-con a:last-child{margin-bottom: 60px;}

.read-bottom-win{position: fixed;width: 100%;left: 0;bottom: 0;background-color: #fff;z-index: 99;display: none;}
.read-bottom-win-title{font-size: 15px;color: #5F5F5F;letter-spacing: 0;text-align: center;margin-top: 20px;}
.read-bottom-win-btn{width: 275px;height: 50px;line-height: 50px;color: #fff;font-size: 15px;letter-spacing: 0;text-align: center;background-color: #17b4e6;display: block;margin: 10px auto;margin-bottom: 20px;}
.read-bottom-win-exchange{float: right;font-size: 14px;color: #5F5F5F;letter-spacing: 0;padding-left: 20px;background-image: url(../images/read-bottom-win-exchange.png);background-size: 16px 16px;background-position: 0 17px;background-repeat: no-repeat;}

.update-select-bar{height: 58px;position: fixed;width: 100%;left: 0;top: 46px;font-size: 0;background-color: #fff;overflow-x: auto;white-space: nowrap;border-bottom: 1px solid #ebebeb;z-index: 9;}
.update-select-bar a{display: inline-block;width: 28%;height: 58px;text-align: center;}
.update-select-bar a.active .update-select-bar-title{color: #17B4E6;}
.update-select-bar a.active .update-select-bar-subtitle{color: #17B4E6;}
.update-select-bar-title{font-size: 14px;color: #2F2F2F;letter-spacing: 0;margin-top: 10px;}
.update-select-bar-subtitle{font-size: 11px;color: #5F5F5F;letter-spacing: 0;margin-top: 2px;}
.update-count-tip{font-size: 13px;color: #5F5F5F;letter-spacing: 0;height: 45px;line-height: 45px;text-align: center;}

.rank-select-bar{height: 38px;position: fixed;width: 100%;left: 0;top: 46px;font-size: 0;background-color: #fff;border-bottom: 1px solid #ebebeb;z-index: 9;text-align: center;}
.rank-select-bar a{display: inline-block;width: 25%;height: 38px;text-align: center;position: relative;}
.rank-select-bar-title{font-size: 14px;color: #2F2F2F;letter-spacing: 0;margin-top: 9px;}
.rank-select-bar a.active .rank-select-bar-title{color: #17B4E6;}
.rank-select-bar a em{display: none;position: absolute;width: 70%;height: 4px;border-radius: 2px;background-color: #17B4E6;bottom: 0;left: 15%;}
.rank-select-bar a.active em{display: block;}

.bookShelf-bottom-delete{height: 50px;line-height: 50px;position: fixed;left: 0;bottom: 0;width: 100%;text-align: center;font-size: 17px;color: #FFFFFF;letter-spacing: 0;background-color: #FF2C2C;}
.bookShelf-bottom-delete.disable{background-color: #E7E7E7;}
.bookShelf-bottom-delete span{font-size: 13px;}

/*404*/
.main-404{text-align: center;}
.main-404-img{width: 130px;margin-top: 100px;}
.main-404-btn{width: 200px;height: 50px;line-height: 50px;text-align: center;background: #17b5e5;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;}

.spoiler-list{padding: 0 10px;background-color: #fff;}
.spoiler-list a{height: 50px;line-height: 50px;padding-left: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 17px;color: #222222;letter-spacing: 0;display: block;border-bottom: 1px solid #ebebeb;}
.spoiler-list a.active{color: #17B4E6;background-image: url(../images/choose.png);background-size: 15px 11px;background-position: 12px 20px;background-repeat: no-repeat;}

.news-detail{padding: 0 10px;background-color: #fff;}
.news-detail-title{font-size: 16px;color: #2F2F2F;letter-spacing: 0;line-height: 20px;padding: 10px 0;border-bottom: 1px solid #ebebeb;}
.news-detail-subtitle{font-size: 11px;color: #A6A6A6;letter-spacing: 0;padding: 8px 0;}
.news-detail-content{font-size: 14px;color: #2F2F2F;letter-spacing: 0;margin-top: 25px;line-height: 18px;}

.news-main-list{padding: 0 10px;}
.news-main-list .news-main{padding: 10px 0;border-bottom: 1px solid #EBEBEB;}

/*意见反馈*/
.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%;}

.manga-list-2-cover-lock{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.7);text-align: center;padding-top: 60px;}
.manga-list-2-cover-lock img{width: 18px;}

.detail-list-comment-no-data{width: 124px;display: block;margin: 40px auto;}
.detail-top-bar-feedback{position: absolute;height: 24px;top: 14px;right: 50px;}

/*屏蔽样式*/
.block-bottom-fix{position: fixed;width: 100%;bottom: 0;left: 0;z-index: 99;font-size: 0;}
.block-bottom-fix img{width: 100%;}
.block-bottom-fix-a-1{position: absolute;bottom: 7%;width: 87%;left: 6.5%;padding-top: 13%;}
.block-bottom-fix-a-2{position: absolute;bottom: 22%;width: 87%;left: 6.5%;padding-top: 13%;}
.block-bottom-fix-a-3{position: absolute;bottom: 5.5%;width: 87%;left: 6.5%;padding-top: 13%;}