body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
a:hover{-webkit-filter:brightness(1.1);-o-filter:brightness(1.1);-moz-filter:brightness(1.1);filter:brightness(1.1);}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
input,a{text-decoration: none; outline: none; color: #FFFFFF;-webkit-appearance: none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
.hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;display:block;}
.hidden{text-indent:-9999px;font-size:0px;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei",Helvetica,\5b8b\4f53,sans-serif;}
body{background:#000}
/*afooter*/
#afooter{text-align:center; line-height:20px;color: #9a9a9a; padding: 20px 0;margin-bottom: -20px;background-color: #000;min-width: 1200px;}
#afooter a{ color: #9a9a9a;}
/*اه³‎¸،¶¯*/
.clearfix:after,.clearfix:before{content:"";display:table;}
.clearfix:after{clear:both;}

@font-face{
    font-family: 'font';
    src:url(../images/font.TTF);
}


.wrapper{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/bg.jpg) no-repeat center center;height: 1080px;max-width: 1920px;min-width: 1246px;margin:0 auto;position: relative;overflow: hidden;}
.logo{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/logo.png) no-repeat;width: 174px;height: 81px;position: absolute;left: 60px;top: 45px;}

.btns{text-align: center;width: 296px;height: 40px;position: absolute;right: 47px;top:80px;}
.btns a{display: inline-block;width: 136px;height: 40px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btns.png) no-repeat;border:1px solid #fff;border-radius: 20px;}
.btns a:hover{border:1px solid #ffce5d;}
.btns .btn-download{background-position: 0 0;float: left;}
.btns .btn-index{background-position: -160px 0;float: right;}


.inner{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/href-bg.png) no-repeat;width: 1246px;height: 541px;margin:403px auto 0;position: relative;}
.inner .btn{position: absolute;}
.inner .btn:hover{transform: scale(1.1);}
.inner .btn span{font-family: 'font';color:#fff;font-size: 26px;letter-spacing: 5px;display: block;text-align: center;margin-top:80px;/*text-shadow: 1px 1px 1px #9fd3da,-1px -1px 1px #9fd3da,1px -1px 1px #9fd3da,-1px 1px 1px #9fd3da;*/}
.inner .btn i{font-style: normal;font-size: 14px;color:#7cb8c1;display: block;text-align: center;  
    background-image:-webkit-linear-gradient(bottom,#4edbec,#a0dee8,#b3dae2); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
    font-weight: bold;
    
}
.inner .btn1{left: 125px;top:5px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn1.png) no-repeat;width: 166px;height: 123px;}
.inner .btn1:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn1-on.png) no-repeat;}
.inner .btn1 span{margin-top:30px;font-size: 20px;letter-spacing: 2px;}
.inner .btn1 i{font-size: 14px;}

.inner .btn2{left: -35px;top:93px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn2.png) no-repeat;width: 160px;height: 160px;}
.inner .btn2:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn2-on.png) no-repeat;}
.inner .btn2 span{margin-top:50px;font-size: 20px;letter-spacing: 2px;}
.inner .btn2 i{font-size: 14px;}

.inner .btn3{left: 62px;top:252px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn3.png) no-repeat;width: 200px;height: 200px;}
.inner .btn3:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn3-on.png) no-repeat;}
.inner .btn3 span{margin-top:72px;font-size: 24px;letter-spacing: 4px;}

.inner .btn4{left: 330px;top:340px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn4.png) no-repeat;width: 222px;height: 222px;}
.inner .btn4 span{color:#fff;font-size: 26px;letter-spacing: 5px;display: block;text-align: center;margin-top:80px;}
.inner .btn4 i{font-style: normal;font-size: 14px;color:#7cb8c1;display: block;text-align: center;}
.inner .btn4:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn4-on.png) no-repeat;}
.inner .btn5{right: 330px;top:340px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn5.png) no-repeat;width: 222px;height: 222px;}
.inner .btn5:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn5-on.png) no-repeat;}
.inner .btn5 span{color:#fff;font-size: 26px;letter-spacing: 5px;display: block;text-align: center;margin-top:80px;}
.inner .btn5 i{font-style: normal;font-size: 14px;color:#7cb8c1;display: block;text-align: center;
  
}

.inner .btn6{right: 62px;top:252px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn6.png) no-repeat;width: 200px;height: 200px;}
.inner .btn6:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn6-on.png) no-repeat;}
.inner .btn6 span{margin-top:72px;font-size: 24px;letter-spacing: 4px;}


.inner .btn7{right: -35px;top:93px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn7.png) no-repeat;width: 160px;height: 160px;}
.inner .btn7:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn7-on.png) no-repeat;}
.inner .btn7 span{margin-top:50px;font-size: 20px;letter-spacing: 2px;}
.inner .btn7 i{font-size: 14px;}

.inner .btn8{right: 125px;top:5px;background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn8.png) no-repeat;width: 166px;height: 123px;}
.inner .btn8:hover{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn8-on.png) no-repeat;}
.inner .btn8 span{margin-top:30px;font-size: 20px;letter-spacing: 2px;}
.inner .btn8 i{font-size: 14px;}

.tank .dia-con{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/tank-bg.png) no-repeat;width: 503px;height: 274px;overflow: hidden;}
.tank .dia-con p{text-align: center;color:#fff;font-size: 20px;margin-top: 124px;;}
.tank .dia-close{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/btn-close.png) no-repeat;width: 21px;height: 20px;position: absolute;right: -30px;top:30px;}

.slogan{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20201216/images/slogan.png) no-repeat; width: 1142px;height: 647px;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: auto;}
.skin-video {

    width: 100%;
    height: 1080px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.skin-video video {
    height: 1080px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%,0,0);
}