@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea,th,td{padding:0px; margin:0px; border:none;font-family:"Microsoft YaHei",Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;}

a{ color:#333; text-decoration:none;}
a:visited { }
a:active, a:hover { text-decoration:none;}
a:focus,input:hover,button:hover,input[type='button']:hover{ outline:none;}
i, em, cite { font-style: normal; }
li{ vertical-align:bottom; overflow:hidden; list-style-type:none;}
body, button, input, select, textarea{ font:14px/1.5em "Microsoft YaHei";}

/* 超出隐藏 */
.overflow{ overflow:hidden;}        
		          
/* float */
.fl{ float: left; }
.fr{ float: right;}

/* The default style of the mouse */
.cursor{cursor:pointer;}

/* iE6 固定定位闪动 */
*html{ background-image:url(about:blank); background-attachment:fixed; font-family:"Microsoft YaHei"}  
body{font-family:"Microsoft YaHei"}

/* 图片自适应调整 并去除IE6下底部空白*/
img{ max-width:100%;border: 0 none; vertical-align: top;}

/* 文字居中 */
.txt-center{ text-align:center;}
.txt-left{ text-align:left;}
.txt-right{ text-align:right;}
.txt-justify{ text-align:justify;}

/* 自动换行 */
.word-auto{word-wrap: break-word;word-break: normal;}

/* 自动居中 */
.mg-auto{ margin-left:auto; margin-right:auto;}

/* Container-width: 960 980 1000 1200 */
.container-960{ width:960px; position:relative;}
.container-980{ width:980px; position:relative;}
.container-1000{ width:1000px; position:relative;}
.container-1200{ width:1200px; position:relative;}

/* margin */
.mg-b10{ margin-bottom:10px;}.mg-b15{ margin-bottom:15px;}.mg-b20{ margin-bottom:20px;}.mg-b30{ margin-bottom:30px;}

/* clearfix */  
.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{ *zoom:1;}
.cle{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;} 

/* transtion-Hover */
.transtion{ transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}


/* a:hover {color: red;} */

img{transition: all linear 0.4s;-moz-transition: all linear 0.4s;-ms-transition: all linear 0.4s;-o-transition: all linear 0.4s;-webkit-transition: all linear 0.4s;}
img:hover {transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);}


