body, h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dt, dd, h1 {margin:0;padding: 0;}
html,body {color: #333;font:1.6rem 'microsoft yahei';min-height:100%;}
input, textarea {font-size:1.2rem;}
li {list-style:none;}
img {border:none;margin:0;padding:0;}
a {color:#333; text-decoration:none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
.container{padding-left: 1rem;padding-right: 1rem;}
.default-color{color:#ff620e}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* 清楚滚动条 */
.hide-scrollbars::-webkit-scrollbar { width: 0 !important }
.hide-scrollbars { -ms-overflow-style: none; }
.hide-scrollbars { overflow: -moz-scrollbars-none; }
/* 清除浮动 */
.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix {zoom: 1; /*为了兼容IE*/}
.clear-both{clear: both;}
/* 盒子模型[挪到了public文件夹，放这里打包的时候会屏蔽掉一些兼容样式] */
.flex {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;}
.flex-ac {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-moz-align-items: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-bt {-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-jc {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-moz-justify-content: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.flex-ajc {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-moz-justify-content: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-moz-align-items: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-col {-moz-flex-direction: column;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;}
.flex-1 {-moz-flex-grow: 1;-webkit-box-flex: 1;-webkit-flex: 1;flex-grow: 1;flex: 1;}
.flex-2 {-moz-flex-grow: 2;-webkit-box-flex: 2;-webkit-flex: 2;flex-grow: 2;flex: 2;}
.flex-3 {-moz-flex-grow: 3;-webkit-box-flex: 3;-webkit-flex: 3;flex-grow: 3;flex: 3;}

/* 一行点点点 */
.line-clamp {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.line-clamp-1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-5 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: normal}
.line-clamp-6 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: normal;}

/* 图片背景样式 - 放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来 */
.aspect-fill {overflow: hidden;background-position: center center !important;background-repeat: no-repeat !important;-webkit-background-size: cover !important;-moz-background-size: cover !important;background-size: cover !important;}

/* 强制样式 */
.none {display: none !important;}
/* 位置样式 */
.fl {float: left;}
.he {height: 100%;}
.wi {width: 100%;}
.block {display: block;}
.fr {float: right;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.curpin {cursor: pointer}
.font-weight{font-weight: bold;}
.h30 {height: 3rem;}
.mr10{margin-right: 1rem !important;}
.mr20{margin-right: 2rem !important;}
.mr15{margin-right: 1.5rem !important;}
.mr30{margin-right: 3rem !important;}
.ml10{margin-left: 1rem !important;}
.ml15{margin-left: 1.5rem !important;}
.mt10{margin-top: 1rem !important;}
.mt20{margin-top: 2rem !important;}
.mt30{margin-top: 3rem !important;}
.mb10{margin-bottom: 1rem;}
.mb20{margin-bottom: 2rem;}
.mb30{margin-bottom: 3rem;}
.border {border: 1px solid red;}

.global-bgco{background-color: #F5F5EE;}
.global-pad{padding-left: 1.6rem;padding-right: 1.6rem;}
.top-header-bar{margin-top: 5rem;}
/* 顶部样式 */
.header-top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: fixed;z-index: 149;top: 0;left: 0;width: 100%;height: 5rem;background-color: #ffffff;}
.header-top .logo {height: 3rem;margin-left: 1.5rem;}
.header-top .logo img {height: 3rem;}
.header-top .title {height: 2.2rem;line-height: 2.2rem;font-size: 1.8rem;color: #333;}
.header-top .btn-top {padding: 0.75rem 1.5rem;}
.header-top .btn-top.back::after {content: '';display: block;background: url(/style/sc_img_default.png) no-repeat -25.1rem -4.15rem;background-size: 27.1rem 9.75rem;width: 1.15rem;height: 2.15rem;background-repeat: no-repeat;}
.header-top .top-header-btn {height: 3.9rem;width: 3.9rem;margin-right: 0.75rem;padding: 0.75rem;}
.header-top .top-header-btn::after {content: '';display: block;background: url(/style/sc_img_default.png) no-repeat -13.5rem -4.15rem;background-size: 27.1rem 9.75rem;width: 2.4rem;height: 2.4rem;background-repeat: no-repeat;}
.header-top .top-header-btn.menu::after {background: url(/style/sc_img_default.png) no-repeat -16.4rem -4.15rem;background-size: 27.1rem 9.75rem;}
.right-header-nav {position: fixed;z-index: 150;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: none;}
.right-header-nav.show {display: block;}
.right-header-nav .header-menu-mask {position: absolute;z-index: 151;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);opacity: 0;display: none;}
.right-header-nav.show .header-menu-mask {opacity: 1;display: block;}
.right-header-nav .header-menu {position: absolute;right: 0;top: 0;width: 30%;bottom: 0;z-index: 152;background-color: #fff;padding-bottom: 1.5rem;text-align: center;}
.right-header-nav.show .header-menu {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.right-header-nav .header-menu .header-menu-uls {font-size: 0;padding-top: 1rem;padding-bottom: 0.4rem;}

.right-header-nav .header-menu .header-menu-uls .link {padding: 1.5rem;border-radius: 0.2rem;display: inline-flex;flex-direction: column;margin: 0 1rem;}
.right-header-nav .header-menu .header-menu-uls .title {display: block;margin-top: 0.6rem;line-height: 1.6rem;font-size: 1.2rem;color: #969696;font-style: inherit;}
.right-header-nav .header-menu .header-menu-uls .item:nth-child(3n) {margin-right: 0;}
.right-header-nav .header-menu .menu-home {display: block;text-indent: -2500rem;font-size: 0;margin: 0 auto;width: 27.1rem;height: 3.65rem;background: url(/style/sc_img_default.png) no-repeat 0rem 0rem;background-size: 13.55rem 4.875rem;background-repeat: no-repeat;}
.right-header-nav .header-menu .header-menu-uls .icon {width: 2.4rem;height: 2.4rem;background-repeat: no-repeat;display: block;}
.right-header-nav .header-menu .header-menu-uls .icon.index {background: url(/style/sc_img_default.png) no-repeat -8.7rem -7.35rem;background-size: 27.1rem 9.75rem;width: 2.2rem;height: 2.25rem;}
.right-header-nav .header-menu .header-menu-uls .icon.category {background: url(/style/sc_img_default.png) no-repeat 0rem -7.35rem;background-size: 27.1rem 9.75rem;}
.right-header-nav .header-menu .header-menu-uls .icon.rank {background: url(/style/sc_img_default.png) no-repeat -2.9rem -7.35rem;background-size: 27.1rem 9.75rem;}
.right-header-nav .header-menu .header-menu-uls .icon.collect {background: url(/style/sc_img_default.png) no-repeat -19.3rem -4.15rem;background-size: 27.1rem 9.75rem;}
.right-header-nav .header-menu .header-menu-uls .icon.history {background: url(/style/sc_img_default.png) no-repeat -22.2rem -4.15rem;background-size: 27.1rem 9.75rem;}
.right-header-nav .header-menu .header-menu-uls .icon.feedback {background: url(/style/sc_img_default.png) no-repeat -5.8rem -7.35rem;background-size: 27.1rem 9.75rem;}

/* 首页banner和导航（保留） */
.index-swiper {width: 100% !important;}
.index-swiper .swiper-pagination{bottom:2rem !important;}
.index-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.index-swiper .swiper-pagination-bullet{background-color: #D9D9D9;opacity:1;}
.index-swiper .swiper-pagination-bullet-active{background-color: #FD113A;}

/* 首页热门推荐卡片 */
.block-box-title{display: block;line-height: 4.5rem;font-size: 1.6rem;color: #333;height: 4.6rem;}
.block-box-comic .index-recommend,.block-box-comic .comic-item{width: 31%;margin-right: 3%;margin-bottom: 1rem;float: left;}
.block-box-comic .index-recommend .catook-cover{margin-bottom: 0;}
.block-box-comic .index-recommend:nth-of-type(3n),.block-box-comic .comic-item:nth-of-type(3n){margin-right: 0;}
.block-box-comic .index-recommend .tags-bottom{left: 0;bottom: 0;padding:0 0.5rem;background-color: hsla(0, 0%, 100%, .9);width: 100%;position: absolute;}
.block-box-comic .index-recommend .tags-bottom .card-title{line-height: 3rem;font-size: 1.5rem;color: #333;font-weight: 400;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.block-box-comic .index-recommend .tags-bottom .tags-list .item{color: #999;height: 1.7664rem;line-height: 1.656rem;margin: 0 .3rem .5rem 0;padding: 0 .2rem;display: inline-block;text-align: center;border-radius:.6rem;border: .1rem solid #ddd;font-size: 1rem;float: left;}
.block-box-comic .comic-item{width: 31%;margin-right: 3.5%;}
.comic-item .tags-bottom{background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));bottom: 0;color: #fff;font-size: 1.2rem;height:3.1rem;left: 0;line-height: 3.1rem;padding-right: .66rem;position: absolute;text-align: right;width: 100%;}
/* 漫画竖卡片 */
.comic-item{float: left;}
.catook-cover {width: 100%;height: 0;padding-bottom: 133.33%;position: relative;display: block;margin-bottom: 0.8rem;}
.catook-cover img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 0.6rem;}
.cat-cont h3{margin-bottom: 0.2rem;font-size: 1.4rem;color: #535252;padding-top: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cat-cont .cat-desc{font-size: 1.2rem;color: #999;min-height: 1.6rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
/* 排行榜 */
.rank-page .rank-tab{height:4rem;padding:0 4rem;background: #fff;}
.rank-page .rank-tab .rank-item{display: block;width: 25%;text-align: center;height: 4rem;line-height: 4rem;font-size: 1.5rem;position: relative;color: #969696;}
.rank-page .rank-tab .rank-item.active{color: #535252;}
.rank-page .rank-tab .rank-item.active::after {content: '';width: 1rem;height: 0.3rem;left: 3.5rem;bottom: 0;position: absolute;background-color: #ff9a6a;border-radius: 0.3rem;display: block;}
.rank-top-box {display: flex;justify-content: center;align-items: flex-end;padding-top: 1.9rem;padding-bottom: 2.2rem;background-image: url(/style/rank-banner-bg.png);background-position: center bottom;background-repeat: no-repeat;background-size: 100% auto;margin-bottom: 0.5rem;}
.rank-top-box .topp-item{display: inline-block;background-color: #ffa755;}
.rank-top-box .topp-item a{display: block;background-image: url(/style/top3_1bg.jpg);background-repeat: no-repeat;background-position: right bottom;background-size: auto 4.5rem;}
.rank-top-box .tops-item-one{width:9rem;}
.rank-top-box .tops-item-two{width:10.5rem;background-color: #e86a3e;margin-left: 2rem;margin-right: 2rem;}
.rank-top-box .topp-item .comic-title{font-size: 1.6rem;padding-top: 0.6rem;padding-bottom: 0.3rem;text-align: center;color: white;}
.rank-top-box .topp-item .comic-update{font-size: 1.2rem;line-height: 1.2rem;margin-bottom: 0.7rem;text-align: center;color: white;padding: 0 0.5rem;}
.rank-top-box .topp-item .comic-line{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.rank-top-box .topp-item:first-child a{background-image: url(/style/top3_2bg.jpg);}
.rank-top-box .topp-item:last-child a{background-image: url(/style/top3_3bg.jpg);}
.rank-top-box .topp-item .catook-cover{margin-bottom: 0;}
.rank-top-box .topp-item .catook-cover img{border-radius: 0;}

/* 章节详情 */
.info-page {margin-top: 5rem;}
.info-page .info-banner {position: relative;width: 100%;height: 255px;overflow: hidden;}
.info-page .info-banner img {width: 100%;height: 100%;object-fit: cover;}
.info-page .info-banner .info-mask {background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));bottom: 0;box-sizing: border-box;color: #fff;display: flex;height: 14rem;left: 0;padding-left: 1.2rem;padding-right: 1.2rem;padding-top: 5.8rem;position: absolute;width: 100%;}
.info-page .info-banner .base-info {flex: 1;}
.info-page .info-banner .base-info h1 {font-size: 1.8rem;font-weight: 500;height: 2.5rem;line-height: 2.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-page .info-banner .info {font-size: 1.3rem;font-weight: 300;height: 1.9rem;line-height: 1.9rem;margin-top: 0.6rem;}
.info-page .info-banner .info span {background: hsla(0, 0%, 100%, 0.6);display: inline-block;height: 0.8rem;margin: 0 0.6rem;width: 0.1rem;}
.info-page .info-banner .follow-button {background-color: #fce23d;border-radius: 1rem;color: #442509;font-size: 1.2rem;font-weight: 500;height: 2.7rem;line-height: 2.7rem;text-align: center;padding: 0 1rem;}
.info-page .description {padding: 1.6rem 1.2rem 1.4rem;}
.info-page .description .class-sort a {background-color: #edeaea;border-radius: 1.1rem;display: inline-block;font-size: 1.2rem;line-height: 2.1rem;margin-right: 0.8rem;padding: 0.2rem 0.8rem;}
.info-page .description .class-intro {font-size: 1.3rem;line-height: 2.2rem;padding-top: 1rem;}
.info-page .description .class-author {color: #999;font-size: 1.3rem;white-space: nowrap;padding-top: 0.9rem;}
.info-page .description .class-author p {margin-right: 1.5rem;float: left;}
.info-page .chapter-box {padding: 1.6rem 1.2rem 1.4rem;}
.info-page .chapter-box .full-flag {font-size: 1.8rem;font-weight: 500;margin-right: 1rem;flex: 1;}
.info-page .chapter-box .read-button {background-color: #fd113a;border-radius: 0.4rem;font-size: 1.4rem;font-weight: 500;text-align: center;padding: 0.6rem 1rem;margin-top: -1.5rem;color: #fff;}
.info-page .chapter-box .chapter-sort {font-size: 1.2rem;display: flex;margin-top: 1rem;}
.info-page .chapter-box .chapter-sort > span {margin-right: 1rem;}
.info-page .chapter-box .chapter-sort a {color: #ff613e;}
.info-page .chapter-box .chapter-sort .ascending {display: none;}
.info-page .chapter-box .chapter-sort .reverse .ascending {display: inline-block;}
.info-page .chapter-box .chapter-sort .reverse .descending {display: none;}
.info-page .chapter-box .chapter-sort .reverse {color: #fd113a;}
.info-page .chapter-box .chapter-sort .reverse .iconfont {color: #fd113a;}
.info-page .chapter-box .chapter-list a {width: 49%;float: left;height: 3.2rem;font-size: 1.3rem;border-radius: 2px;margin-bottom: 1rem;margin-right: 2%;background: #f3f3f3;line-height: 3.2rem;padding: 0 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.info-page .chapter-box .chapter-list a:nth-of-type(2n) {margin-right: 0;}
.info-page .chapter-box .show-more-chapter {font-size: 1.4rem;}
.info-page .chapter-box .chapter-list a:nth-child(n + 11) {display: none;}
.info-page .chapter-box .chapter-list.show-more a:nth-child(n + 11) {display: block !important;}

/* 分类页面 */
.sort-page{background-color: #fff;}
.sort-page .sort-select-block{height:4rem;position: relative;}
.sort-page .sort-select-nav{height: 4rem;line-height: 4rem;font-size: 1.4rem;background: #fff;}
.sort-page .sort-select-nav>div{height: 4rem;text-align: center;float: left;width:20%;color:#585858;font-size: 1.4rem;}
.sort-page .sort-select-nav>div.active{color:#ff9a6a;}
.sort-page .sort-select-nav>div.active span{color:#ff9a6a;}
.sort-page .sort-select-nav>div .iconfont{font-size: 1rem;margin-left: 0.2rem;color:#585858;}
.sort-page .sort-class-con{display: none;background: #f5f5f5;position: absolute;width: 100%;top: 3.7rem;z-index: 99;}
.sort-page .sort-class-con .class-cc{padding-bottom: 1rem;display: none;}
.sort-page .sort-class-con .class-cc.selected{display: block;}
.sort-page .sort-class-con .class-cc>div{width: 20%;height: 2.3rem;margin: 1rem 0% 0 4%;float: left;background: #fff;}
.sort-page .sort-class-con .class-cc>div a{font-size: 1.4rem;width: 100%;border: 1px solid #dcdcde;height: 2.3rem;line-height:2.3rem;display: block;color: #585858;border-radius: 0.2rem;text-align: center;}
.sort-page .sort-class-con .class-cc>div.active a{color:#ff9a6a;}
.sort-page .block-box-comic{padding: 1rem}
.sort-class-mask{position: absolute;background: rgba(0,0,0,.5);width: 100%;z-index: 98;display: none;top: 12rem;height: 1000px;}
/* 横向卡片样式 */
.heng-block-list{padding-top: 0.5rem;padding-left: 0.5rem;padding-right: 0.5rem;}
.heng-block-list .comrt-item {padding: 0.5rem;background-color: #fff;margin-bottom: 0.5rem;position: relative;}
.heng-block-list .comrt-item .cat-cover{width:7rem;margin-right: 1rem;}
.heng-block-list .comrt-item .cat-cover .catook-cover{margin-bottom: 0;}
.heng-block-list .comrt-item .comrt-info{flex: 1;}
.heng-block-list .comrt-item .comrt-info .comrt-title{color: #535252;font-size: 1.6rem;padding-top: 0.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.heng-block-list .comrt-item .comrt-info>p{font-size: 1.2rem;color: #969696;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.heng-block-list .comrt-item .comrt-info .sort-item{margin-right: 0.5rem;}
/* 最新更新样式 */
.heng-block-list .comrt-item .book-button{position: absolute;border: 1px solid #ff613e96;text-align: center;color: #ff613e96;border-radius: 0.2rem;bottom: 1rem;right: 1rem;width: 7.5rem;height: 2.9rem;line-height: 2.9rem;font-size: 1.3rem;					}
.latest-page .heng-block-list .comrt-item .comrt-info{padding-right: 9rem;}

/* 文章详情页面 */
.chapter-page .lazy-img{width:100%;}
.chapter-header{padding:0 1.5rem;position: fixed;top:0;left:0;width:100%;background: rgba(26,26,26,0.9);height:5rem;color: #ccc;}
.chapter-header a{height:100%;}
.chapter-header .iconfont{font-size: 2rem;color: #ccc;}
.chapter-header h1 {font-size: 1.6rem;margin-left: 0.5rem;}
/* 工具 */
.chapter-tool-box {background-color: rgb(0 0 0 / 55%);position: fixed;right: 1rem;bottom: 18rem;padding: 10px 4px;border: 1px solid #dad9d8;border-radius: 6px;}
.chapter-tool-box .tool-item {text-align: center;margin-bottom: 1rem;cursor: pointer;display: block;}
.chapter-tool-box .tool-item:first-child .iconfont{font-size: 1.8rem;margin-bottom: 0.2rem;}
.chapter-tool-box .tool-item:last-child{margin-bottom: 0;}
.chapter-tool-box .tool-tag {height: 1px;border-bottom: 1px dashed #aaa;margin-bottom: 1rem;}
.chapter-tool-box .tool-item span.iconfont {font-size: 2.2rem;}
.chapter-tool-box .tool-item span {display: block;color: #fff;font-size: 1.2rem;}
/* 目录 */
.chapter-page .chapter-mulu{position: fixed;top:0;left:0;width:100%;bottom:0;display: none;background-color: rgba(0,0,0,0.5);}
.chapter-page .chapter-mulu h1{font-size: 1.8rem;padding: 1rem;}
.chapter-page .chapter-mulu .chapter-list{background: rgba(26,26,26,0.9);width:70%;float: right;height:100%;color:#fff;}
.chapter-page .chapter-mulu .chapter-list a{color:#fff;}
.chapter-page .chapter-mulu .chapter-sort{height:2.8rem;background-color: rgba(216, 216, 216, 0.5);width: 100%;padding:0 1rem;font-size: 1.4rem;}
.chapter-page .chapter-mulu .chapter-sort .iconfont{font-size: 1.8rem;}
.chapter-page .chapter-mulu .chapter-sort .ascending{display: none;color:#ff620e;}
.chapter-page .chapter-mulu .chapter-sort .reverse .descending{display: none;}
.chapter-page .chapter-mulu .chapter-sort .reverse .ascending{display: block;}
.chapter-page .chapter-mulu .chapter-item-box{padding:0 1rem;overflow-y: scroll;overflow-x: hidden;}
.chapter-page .chapter-mulu ul li{line-height: 3.6rem;height: 3.6rem;font-size: 1.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.chapter-page .chapter-mulu ul li.active a{color: #ff620e;}
.chapter-page .chapter-mulu .chapter-list-close{position: fixed;bottom: 2rem;right: 70%;width: 30%;}
.chapter-page .chapter-mulu .chapter-list-close .iconfont{font-size: 4rem;color:#d9d9d9;}
/* 用户登录 */
.login-page{padding-top: 6rem;background-color: #f8f8f8;}
.login-page .login-form{padding:10rem 5rem 0;z-index: 999;position: relative;}
.login-page .login-form .form-item{height:5rem;border-radius: 2.5rem;border: 1px solid #F4F4F4;background-color: #fff;padding:0 1.5rem;}
.login-page .login-form .form-item input{height:4rem;border:0;color:#333;font-size: 1.4rem;outline: none;}
.login-page .login-form .form-err{height:1.8rem;line-height: 1.8rem;font-size: 1.2rem;color: #ff5252;padding-left: 1.5rem;}
.login-page .login-form .refrush,.login-page .login-form .register{color: #20A0FF;font-size: 1.3rem;padding-right: 1.2rem;}
.login-page .login-form .login-button{margin-top: 2rem;background-color: #ff620e;height:4rem;border-radius: 2rem;color:#fff;font-size: 1.6rem;width:100%;border:0;}
.login-page .login-form .register{color:#20A0FF}
.login-page .login-bg{position: absolute;top:0;}
.login-page .login-bg img{width:100%;float: left;}
.login-page .login-bg .mask{background-image: linear-gradient(to top, rgb(248, 248, 248), transparent);ansparent);position: absolute;top:0;left:0;width:100%;bottom: 0;}
/* 我的书架 */
.article-block-box{background-color: #fff;padding:10px 10px 10px;}
.article-block-box .block-title{padding:0;padding-left:5px;border-left: 2px solid #ff9a6a;}
.article-block-box .block-title span{height: 18px;color: #000;font-size: 18px;line-height: 18px;font-weight: normal;font-weight: bold;}
.article-block-box .block-title span.more-info{font-size: 16px;font-weight: inherit;}
.block-content{padding:0.5rem;}
.block-content .block-item{background-color: #fff;line-height: 3rem;font-size: 1.6rem;}
.block-content .block-item .sort{color: #000;}
.block-content .block-item .article{color: #07b1a6;margin-right: 0.5rem;}
.block-content .block-item .chapter{color: #000;text-decoration: none;}
.block-content .block-img-item{background-color: #fff;position: relative;margin-bottom: 0.5rem;padding:1rem;}
.block-content .block-img-item:last-child{margin-bottom: 0;}
.block-content .block-img-item .article-img{float: left;}
.block-content .block-img-item .article-img img{float: left;}
.block-content .block-img-item .article-info{margin-left: 9rem;}
.block-content .block-img-item .article-info>a{display:block;}
.block-content .block-img-item .article-info .title{font-size: 1.6rem;color: #333;font-weight: 500;line-height: 2.2rem;height:2.2rem;}
.block-content .block-img-item .article-info .author{font-size: 1.4rem;margin: 1px 0;line-height: 2.2rem;height:2.2rem;}
.block-content .block-img-item .article-info .desc{font-size: 1.4rem;line-height: 1.75rem;color: #888;}
.block-content .block-img-item .article-info .bookmark{font-size: 1.4rem;}
.block-content .block-img-item .article-info .bookmark a{font-size: 1.2rem;border:1px solid #dbdbdb;padding:0 0.5rem;height:1.6rem;border-radius: 0.8rem;margin-right: 0.3rem;margin-bottom: 0.3rem;}
.block-content .block-img-item .article-info p a{color:#ff9a6a;font-size: 1.6rem;}
.block-content .block-img-item.block-img-item-del{height: 3rem !important;background-color: #b7f0eb;display: flex;align-items: center;padding-left: 1rem;color: #333;}
a.log-out-box{width:80%;height:3rem;background-color: #f66210;color: #fff;border-radius: 0.6rem;}
/* 搜索页面 */
.search-page .page-header{border-bottom: 1px solid #F4F4F4;background-color: #ff9a6a;height:5rem;}
.search-page .search-box{background-color: #fff;height: 3rem;border-radius: 0.4rem;margin: 0 1rem;padding: 0 1rem;}
.search-page .icon-left{color: #fff;}
.search-page .search-box .icon-search{font-size: 1.8rem;}
.search-page .search-box input{height: 3rem;border: 0;font-size: 1.4rem;padding-left: 1rem;outline: none;}
.search-page .search-button{font-size: 1.4rem;color: #fff;}
/* .search-page .search-content .block-content{padding-top: 1rem;} */
.search-page .search-init .search-top .title{font-size: 1.2rem;color:#999;}
.search-page .search-init .search-top .iconfont{font-size: 1.8rem;color:#999;}
.search-page .search-init .search-list li{float: left;height:2.6rem;border-radius: 1.3rem; padding:0 1.2rem;border: 1px solid #e6e6e6;margin-right: 1rem;margin-bottom: 1rem;background-color: #fff;}
.search-page .search-init .search-list li a{font-size: 1.4rem;display: flex;align-items: center;justify-content: center;}
/* page2 */
.page-box{width:100%;display: flex;flex-direction: row;padding:1rem 1rem 1rem 1rem;background-color: #fff;}
.page-box .page-button{height:3.6rem;font-size: 1.8rem;color:#fff;line-height: 3.6rem;background-color: #fd113a;}
.page-box .page-button.disabed{padding:0 2rem;background-color: #cecece;}
.page-box .page-button a{display: block;padding:0 2rem;color:#fff;}
.page-box .page-scope{padding-right: 1rem;flex: 1;border: 1px solid #cecece;margin: 0 1rem;display: flex;align-items: center;justify-content: center;color:#959595;text-align: center;height:3.6rem;line-height: 3.6rem;position: relative;border-radius: 0.6rem;}
.page-box .page-scope .scope-more-icon{width: 0.8rem;position: absolute;right: 0.8rem;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.page-list-page{position: fixed;top:0;bottom:0;left:0;right:0;background-color: rgba(0,0,0,0.5);z-index: 999;display: flex;align-items: center;justify-content: center;}
.page-list-page.none{display: none;}
.page-list-box{background: #fff; max-height: 70%;overflow-y: scroll;width:50%;padding:1rem 1rem;border-radius: 1rem;}
.page-list-box li{height:40px;border-bottom: 1px solid #E2E2E2;font-size: 1.4rem;line-height: 4rem;position: relative;}
.page-list-box li a{color:#333;display: block;}
.page-list-box li:last-child{border-bottom: 0;}
.page-list-box li.curl a{color: #fd113a;}
.page-list-box li.curl{background: right center no-repeat url('/style/yes.gif');}
footer.footer{font-size: 1.4rem;color:#333;padding:1rem;}