@charset "utf-8";
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {width: 100%;height:auto;background:#fff;-webkit-text-size-adjust:none;}
div {text-align:left;}
body{font:12px/1.5em "Microsoft YaHei";color:#d5d4d4;position: relative;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#d5d4d4;}
a:hover{color: #f0c110;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
.clear{clear:both; line-height:0px; overflow:hidden;}

.content{ width:100%; position:relative;margin-top: 10px;}
/* banner */
.content .zt_jj{width:100%; padding-bottom: 13px;border-bottom: 10px solid #f5f5f5;}
.content .soft_img{ width:100%; overflow:hidden; position:relative;margin-bottom:10px;}
.zt_jj img{ display:block; width:100%; }
.zt_jj .tit{height: 50px; position: absolute; left: 0; bottom:5px; z-index: 2; padding: 0 10px; width: 100%;box-sizing: border-box;}
.zt_jj h1{ font-size:16px; color:#fff; height:30px; line-height:30px; width:100%;overflow: hidden; text-align: center; font-weight: bold;}
.zt_jj p{ font-size:12px; color:#ddd; height:20px; line-height:20px; width:100%;overflow: hidden; text-align: right;}
.zt_jj .bg{display: block; width: 100%; height: 100px; position: absolute; left: 0; bottom: 0;
background: linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
background: -ms-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
}
.zt_jj .article{font-size: 13px; line-height: 21px; color: #666; padding: 0 10px;/*  max-height: 63px; overflow-x: hidden;overflow-y: auto; */}
.zt_jj .article span{color: #ff9900; font-weight: bold;}

/* list */
.column{ width:100%;  position:relative;}
.xz_list{ padding:0 10px 0 10px; overflow:hidden; }

/* top_des */
.top_des{padding-top: 10px;}
.top_des .des{height: 115px; background: #fff4ec; border-radius: 9px; overflow: hidden;zoom: 1; position: relative; margin-bottom: 10px;}
.top_des .des .img{width: 70px; height: 70px; display: block; position: relative; float: left; margin: 23px 0 0 28px;}
.top_des .des .img img{display: block; width: 100%; height: 100%; border-radius: 10px; position: absolute; z-index: 2; left: 0; top: 0;}
.top_des .des .img .icon{display: block; width:40px; height: 37px; background: url(../images/zt_icon_new.png) no-repeat; background-position: -93px 0; z-index: 3; position: absolute; left: -18px; top: -18px;}
.top_des .des .img .num{display: block; width: 80px; height: 25px; background: url(../images/zt_icon_new.png) no-repeat; background-position: -102px -65px; text-align: center; font-size: 14px; text-align: center; color: #fff; line-height: 25px; position: absolute; left: -5px; bottom: -8px; z-index: 3;}
.top_des .des .img::before{display: inline-block; content: ' '; width: 18px; height: 20px;background: url(../images/zt_icon_new.png) no-repeat; background-position: -93px -42px;position: absolute; left: -18px; bottom: 4px; z-index: 1;}
.top_des .des .img::after{display: inline-block; content: ' '; width: 18px; height: 20px;background: url(../images/zt_icon_new.png) no-repeat; background-position: -176px -42px;position: absolute; right: -18px; bottom: 4px; z-index: 1;}

.top_des .des .mid{margin: 0 85px 0 122px; padding-top: 23px; overflow: hidden;}
.top_des .des .mid .tit{display: block; height: 25px; line-height: 25px; overflow: hidden;color: #090909; font-size: 15px; font-weight: bold;}
.top_des .des .mid .star{width: 70px; height: 12px; background: url(../images/rank_icon.png) no-repeat; overflow: hidden;zoom:1;background-position: 0 bottom;margin: 8px 0;}
.top_des .des .mid .star em{display: none;}
.top_des .des .mid p{display: block;height: 22px;line-height: 22px;color: #aaa;overflow: hidden; font-size: 12px;}

.top_des .des .btn{ width:65px; height:28px;border-radius:4px; text-align:center; color:#fff; font-size:14px; line-height:28px; display:block; position:absolute; top:44px; right:10px; 
  background: linear-gradient(left,#ee1d1d,#ff4a4b);
  background: -ms-linear-gradient(left,#ee1d1d,#ff4a4b);
  background: -webkit-linear-gradient(left,#ee1d1d,#ff4a4b);
  background: -moz-linear-gradient(left,#ee1d1d,#ff4a4b);
}

.top_des .des.des2 .img .icon{background-position: -135px 0;}
.top_des .des.des3 .img .icon{background-position: -177px 0;}

/* infocon */
.xz_list ul{width: 100%;}
.xz_list li{ width:100%; position:relative;overflow:hidden;zoom:1; padding: 15px 0; border-bottom: 1px solid #ececec; height: 70px;}
.xz_list li .game_con{ margin-right:70px;display:block; overflow: hidden; zoom: 1;}
.xz_list li .game_con img{ width:70px; height:70px; border-radius:12px; display:inline-block; float:left;}
.xz_list li .game_con .game_title{ padding:0 0 0 10px; overflow:hidden;}
.xz_list li .game_con .game_title b{ font-size:15px; color:#090909; height: 26px; line-height: 26px; display: block; overflow: hidden;}
.xz_list li .game_con .game_title span{display:block; height:22px; line-height:22px; color:#a5a8a8; overflow: hidden;}
.xz_list li .game_con .game_title p{display:block; height:22px; line-height:22px; color:#a5a8a8; overflow: hidden;}

.xz_list li .game_down{ width:65px; height:28px;border-radius:4px; text-align:center; color:#fff; font-size:14px; line-height:28px; display:block; position:absolute; top:35px; right:0px; 
background: linear-gradient(left,#4cb749,#6dd16b);
background: -ms-linear-gradient(left,#4cb749,#6dd16b);
background: -webkit-linear-gradient(left,#4cb749,#6dd16b);
background: -moz-linear-gradient(left,#4cb749,#6dd16b);
}

.xz_list li .game_con > em{display:block;width: 22px;height: 33px;text-align: center;color: #fff;line-height:24px; position: absolute; left: 0; top: 15px; background: url(../images/zt_icons.png) no-repeat; background-position: 0 -113px;}

.xz_list li:first-child{border-top: 1px solid #ececec;}

 /*公司简介底部*/
footer{ width:100%; background:#333;}
footer small {font-size: 13px;text-align: center;padding: 17px 0;display: block;background: #4f4f4f;color: #aaaaaa;}
footer small a{ color: #3897f0; display: inline-block; }
.copyright{ font-size:14px;color:#999;text-align:center;padding:10px 0;}

/*下拉加载*/
#more{ height: 35px;line-height: 35px;text-align: center;background-color: #f6f6f6;margin: 20px;display: block;border-radius: 3px;color: #666;border:1px solid #ddd;font-size: 15px;
display: none;}

/* 小编推荐 */
.xz_list > .game_line{display: none;}
.zt_special{background: #f5f5f5 url(../images/zt_bg.png) no-repeat center top; background-size: 100% auto; padding-bottom: 14px;}
.zt_title{ margin-bottom: 64px; padding-top: 12px;}
.zt_title h1{font-size: 18px; color: #fff; font-weight: normal; text-align: center;height: 30px; line-height: 30px; overflow: hidden;}
.zt_details{margin: 0 22px; background: #fff; border-radius: 10px; box-shadow: 0 0 8px #c7c7c7; position: relative; z-index: 0;}
.zt_details .img{width: 120px; height: 120px;display: block; position: absolute; top: -27px; left: 50%; margin-left: -60px;}
.zt_details img{width: 120px; height: 120px; border-radius:20px;}
.zt_details .img i{display: block; width:89px; height: 90px; background: url(../images/zt_icon_new.png) no-repeat; position: absolute; left: -6px; top: -6px;}
.zt_details .t{display: block;font-size: 16px; color: #666; text-align: center; padding-top:100px; height: 34px; line-height: 34px; text-align: center; overflow: hidden;}
.zt_details p{font-size: 14px; line-height:22px; height: 22px; overflow: hidden; color: #f0f0f0; margin: 0 0 12px; text-align: center;}
.zt_details p em{margin-right: 5px; color: #999;}
.zt_details p i{margin-left: 5px; font-style: normal; color: #f7a934;}
.zt_details .zt_xz_btn{ width: 80%; height: 38px; border-radius: 20px; margin: 0 auto; font-size: 18px; color: #fff; text-align: center; line-height: 38px; background-color: #ffaa2a; display: block; margin-top: 14px;}
.arp_tips{text-align: center;font-size: 12px;color: #259d5d;padding-top: 8px;padding-bottom: 12px;}
.arp_tips span{padding: 0 16px;position: relative;}
.arp_tips span::after{content: "";position: absolute;width: 11px;height: 11px;left: 0;top: 50%;margin-top: -5px;background: url(../images/dyw-tip.png) no-repeat;background-size: 11px;}


/* tit */
.app_title{font-size: 16px;color: #080909;height: 48px;line-height: 48px;font-weight: normal; font-weight: bold;}
.app_title:before{display:block;content: ' ';float:left;height: 14px;width:4px;background: #59c301;margin: 17px 8px 0 0;border-radius: 2px;}

/* 热门标签 */
.hot_tags {padding: 0 10px 12px; border-top: 10px solid #f5f5f5;}
.hot_tags div{overflow: hidden; zoom: 1;}
.hot_tags div a{display: inline-block; padding: 0 10px; height: 26px; line-height:26px; font-size: 14px; color: #59c301;  border-radius: 13px; float: left; margin-right: 6px;margin-bottom: 10px; border:1px solid #59c301;}
.hot_tags div a:nth-child(12n+1){color: #499ae0;border:1px solid #499ae0;}
.hot_tags div a:nth-child(12n+2){color: #f9679a;border:1px solid #f9679a;}
.hot_tags div a:nth-child(12n+3){color: #3dcc9c;border:1px solid #3dcc9c;}
.hot_tags div a:nth-child(12n+4){color: #e68a00;border:1px solid #e68a00;}
.hot_tags div a:nth-child(12n+5){color: #5cbe65;border:1px solid #5cbe65;}
.hot_tags div a:nth-child(12n+6){color: #65bb0a;border:1px solid #65bb0a;}
.hot_tags div a:nth-child(12n+7){color: #ff4c4c;border:1px solid #ff4c4c;}
.hot_tags div a:nth-child(12n+8){color: #3d85cc;border:1px solid #3d85cc;}
.hot_tags div a:nth-child(12n+9){color: #f9679a;border:1px solid #f9679a;}
.hot_tags div a:nth-child(12n+10){color: #499ae0;border:1px solid #499ae0;}
.hot_tags div a:nth-child(12n+11){color: #3dcc9c;border:1px solid #3dcc9c;}

/* 精选专题 */
.jxzt{ border-top: 10px solid #f5f5f5;}
.jxzt .app_title{padding-left: 10px;}
.jxzt ul{overflow:hidden; zoom: 1; margin: 0 10px;}
.jxzt li{width: 3.2rem; margin-bottom: 0.3rem;}
.jxzt li:nth-child(odd){float: left !important;}
.jxzt li:nth-child(even){float: right !important;}
.jxzt li.li1,.jxzt li.li3,.jxzt li.li5,.jxzt li.li7{float: left;}
.jxzt li.li2,.jxzt li.li4,.jxzt li.li6,.jxzt li.li8{float: left;}
.jxzt li img{width: 3.2rem; height: 1.8rem;}
.jxzt li b{display: block; width: 100%; height:0.56rem; font-size:0.28rem; color: #555;text-align: center; line-height: 0.56rem;  overflow: hidden; font-weight: normal; }
