/*头部*/
.head_box{height: 50px;background: url(../img/head_line.gif) no-repeat bottom;background-size: 100% 2px;background-color: #fff;position: relative;}
.head_box .logo{display: block;background: url(../img/logo.png) center center no-repeat;background-size: auto 100%;width: 150px;height: 28px;position: absolute;left: 50%;top: 10px;margin-left: -75px;text-indent: -999em;}
.head_box .search{position: absolute;right: 20px;top: 50%;margin-top: -15px;}
.head_box .search .icon{font-size: 30px;}
/*导航*/
.nav_box{width: 100%;height: 40px;background: url(../img/nav_bg.png) no-repeat;background-size: 100% 100%;}
.nav_box li{text-align: center;float: left;width: 20%;padding-top: 1px;font-size: 16px;height: 40px;line-height: 40px;background-size: 1px 50%;background: rgba(255, 255, 255, 0.7);position: relative;}
.nav_box li.on a{color: #0090ff;font-weight: 500;}
.nav_box li.on i{width: 100%;height: 4px;background: #0090ff;display: block;position: absolute;left: 0;bottom: 1px;border-radius: 4px;}
/*轮播图*/
.slide_box{width: 100%;height: 130px;margin-bottom: 10px;}
.slide_box .slidemap{width: 100%;height: 200px;}
.slide_box .slidemap img{width: 100%;height: auto;}
/*首页内容面板*/
.comic_box{background: #fff;height: 410px;min-height: 0px;padding-bottom: 10px;border-bottom: 10px solid #f5f5f5;}
.comic_box .title{padding: 7px 0 7px 2%;height: 25px;min-height: 0px;}
.comic_box .title .icon{width: 23px;height: 23px;float: left;display: block;}
.comic_box .title .icon_hot{background: url(../img/icon_hot.png) no-repeat;background-size: 23px 23px;}
.comic_box .title .icon_rise{background: url(../img/icon_rise.png) no-repeat;background-size: 23px 23px;}
.comic_box .title .icon_newest{background: url(../img/icon_newest.png) no-repeat;background-size: 23px 23px;}
.comic_box .title .icon_chunk{background: url(../img/icon_chunk.png) no-repeat;background-size: 23px 23px;}
.comic_box .title .h2{float: left;padding-left: 7px;line-height: 27px;font-size: 16px;display: block;}
.comic_box .title .icon_more{width: 35px;height: 16px;float: right;display: block;margin: 3px 3.125% 0 0;background: url(../img/bg_index_more.png) no-repeat;background-size: 100% 100%;cursor: pointer;}
.comic_box ul li{width: 30%;float: left;margin: 0px -1% 0% 3%;}
.comic_box ul li .pic{display: block;position: relative;min-height: 100px;background: url(../img/cartton_place_holder.png) no-repeat center;background-color: #ededed;}
.comic_box ul li .pic img{zoom: 1;border-radius: 2px;display: block;border: none;width: 100%;margin: 0 auto;height: 142px;}
.comic_box ul li .txt{color: #333;font-size: 14px;display: block;line-height: 15px;height: 15px;padding-top: 5px;overflow: hidden;text-decoration: none;cursor: pointer;outline: 0;}
.comic_box ul li .author{font-size: 10px;display: block;opacity: 0.6;overflow: hidden;height: 13px;line-height: 13px;margin: 4px 0 5px 0;}
/*底部*/
.bottom{background: #f5f5f5;}
.bottom .page_bj{margin-top: 0;width: 100%;height: 4px;}
.bottom .page_bj img{width: 100%;}
.bottom .record{font-size: 12px;color: #5a5858;padding: 18px 0;text-align: center;}
.bottom .record a {color: #299af4;}
/*最新列表*/
.u_list{margin-top: 7px;background: #fff;}
.u_list li{height: 114px;border-bottom: 1px solid #cbcbcb;padding-top: 10px;margin-left: 10px;position: relative;}
.u_list li .pic{width: 78px;height: 103px;float: left;display: block;position: relative;background: url(../img/cartton_place_holder.png);background-size: 100% 100%;}
.u_list li .pic img{border-radius: 2px;width: 100%;}
.u_list li .neirong{height: 114px;margin-left: 88px;padding-right: 10px;}
.u_list li .neirong .name{height: 33px;display: block;padding-right: 80px;color: #000;line-height: 33px;font-size: 15px;text-overflow: ellipsis;overflow: hidden;}
.u_list li .neirong p{display: block;height: 15px;line-height: 15px;font-size: 12px;color: #000;opacity: .9;margin: 7px 0;}
.u_list li .neirong p .ic{width: 15px;height: 15px;float: left;display: block;margin-right: 5px;}
.u_list li .neirong p .icon1{background: url(../img/bg_icon_01.png);background-size: 100%;}
.u_list li .neirong p .icon2{background: url(../img/bg_icon_02.png);background-size: 100%;}
.u_list li .neirong p .icon3{background: url(../img/bg_icon_03.png);background-size: 100%;}
.u_list li .neirong p .tage{padding-right: 5px;}
.u_list li .neirong .coll{width: 50px;height: 15px;color: #000;overflow: hidden;background: url(../img/bg_look.png) no-repeat 6px 0;background-size: 39px;float: right;padding-top: 45px;line-height: 18px;font-size: 12px;opacity: .9;text-align: center;position: absolute;top: 37px;right: 12px;}
/*分类页 分类*/
.classbox{ position:relative; z-index:5}
.classbox .classbar{height: 37px;border-bottom: 1px solid #c5c5c5;line-height: 37px;font-size: 14px;background: #fff;margin-top: 5px;}
.classbox .classbar li{width: 25%;height: 37px;text-align: center;float: left;}
.classbox .classbar li:nth-child(1){}
.classbox .classbar li:nth-child(2){ width: 20%}
.classbox .classbar li:nth-child(3){ width: 29%}
.classbox .classbar li:nth-child(4){ width: 19%; margin-left: 0.5%}
.classbox .classbar li a{ color:#585858; padding:0 12px; background:url(../img/page_icon13.png) no-repeat right center; background-size: 7px 8px}
.classbox .classbar li a:hover{ padding:0 12px; background:url(../img/page_icon14.png) no-repeat right center;background-size: 7px 8px; color:#0090ff}
.classbox .classbar li.cur a{ padding:0 12px; background:url(../img/page_icon14.png) no-repeat right center; background-size: 7px 8px; color:#0090ff}
.classbox .classopen ul{display:none;position:absolute; width:100%; background:#fff; left:0; top:37px; border-radius:0 0 2px 2px; z-index:8; padding-bottom:10px;}
.classbox .classopen ul.select{display:none;background: #f5f5f5; border-top: 1px solid #c5c5c5}
.classbox .classopen ul.ticai{display:none;}
.classbox .classopen ul.duzhe{display:none;}
.classbox .classopen ul.jindu{display:none;}
.classbox .classopen ul.shuxing{display:none;}
.classbox .classopen li{ width:20%; height:23px; float:left; text-align:center; line-height:23px; margin:10px 1% 0 3%; float:left; background:#fff; border-radius:2px; text-align:center; line-height:23px; font-size:14px; color:#585858}
.classbox .classopen li a{ width:100%; border:1px solid #dcdcde; height:23px; display:block; color:#585858; border-radius:2px;}
.classbox .classopen li a:hover{ background:#0090ff; border:1px solid #0090ff; color:#fff}
/*分类页 列表*/
.c_list{margin-bottom:14px; background:#fff; height:auto!important;min-height:0px;height:0px;}
.c_list ul{height: auto;font-size: 0;}
.c_list ul li{width:33.333%;display: inline-block;}
.c_list li .img{display:block; position:relative;min-height:100px;background:url("../img/cartton_place_holder.png") no-repeat center;background-size: 100% 100%;background-color: #ededed;width: 90%;margin: 0 auto;}
.c_list li .img img{display:block}
.c_list li .img img{zoom:1; border-radius:2px;}
.c_list li .txt{color:#000; font-size:12px; display:block; line-height:15px; height:15px; padding-top:5px; overflow:hidden;width: 90%;margin: 0 auto;}
.c_list li .info{font-size:10px; display:block; opacity:0.6; overflow:hidden; height:13px; line-height:13px;width: 90%;margin: 5px auto;}
.c_list .title{padding:8px 0 7px 3.125%;height:auto!important;min-height:0px;height:0px;}
/*详情页-详情*/
.infocomic .infobox{background: url(../img/int_bg.png) no-repeat;background-size: 100% 100%;}
.infocomic .infobox .title{color: #fff;font-size: 20px;padding: 15px 10px 15px 10px;}
.infocomic .infobox .info{padding: 0 10px 15px 10px;position: relative;}
.infocomic .infobox .info .img{width: 106px;height: 141px;position: absolute;left: 10px;top: 0px;}
.infocomic .infobox .info .img img{width: 102px;height: 137px;border: 2px #fff solid;border-radius: 2px;}
.infocomic .infobox .info p{padding-left: 120px;color: #fff;line-height: 14px;margin-bottom: 10px;opacity: 0.9;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.infocomic .infobox .info .btn{padding: 3px 0px 0px 120px;margin-bottom: 0px;}
.infocomic .infobox .info .btn a{display: block;width: 50%;height: 32px;border: 1px #fff solid;color: #fff;border-radius: 2px;text-align: center;line-height: 32px;}
.infocomic .text{background: #fff none repeat scroll 0 0;color: #333;font-size: 14px;line-height: 28px;opacity: 0.8;padding: 10px 10px 5px;}
.infocomic .chapterbox .title{background: #f5f5f5;height: 24px;line-height: 24px;padding: 5px 10px;margin-top: 5px;}
.infocomic .chapterbox .title h3{background: url(../img/icon_h2_10.png) left center no-repeat;background-size: 22px 22px;padding-left: 30px;font-weight: normal;font-size: 16px;}
.infocomic .chapterbox .list{background: #fff none repeat scroll 0 0;margin-bottom: 2px;padding: 10px 5px 0;clear:both;}
.infocomic .chapterbox .list li{width: 22%;border: 1px solid #dcdcde;margin: 0px 0px 10px 2%;height: 32px;line-height: 32px;overflow: hidden;text-align: center;border-radius: 2px;box-sizing: border-box;display: inline-block;}
.infocomic .chapterbox .list li a{display: block;color: #333;padding: 0px 2px;}
.infocomic .likebox{margin-bottom: 7px;background: #fff;height: auto !important;min-height: 0px;height: 0px;}
.infocomic .likebox .title{height: auto !important;min-height: 0px;background: #f5f5f5;margin-bottom: 10px;padding: 10px;font-size: 14px;}
.infocomic .likebox .title .icon{width: 23px;height: 23px;display: inline-block;vertical-align: middle;background: url(../img/icon_hot.png) no-repeat;background-size: 23px 23px;}
.infocomic .likebox .title .name{padding-left: 7px;line-height: 23px;font-size: 16px;display: inline-block;vertical-align: middle;}
.infocomic .likebox .title a{width: 35px;height: 16px;float: right;display: block;margin: 3px 3.125% 0 0;background: url(../img/bg_index_more.png) no-repeat;background-size: 100% 100%;cursor: pointer;}
.infocomic .likebox ul li{width: 30%;margin: 0px -1% 0% 2.5%;display: inline-block;}
.infocomic .likebox ul li .pic{display: block;position: relative;min-height: 100px;background: url(../img/cartton_place_holder.png) no-repeat center;background-color: #ededed;}
.infocomic .likebox ul li .pic img{zoom: 1;border-radius: 2px;display: block;border: none;width: 100%;margin: 0 auto;height: 142px;}
.infocomic .likebox ul li .txt{color: #333;font-size: 14px;display: block;line-height: 15px;height: 15px;padding-top: 5px;overflow: hidden;text-decoration: none;cursor: pointer;outline: 0;}
.infocomic .likebox ul li .author{font-size: 10px;display: block;opacity: 0.6;overflow: hidden;height: 13px;line-height: 13px;margin: 4px 0 5px 0;}
.pagebox{width: 100%;text-align: center;padding-top: 20px;font-size: 16px;color: #999;}
.pagebox.yc{display:none;}
.pagebox a{padding: 4px 10px;border: 1px solid #0090ff;box-sizing: border-box;color: #0090ff;font-size: 14px;display: inline-block;margin-left: 5px;}
.pagebox a:nth-child(1){margin-left: 0;}
.pagebox .datanum{text-align: center;width: 100%;height: 30px;line-height: 30px;font-size: 16px;padding-bottom: 10px;}
/*阅读器*/
.chapterbox{width: 100%;height: auto;}
.btnbox{width: 100%;height: 80vh;position: fixed;background: 0;top: 0;left: 0;}
.chapterbox .pic{width: 100%;height: auto;background: url(../img/cartton_place_holder.png);background-size: 100% auto;}
.chapterbox .pic img{width: 100%;height: auto;}
.chapterbox .zwf{width: 100%;height: 50px;line-height: 50px;color: #333;font-size: 16;text-align: center;display: block;}
.chapterhead{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 9;display: none;}
.chapterhead .head{height: 46px;overflow: hidden;background: url(../img/head_line.gif) no-repeat bottom;background-size: 100% 2px;background-color: #fff;}
.chapterhead .head .iconback{position: absolute;left: 0px;width: 45px;height: 45px;display: block;top: 0px;display: block;background: url(../img/bg_icon_ret.png) no-repeat 20px 14px;background-size: 9px 17px;}
.chapterhead .head .title{overflow: hidden;left: 22%;position: absolute;display: block;color: #343434;font-size: 16px;height: 44px;line-height: 44px;text-align: center;width: 56%;}
.chapterhead .head .iconhome{position: absolute;right: 0;width: 45px;height: 45px;top: 0px;display: block;background: url(../img/toHome.png) no-repeat 14px 12.5px;background-size: 19px 19px;}
.chapterhead .bottom{height: 40px;width: 100%;position: absolute;bottom: 10px;left: 0;background: 0;}
.chapterhead .bottom .shang{width: 41%;height: 40px;background: rgba(0,0,0,0.7);margin: 0 6%;border-radius: 6px;line-height: 40px;font-size: 13px;display: inline-block;color: #fff;text-align: center;}
.chapterhead .bottom .xia{width: 41%;height: 40px;background: rgba(0,0,0,0.7);border-radius: 6px;line-height: 40px;font-size: 13px;display: inline-block;color: #fff;text-align: center;}
/*搜索*/
.searchbox{width: 100%;height: auto;}
.searchbox .search{width: 100%;height: 46px;background: #fff;padding: 20px 0;padding-bottom: 10px;}
.searchbox .search .kuan{width: 70%;height: 30px;border: 1px solid #cbcbcb;margin: 8px 2%;padding: 0 2%;background: #f5f5f5;display: inline-block;vertical-align: middle;}
.searchbox .search a{width: 18%;height: 30px;background: #f5f5f5;display: inline-block;vertical-align: middle;line-height: 30px;text-align: center;    border: 1px solid #cbcbcb;}
.searchbox .typebox{margin-bottom: 15px;}
.searchbox .typebox .title{color: black; margin-left: 10px;}
.searchbox .typebox ul li{padding: 8px 13px;border: 1px solid #dedede;margin: 8px 4px;display: inline-block;}
.searchbox .typebox ul li.on a{color: red;}