@charset "utf-8";
/*首页*/
.single_nav{  margin:8px 8px 10px 0px;}
.single_nav li{ float:left; width:20%;text-align:center; position:relative }
.single_nav li a{ display:block; color:#808080;text-align:center; border:1px solid #ccc; margin-left:8px;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px; padding:8px 0; background:#fff}
.single_nav li.hover a{color:#00cacc;border:1px solid #00cacc;}
.single_nav li span{ background:url(/uploads/image/asisingle/single_nav.png) no-repeat; background-size:10px auto; width:10px; height:6px; position:absolute; left:50%; bottom:-5px; margin:0 0 0 -3px; display:none}
.single_nav li.hover span{ display:block}

.news_ios{border-top:1px solid #ccc; background:#fff; margin-top:8px; }
.news_ios li{ margin:0 10px; border-bottom:1px dashed #d7d7d7;}
.news_ios li.noline{ border:0;}
.news_ios li a{ width:100%; float:left; padding:9px 0 7px 0; line-height:25px;}
.news_ios li span{ float:left;text-indent:2px; height:23px; line-height:25px; margin-right:5px; font-size:12px; color:#ff4234}
.news_ios li em{ width:82%; float:left;height:25px; overflow:hidden;color:#808080}

.ios_index{ background:#fff}
.single_tit{ background:#fff; line-height:40px; border-top:2px solid #00cacc;border-bottom:1px solid #e6e6e6; margin-top:8px; color:#00cacc; text-indent:15px; font-weight:800; position:relative; z-index:10}
.single_tit .single_ico{ background:url(/uploads/image/asisingle/single_ico.png) no-repeat; width:26px; height:26px; background-size:26px auto; position:absolute; top:-2px; left:0;}
.single_tit li{ float:left; color:#999; width:50%; text-align:center}
.single_tit li a{ color:#999; font-weight:800; display:inline-block}
.single_tit li span{ float:right; font-size:18px;}
.single_tit li.hover a{color:#00cacc}
.single_tit li em{ float:right; margin-top:12px; width:2px; height:16px; border-right:1px solid #999;}

.single_title2 { float:right; text-align:center; display:block; height:40px; }
.single_title2 li { text-align: left;  display:block; height:30px; margin-top:5px; line-height:30px; text-align:center; width:80px; }
.single_title2 li a { float:left; text-align:center; text-indent:0; width:80px;}
.single_title2 .hover { background:#e6e6e6; color:#00cacc; border-radius:5px; box-shadow:0px 2px 3px #cacaca inset}
.single_title3 { }

.qua_ios_con{ position:relative;z-index:11;}
.qua_ios_con .hyh{ position:absolute; background:url(/uploads/image/asimg/refresh.png) no-repeat left 46%; background-size:15px auto;width:55px; padding-left:20px; right:0; top:-36px; line-height:30px; font-size:12px;}

.qua_ios_list { padding-bottom:15px;background:#fff}
.qua_ios_list li{ width:25%; float:left; text-align:center; margin-top:15px}
.qua_ios_list li a{ display:inline-block}
.qua_ios_list li img{ width:70px; height:70px;}
.qua_ios_list li p{ font-size:14px; line-height:25px; color:#333; height:25px; overflow:hidden;text-overflow:ellipsis;}
.qua_ios_list li span{  background: #fff;color:#00cacc;display:inline-block;font-size:14px;height:30px;line-height:32px; border:1px solid #00cacc;text-align: center;width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px;}

.ios_rec_top{ margin:8px 10px;overflow:hidden; height:100px; position:relative}
.ios_rec_top .img1{ width:100%; border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px; height:100px}
.rec_top_right{position:absolute; width:45%;height:100px;top:0;right:0; background:rgba(0,0,0,0.5);border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0; color:#fff;}
.rec_top_right .p1{ font-size:16px; height:35px; line-height:35px; padding-left:10px;}
.rec_top_right .p2{ font-size:14px;}
.rec_top_right .p2 em{ float:right; color:#ff0f00; font-weight:800; padding-right:5px}
.rec_top_right .a1{ height:30px; line-height:30px; text-align:center; font-size:16px; text-align:center; color:#fff; background:rgba(0,0,0,0.6); display:block;border-radius:0 0px 5px 0;-moz-border-radius:0 0px 5px 0;-ms-border-radius:0 0px 5px 0;-o-border-radius:0 0px 5px 0;-webkit-border-radius:0 0px 5px 0;}

.ios_recommend{ margin-bottom:8px;}
.ios_recommend li{ margin:0 10px; border-bottom:1px dashed #d7d7d7; padding-bottom:10px; }
.ios_recommend li.noline{border:0}
.ios_recommend li { display:block; position:relative;padding:6px 0}
.ios_recommend li .img1{ width:70px; height:70px; float:left; margin:2px 10px 0 0;}
.ios_recommend li .img1 img{ width:70px; height:70px;}
.ios_recommend li .p1{ display:inline-block; width:70%; line-height:25px;}
.ios_recommend li .p1 a{ display:block; color:#666; margin-top:8px;}
.ios_recommend li .p1 .em1{ color:#808080; display:block}
.ios_recommend li .p1 .em2{ color:#00cacc; display:block}
.ios_recommend li .p2{ position:absolute; top:27px; right:5px;}
.ios_recommend li .p2 span{display:block;font-size:14px;height:30px;line-height:32px; text-align: center; width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px;}
.ios_recommend li .p2 .span1{ background: #fff;color:#00cacc;border:1px solid #00cacc;}

.gift_ad{ margin:8px 10px 3px 10px;overflow:hidden; height:100px;}
.gift_ad a{ display:block}
.gift_ad img{ width:100%; border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px; height:100px}
.ios_gift{ background:#fff; margin-top:8px;}
.ios_gift ul{ margin-bottom:5px;}
.ios_gift li{ margin:0 10px; border-bottom:1px dashed #d7d7d7; padding:3px 0}
.ios_gift li.noline{border:none}
.ios_gift li a{ display:block; width:100%; float:left}
.ios_gift li a span{display:inline-block;height:35px; line-height:37px;}
.ios_gift li a .span1{ color:#808080; margin:0 5px;width:72%; height:35px; overflow:hidden; float:left; white-space:nowrap; text-overflow:ellipsis}
.ios_gift li a .span2{ color:#666; width:70px; text-align:center}
.ios_gift li a .span2 em{ color:#f00;}
.ios_gift li a .span3{ background: #1ece2a;color:#fff;display:inline-block;font-size:14px;height:30px;line-height:32px;text-align: center;width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px; float:right; margin:3px 2px 0 0}
.ios_gift li a .span4{ background:#f3b838}

.weekly{margin-bottom:8px; background:#fff}
.weekly ul{ margin:0 10px 8px 0;}
.weekly li{ width:50%; float:left; height:131px; overflow:hidden; margin-top:8px;}
.weekly li a{ display:block; margin-left:10px; color:#6e6e6e}
.weekly li a img{ height:100px; width:100%; border:3px solid #c1f7c0}
.weekly li a p{ height:25px; line-height:25px; text-align:center; overflow:hidden; font-size:14px; }

.ios_v_banner{width:100%;height:85px;text-align:center;position:relative; margin:8px 0}
.ios_v_box{position:absolute; background:#fff; top:0;height:85px; width:100%;}
.ios_v_roll{cursor:pointer; float:left; width:100%; overflow:hidden;}
.ios_v_roll a{float:left; width:50%; position:relative;height:85px;}
.ios_v_roll img{ width:100%; height:85px;}
.ios_v_roll p{height:25px; line-height:25px; width:100%; background:rgba(0,0,0,0.4); bottom:0; position:absolute; color:#fff; left:5px; font-size:14px; z-index:5; overflow:hidden}
.ios_v_roll a span{ background:url(/uploads/image/asimg/video_ico.png) no-repeat; background-size:40px auto; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; z-index:5; top:0; margin-top:20px}
.ios_v_line{position:absolute; top:-36px;right:0;text-align:center; cursor:pointer; z-index:80}
.ios_v_line li{width:10px; height:10px;background:#e6e6e6; display:inline-block; margin-right:8px; border-radius:50%}
.ios_v_line .on{ background:#b3b3b3;}

.ios_kfkc{background:#fff; margin-top:8px;}
.ios_kfkc_center{ margin:0 8px 10px 10px; line-height:40px; color:#808080; text-align:center}
.ios_kfkc_center .tr1{ color:#ccc; height:40px;}
.ios_kfkc_center .tr1 td{height:40px;}
.ios_kfkc_center .noline td{border:none}
.ios_kfkc_center td{border-bottom:1px dashed #d7d7d7;}
.ios_kfkc_center .fs{ color:#f67f73; margin-right:5px;}
.ios_kfkc_center .gift{ background:url(/uploads/image/asimg/gift.png) no-repeat right 45%;background-size:15px auto; display:inline-block; padding-right:18px;}
.ios_kfkc_center .download{ background:url(/uploads/image/asimg/download.png) no-repeat center; width:25px;background-size:25px auto; text-indent:-9999px; margin-left:3px; display:inline-block}

.ios_wy_center{ margin-bottom:8px;}
.ios_wy_center ul{ margin:1px 10px 0 10px;}
.ios_wy_center li{ width:100%; float:left;border-bottom:1px dashed #d7d7d7; padding:10px 0}
.ios_wy_center li.noline{border:none}
.ios_wy_center li .a_in{ width:50%; float:left;}
.ios_wy_center li img{ width:60px; height:60px; float:left}
.ios_wy_center li p{ display:inline-block; margin-left:10px; width:50%;}
.ios_wy_center li p span{  display:block; margin:0px 0 8px 0; color:#666; overflow:hidden;white-space:nowrap;width:100%;overflow:hidden;}
.ios_wy_center li em{background: #fff;color:#00cacc;display:inline-block;font-size:14px;height:30px;line-height:32px; border:1px solid #00cacc;text-align: center;width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px;}

.ios_news{background:#fff; margin-top:8px;}
.ios_news ul.ios_news_list{ margin:5px 0 8px 0;}
.ios_news_list li{ margin:0px 10px;border-bottom:1px dashed #d7d7d7; }
.ios_news_list li.noline{border:none}
.ios_news_list li a{ color:#707070; height:40px; overflow:hidden; display:block; line-height:40px;}
.ios_news_list li a em{ height:40px; display:inline-block; width:81%; background:url(/uploads/image/asimg/list_ico.png) no-repeat left center;overflow:hidden; background-size:4px auto;padding-left:8px;}
.ios_news_list li a span{ float:right; color:#ccc;line-height:40px;}

.hot_zqtop{ background:#fff}
.hot_zq{width:100%;height:295px;position:relative; margin:8px 0}
.hot_zq_box{position:absolute; background:#fff; top:0;height:295px; width:100%;}
.hot_roll{cursor:pointer; float:left; width:100%; overflow:hidden;}
.hot_roll dl{ margin:0 10px;}
.hot_roll dl dd{ float:left; width:100%; border-bottom:1px dashed #d7d7d7; margin-bottom:10px;}
.hot_roll dl dd.noline{border:0}
.hot_roll a{ color:#666}
.hot_roll .a1{float:left; width:80px; position:relative;height:146px; text-align:center}
.hot_roll .a1 img{ width:70px; height:70px;}
.hot_roll .a1 p{ height:30px; line-height:30px; overflow:hidden;white-space:nowrap;font-size:14px;text-align:center; color:#333}
.hot_roll .a1 span{background:#dbb942;color:#fff;display:inline-block;font-size:14px;height:30px;line-height:32px; border:1px solid #dbb942;text-align: center;width:68px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px;}
.hot_roll li{ width:70%; float:left; margin-left:15px; line-height:35px;}
.hot_roll li a{height:35px; display:block;background:url(/uploads/image/asimg/list_ico.png) no-repeat left center;overflow:hidden;background-size:4px auto;padding-left:8px;}
.hot_line{position:absolute; top:-36px;right:0;text-align:center; cursor:pointer; z-index:80}
.hot_line li{width:10px; height:10px;background:#e6e6e6; display:inline-block; margin-right:8px; border-radius:50%}
.hot_line .on{ background:#b3b3b3;}

.single_hot ul{ width:50%; float:left; margin:5px 0}
.single_hot ul li{ margin:0 5px 0 10px;border-bottom:1px dashed #d7d7d7; }
.single_hot ul li.noline{ border:0}
.single_hot ul li a{ display:block; color:#4d4d4d;padding:5px 0 2px 0}
.single_hot ul li p{ display:inline-block; width:20px; height:20px; background:#00d5ed; text-align:center; color:#fff; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; line-height:22px; float:left; margin:2px 10px 0 0}
.single_hot ul li .p1{ background:#d9d9d9}
.single_hot ul li .p2{ opacity:0.6}
.single_hot ul li .p3{ opacity:0.4}
.single_hot ul li span{ width:40%; display:inline-block; line-height:23px; height:23px; overflow:hidden;  margin-top:2px;color:#666}
.single_hot ul li .span1{color:#999;}
.single_hot ul li em{float:right;height:15px;margin:4px 5px 0 0;background-size:13px auto; color:#999999;}
.single_hot ul li .em1{background-size:13px auto; color:#999999; }
 

 
/*单机排行榜*/
.rank_tit{ line-height:40px; text-align:center; font-weight:800; height:32px;border-top:1px solid #e6e6e6; color:#636565;}
/*单机分类页*/
.single_cat{ background:#fff}
.cate_sort{border-bottom:1px solid #e6e6e6; background:#fff; width:100%; padding-bottom:8px;}
.cate_sort .p1{ font-weight:800; font-size:16px; border-left:3px solid #145eb6; line-height:18px; height:18px; padding-left:8px; margin:8px 0 8px 10px;}
.cate_sort .p2{ margin-top:8px;border:1px solid #d7d7d7;line-height:30px; height:30px; background:#f4f4f4; text-align:center}
.cate_sort .p2 span{ background:url(/uploads/image/asimg/more_bottom.png) no-repeat center center; background-size:12px auto;height:30px; display:block}
.cate_sort .p2 span.span1{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.cate_sort ul{ margin:0 12px 0px 0; }
.cate_sort ul li{ width:25%; float:left; text-align:center;}
.cate_sort ul li a{ display:block; border:1px solid #d7d7d7; text-align:center; color:#333; margin:8px 0 0 12px; line-height:38px;}
.cate_sort ul li.sel a{ background:#f2f2f2}

.cate_list li{ margin:0 10px; border-bottom:1px dashed #d7d7d7;position:relative; }
.cate_list li.noline{border:0}
.cate_list li .a1{ display:inline-block; padding:6px 0;}
.cate_list li .img1{ width:70px; height:70px; float:left; margin:3px 10px 0 0;}
.cate_list li .img1 img{ width:70px; height:70px;}
.cate_list li .p1{ display:inline-block;line-height:25px; float:left}
.cate_list li .p1 span{ display:block; color:#333;}
.cate_list li .p1 span em{ background:#00cacc; display:inline-block; padding:0px 4px; height:16px; line-height:18px; font-size:12px; border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;color:#fff}
.cate_list li .p1 .em1{ color:#808080; display:block;}
.cate_list li .p1 .em1 i{ color:#fc4343;}
.cate_list li .a_right{ position:absolute; top:20px; right:5px;}
.cate_list li .a_right a{display:block;font-size:14px;height:30px;line-height:32px; text-align: center; width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px;background: #fff;color:#1393ff;border:1px solid #1393ff; margin-top:8px;}
/*头部游戏*/
.prefec_instr{ background:#fff; margin-top:8px; padding-bottom:8px;}
.prefec_instr li{ margin:0 10px;position:relative; padding-top:8px;}
.prefec_instr li .img1{ width:70px; height:70px; float:left; margin:2px 10px 0 0;}
.prefec_instr li .img1 img{ width:70px; height:70px;}
.prefec_instr li .p1{ display:inline-block;line-height:25px; height:75px;}
.prefec_instr li .p1 span{ display:block; color:#333;}
.prefec_instr li .p1 .em1{ color:#808080; display:block;}
.prefec_instr li .p2{ position:absolute; right:5px; top:27px;}
.prefec_instr li .p2 span{display:block;font-size:14px;height:30px;line-height:32px; text-align: center; width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px;background: #fff0f0;color:#f00; font-size:1em;border:1px solid #ff9d97;}
.prefec_instr li a{ width:50%; float:left;text-align:center; color:#fff;}
.prefec_instr li a span{display:block; border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px; line-height:37px;height:35px;}
.prefec_instr li .a1 span{ background:#dbb942; margin-right:10px}
.prefec_instr li .a2 span{ background:#42d2db}
.hot_zone { background:#fff; padding-bottom:10px;}
.an_ios_center a{width:50%;float:left; text-align:center; margin-top:10px;}
.an_ios_center img{ width:140px; height:84px; border-radius:5px;}
.an_ios_center p{ overflow:hidden; height:16px; font-size:13px;}

/*单机专区*/
.zone { background:#fff; padding-bottom:10px;}
.an_ios_center a{width:50%;float:left; text-align:center; margin-top:10px;}
.an_ios_center img{ width:140px; height:84px; border-radius:5px;}
.an_ios_center p{ overflow:hidden; height:16px; font-size:13px;}


.an_ios_center2 a{width:50%;float:left; text-align:center; margin-top:10px;}
.an_ios_center2 img{  height:84px; border-radius:5px;}
.an_ios_center2 p{ overflow:hidden; height:16px; font-size:13px;}


/*切换*/
.tab_1 { float:right; display:block; height:20px;}
.tab_1 li { float:right; display:block; width:auto; text-indent:0; padding:0 5px 0 5px; color:#ccc; }
.tab_1 li em { width:10px;}
.tab_1 .hover { color:#43c440;}

@media all and (min-width: 240px) and (max-width: 320px) { 
html{font-size:13px;}
.cate_list li .p1 span em{height:14px; line-height:16px;}
.hot_roll li{ width:64%; }
}
@media all and (min-width: 330px) and (max-width: 385px) { 
html{ font-size:14px;}

}
@media all and (min-width: 390px) and (max-width: 768px) { 
html{ font-size:16px;}


}
@media all and (min-width: 770px) and (max-width: 1440px) { 
html{ font-size:16px;}



}