@charset "utf-8";
/*首页*/
.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{background: #fff;color:#1393ff;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; border:1px solid #1393ff;}
.prefec_instr li a{ width:100%; float:left;text-align:left;}
.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}

.prefecture{ background:#fff; margin-top:8px; padding:8px 0;}
.new_prefecture{ background:#fff; margin-top:8px;}
.quick_tit{font-weight:800; font-size:16px; border-left:3px solid #145eb6; line-height:18px; padding-left:8px; margin:1px 0 6px 10px;}
.quick_nav ul{ margin-right:10px; padding:10px 0 0 10px;}
.quick_nav li{ width:33.3%; float:left; margin-bottom:10px;}
.quick_nav li.disli{ display:none}
.quick_nav li a,.quick_nav li p{ display:block; border:1px solid #d7d7d7; text-align:center; color:#808080; margin:8px 0 0 10px; line-height:30px;height:30px;}
.quick_nav li.sel a{ background:#f2f2f2}
.quick_nav li p span{background:url(../img/more_top.png) no-repeat center center; background-size:12px auto;height:30px; display:block}
.quick_nav li p span.span1{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.perfect_tit{ background:#fff; line-height:40px; border-top:2px solid #43c440;border-bottom:1px solid #e6e6e6; color:#43c440; font-weight:800; text-indent:10px; height:40px; margin-top:8px;}
.perfect_tit_center{ display:block; text-align:center; text-indent:0;border-bottom:1px solid #ccc; }
.perfect_con{ background:#fff; line-height:25px; color:#666; padding:5px 10px;}
.perfect_con .discon{ display:none}
.perfect_con em{ color:#1c6cd8;display:inline-block;cursor:pointer}
.J_detail{ padding-bottom:15px;}
.perfect_tab{line-height:40px; border-top:2px solid #ccc;border-bottom:1px solid #e6e6e6; color:#666; font-weight:800; text-indent:10px; height:40px;}
.perfect_tab li{ width:33.3%; float:left; text-align:center; color:#cccaca}
.new_perfect_tab li{width:50%; float:left;}
.perfect_tab li em{ float:right; margin-top:12px; width:2px; height:16px; border-right:1px solid #999;}
.perfect_tab li.hover{ border-top:2px solid #145eb6; color:#145eb6; margin-top:-2px;}


.perfect_li li{ margin:0px 10px;border-bottom:1px dashed #d7d7d7; }
.perfect_li li:last-child {border-bottom:none; }
.perfect_li li.noline{border:none}
.perfect_li li a{ color:#666; height:40px; overflow:hidden; display:block; line-height:40px;}
.perfect_li li a .span1{ height:40px; display:inline-block; width:78%;overflow:hidden;}
.perfect_li li a .span2{ height:40px; display:block;overflow:hidden;}
.perfect_li li a .span3{height:40px; width:33.3%; display:inline-block; float:left}
.perfect_li li a .span3 span{ color:#009950}
.perfect_li li a .span4{ text-align:right;}
.perfect_li li a em{ float:right; color:#ccc;line-height:40px;}
.perfect_li li i{background: #1ece2a;color:#fff; float:right;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}
.perfect_li li i.i1{ background:#1ece2a;}
.perfect_li li i.i2{ background:#f3b838;}
.perfect_li li i.i3{ background:#D9D9D9;}

.complete_tit{background:#f2f2f2;border-bottom:1px solid #cccccc;}
.n_complete_tit{ margin-top:4px;border-top:1px solid #cccccc; color:#4d4d4d}
.complete_tit span{font-weight:800;border-left:3px solid #145eb6; line-height:18px; padding-left:8px; margin:8px 0 8px 10px; display:inline-block; color:#4d4d4d;}
.complete_tit em{ float:right;background:url(../img/more_top.png) no-repeat center center; background-size:12px auto; width:12px; height:34px; margin-right:10px;}
.complete_tit em.em1{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.complete_nav{ margin-bottom:8px;}
.complete_more{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:38px; height:38px; background:#fff; text-align:center; margin-top:8px;}
.complete_more p{ background:url(../img/more_bottom.png) no-repeat center center; background-size:12px auto;height:38px; display:block}
.complete_more p.p1{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.complete{ margin-bottom:4px;}

.perfect_v_list{margin:10px}
.perfect_v_list a{float:left; width:50%; height:85px; overflow:hidden;}
.perfect_v_list a p{position:relative;}
.perfect_v_list a .p1{ margin-right:5px;}
.perfect_v_list a .p2{ margin-left:5px;}
.perfect_v_list img{height:85px; width:100%;}
.perfect_v_list em{height:25px; line-height:25px; width:100%; background:rgba(0,0,0,0.4); bottom:0; position:absolute; color:#fff; left:0px; font-size:14px; z-index:5; overflow:hidden}
.perfect_v_list span{ background:url(../img/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}
.perfect_v{ background:#fff; box-shadow:0 2px 0 rgba(227, 227, 227, 0.2); border-bottom:1px solid rgba(223, 223, 223, 0.8);}


 
/*详细页*/
.android_local{line-height:40px;height:40px; border-top:2px solid #666;border-bottom:1px solid #e6e6e6; margin-top:8px;text-indent:10px;color:#333}
.android_local .a1{ font-weight:normal;color:#333}
.android_local span{ padding:0 3px;}


/*图鉴*/
.complete_tit_2 { border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background:#f2f2f2; margin-top:2px;}
.complete_tit_2 span{font-weight:700; background:url(../img/single/title.png) no-repeat left; -moz-background-size:10px 10px; /* 老版本的 Firefox */ background-size:10px 10px; line-height:18px; padding-left:8px; margin:8px 0 8px 15px; display:inline-block; padding-left:15px;}
.complete_tit_2 em{ float:right;background:url(../img/more_top.png) no-repeat center center; background-size:12px auto; width:12px; height:34px; margin-right:10px;}
.complete_tit_2 em.em2{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.complete_tit_3 { display:none;}

.complete_tit{border-bottom:1px solid #e6e6e6; background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f2f2f2)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f2f2f2', GradientType='0'); /* IE*/ box-shadow:0px 3px 2px #f0f0f0;}
.n_complete_tit{ margin-top:4px;border-top:1px solid #e6e6e6; color:#666}
.complete_tit span{font-weight:800;border-left:3px solid #145eb6; line-height:18px; padding-left:8px; margin:8px 0 8px 10px; display:inline-block}
.complete_tit em{ float:right;background:url(../img/more_top.png) no-repeat center center; background-size:12px auto; width:12px; height:34px; margin-right:10px;}
.complete_tit em.em1{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.complete_nav{ margin-bottom:8px;}
.complete_more{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:38px; height:38px; background:#fff; text-align:center; margin-top:8px;}
.complete_more p{ background:url(../img/more_bottom.png) no-repeat center center; background-size:12px auto;height:38px; display:block}
.complete_more p.p1{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.complete{ margin-bottom:4px;}

/*游戏礼包*/
.hot_zqtop{ background:#fff}
.evaluation_db { padding: 10px 10px 0 0;}
.evaluation_db .evaluation_img { width:100px; height:70px; border-radius:3px;
 -moz- border-radius:3px; -ms-border-radius:3px; -o- border-radius:3px; -webkit- border-radius:3px; text-align:left; float:left; margin-left:10px;}
.evaluation_db .title{ font-weight:bold; display:block; white-space:nowrap; overflow:hidden; float:none; padding-left:5px; color:#fe4040;}
.evaluation_db .cont_1 { padding-left:5px; display:block; height:50px; overflow:hidden; line-height:25px; padding-top:5px; color:#999}
.clear { clear:both;}

.ajaxFl2Input { clear:both;}

.zoon { padding:20px 10px 10px 10px;}
.zoon a { display:block; width:50%; float:left; text-align:center;}
.zoon a img { height:84px; width:85%; max-width:210px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}


/*切换*/
#header {width: 100%;height: 44px;line-height: 40px;padding: 0;color: #ccc;font-size: 20px;text-align: center;font-weight: bold;}


#wrapper2 {position: relative;z-index: 1;height:44px;width: 100%;background: #fff;overflow: hidden;-ms-touch-action: none;border-bottom:1px solid #ccc}
#header {width: 100%;height: 40px;line-height: 40px;padding: 0;color: #ccc;font-size: 20px;text-align: center;font-weight: bold;}
#scroller2 {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 400px;height: 40px;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
#scroller2 ul {list-style: none;width: 100%;padding: 0;margin: 0;}
#scroller2 li {padding:0 5px 0 5px;height: 40px;float: left;line-height: 40px;background-color: #fafafa;font-size: 14px;overflow: hidden;text-align: center;}
#scroller2 .hover { border-bottom:4px solid #43c440;}
.wrapper2{ position: relative;z-index: 1;height:40px;width: 100%;background: #fff;overflow: hidden;-ms-touch-action: none;border-bottom:1px solid #ccc}
#scroller2 ul .hover {border-bottom: 4px solid rgba(67, 196, 64, 1);}


.wrapper3 {position: relative;z-index: 1;height:44px;width: 100%;background: #fff;overflow: hidden;-ms-touch-action: none;border-bottom:1px solid #ccc}
.scroller3 {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 400px;height: 40px;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.scroller3 ul {list-style: none;width: 100%;padding: 0;margin: 0;}
.scroller3 li {padding:0 5px 0 5px;height: 40px;float: left;line-height: 40px;background-color: #fafafa;font-size: 14px;overflow: hidden;text-align: center;}
.scroller3 .hover { border-bottom:4px solid #43c440;}
.scroller3 ul .hover {border-bottom: 4px solid rgba(67, 196, 64, 1);}


.hero_ioc ul li { display:block; float:left; width:25%; text-align:center; margin:10px 0 0 0;}
.hero_ioc ul li img { height:70px; width:70px; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}
.hero_ioc ul li p{ text-align:center; display:block; width:100%; height:20px; white-space:nowrap; overflow:hidden; color:#808080;}


@media all and (min-width: 240px) and (max-width: 320px) { 
html{font-size:13px;}
 
}
@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;}



}