.header-box{background: #fff;}
.top-top {position: relative;width: 100%;height: 30px;margin-bottom: 15px;text-align: right;line-height: 30px;border-top: 1px solid #ececfb;border-bottom: 2px solid #ececfb;background-color: #fff;/* overflow: hidden; */}


.crumbs-box{width:1200px;margin:0 auto;color: #999999;font-size: 14px;padding: 16px 0;}
.crumbs-box a{color: #999999;}
.container-1200 {margin: 0 auto;}
.container-1200{width: 1200px;position: relative;background: #fff;}
.top-top p {float: left;margin: 2px 0 0 10px;font-size: 12px;color: #666666;}
.top-top span {margin-left: 10px;font-size: 12px;color: #666666;}
.top-top span a {margin: 0 2px;}

.top-nav{position: relative;z-index: 5;height: 90px;width: 1200px;margin: 0 auto;}
.top-nav p {float: left;width: 136px;height: 90px;background: url(../img/logo.png) 2px 11px no-repeat;}
.top-nav p a {width: 136px;height: 80px;display: block;}
.nav-main{width: 100%;height: 40px;background-color: #167af4;color: white;}
.nav-ul{width:1200px;margin:0 auto;}
.nav-main li{float: left;font-size: 16px;text-align: center;line-height: 40px;padding: 0 22px;}
.nav-main li:nth-child(1){padding-left: 45px}
.nav-main li:nth-child(5){padding:0;width: 75px;}
.nav-main li a{color: white;}
.nav-main li a:hover{font-weight:800  !important;color: white !important}
.nav-menu{position: relative;z-index: 2;padding: 20px 0 5px 0;background: #fff;}

.crumbs-box {width: 100%;height:26px;font-size: 12px;background: #f6f6f6;color: #999999;padding: 7px 0;line-height: 26px;overflow: hidden;}
.crumbs-box a {color: #666666;display: inline-block;margin-right: 4px;}
.crumbs-box i {display: inline-block;width: 12px;height: 12px;}
.sign-icon {float: left;margin-top: 7px;margin-right: 4px;margin-left: 10px;background: url(../img/sign-icon.png) no-repeat 0 0;}

.m-game-info {position: relative;background-color: #fff;padding-bottom: 15px;padding-top: 5px;}
.m-game-info .u-bg {position: absolute;left: 0;top: 0;width: 100%;height: 120px;z-index: 1;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden;}
.m-game-info .u-bg img {-webkit-box-flex: 0;-ms-flex: none;flex: none;width: 100%;display: block;-webkit-filter: blur(8px);filter: blur(8px);}
.m-game-info .u-bg .cov {position: absolute;left: 0;top: 0;width: 100%;height: 165px;background-color: rgba(0,0,0,.7);}
.m-game-info .u-con {position: relative;width: 90%;margin: 60px auto 0;z-index: 2;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;background-color: #fff;border-radius: 5px;box-shadow: 0 0 10px #656565;padding-top: 10px;padding-bottom: 10px;}
.m-game-info .u-con img {width: 80px;height: 80px;display: block;border-radius: 10px;margin: -40px auto 0;}
.m-game-info .u-con h1 {height: 30px;line-height: 30px;overflow: hidden;font-size: 18px;font-weight: 700;margin-top: 9px;color: #333;}
.m-game-info .u-con h1 a {color: #fff}
.m-game-info .u-con .list-game-info {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;color: #eee;height: 30px;line-height: 30px;font-size: 14px;}
.m-game-info .u-con .list-game-info span {color: #999;margin: 0 5px;}
.m-game-info .u-con .list-game-info span i {color: #3c82e1;}
.topdown .downbtn_a,.topdown .btn_zq_a {    display: inline-block !important;    width: 45%;    height: 40px;    line-height: 40px;    margin: 0 2% 0 2%;    margin-bottom: 10px;    background: #fff;    font-size: 14px;    border: 1px solid #3c82e1;    color: #3c82e1;    box-sizing: border-box;    border-radius: 5px;    text-align: center;    margin-top: 10px;}
.topdown .downbtn_b {    text-align: center;    background: #3c82e1;    display: inline-block;    width: 45%;    margin: 0 2% 0 2%;    margin-bottom: 10px;    line-height: 20px;    height: 38px;    padding-top: 2px;    vertical-align: top;    font-size: 14px;    border-radius: 5px;    color: #fff;    margin-top: 10px;}
.topdown .downbtn_b i {    display: block;    height: 16px;    line-height: 16px;    font-size: 12px;    text-align: center;    font-style: normal;    opacity: .8;}
.topdown p {    font-size: 12px;    background: #fff3e2;    color: #787878;    padding: 4px 8px;    box-sizing: border-box;    border: 1px solid #ffe0b5;    line-height: 20px;    border-radius: 5px;    width: 94%;    margin: 0 auto 10px;}
.topdown p em {    color: #f75934;}
.sm {    text-align: center;    font-size: 14px;    color: #259d5d;    padding-top: 10px;}
.sm span {    padding: 0 15px;    position: relative;}
.sm span::after {content: "";    position: absolute;    width: 12px;    height: 12px;    left: 0px;    top: 10px;    margin-top: -5px;    background: url(../img/icon-lvse@2x.png) no-repeat;    background-size: 12px;}

.btn01 {display: block;text-align: center;line-height: 24px;border: 1px solid #1a7eed;font-size: 12px;border-radius: 4px;color: #1a7eed; width:68px; margin:0 auto;
}

.hot-soft-label {display: block;overflow: hidden;margin-top: 10px;padding: 0 10px;
}

.hot-soft-label a {color: #fff;border: none;font-size: 14px;float: left;margin: 0 10px 8px 0;padding: 0 15px;text-align: center;border-radius: 4px;transition: opacity .3s ease;height: 28px;line-height: 28px;overflow: hidden;
}

.hot-soft-label a:hover {opacity: .7;
}

.hot-soft-label a:nth-of-type(6n+1) {background: #ffa958;
}

.hot-soft-label a:nth-of-type(4n+2) {background: #67b4ff;
}

.hot-soft-label a:nth-of-type(5n+1) {background: #ffa958;
}

.hot-soft-label a:nth-of-type(3n) {background: #61e0c4;
}

.hot-soft-label a:nth-of-type(7n+3) {background: #ffa9a8;
}

.hot-soft-label a:nth-of-type(4n+4) {background: #61e0c4;
}

.hot-soft-label a:nth-of-type(4n+5) {background: #ff7f7d;
}


/*footer*/
.footer-box{background-color: #262626;border-top:4px solid #02a0e7;color: #fff !important;height:180px;width: 100%;}
.footer-box a{color: #fff !important;}
.footerbox1{
    display: none;
}
#modFootClass {text-align: center;font: 400 12px/26px "simsun";color: #fff;margin: 42px 0 0;font-size: 14px;}
#modFootClass a{color:#444;text-decoration: none;}
#modFootClass a:hover{color:#a00;}
#modFootClass span{font-family:microsoft yahei;}

.mod_return {width: 48px;height: 48px;position: fixed;bottom: -165px;right: 50%;margin-right: -675px;z-index: 9999;-webkit-transition: all ease 0.9s;-moz-transition: all ease 0.9s;-ms-transition: all ease 0.9s;-o-transition: all ease 0.9s;z-index: 999;transition: all ease 0.9s;}

.mod_return.mod_return_appear {bottom: 100px;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}

.mod_return a {display: block;width: 100%;height: 100%;background: url(../img/icon-tips.png) no-repeat -132px -52px;}
.mod_return a:hover{background: url(../img/icon-tips.png) no-repeat -132px -100px;}

.top-khd{/* display: none; */color:#52589b !important;position: relative;}
.float-alink{display: block;width: 100%;height: 100%;position: absolute;top: 0;left:0;}

.top-khd em{display:inline-block;width:10px;height: 15px;background:url(../img/s-phone-icon.png) no-repeat 0 0;vertical-align: middle;margin-right: 5px;}
.float-box{display: none;position:absolute;right: 11px;top: 48px;width:440px;height:138px;background:url(../img/s-top-bg.png) no-repeat 0 0;z-index:9;}
.float-box strong{position:absolute;top: -14px;right: 45px;content:"";display:block;width: 21px;height: 15px;background:url(../img/sm-up-icon.png) no-repeat 0 0;}
.float-box-left{float:left;width:306px;height:112px;margin:14px 5px 14px 14px;background:url(../img/s-top-bg1.png) no-repeat 0 0;}
.float-icon{float:left;}
.float-icon img{display:block;width:66px;height:66px;margin: 8px 14px 6px;}
.float-icon a{display:block;width:66px;height:24px;background:#dc1301;line-height:24px;text-align:center;font-size:14px;color:#fff;border-radius:20px;margin-left:14px;}
.float-tit{float:left;text-align: left;width:194px;}
.float-tit div{color:#121212;font-weight:bold;font-size:18px;margin-top: 20px;}
.float-tit p{margin:0;color:#333333;font-size:15px;line-height: 24px;}
.float-box-right{float:left;width:100px;height: 100px;background:#fff;border-radius:15px;margin-top:18px;}
.float-box-right img{width:82px;height:82px;display:block;margin:9px auto;}

/*头部移动*/
/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1200px){
.header-box_sj{ display:none;}
.crumbs-box{ background:#fff; width:1200px; margin:0 auto;}
.sjcont{ display:none;}
.hotlabel,.btn01{ display:none;}
 
}

/*1100分辨率（大于320px，小于1199px*/
@media screen and (min-width:280px) and (max-width: 1199px) {
	.top-top,.top-nav-box,.nav-main,.header-box{ display:none;}
	.header-box_sj{ width: 100%;  height:46px;  background-color: #1a7eed;  color: #fff;}
	.m-logo img{display: block;width: 200px;margin: 8px 10px;height: 30px;	float:left;}
	.search-btn{ float:right;}
	.search-btn{display: block;width: 22px;height:24px;vertical-align: top;margin: 10px 10px 0 0;float:right}
	
	.con-box{width:100%;margin: 0 auto 20px;}
	.con-box .content_left{width:100%;}
	.con-box .Gminfo{position: relative;background-color: #f6f1f1;padding-bottom: 15px;padding-top: 5px;}
	.webcont{ display:none;}
	.m-game-info{ background:#f1f1f1;}
	.con-box .Gminfo .lis{
        float:none;
        width: 80%;
        margin: 0 5% 0 15%;
    }
	.con-box .Gminfo .lis li{
        width: 50% !important;
        font-size: 12px;
        color: #999999;
        margin-right: 0;
        height: 26px;
        line-height: 26px;
        text-align: left;
    }
    .gtag{
        float:none;
        width: 80%;
        margin: 0 15% 0 5%;
        padding-left: 10px;
    }
	.gtag span{
		text-align:left;
	}
    .gtag span a{
        font-size:12px;
        color: #3c82e1;
        border: 1px solid #3c82e1;
    }
	.con-box .Gminfo h1{
		margin: 10px auto 5px;
	}
	.con-box .s_title {width: 100%;z-index: 9999;padding-top: 2px;}
.con-box .s_title {height: 45px;line-height: 45px;border-bottom: 3px solid #ddd;}
.con-box .s_title li,.con-box .s_title span {float: left;padding: 0 7px;cursor: pointer;color: #666;font-size: 15px;height: 45px;}
#v-intro {line-height: 24px;color: #666;font-size: 14px;margin-top: 8px;	padding:0 10px;}
.game-screenshot-box{padding:0 10px;}
.img_look {width: 100%;height: 280px;position: relative;}
.game-screenshot-con {width: 100%;height: 305px;margin: 0px auto;overflow: hidden;}

#imgview {overflow: hidden;width: 865px;margin: 5px auto;}
.content_right{ display:none;}
.r-look-soft-p3,.r-look-soft-p2,.r-look-soft-p1 span{/* display:none;*/}

#guessWrap{ padding:0 6px;}
.r-look-soft ul li{
/*width:25%;text-align: center;float:left;margin-right: 0px;margin-bottom: 12px;*/
width: 100%;
}
.r-look-soft-img {/*width: 68px;height: 68px;border-radius: 15px;overflow: hidden;display: block;margin: 0 auto;float: none;*/}	
.r-look-soft-d {width: 100%;}
.r-look-soft-p1 a {width: 100%;/*color: #333;font-size: 14px;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;8*/}
.r-look-soft ul {overflow: hidden;width: 100%;}

.zt_list li {float: left;width: 25%;padding: 3px 0 16px;}
.ztgimg {float: none;margin-right: 0px;width: 68px;height: 68px;border-radius: 15px;overflow: hidden;	margin:0 auto; display:block;
}	
.ztgimg img {width: 68px;height: 68px;}
.ztgname {display: block;width: 100%;height: 28px;color: #333;line-height: 28px;overflow: hidden;font-size: 14px;margin-top: 4px; text-align:center;}
.zt_list li span{ display:none;}
	.hotlabel{ padding:0 10px;}
	.footer-box{ display:none;}
	.footerbox1{background-color: #f8f8f8;border-top: 1px solid #dedede;color: #333;padding:5px 0;line-height:28px;width: 100%;text-align:center;display: block;}
	
	#filter{ display:none;}
	.downlist {margin-top: 10px;padding: 0 10px;}
.downlist li {padding: 10px 0 10px 0;float: left;width: 100%;border-bottom: 1px  dotted #dedede;}


.downlist .g {position: relative;float: left;width: 70px;}
.downlist .g .sign_app_img {width: 70px;height: 70px;border-radius: 14px;overflow: hidden;margin-top: 1px;display: block;}

.downlist .ginfo {float: left;padding-left: 10px;	width:-webkit-calc(100% - 162px);	width:-moz-calc(100% - 162px);	width:calc(100% - 162px);font-size: 12px;color: #999;}

.downlist .ginfo b {display: block;line-height: 24px;height: 24px;font-size: 14px;overflow: hidden;width: 425px;font-weight: 400;}
.downlist .ginfo .sj{ display:none;}

.downlist a.durl {width: 65px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;border: 1px solid #167af4;color: #167af4;display: block;float: right;margin: 20px 15px 0 0;border-radius: 5px;}

#page a {box-shadow: 0px 0px 4px #f7f7f7;display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;margin: 0 1px;color: #666;background-color: #fff;vertical-align: middle;font-size: 14px;text-decoration: none;border: 1px solid #e4e4e4;}

#page a:hover {display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;margin: 0 1px;color: #fff !important;background-color: #167af4;vertical-align: middle;font-size: 14px;text-decoration: none;}
#page {clear: both;margin: 0px;height: auto;font-size: 14px;padding-top: 3px;padding-right: 10px;padding-left: 10px;padding-bottom: 6px;text-align: center;}
.downlist .ginfo p {display: block;line-height: 28px;height: 28px;overflow: hidden;width: 100%;}

.oTit {
    border-bottom: 3px solid #dddddd;
    margin-bottom: 14px;
    position: relative;
    width: 100%;
    float: left;
}

}

#cnxh{ float:left; width:100%;}
.oTit {
    border-bottom: 3px solid #dddddd;
    margin-bottom: 14px;
    position: relative;
    width: 100%;
    float: left;
}
.img40:hover{
    transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);
}

