body {background: #fff;}
.clearfix:after,.w:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix,.w{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.clear,.clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
/*热门推荐*/
.home-recom{background:#fff;overflow:hidden;width: 1200px;margin: 20px auto 0;}
.home-recom .icon-inner{width: 100%;height:128px;margin-left:auto;margin-right:auto;border-bottom:1px dashed #eee;}
.home-recom .hd-icon{float:left;width:30px;height:100px;padding-top:20px;background:#FD9F3F;border-radius:3px;position:relative;line-height:20px;text-align:center;font-size:16px;color:#fff;font-style: normal;}
.home-recom .hd-icon:before{content:'';position:absolute;z-index:2;top:53px;right:-10px;height:0px;width:0px;border-top:9px solid transparent;border-left:10px solid #FD9F3F;border-bottom:10px solid transparent;}
.home-recom .icon-list{height:100px;margin-top:10px;float:left;}
.home-recom .icon-list li{float:left;width:70px;height:100%;margin-left: 27px;text-align:center;overflow:hidden;}
.home-recom .icon-list li .ico{width:70px;height:70px;margin-bottom:7px;}
.home-recom .icon-list li .ico img{width:100%;height:100%;border-radius:5px;}
.home-recom .icon-list li span{display:inline-block;width:65px;text-align:center;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;}
.home-recom .icon-list li:hover a span{color:#1e89e0;transition:all 0.4s;}
.home-recom .icon-list li:hover .Img{height:100px;}
.home-recom .icon-list li:hover img{margin-top:7px;}
.home-recom .text-list{width: 100%;margin-left:auto;margin-right:auto;font-size:14px;}
.home-recom .text-list li{clear:both;margin-top:12px;overflow:hidden;}
.home-recom .text-list .hd{display:inline-block;width:60px;height:28px;background:#1BA2E5;border-radius:14px;text-align:center;line-height:28px;color:#FFFFFF;margin-right:9px}
.home-recom .text-list li a{margin-right:0px;}
.home-recom .text-list li .vline{padding:0 8px;font-size:14px;color:#dedede;}
/* 顶部推荐 */
.tg_box{width: 1200px;margin: 0 auto; font-size: 14px;padding-top: 25px;overflow:  hidden;clear:  both;}
.tg_box p.g-font-list{line-height:28px;height:28px;overflow: hidden;padding: 0px 0 2px;margin-bottom: 10px;}
.tg_box p.g-font-list b {font-size: 18px; font-weight:normal;color: #444;float: left;width: 56px;display: inline;background: url(../images/nt-index2018.png) 40px 7px no-repeat;}
.tg_box p.g-font-list span a {padding: 0 12px;border-right: 1px solid #ddd;color: #444;}
.tg_box p.g-font-list span a:hover{color:#FF4939; text-decoration: none;}
.tg_box .g-font-list span a:last-of-type{border: medium none;}

.w {width: 1180px;margin: 0 auto;}
.ir {*zoom: 1;margin-top: 15px; /*漫画首页轮播*/ /*漫画首页小编推荐*/}
.ir:before,.ir:after { content: "";display: table;}
.ir:after {clear: both;}
.ir:before,.ir:after { content: "";display: table;}
.ir:after { clear: both;}
.ir__news {width: 340px;height: 100%;float: left;background: #FFF;padding: 10px 0px 0px;overflow: hidden;}
.ir__news li { *zoom: 1;height: 20px;line-height: 20px;margin-bottom: 17px;}
.ir__news li:before,
.ir__news li:after { content: "";display: table;}
.ir__news li:after { clear: both;}
.ir__news li:before,.ir__news li:after { content: ""; display: table;}
.ir__news li:after { clear: both;}
.ir__news--size {width: 280px; word-break: keep-all; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.ir__editor {width: 310px;height: 100%;background: #FFF;float: right;}
.ir__editor p {/* padding: 0 15px; */margin-top: 5px;}
.ir__editor--size { width: 7em; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ir__pic { display: block; text-align: center;}
.ir__pic img {width: 310px;height: 152px;}
.ir__pic--cartoon img { width: 300px; height: 145px;}
.ir__rank { margin-top: -4px; margin-bottom: -4px;}
.ir__word { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2; -moz-line-clamp: 2; height: 41px;}
.ir__word--cartoon { height: 30px; line-height: 30px; font-size: 16px; color: #333; padding: 0 15px; width: 300px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; display: block;}
.ir__slide { background: #FFF; width: 815px; height: 370px; margin-top: 15px; padding: 10px; float: left;}
.ir__cartoon { width: 330px; height: 390px; overflow: hidden; background: #FFF; float: right; margin-top: 15px;}
.box {width: 340px;height: 220px;margin: 0 auto;position: relative;overflow: hidden;}
.box .img {width: 340px;height: 201px;position: relative;overflow: hidden;}
.box .img ul { width: 10000%; height: 201px; position: relative; overflow: hidden;}
.box .img ul li { width: 340px; height: 201px; float: left; text-align: center; overflow: hidden;}
.box .img ul li a {width: 340px;height: 201px;display: block;position: relative;}
.box .img ul li a span { width: 340px;  word-break: keep-all;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; height: 30px; line-height: 30px; display: inline-block;  position: absolute; bottom: 0;  left: 0; color: #FFF; text-align: center; background: #0d0f11; opacity: 0.6;font-size:  14px; }
.box .img ul li a img {height: 201px;width: 332pxï¼›;}
.box .ico_act { width: 100%;  height: 10px;  line-height: 10px;  position: absolute; bottom: 0px; left: 0;  z-index: 10; text-align: center; font-size: 0;  overflow: hidden;}
.box .ico_act a { display: inline-block; width: 20px; height: 10px;  background: #999; margin: 0 5px; overflow: hidden;}
.box .ico_act a.on {width: 10%;background: #ff6600;}
/*about*/
.about{width: 340px;float:right;/* padding-top: 20px; *//* padding-right: 15px; */}
.title{ height:30px; /*background: url(../images/line.png) 0px 22px no-repeat;*/}
.title a{ float:right; color:#999; font-size:12px;}
.title a:hover{ color:#df0000;}
.title h3{ color:#555; font-size:14px; font-weight: normal; padding-left: 2px; font-family: "Microsoft Yahei";}
.hotshow{width: 368px;overflow: hidden;zoom: 1;}
.hotshow ul{/* width: 340px; */_width: 286px;/* overflow: hidden; */zoom: 1;/* padding-top: 18px; */}
.hotshow ul li{float: left;padding-right: 15px;margin-bottom: 10px;height: 100px;overflow: hidden;zoom: 1;padding-left: 4px;width: 70px;}
.hotshow ul li a{width: 70px;display: inline-block;position: relative;}
.hotshow ul li a:hover p{ color:#df0000;}
.hotshow ul li a span{/* background: url(../images/cover2.png) 1px -1px no-repeat; */width: 56px;height: 56px;display: block;position: absolute;left: 5px;top: 0px;}
.hotshow ul li a p{color:#333;text-align:center;padding-top: 10px;height: 20px;overflow: hidden;font-size:  14px;}
.hotshow ul li a img{width: 70px;height: 70px;border-radius: 12px;}


/*最新资讯 下载*/
.Min2{width: 465px;float: left;height: 100%;margin: 0 30px;}
.Min2 .bt_ul{width: 100%;height: 36px;line-height: 35px;font-size: 18px;border-bottom: 1px solid #ddd;font-weight: 400;}
.Min2 .bt_ul ul li{width: 30%;float: left;height: 100%;text-align: center;font-size: 18px;cursor: pointer;}
.Min2 .bt_ul ul li.on{border-bottom: 2px solid #ff5534;color: #ff5534;font-weight: bold;}
.Min2 .list_ul{ width: 100%;overflow: hidden; clear: both;}
.Min2 .list_ul ul {    padding-top: 7px;}
.Min2 .list_ul ul li{height: 38px;line-height: 38px;padding: 7px 0px;}
.Min2 .list_ul ul li i{float: right;width: 70px;height: 100%;display: block;text-align: left;overflow: hidden;font-style: normal;}
.Min2 .list_ul ul li .cname{display: inline;float: left;width: 90px;height: 17px;line-height: 17px;margin: 10px 10px 0 0px;border-right: 1px solid #ddd;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Min2 .list_ul ul li .text{float: left;height: 100%;display: block;width: 290px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Min2 .list_ul ul li .text img{display: inline-block; width: 20px; height: 20px;vertical-align: middle; border-radius: 4px; margin-right: 6px;}
.Min2 .list_ul ul li .time{ float: right; width: 70px; height: 100%; display: block; overflow: hidden; text-align: right; color: #FD3939;}
.Min2 .list_ul ul .line{border-top:1px dashed #ddd;margin: 5px 0;}
.rank { margin-bottom: 13px; position: relative; *zoom: 1;}
.rank:before,.rank:after { content: ""; display: table;}
.rank:after { clear: both;}
.rank:before,.rank:after { content: ""; display: table;}
.rank:after { clear: both;}
.rank__tit { float: left; width: 20px; height: 20px; line-height: 20px; background-color: #c3c3c3; display: inline-block; font-size: 12px; font-weight: 700; color: #FFF; border-radius: 5px; margin-right: 17px; text-align: center;}
.rank__tit--first { background-color: #22BF81;}
.rank__tit--second { background-color: #5bd390;}
.rank__tit--three {background-color: #78e4a8;}
.rank__link {  float: left; color: #333; font-weight: 700; width: 10em; word-break: keep-all;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; line-height: 20px; font-size: 14px;}
.rank__link--tit { color: #333; font-weight: 700; width: 10em; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  display: inline-block; line-height: 20px; font-size: 14px; position: absolute; top: 5px; left: 114px; display: block;}
.rank__link--left { position: absolute; top: 5px; left: 70px;}
.rank__link--dj { width: 13em; margin-left: 15px;}
.rank__outstar--top { top: 3px;}
.rank__con { width: 215px; display: inline-block; height: 60px; position: relative; display: none;}
.rank__con--size {height: 46px;padding: 5px 2px;width: 310px;display: block;margin: 15px auto;}
.rank__con--size:hover { background: #f7f7f7;}
.rank__con--dj { margin-left: 15px; padding-left: 25px;}
.rank__pic {display: inline-block;width: 60px;}
.rank__pic img {  width: 60px;}
.rank__pic--size img { width: 55px; height: 55px;}
.rank__size { position: absolute; bottom: 0px; left: 114px; width: 160px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rank__size--left {left: 70px;width: 16em;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 14px;color: #8c8c8c;font-style: normal;}
.rank.rank__active .rank__tit { height: 55px; line-height: 55px;}
.rank.rank__active .rank__link {display: none;}
.rank.rank__active .rank__outstar { display: none;}
.rank.rank__active .rank__con { display: block;}
.rank__minor {margin-top: 15px; *zoom: 1;}
.rank__minor:before,
.rank__minor:after {
  content: "";
  display: table;}
.rank__minor:after { clear: both;}
.rank__minor:before,.rank__minor:after { content: ""; display: table;}
.rank__minor:after { clear: both;}

.title { *zoom: 1;height: 30px;line-height: 30px;/* margin: 14px  auto; *//* margin-bottom: 13px; border-bottom: 1px solid #dedede;*/margin-bottom: 24px;}
.title:before,.title:after {content: ""; display: table;}
.title:after {clear: both;}
.title:before,.title:after { content: ""; display: table;}
.title:after {clear: both;}
.title__tit {float: left;font-size: 20px;color: #333;font-weight: 700;line-height: 30px;}

.sot_box{width: 1200px;margin: 0 auto;}
.software { width: 770px; background: rgb(255, 255, 255); height: 430px; margin-bottom: 20px; }
.ranks { width: 410px; background: rgb(255, 255, 255); height: 430px; }
.ranks ul { display: block; width: 360px; height: 440px; margin: 10px 0px 0px 20px; }
.ranks ul li { width: 100%; display: block; float: left; margin-bottom: 19px; }
.ranks ul li.on .bt, .ranks ul li.on > .rd, .ranks ul li.on .ico { display: none; }
.ranks ul li.on .info { display: block; }
.ranks ul li span { display: block; float: left; width: 20px; height: 20px; background: rgb(242, 242, 242); color: rgb(102, 102, 102); text-align: center; line-height: 20px; font-size: 12px; margin-right: 12px; }
.ranks ul li .bt { display: block; float: left; width: 220px; height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgb(51, 51, 51); }
.ranks ul li .ico { height: 9px; width: 7px; background: url("../images/ico-list.png") 0px 0px no-repeat; margin: 8px 0px 0px 40px; }
.ranks ul li .ico.down { background-position: -11px 0px; }
.ranks ul li .info { display: none; width: 320px; height: 80px; }
.ranks ul li.on > span { height: 50px; line-height: 50px; margin-top: 14px; }
.ranks ul li > span.lis1 { background: rgb(255, 91, 91); color: rgb(255, 255, 255); }
.ranks ul li > span.lis2 { background: rgb(248, 134, 65); color: rgb(255, 255, 255); }
.ranks ul li > span.lis3 { background: rgb(246, 200, 91); color: rgb(255, 255, 255); }
.ranks ul li .info .img { width: 80px; height: 80px; overflow: hidden; border-radius: 18px; margin-right: 16px; }
.ranks ul li .info .img img { width: 80px; height: 80px; border-radius: 18px; }
.ranks ul li .info .name p { display: block; float: left; width: 120px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: bold; color: rgb(51, 51, 51); }
.ranks ul li .info .name p:hover { color: rgb(255, 49, 53); }
.ranks ul li .rd { width: 100px; line-height: 18px; text-align: right; font-size: 12px; color: rgb(153, 153, 153); height: 18px; overflow: hidden; white-space: nowrap; margin-right: 4px; }
.ranks ul li .info .rd { height: 30px; line-height: 30px; margin-right: 0px; }
.ranks ul li .info .size { width: 140px; height: 40px; line-height: 20px; color: rgb(153, 153, 153); font-size: 12px; margin-top: 10px; }
.ranks ul li .info .downl { width: 70px; text-align: center; height: 30px; line-height: 30px; background: rgb(240, 240, 240); color: rgb(255, 49, 53); font-size: 14px; border-radius: 4px; margin-top: 12px; }
.ranks ul li .info .downl:hover { background: rgb(255, 49, 53); color: rgb(255, 255, 255); }

.slist {overflow: hidden;margin: 5px 0px 10px 0;}
.slist li { display: block; float: left; width: 115px; height: 160px; margin: 5px 3px 3px 2px; padding: 15px 15px 0px; text-align: center; }
.slist li .img { display: block; width: 105px; height: 105px; overflow: hidden; border-radius: 18px; margin: 0px auto; }
.slist li .img img { width: 105px; height: 105px; border-radius: 18px; }
.slist li .name p { font-size: 14px; text-align: center; width: 100%; height: 25px; line-height: 26px; overflow: hidden; margin-top: 5px; }
.slist li .category { color: rgb(153, 153, 153); }
.slist li .down { display: none; position: relative; width: 60px; margin: 10px auto 0px; font-size: 14px; text-align: center; padding-left: 20px; background: rgb(29, 164, 234); color: rgb(255, 255, 255); line-height: 28px; height: 28px; border: 1px solid rgb(10, 151, 225); border-radius: 4px; }
.slist li .down i { position: absolute; top: 5px; left: 15px; background: url("../images/icon.png") -9px -40px no-repeat; display: block; width: 18px; height: 18px; }
.slist li:hover .name, .slist li:hover .category { display: none; }
.slist li:hover { background: rgb(240, 240, 240); }
.slist li:hover .down { display: block; }
.slist li:hover .down:hover { background: rgb(236, 68, 44); border: 1px solid rgb(218, 53, 30); }
.tlist { overflow: hidden; margin: 15px 0px 10px 10px; }
.tlist li { display: block; float: left; width: 110px; height: 160px; margin: 5px 14px 0px; padding: 12px 15px; text-align: center; }
.tlist li .img { display: block; width: 110px; height: 110px; overflow: hidden; border-radius: 18px; }
.tlist li .img img { width: 110px; height: 110px; border-radius: 18px; }
.tlist li .name p { font-size: 14px; text-align: center; width: 100%; height: 36px; line-height: 36px; overflow: hidden; margin-top: 5px; }
.tlist li .down { display: none; position: relative; width: 60px; margin: 15px auto 0px; font-size: 14px; text-align: center; padding-left: 20px; background: rgb(29, 164, 234); color: rgb(255, 255, 255); line-height: 28px; height: 28px; border: 1px solid rgb(10, 151, 225); border-radius: 4px; }
.tlist li .down i { position: absolute; top: 5px; left: 15px; background: url("../images/icon.png") -9px -40px no-repeat; display: block; width: 18px; height: 18px; }
.tlist li:hover .name { display: none; }
.tlist li:hover { background: rgb(240, 240, 240); }
.tlist li:hover .down { display: block; }
.tlist li:hover .down:hover { background: rgb(236, 68, 44); border: 1px solid rgb(218, 53, 30); }
.topics { clear: both; background: rgb(255, 255, 255); padding-bottom: 20px; margin-bottom: 20px; }

h3.title_l { background: url("../images/title_l.jpg") left top no-repeat; line-height: 50px; height: 50px; font-size: 20px; color: rgb(51, 51, 51); margin: 0px; padding-left: 20px; }
h3.title_l span { font-size: 14px; color: rgb(187, 187, 187); font-weight: normal; padding-left: 8px; }
h3.title_l p { float: right; margin: 0px; }
h3.title_l p a { display: inline-block; font-size: 12px; font-weight: normal; padding: 0px 20px; }
h3.title_l a.azmore { float: right; margin-right: 20px; font-size: 14px; color: rgb(153, 153, 153); }
h3.title_l a.azmore:hover { color: rgb(255, 49, 53); }


.gltj {clear: both;width: 1200px;padding: 20px;margin: 20px auto;background: rgb(255, 255, 255);overflow: hidden;}
.gltj h3 { font-size: 20px; font-weight: bold; padding: 0px 0px 0px 15px; }
.gltj h3 .azmore{float: right;font-size: 14px;color: rgb(153, 153, 153);}
.gltj .slide { position: relative; padding: 15px 0px 0px 20px; }
.gltj .slide ul { overflow: hidden; }
.gltj .slide li { float: left; margin-right: 15px; }
.gltj .slide li a { display: block; width: 210px; position: relative; border: 1px solid rgb(238, 238, 238); }
.gltj .slide li a p.img { display: block; width: 210px; height: 140px; overflow: hidden; }
.gltj .slide li a img { display: block; width: 210px; height: 140px; transition: all 0.5s ease 0s; }
.gltj .slide li a:hover img { transform: scale(1.05, 1.05); }
.gltj .slide li a p.bt { background: rgb(238, 238, 238); display: block; line-height: 36px; height: 36px; overflow: hidden; text-align: center; padding: 0px 10px; }
.gltj .slide li a:hover { border: 1px solid rgb(255, 49, 53); }
.gltj .slide li a:hover p.bt { color: rgb(68, 68, 68); }
.gltj .slide li a i.new { display: block; position: absolute; left: 0px; top: 0px; width: 45px; height: 39px; background: url("../images/icon_new.png"); }
.gltj .slide li a em {display: none;font-style: normal;position: absolute;left: 0px;bottom: 0px;text-align: center;width: 100%;line-height: 36px;font-weight: bold;font-size: 15px;color: rgb(255, 255, 255);background: rgba(255, 49, 53, 0.9);}
.gltj .slide li a:hover em { display: block; }
.gltj .slide i { display: block; width: 29px; height: 78px; cursor: pointer; background: url("../images/kofpic_slide.png"); position: absolute; }
.gltj .slide i.prev { background-position: 0px 0px; top: 50px; left: -20px; }
.gltj .slide i.prev:hover { background-position: -29px 0px; }
.gltj .slide i.next { background-position: 0px -78px; top: 50px; right: -20px; }
.gltj .slide i.next:hover { background-position: -29px -78px; }