body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, iframe, input, ol, p, pre, select, table, td, textarea, th, ul {margin: 0;padding: 0;font-weight: 400;font-style: normal;font-family: Microsoft Yahei,Arial,Tahoma,Verdana,sans-serif;}
body{font-size: 12px;background-color: #fff;}
*{box-sizing: border-box;}
.container{width:1200px;margin: auto;}
.content-margin{margin-top: 20px;}
/* .select-color{color:#ff620e}  */
a, a:hover { text-decoration: none;cursor:pointer;outline:0;color:#333;}
a:hover {color:#1790e6}
ul, li {list-style: none;margin: 0;padding: 0;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.cover-box{width:100%;height:0;padding-bottom: 133.33%;position: relative;display: block;}
.cover-box img{width:100%;height:100%;position: absolute;top: 0;left: 0;}
body {min-width: 1200px;height: 100%;}
.border-ff{border:1px solid #fff;}
.border-style-1{background: #fff;border: 1px solid #d6d6d6;}
/* 顶部样式 */
.header-box{height: 74px;position: fixed;top: 0;left: 0;width: 100%;z-index: 99999;background-color: #fff;border-bottom: 1px solid #f3f3f3;transition: background-color .5s;}
.header-box .header-con{height:74px;}
.header-box .header-logo{height: 34px;margin-top: 20px;}
.header-box .header-nav{float: left;margin-left: 30px;}
.header-box .header-nav li{font-size: 18px;color: #252525;float: left;height: 74px;line-height: 74px;width: 58px;text-align: center;}
.header-box .header-nav li.active a,.header-box .header-nav li a:hover{color: #fd113a;}
.header-nav-user{width:160px;float: right;height:50px;padding-top: 5px;margin-top: 12px;}
.nav-user-first .fast-item{position: relative;float: left;text-align: center;margin-right: 20px;}
.nav-user-first .fast-item a {color: #929292;font-size: 12px;}
.nav-user-first .fast-item a .iconfont{font-size: 22px;}
.nav-user-first .fast-item a:hover .iconfont{color: #fd113a;}
.nav-user-first .fast-item a:hover span{color: #fd113a;}
.nav-user-user{width:40px;height:40px;margin-left: 30px;position: relative;}
.nav-user-user a>img{width:40px;height:40px;border-radius: 20px;}
.nav-user-first .fast-item:hover .history-box{display: block;}
.history-box{width:280px;position: absolute;top:51px;left:-128px;display: none;}
.history-box>.arrow, .history-box>.arrow:after,.header-user-box>.arrow, .header-user-box>.arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.history-box>.arrow ,.header-user-box>.arrow {top: -16px;left: 50%;margin-left: -8px;border-top-width: 0;border-bottom-color: #ffffff;}
.history-box>.arrow ,.header-user-box>.arrow {border-width: 8px;}
.history-box .history-content,.header-user-box .header-user-content{max-height: 400px; border-top: 2px solid #ffffff;background-color: #fff;padding:10px;box-shadow: 0 0 5px #9f9f9f;overflow-y: scroll;}
.history-box .history-content .empty{color: #333;}
.history-box .history-content::-webkit-scrollbar {display: none;/*闅愯棌婊氬姩鏉�*/}
.history-box .history-content .history-item{margin-top: 10px;}
.history-box .history-content .history-item:first-child{margin-top: 0;}
.history-box .history-content .history-item .history-img{width:75px;display: block;}
.history-box .history-content .history-item .history-info{width:185px;font-size:14px;float: left;padding-left: 10px;}
.history-box .history-content .history-item .history-info h1{font-size: 16px;padding-bottom: 3px;}
.history-box .history-content .history-item .history-info p{margin-top: 3px;}
.history-box .history-content .history-item .history-info .tag{color: #999;}
.history-box .history-content .history-item .history-info .delete:hover{color: #333;cursor: pointer;}
.history-box .history-content .history-item .history-info a{color: #333;font-size: 14px;}
.history-box .history-content .history-item .history-info .select-color{color: #ff620e;}
.nav-user-user:hover .header-user-box{display: block;}
.header-user-box{width:90px;position: absolute;top:48px;left: initial;right:0;display: none;}
.header-user-box .header-user-content{border-top: 0;border:1px solid #eaeaea;box-shadow: 0 0 3px #e4e4e4;border-radius: 4px;padding:5px 10px;}
.header-user-box>.arrow{border-bottom-color: #ccc;right: 12px;left:initial;margin-left: initial;}
.header-user-box>.arrow2{border-bottom-color: #fff;top: -15px;}
.header-user-box .header-user-content .nav-item{display: block;font-size: 14px;color:#333;line-height: 26px; text-align: center;}
.header-user-box .header-user-content .nav-item.heng::after{content: '';width: 90%;height: 1px;display: block;background-color: #e0e0e0;margin: 5px 5%;}
/* 搜索框 */
.new-search-banner {height: 100px;background-image: url(/static/images/search_bg.jpg);background-size: cover;background-repeat: no-repeat;margin-top: 74px;}
.new-search-banner .new-search-input-form {height: 50px;margin: 25px auto;width: 590px;font-size: 0;position: relative;}
.new-search-banner .new-search-input-form input {height: 50px;line-height: 50px;vertical-align: top;border: none;width: 450px;outline: none;font-size: 15px;letter-spacing: 0;padding-left: 50px;padding-right: 20px;background-image: url(/static/images/search.png);background-position: 20px 16px;background-repeat: no-repeat;}
.new-search-banner .new-search-input-form-btn-1 {cursor: pointer;width: 140px;height: 50px;background-color: #FD113A;font-size: 16px;color: #FFFFFF;letter-spacing: 0;display: inline-block;line-height: 50px;text-align: center;}

/* 首页搜索底下的导航 */
.index-full-cate {padding-bottom: 0;padding-top: 15px;overflow: hidden;margin-bottom: -5px;}
.index-full-cate li {float: left;width: 48px;}
.index-full-cate li a {font-size: 14px;color: #252525;}
.index-full-cate li a:hover{color: #FD113A;}
.index-full-cate-btn{font-size: 16px;line-height: 1.15;color: #252525;float: right;background-image: url(/static/images/header-class.png);background-repeat: no-repeat;padding-left: 25px;}
/* 首页banner */
.index-full-banner{height: 380px;overflow: hidden;}
.index-full-banner>div{float: left;}
.index-full-banner .pos-1,.index-full-banner .pos-1 img{width: 510px;height:380px;object-fit: cover;object-position: center;}
.index-full-banner .pos-2{margin-left: 9px;}
.index-full-banner .pos-2 img{width: 336px;height: 185px;object-fit: cover;object-position: center;}
.index-full-banner .pos-3{margin: 10px 0 0 9px;}
.index-full-banner .pos-3 img{width: 221px;height: 185px;object-fit: cover;object-position: center;}
/* 首页大标题 */
.index-itm-title {margin-top: 40px;height: 42px;}
.index-itm-title .index-title-logo {float: left;font-size: 38px;color: #ff1338;}
.index-itm-title h2 {font-size: 30px;color: #252525;float: left;margin-left: 10px;line-height: 42px;}
.index-title-more {float: right;padding-right: 18px;background-image: url(/static/images/index-title-more.png);background-repeat: no-repeat;background-position: 38px 15px;font-size: 14px;color: #252525;line-height: 42px;}
/* 原创精品 */
.index-swipder-box{}
.index-swipder-box .swipder-item{width:400px;height:220px;float: left;overflow: hidden;margin: 3px 0;}
.index-swipder-box .swipder-item .item-cover{width: 167px;height: 220px;position: relative;overflow: hidden;float: left;}
.index-swipder-box .swipder-item .item-cover img{height: 100%;max-width: 167px;}
.index-swipder-box .swipder-item .item-info{float: left;padding-left: 15px;width: 216px;position: relative;height: 220px;}
.index-swipder-box .swipder-item .item-info h3{font-size: 18px;color: #252525;font-weight: 700;margin-top: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-swipder-box .swipder-item .item-info h3 a:hover{color: #fd113a;}
.index-swipder-box .swipder-item .item-info .subtitle {font-size: 13px;color: #fd113a;margin-top: 55px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-swipder-box .swipder-item .item-info .subtitle span {color: #fd113a;margin-left: 10px;}
.index-swipder-box .swipder-item .item-info .desc {font-size: 13px;color: #666;margin-top: 5px;line-height: 18px;}
.index-swipder-box .swipder-item .item-info .tag {position: absolute;bottom: 20px;}
.tag-cate span {font-size: 13px;color: #666;border: 1px dashed #d9d9d9;border-radius: 3px;padding: 3px 6px;margin-right: 5px;}
.index-swipder-box .swipder-item .item-info .comic-star span{width: 12px;height: 11px;}
/* 五角星 */
.comic-star span {width: 12px;height: 11px;background-image: url(/static/images/index-star.png);background-repeat: no-repeat;display: inline-block;}
.comic-star span.active {background-image: url(/static/images/index-star-active.png);background-repeat: no-repeat}
/* 首页排行榜 */
.index-rank{margin-top: 40px;width: 400px;float: left;padding-right: 20px;}
.index-rank-title{font-size: 20px;color: #252525;font-weight: bold;}
.index-rank-title .more{float: right;padding-right: 18px;background-image: url(../images/sd/index-title-more.png);background-repeat: no-repeat;background-position: 38px 7px;font-size: 14px;color: #252525;line-height: 26px;}
.index-rank-list{margin-top: 20px;}
.index-rank-list li{overflow: hidden;border-bottom: 1px dashed #EDEDED;margin-bottom: 5px;}
.index-rank-list li .cover{width: 60px;height: 75px;overflow: hidden;float: left;}
.index-rank-list li .cover img{width: 60px;}
.index-rank-list li .sign{width: 50px;text-align: center;float: left;}
.index-rank-list li .sign span{background-image: url(../images/sd/index-rank-0.png);background-repeat: no-repeat;height: 22px;width: 22px;font-size: 13px;color: #666666;display: inline-block;border-radius: 10px;line-height: 22px;text-align: center;vertical-align: top;margin-top: 2px;}
.index-rank-list li .sign span.top-1{background-image: url(/static/images/index-rank-1.png);background-repeat: no-repeat;color: #fff;}
.index-rank-list li .sign span.top-2{background-image: url(/static/images/index-rank-2.png);background-repeat: no-repeat;color: #fff;}
.index-rank-list li .sign span.top-3{background-image: url(/static/images/index-rank-3.png);background-repeat: no-repeat;color: #fff;}
.index-rank-list li .info{float: left;}
.index-rank-list li .info .title{font-size: 14px;color: #252525;font-weight: bold;margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 240px;}
.index-rank-list li .info .title a{font-size: 14px;color: #252525;font-weight: bold;}
.index-rank-list li .info .title a:hover{color: #fd113a;}
.index-rank-list li .info .subtitle{font-size: 13px;color: #666666;margin-top: 6px;}
.index-rank-list li .info .subtitle a:hover{color: #fd113a;}
.index-rank-list li .info .subtitle.s2{margin-top: 2px;}
/* 列表卡片样式-首页最近更新 */
.index-block-box .mh-list {margin: 0 -2.5px -20px -2.5px;}
.index-block-box .mh-item{margin: 0 2.5px 20px 2.5px;}
.mh-item {width: 167px;height: 287px;margin: 0 2.5px 20px 2.5px;display: block;float: left;margin: 0;padding: 0;position: relative;background-color: #fff;}
.mh-cover {position: relative;display: block;width: 100%;padding-top: 131.736527%;background-size: cover;}
.mh-item .mh-item-detali .title {font-size: 14px;font-weight: 700;margin-top: 8px;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mh-item .mh-item-detali .title a {color: #252525;}
.mh-item .mh-item-detali p.zl {color: #666!important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mh-item .mh-item-detali p {font-size: 12px;line-height: 18px;}
.mh-item .mh-item-detali p.chapter {color: #252525;}
.mh-item .mh-item-detali p.chapter {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mh-item .mh-item-detali p span:first-child {display: inline-block;min-width: 36px;}
.mh-item .mh-item-detali p a {color: #fd113a;}
.mh-item .mh-tip-wrap.active {opacity: 1;top: -20px;left: -30px;max-height: 330px;-webkit-transform: scale(1);transform: scale(1);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);z-index: 3;}
.mh-item .mh-tip-wrap {display: block;position: absolute;top: -40px;left: -30px;opacity: 0;-webkit-transform: scale(.73);transform: scale(.73);transition: all .3s;-webkit-backface-visibility: hidden;max-height: 299px;overflow: hidden;z-index: 2;}
.mh-item-tip {width: 226px;height: 330px;background-color: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.mh-cover.tip {width: 226px;padding-top: 0;height: 160px;}
.mh-item-tip .mh-item-tip-detali {padding: 10px;}
.mh-item-tip .mh-item-tip-detali .title {font-size: 18px;line-height: 21px;font-weight: 700;margin-bottom: 8px;}
.mh-item-tip .mh-item-tip-detali .title a {display: inline-block;width: 200px;color: #252525;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mh-item-tip .mh-item-tip-detali .title a:hover{color: #fd113a;}
.mh-star.star-3 {background-position: 0 -28px;}
.mh-star {display: block;float: right;background-image: url(/static/images/star.png);width: 68px;height: 12px;background-position: 0 0;background-repeat: no-repeat;}
.mh-item-tip .mh-item-tip-detali p.author {color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mh-item-tip .mh-item-tip-detali p {font-size: 12px;line-height: 18px;}
.mh-item-tip .mh-item-tip-detali p span:first-child {display: inline-block;min-width: 36px;}
.mh-item-tip .mh-item-tip-detali p.author a {color: #666;width: auto;padding-right: 3px;}
.mh-item-tip .mh-item-tip-detali p a {color: #fd113a;display: inline-block;width: 170px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}
.mh-item-tip .mh-item-tip-detali p.chapter {color: #252525;}
.mh-item-tip .mh-item-tip-detali .desc {font-size: 13px;color: #666;line-height: 1.5em;height: 2.8em;margin-top: 2px;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.mh-item-tip .mh-item-tip-detali .btn {display: block;width: 100%;height: 34px;margin-top: 10px;line-height: 34px;background-color: #fd113a;color: #fff;text-align: center;font-size: 14px;border-radius: 4px;}
.mh-bi-item{width: 319px;float: left;margin-right: 26px;}
.mh-bi-item .title a{font-size: 20px;color: #252525;font-weight: 700;}
.mh-bi-item .title a:hover{color: #fd113a;}
.mh-bi-item .author{color: #666;font-size: 13px;}
.mh-bi-item .chapter{color: #252525;font-size: 13px;}
.mh-bi-item .chapter a{color: #fd113a;}
.mh-bi-item .bi-btn {display: block;margin-top: 15px;width: 100px;height: 34px;line-height: 34px;background-color: #fd113a;color: #fff;text-align: center;font-size: 14px;border-radius: 4px;}

/* 内容分类页面-结果展示 */
.library-page{padding-top: 0px;}
.block-header-box{position: relative;}
.block-header-box .block-title-tag{top: 8px;width:3px;background-color: #fd113a;height:18px;display: inline-block;position: absolute;}
.block-header-box .block-title{padding-left: 12px;height:34px;font-size: 14px;color: #999;}
.block-header-box .block-title h2{margin-right: 10px;font-size: 24px;line-height: 34px;font-weight: normal;color: #333;display: inline-block;}
.block-header-box .block-title h2 .color,.chapter-header h2 .color{color:#fd113a;}
.library-cont-box .box-head-sort{margin-top: 4px;}
.library-cont-box .box-head-sort dt {color: #999;font-size: 16px}
.library-cont-box .box-head-sort a,.library-cont-box  .box-head-sort dt {display: inline-block;font-weight: 400;}
.library-cont-box .box-head-sort a {color: #666;font-size: 16px;}
.library-cont-box .box-head-sort a,.library-cont-box  .box-head-sort dt {display: inline-block;font-weight: 400;}
.library-cont-box .library-class-top{margin-bottom: 15px;margin-top: 30px;}
.library-cont-box .library-class-top #pages{float: right;clear: initial;border-top: 0;padding:0;}
.library-cont-box .library-class-top #pages #pagestats,.library-cont-box .library-class-top #pages kbd{display: none;}
.library-content-con .mh-item {margin: 0 5px 20px 0px;}
.library-content-con .mh-item:nth-of-type(7n){margin-right: 0;}
/* 内容分类查询模块 */
.library-cate-box {margin: 20px auto;background-color: #fff;padding: 0 20px;border-top: 2px solid #fd113a;box-shadow: 0 1px 2px rgba(0, 1, 1, 0.25);}
.library-cate-box .cat-list {margin-top: 22px;padding-bottom: 0px;border-bottom: 1px solid #ededed;}
.library-cate-box .cat-list dt,.library-cate-box .cat-list dd{margin-bottom: 12px;}
.library-cate-box .cat-list dt, .library-cate-box .field-list dt {margin-right: 6px;}
.library-cate-box .cat-list dd, .library-cate-box .cat-list dt, .library-cate-box .field-list dd, .library-cate-box .field-list dt {display: block;float: left;}
.library-cate-box .cat-list a.active {color: #fd113a;}
.library-cate-box .cat-list a {position: relative;display: inline-block;color: #252525;padding: 0 6px;margin-left: 8px;}
.library-cate-box .field-wrap {padding-top: 22px;border-bottom: 1px solid #ededed;}
.library-cate-box .field-list {margin-bottom: 16px;}
.library-cate-box .field-list dt {height: 22px;line-height: 22px;}
.library-cate-box .field-list dd a.active {background-color: #fd113a;color: #fff;}
.library-cate-box .field-list dd a {position: relative;display: block;color: #252525;height: 22px;min-width: 22px;text-align: center;line-height: 22px;border-radius: 11px;padding: 0 6px;margin-left: 8px;}
.library-cate-box .footer-btn {display: block;height: 47px;line-height: 47px;text-align: center;font-size: 13px;color: #999;cursor: pointer;}
/* =============== */


/* 首页内容区域样式 */

/* 首页类目切换样式 */
.cartoon-class-change .cartoon-block-box li{width: 133px;margin-bottom: 10px;margin-right: 16px;}
.cartoon-class-change .cartoon-block-box li:nth-of-type(6n){margin-right: 0px;}
.cartoon-class-change .cartoon-block-box li:nth-of-type(7n){margin-right: 10px;}
.cartoon-class-change .cartoon-block-box li .cart-item .cart-cover{margin-bottom: 5px;}
.cartoon-class-change .cartoon-block-box li .cart-item .cart-info a{line-height: 24px;}
.cartoon-class-change .cartoon-block-box{display: none;}
.cartoon-class-change .cartoon-block-box.tab-con-selected{display: block;}
/*foot 开始*/
.foot_box{margin-top: 40px;width: 100%;height:210px;background: #0c609c url(/static/images/foot.png) no-repeat center bottom;}
.foot_box .foot_con{width: 1200px;margin:0 auto;padding-top: 48px;}
.foot_con .app_code{display: inline-block;*zoom:1;*display:inline;margin-right: 70px;vertical-align:top;}
.foot_con .app_code p{width: 99px;height: 30px;line-height: 30px;text-align: center;color: #aad3f0;}
.foot_con .about,.foot_con .throw,.foot_con .copyr{display: inline-block;*zoom:1;*display:inline;width: 262px;height: 84px;border-left: 1px solid #3078ab;vertical-align: top;padding: 0 0 0 59px;margin-top: 12px;}
.foot_con .copyr{width: 313px;margin-right: 0;}
.foot_con h3{display: inline-block;*zoom:1;*display:inline;font-size: 16px;font-weight: normal;color: #fff;}
.foot_con .foot_con_list{width: 227px;height: 120px;margin-top: 10px;}
.foot_con .foot_con_list li{display: inline-block;*zoom:1;*display:inline;margin:10px 25px 0 0;}
.foot_con .foot_con_list li a,.copyr p{color:#aad3f0;}
.copyr p{width: 322px;height: 60px;line-height: 25px;margin-top: 16px;}
/*foot 结束*/

/* 作品详情页面 */
.article-banner {position: relative;min-height: 400px;padding-top: 100px;}
.article-banner:before {content: " ";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,.4);}
.article-banner .banner-border-bg {width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;right: 0;right: 0;bottom: 0;}
.article-banner .banner-border-bg .banner-detail-bg {height: 100%;-webkit-filter: blur(60px);-moz-filter: blur(60px);-ms-filter: blur(60px);filter: blur(60px);background-size: 100% 400%;}
.article-banner .banner-detail-form {position: relative;min-height: 300px;margin: 0 auto;border-top-left-radius: 8px;border-top-right-radius: 8px;background-color: #fff;width: 1200px;z-index: 1;top: 1px;}
.article-banner .banner-detail-form .cover{height: 314px;width: 240px;margin-top: -45px;margin-left: 40px;float: left;box-shadow: 0 0 5px #444;border-radius: 6px;overflow: hidden;}
.article-banner .banner-detail-form .cover img{height: 314px;width: 240px;}
.article-banner .banner-detail-form .info {float: left;width: 870px;padding-left: 20px;}
.article-banner .banner-detail-form .info .title {font-size: 30px;color: #252525;margin-top: 35px;}
.article-banner .banner-detail-form .info .subtitle {font-size: 13px;color: #666;margin-top: 10px;}
.article-banner .banner-detail-form .info .subtitle a {color: #666;}
.article-banner .banner-detail-form .info .tip {margin-top: 20px;}
.article-banner .banner-detail-form .info .tip .blocks {font-size: 13px;color: #999;margin-right: 40px;}
.article-banner .banner-detail-form .info .tip .blocks span {color: #252525;margin-left: 10px;}
.article-banner .banner-detail-form .info .content {font-size: 13px;color: #666;margin-top: 10px;line-height: 20px;width: 710px;}
.article-banner .banner-detail-form .info .bottom {margin-top: 25px;}
.article-banner .banner-detail-form .info .bottom .btn-1 {background: #ffdb6f;border-radius: 3px;font-size: 16px;color: #874e12;height: 36px;line-height: 33px;width: 103px;text-align: center;display: inline-flex;}
.article-banner .banner-detail-form .info .bottom a .iconfont {font-size: 20px;}
.article-banner .banner-detail-form .info .bottom .btn-2 {margin-left: 6px;background: #fd113a;border-radius: 3px;font-size: 16px;color: #fff;height: 36px;line-height: 36px;text-align: center;display: inline-flex;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: top;padding: 0 10px;}
.article-banner .banner-detail-form .info .bottom .btn-3 {margin-left: 6px;background: #fffefe;border: 1px solid #d9d9d9;border-radius: 3px;font-size: 16px;color: #666;height: 36px;line-height: 36px;width: 120px;text-align: center;display: inline-flex;position: relative;}
.article-banner .banner-detail-form .info .bottom .btn-3:hover .info-qrcode{display: block;}
.article-banner .banner-detail-form .info .bottom .btn-3 .info-qrcode {display: none;position: absolute;bottom: 46px;right: 0;width: 100px;height: 100px;padding: 10px;background: #fff;box-shadow: 2px 2px 4px #888888;box-sizing: content-box;}
/* ======== */
.article-page{padding:0 35px;}
.article-page .article-con-left{width:880px;}
.article-page .article-con-right{width:240px;}
.article-chapter-box .detail-list-title .blocks {font-size: 16px;color: #252525;padding-right: 20px;margin-right: 20px;border-right: 1px solid #252525;}
.article-chapter-box .detail-list-title .blocks span{font-size: 13px;}
.article-chapter-box .detail-list-title .s {font-size: 13px;color: #252525;}
.article-chapter-box .detail-list-title .header-sort{color:#333;padding-right: 20px;font-size: 14px;}
.article-chapter-box .detail-list-title .header-sort span{cursor: pointer;}
.article-chapter-box .detail-list-title .header-sort .active{color:#fe5419;}
.article-chapter-box .chapter-list li{float: left;height: 36px;line-height: 36px;width: 271.5px;background: #f6f6f6;margin-top: 20px;padding-left: 10px;margin-left: 10px;margin-right: 10px;position: relative;}
.article-chapter-box .chapter-list li a{display: block;}
.article-chapter-box .chapter-list li:hover{background: #ffeef1;cursor: pointer;}
.article-chapter-box .chapter-list li:hover a{color: #fd113a;}

.article-more-remodd .remodd-header{padding: 8px 10px 8px;border-bottom: 1px solid #e6e6e6;}
.article-more-remodd .remodd-con{padding:19px;}
.article-more-remodd .cartoon-block-box li{width:128px;margin-right: 14px;}
.article-more-remodd .cartoon-block-box li:nth-of-type(6n){margin-right: 0;}
.article-more-remodd .remodd-con2{padding:10px;}
.article-more-remodd .remodd-con2 .cartoon-block-box li{width:218px;margin-right: 20px;margin-right: 0;margin-bottom: 15px;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-item-img{width:80px;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-item-img .cart-cover{margin-bottom: 0;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-info{width:138px;padding:0px 10px 0 10px;position: relative;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-info h3{margin-bottom: 18px;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-info h3 a{font-size: 16px;font-weight: normal;line-height: 20px;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-info h3 a:hover{color: #fd113a;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-info p{color: #666;font-size: 12px;margin-top: 3px;}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-info p a{color: #666;font-size: 12px;line-height:inherit}
.article-more-remodd .remodd-con2 .cartoon-block-box .cart-info p a:hover{color: #fd113a;}
/* 蓝色的顶部样式 */
.blue-top-header{background: #3591d5;height: 44px;}
.blue-top-header .logo{display: block;float: left;margin-top: 7px;}
.blue-top-header .logo img{height:30px;}
.blue-top-header .chapter-nav{float: left;margin-left: 30px;}
.blue-top-header .chapter-nav li,.blue-top-header .chapter-user li{float: left;height:44px;margin-right: 8px;}
.blue-top-header .chapter-nav li a,.blue-top-header .chapter-user li a{color:#fff;height:44px;line-height: 44px;display: inline-block;padding:0 10px;}
.blue-top-header .chapter-nav li:hover{background: #dcedfa;}
.blue-top-header .chapter-nav li:hover a{color:#0f6bac;}
.blue-top-header .chapter-user{float: right;}
.blue-top-header .chapter-user li{margin-right: 0;color:#fff;line-height: 44px;}
.blue-top-header .chapter-user li a{padding:0 10px;}
/* 章节查看页面的样式 */
/* header头样式 */
.chapter-header{height: 60px;line-height: 60px;overflow: hidden;text-align: center;position: -webkit-sticky;position: sticky;top: 0px;width: 100%;z-index: 999;background: #fff;border-bottom: 1px solid #ededed;}
.chapter-header .container{position: relative;}
.chapter-header .logo{height:32px;position: absolute;top:14px;left:0;}
.chapter-header .title,.chapter-header .title a{font-size: 16px;color: #999999;height:60px;}
.chapter-header .title a:hover,.chapter-header .title .active{color: #f7545a;}
.chapter-header .chapter-user{position: absolute;top:0;right:0;font-size: 16px;color: #666666;}
.chapter-header .chapter-user li{float: left;font-size: 13px;}
.chapter-header .chapter-user li a{color: #666666;}
/* 内容页面样式 */
.chapter-page{background-color: #fff;}
.chapter-page .chapter-content{width:800px;margin: 30px auto 10px;}
.chapter-page .chapter-content .lazy-img{box-shadow: 0 6px 6px rgba(0, 3, 4, 0.25);width:800px;min-height: 300px;;}
.chapter-douse .chapter-header{border-bottom: 1px solid #404040;background-color: #28292d;}
.chapter-douse{background-color: #28292d !important;}
.chapter-douse .chapter-tool-box{border-color: #6d6d6d;background-color: #3d3d3c;}
.chapter-douse .chapter-tool{background-color: #28292d;color: #fff;}
.chapter-douse .chapter-tool a,.chapter-douse .chapter-title h1{color: #fff;}
.chapter-page .arrow-ri,.chapter-page .arrow-ri-s {border-width: 11px;}
.chapter-page .arrow-ri, .chapter-page .arrow-ri:after,.chapter-page .arrow-ri-s, .chapter-page .arrow-ri-s:after {position: fixed;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.chapter-page .arrow-ri,.chapter-page .arrow-ri-s {bottom: 256px;right: 90px;margin-top: -11px;border-right-width: 0;border-left-color: rgba(0,0,0,.25);z-index: 9999;}
.chapter-page .arrow-ri-s {border-left-color: #fff;right: 91px;}
.chapter-douse.chapter-page .arrow-ri-s{border-left-color: #3c3c3c;}

.chapter-tool-box{background-color: #fff;position: fixed;right:20px;bottom: 100px;padding:15px 10px;border: 1px solid #dad9d8;border-radius: 6px;}
.chapter-tool-box .tool-item{text-align: center;margin-bottom: 10px;cursor: pointer;display: block;}
.chapter-tool-box .tool-item:last-child{margin-bottom: 0;}
.chapter-tool-box .tool-item span{display: block;color:#999;}
.chapter-tool-box .tool-item span.iconfont{font-size: 30px;}
.chapter-tool-box .tool-item:hover span{color:#696969;}
.chapter-douse .chapter-tool-box .tool-item:hover span{color:#dfdfdf;}
.chapter-tool-box .tool-tag{height: 1px;border-bottom: 1px dashed #aaa;margin-bottom: 10px;}
.chapter-page .chapter-list{background-color: #fff;border: 1px solid #dad9d8;position: relative;width:200px;position: fixed;right:100px;bottom:100px;border-radius: 4px;}
.chapter-douse.chapter-page .chapter-list{background-color: #3c3c3c;border-color: #26262a;}
.chapter-douse.chapter-page .chapter-list h2{background-color: #363636;}
.chapter-page .chapter-list h2{height: 35px;font-size: 14px;color:#777;line-height: 35px;padding-left: 15px;padding-right: 15px;position: fixed;width:198px;border-top-right-radius: 4px;border-top-left-radius: 4px;background-color: #f3f2f0;z-index: 9999;}
.chapter-page .chapter-list .chapter-list-scroll{margin-top: 35px;max-height:300px;overflow-y:scroll;overflow-x: hidden; }
.chapter-page .chapter-list ul{padding:0 15px;}
.chapter-page .chapter-list ul li{border-bottom:1px solid #ececec;}
.chapter-page .chapter-list ul li:last-child{border-bottom-width: 0;}
.chapter-page .chapter-list ul li.active a{color:#ff620e;}
.chapter-page .chapter-list ul li a{display: block;position: relative;height: 35px;line-height: 35px;font-size: 12px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.chapter-douse .chapter-list ul li a{color:#b0b0b0;}
.chapter-douse .chapter-list ul li a:hover{color:#ff620e;}
.chapter-page .chapter-list ul li span{margin-right: 20px;}
.chapter-douse.chapter-page .chapter-list ul li{border-color: #363636;}
/* 关于我们 */
.aboutus-page{background: url(/static/images/about_bg.jpg) no-repeat top center;}
.aboutus-page .uphelp-wrap{margin-top: 241px;min-height: 600px;margin-bottom: 30px;}
.aboutus-page .uphelp-wrap .uphelp-wrap-l-top{padding: 14px 10px 4px;border-bottom:1px solid #d6d6d6;}
.aboutus-page .uphelp-wrap .uphelp-wrap-l{width:236px;float: left;height: 100%;}
.aboutus-page .uphelp-wrap .uphelp-wrap-r{min-height: 600px;border-left: 1px solid #d6d6d6;width:962px;float: right;height: 100%;padding: 44px 35px;}
.aboutus-page .uphelp-wrap .uphelp_l_li {margin-top: 14px;width: 235px}
.aboutus-page .uphelp-wrap .uphelp_l_li li {width: 236px;height: 37px;position: relative;margin-top: 10px;border-left: 3px solid #fff;}
.aboutus-page .uphelp-wrap .uphelp_l_li li a {display: inline-block;width: 232px;height: 37px;padding: 0 40px;line-height: 37px;font-size: 16px;color: #333;}
.aboutus-page .uphelp_l_li li.active,.aboutus-page .uphelp_l_li li:hover{border-left: 3px solid #fe8a19;background-color: #ebeff2;}
.aboutus-page .uphelp_l_li li.active a,.aboutus-page .uphelp_l_li li:hover a{color: #1790e6;}
.aboutus-page .uphelp-wrap-r h2 {color: #fe8a19;font-size: 24px;font-weight: normal}
.aboutus-page .uphelp-wrap-r .uphelp-wrap-r-con {margin-top: 25px;}
.aboutus-page .uphelp-wrap-r .uphelp-wrap-r-con p{text-indent: 2em;font-size: 14px;color: #666;margin-bottom: 20px;line-height: 24px;}
.aboutus-page .uphelp-wrap-r .contact_con{margin-top: 20px;}
.aboutus-page .uphelp-wrap-r .contact_con{margin-top: 20px;}
.aboutus-page .uphelp-wrap-r .contact_con h3{font-size: 18px;font-weight: normal;color: #333;}
.aboutus-page .uphelp-wrap-r .contact_con p{font-size: 14px;color: #666;line-height: 24px;}
.aboutus-page .uphelp-wrap-r .partners_con{padding-bottom: 25px;border-bottom: 1px solid #e6e6e6;}
.aboutus-page .cooper_lis li {display: inline-block;*zoom: 1;*display: inline;font-size: 14px;color: #666;min-width: 73px;height: 18px;margin-right: 80px;margin-top: 15px;}
.aboutus-page .cooper_lis li a {color: #666;}
.aboutus-page .uphelp-wrap-r .uphelep_r_li{margin-top: 24px;}
.aboutus-page .uphelp-wrap-r .uphelep_r_li h3{font-size: 18px;color: #333;}
.help-page{background: url(/static/images/help_bg.jpg) no-repeat top center;}
.help-page .uphelep_r_li{margin-top: 24px;}
.help-page .uphelep_r_li h3{font-size: 18px;color: #333;font-weight: normal;}
.help-page .uphelep_r_li .uphelep_r_li_con{margin: 25px 0 0 29px;}
.help-page .uphelep_r_li .uphelep_r_li_con p{font-size: 14px;color: #666;line-height: 34px;}
/* 排行榜页面样式 */
.rank-class-box{width:200px;float: left;}
.rank-content-box{width:980px;float: right;border: 1px solid #d6d6d6;background-color: #fff;}
.rank-class-box .uphelp-wrap-l-con{padding-bottom: 20px;}
.rank-class-box .uphelp_l_li {margin-top: 14px;width: 197px}
.rank-class-box .uphelp_l_li li {width: 198px;height: 37px;position: relative;margin-top: 10px;border-left: 3px solid #fff;}
.rank-class-box .uphelp_l_li li a {display: inline-block;width: 198px;height: 37px;padding: 0 40px;line-height: 37px;font-size: 16px;color: #333;}
.rank-class-box .uphelp_l_li li.active,.aboutus-page .uphelp_l_li li:hover{border-left: 3px solid #fe8a19;background-color: #ebeff2;}
.rank-class-box .uphelp_l_li li.active a,.aboutus-page .uphelp_l_li li:hover a{color: #fd113a;}
.rank-content-box .library-content-con{padding-top: 20px;}
.rank-content-box .cartoon-block-box li{width:180px;}
.rank-content-box .cartoon-block-box li:nth-of-type(1n){margin-right: 10px;}
.rank-content-box .cartoon-block-box li:nth-of-type(5n){margin-right: 0;}

/* ====================================================== */
/* 友情链接 */
.my-links{background-color: #f4f4f4;padding: 25px 0 10px;}
.my-links h1{font-size: 30px;height: 42px;line-height: 42px;margin-bottom: 5px;}
.my-links ul li{float: left;margin-bottom: 10px;margin-right: 20px;}
.my-links ul li a{color:#666666;}
/* 底部样式 */
.page-footer{background-color: #f69057;text-align: center;color:#fff;padding:30px;margin-top: 20px;}
/* 返回顶部的样式 */
.toolbar{position:fixed;bottom:222px;left: 60%;margin-left:490px;width:60px;}
.toolbar a:hover{color:#fbfbfb}
.toolbar .tbox{display:block;width:60px;height:60px;background: #ff620e;color: #fbfbfb;text-align:center;cursor:pointer;transition:background 1s ease;}
.toolbar .tbox i{line-height:40px}
.toolbar .tbox:hover{background: #ff620e;}
.toolbar .tbox .text{display:block;margin-top:-5px;height:18px;line-height:18px}
.toolbar .hidde{display:none}
.toolbar .sve{background:#52a0e8;cursor:pointer}
.toolbar .shr,.toolbar .sve{position:relative}
.toolbar .shr .sharemore{position:absolute;top:0;left:0;z-index:5;float:none;display:block;margin:0;padding:0;width:60px;height:60px;background:0 0}
.toolbar .gobacktop{display:none;margin-bottom:-60px;background: #ff620e;text-align:center;cursor:pointer;}
@media screen and (max-width:1120px){.toolbar{display:none}}
/* 分页设置 */
#pages{clear:both;padding: 10px 0;text-align:center;border-top: 1px solid #d3ecff;}
#pages a,#pages a:hover,#pages a:visited,#pages strong{display:inline-block;margin:0 2px;width: 30px;height: 30px;border: 1px solid #fd113a;border-radius:3px;color: #fd113a;text-align:center;text-decoration:none;line-height: 30px;}
#pages a.curr,#pages a.curr:visited,#pages a:hover,#pages strong{background: #fd113a;color:#fbfbfb !important;}
#pages input{width:20px;height:25px;border:1px solid #fd113a;border-radius:3px;}

/* 搜索详情页面 */
.search-result-page{padding:20px;}
.search-result-page .cartoon-block-box li{width: 215px !important;margin-right: 20px;}
.search-result-page .cartoon-block-box li:nth-of-type(5n){margin-right: 0;}

/* 标准卡片 */
.cartoon-block-box{}
.cartoon-block-box li{width:158px;float: left;margin-right: 14px;margin-bottom: 15px;}
.cartoon-block-box li:nth-of-type(6n){margin-right: 0;}
.cartoon-block-box li .cart-item{width:100%;}
.cartoon-block-box li .cart-item .cart-cover{width:100%;height:0;padding-bottom: 133.33%;position: relative;display: block;margin-bottom: 7px;}
.cartoon-block-box li .cart-item .cart-cover:hover{box-shadow: 0 6px 6px rgba(0, 3, 4, 0.25);}
.cartoon-block-box li .cart-item .cart-cover img{width:100%;height:100%;position: absolute;top: 0;left: 0;}
.cartoon-block-box li .cart-item .cart-cover .new-chapter{position: absolute;bottom:5px;right:5px;max-width: 80%;line-height: 20px;text-align: right;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: rgba(0,0,0,.5);overflow: hidden;font-size: 12px;color: #fff;padding:0 4px;}
.cartoon-block-box li .cart-item .cart-info a{color:#333;font-size: 15px;line-height: 26px;}
.cartoon-block-box li .cart-item .cart-info a:hover{color:#fd113a;}
.cartoon-block-box li .cart-item .cart-info span{display:block; margin: 2px 0;font-size: 13px;height: 20px;line-height: 20px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
