/*

@ add 2019-10-31

@ ���Ʋ��--ȫ��

*/

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,hr,button,article,aside,

details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}

article,aside,details,figcaption,figure,footer,header,menu,nav,section { display:block; }

table{border-collapse:collapse;border-spacing:0}

audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}

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;margin:0;padding:0;}

q:before,q:after{content:''}

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%}

body{background:#081d30;-webkit-text-size-adjust:none;}

a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}

html{-webkit-tap-highlight-color:rgba(0,0,0,0);}

a:hover{ text-decoration:none;}

.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}

.clearfix{*zoom:1;}

.hide{height:0; line-height:0; font-size:0; visibility:hidden; display:none;}

html{font-size:100px;}

body,html{width:100%;}

.main-swiper-container{width: 100%;font-size:.22rem;color:#808080;position: relative;}

.main-swiper-container img{display: block;margin:0 auto;width: 100%;}

.comm,.page2 .tab-nav a,.page2 .tab-nav em,.tab-nav-screen li a,

.mod-slide .swiper-pagination-bullet{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/m-comm.png) no-repeat;background-size:6rem auto;display: block;text-indent: -999em;margin:0 auto;}

.btn-video{width: 1.02rem;height:1.12rem;background-position: -1.6rem 0;position: absolute;}

.page{background-size:100% auto;background-position: center top;background-repeat: no-repeat;position: relative;}



.page1{background-image: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg01.jpg); background-color: #ebebeb; height: 12.06rem;}

.page2{background:#fff;background: url("//game.gtimg.cn/images/dp/cp/a20191127dp/bg02.jpg") no-repeat;background-size: 100% auto;height: 11.60rem;}

.page3{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg03.jpg) top center no-repeat;background-size: 7.5rem;    background-color: #173254;}

.page4{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg04.jpg) top center no-repeat;background-size: 7.5rem;background-color: #173254; }

.page6{background-image: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg06.jpg);height: 6.69rem;}

.page7{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg07.jpg) top center no-repeat;background-size: 7.5rem;background-color: #173254; }

.title{ /* background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/title.png) no-repeat; background-size: 7.5rem auto; height: 1.2rem; text-indent: -999em; width: 7.5rem; margin: 2rem auto 0; */ 

   background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/title.png) no-repeat;
    background-size: 7.5rem auto;
    height: 1.2rem;
    text-indent: -999em;
    position: absolute;
    left: 50%;
    top: 1.6rem;
    margin-left: -3.75rem;
    width: 7.5rem;
}

.page2 .title{background-position: center 0;}

.page3 .title{background-position: center -2.4rem;}

.page4 .title{background-position: center -2.4rem;}

.page5 .title{background-position: center -3.6rem;}

.page6 .title{background-position: 0 -4.8rem;position: relative;top: 0;left: 0;margin-left: 0;}

.page7 .title{background-position: center -1.2rem;}

/* topbar */

.topbar{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/topbar.png) no-repeat;background-size:100% auto;width:7.1rem;padding:.15rem .2rem;height:.68rem;position: fixed;left:0;top:0;z-index: 9999;}

.topbar .icon-logo{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/icon-logo.png) center center no-repeat;background-size:100% auto;width:.66rem;height:.66rem;float:left;text-indent: -999em;}

.topbar .txt{float:left;width:4.1rem;font-size:.2rem;padding:.05rem 0 0 .15rem;color: #c2ad73;}

.topbar .txt strong{font-size:.24rem;display: block;height:.34rem;line-height: .34rem;font-weight: normal;}
.topbar .txt p{color: #aeaeae;}

.btn-downget{width: 1.84rem;height:.5rem;background-position: -2rem -3.22rem;text-indent: 0;text-align: center;line-height: .5rem;color:#fff;text-indent: -9999rem;}

.topbar .btn-downget{position: absolute;top: 0.23rem;right: 0.22rem;}

.arrow-tips{width: .62rem;height:.48rem;background-position: -.5rem -.6rem;position: absolute;z-index: 99;left:50%;margin-left:-.25rem;bottom:.2rem;}

.arrow-tips.swiper-button-disabled{display: none;}

/* page1 */

.sloga{text-indent: -999em;position: absolute;left:50%;margin-left:-3.75rem;width: 7.5rem;}

.maintit{height:3rem;background-position: center -1.3rem;top:6.45rem;}

.subtit{height:1.3rem;background-position: center 0;top:5.15rem;}

.page1 .btn-video{left:5.65rem;top:6.45rem;}

.bags-download{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bags-download.png?v=1) no-repeat;background-size:100% auto;width: 7.5rem;height:1.87rem;position: absolute;left:50%;bottom:0;margin-left:-3.75rem;}
.bags-download ul{margin-left: 0.35rem;}

.bags-download li{width: 1.54rem;text-align: center;float:left;padding-top:1.06rem;line-height: 1.3;margin-right: 0.3rem;}
.bags-download li:nth-child(3){margin-right: 0.12rem;}
.bags-download li:last-child{margin-right: 0;}


.bags-download .btn-downget{float:left;margin:.85rem 0 0 .25rem;}

.btn-gogw{display: block;width:1.84rem;height:.5rem;position: absolute;right:2.14rem;top:0.22rem;text-indent: -9999em;background-position: 0 -3.22rem;}

.btn-xzlq{background: url("//game.gtimg.cn/images/dp/cp/a20191127dp/m/bt-give.png") no-repeat;width: 2.31rem;height: 1.28rem;background-size: 100% auto;position: absolute;top: 8.26rem;left: 2.6rem;text-indent: -9999rem;z-index: 99999;}

/* page7 */
.page7 .box-mhgc{position: absolute;width: 4.65rem;height: 5.33rem;left:50%;top:50%;margin:-2.665rem 0 0 -2.325rem;}
.page7 .btn-leftt,.page7 .btn-rightt{width: .48rem;height:.79rem;position: absolute;z-index: 8;}
.page7 .btn-leftt{background-position: -2.66rem 0;left:-.7rem;top:50%;margin-top: -.4rem;}
.page7 .btn-rightt{background-position: -3.18rem 0;right:-.7rem;top:50%;margin-top: -.4rem;}
.page7 .text-mhgc{width: 7rem; font-size: .18rem;color:#fff;text-align: center;position: absolute;left:50%;top:50%;margin:2.8rem 0 0 -3.5rem;line-height: .28rem;}
.page7 .text-mhgc p{padding-bottom: .2rem;}
.btn-wfxq, .btn-hmh {display: inline-block;width: 1.42rem;height: .46rem;text-indent: -9999em;}
.btn-wfxq{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/btn-wfxq.png) no-repeat;background-size: 100% auto;margin-right: .1rem;}
.btn-hmh{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/btn-hmh.png) no-repeat;background-size: 100% auto;margin-left: .1rem;}




/* page2 */
.page2 .btn-bzgs{display: block;width: 1.62rem;height: .49rem;background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/btn-bazu.png) no-repeat;position: absolute;left: .36rem;top: 50%;z-index: 9;text-indent: -9999em;background-size: 100% auto;margin-top: -3.3rem;display: none;}

.page2 .swiper-container{width: 100%;height:100%;position: absolute;left:0;top:0;}

.page2 .swiper-container .swiper-slide{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg02.jpg) center center no-repeat;background-size:100% auto;}

.page2 .tab-nav{width:5.4rem;height:1.7rem;text-align:center;position: absolute;left:50%;margin-left:-2.7rem;z-index:99;bottom:1rem;}

.page2 .tab-nav span{display: block;text-indent: 0;text-align: center;height:.2rem;line-height: .2rem;}

.page2 .tab-nav a{line-height:1.2;width: .3rem;height:1.5rem;background-position:0 -1.16rem;float:left;font-size:.24rem;color:#c0d4f8;padding:.2rem .3rem 0 .3rem;position: relative;}

.page2 .tab-nav em{width: .38rem;height:.38rem;background-position: 0 -.6rem;position: absolute;left:0;top:0;}

.page2 .tab-nav .active{background-position: -.94rem -1.16rem;color:#fff;}

.page2 .swiper-slide .txt-about{color:#6f87b1;width:2.05rem;height:5.9rem;position: absolute;left:50%;bottom:3.3rem;margin-left:-3.55rem;z-index: 5;}

.page2 .txt-about h4{padding-top:.25rem;width:.85rem;position:relative;height:1.85rem;border-top:1px solid #d3be84;border-bottom:1px solid #d3be84;color: #d3be84;font-weight: bold;}

.page2 .txt-about h4 strong{display: block;width:.3rem;position: absolute;text-align: center;font-size:.24rem;font-weight:normal;line-height: 1.1;}

.page2 .txt-about h4 .line01{right:.05rem;}

.page2 .txt-about h4 .line02{right:.45rem;}

.page2 .txt-about ul{height:2.3rem;padding-top:.4rem;color: #9c9c9c;}

.page2 .txt-about li{padding-left:.65rem;text-indent: -.65rem;}

.page2 .txt-about .box-video{background:#171717;width:1.64rem;height:.94rem;display: block;position: relative;}

.page2 .box-video .btn-video{left:50%;top:50%;margin:-.56rem 0 0 -.51rem;}

.page2 .txt-about .sex{width: 1.68rem;height:.44rem;background-position: -1.88rem -2.2rem;position: absolute;left:5.4rem;top:5.35rem;}

.page2 .txt-about .sex-girl{background-position: -3.6rem -2.2rem;}

.page2 .txt-about .sex a{width:50%;float:left;height:.45rem;}

.page2 .job-roles{width: 100%;height:100%;position: relative;}

.page2 .job-roles img{width: 9.64rem;height:auto;position: absolute;left:50%;margin-left:-4.82rem;bottom:0;}

.page2 .job-roles .girl{display: none;}

/* page3 */
.page3 .list-libao{width: 7rem;height: 6.96rem; position: absolute;top:50%;left:.25rem;margin-top: -2.6rem; overflow: hidden;}
.page3 .list-libao li{width: 1.59rem;height: 2.48rem;background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/libao-sp.png) no-repeat;float: left;margin:.5rem .08rem;background-size: 13.24rem auto;}
.page3 .list-libao li a{display: block;width: 100%;height: 100%;}
.page3 .list-libao li.lb1{background-position: 0 0;}
.page3 .list-libao li.lb2{background-position: -1.65rem 0;}
.page3 .list-libao li.lb3{background-position: -3.30rem 0;}
.page3 .list-libao li.lb4{background-position: -4.97rem 0;}
.page3 .list-libao li.lb5{background-position: -6.62rem 0;}
.page3 .list-libao li.lb6{background-position: -8.27rem 0;}
.page3 .list-libao li.lb7{background-position: -9.92rem 0;}
.page3 .list-libao li.lb8{background-position: -11.58rem 0;}
.page3 .list-libao li.lb1:active{background-position: 0 -2.55rem;}
.page3 .list-libao li.lb2:active{background-position: -1.65rem -2.55rem;}
.page3 .list-libao li.lb3:active{background-position: -3.30rem -2.55rem;}
.page3 .list-libao li.lb4:active{background-position: -4.97rem -2.55rem;}
.page3 .list-libao li.lb5:active{background-position: -6.62rem -2.55rem;}
.page3 .list-libao li.lb6:active{background-position: -8.27rem -2.55rem;}
.page3 .list-libao li.lb7:active{background-position: -9.92rem -2.55rem;}
.page3 .list-libao li.lb8:active{background-position: -11.58rem -2.55rem;}

/* page4 */

.box-xuxie{position: absolute;left:50%;top:50%;margin:-2.6rem 0 0 -3.75rem;width:7.5rem;}

.box-xuxie .swiper-slide{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/box-xuxie.png) center top no-repeat;background-size:6.28rem auto;width:6.28rem;height:8.1rem;padding-top:.4rem;line-height: 1.5;}

.box-xuxie .txt-about{height:4.4rem;}

.box-xuxie .txt-about,.box-xuxie .img-pic{width:5.45rem;margin:0 auto;color:#5f5f5f;position: relative;}

.box-xuxie .txt-about h4{padding:.15rem 0;height:1rem;line-height: 1rem;font-size:.36rem;color:#d9706a;}

.box-xuxie .txt-about a{width:1.54rem;height:.48rem;border:1px solid #c55953;display: block;text-align: center;line-height: .48rem;margin-top:.2rem;color:#5f5f5f;}

.box-xuxie .pagecont{width:1rem;height:.3rem;border:1px solid #5f5f5f;text-align: center;line-height: .3rem;position: absolute;right:0;bottom:.38rem;font-size:.18rem;color: #c35b52;}

.box-xuxie .pagecont .t-light{color:#5f5f5f;}

/* page5 */

.page5 .title{z-index: 4;}

.tab-nav-screen{width:7.5rem;height:1rem;position: absolute;left:50%;bottom:1rem;margin-left:-3.75rem;z-index: 5;}

.tab-nav-screen li{width: 25%;float:left;}

.tab-nav-screen li a{width: 1.62rem;height:1.02rem;line-height: 1rem;color:#768db9;font-size:.24rem;text-align: center;background-position: -3.52rem -1.16rem;text-indent: 0;}

.tab-nav-screen li.curr a{background-position: -1.88rem -1.16rem;color:#a4f1ff;}

.page5 .swiper-container{width: 100%;height:100%;position: absolute;left:0;top:0;}

.page5 .swiper-slide{width:100%;height:100%;position: relative;}

.page5 .swiper-slide .txt-about{width:7.08rem;bottom:2.5rem;left:50%;position:absolute;margin-left:-3.54rem;}

.page5 .txt-about h4{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/lineh4.png) center bottom no-repeat;background-size:7.08rem auto;padding:.15rem 0;margin-bottom:.2rem;font-size:.36rem;color:#a4f1ff;}

.page5 .btn-video{left:50%;top:50%;margin:-1.2rem 0 0 -.6rem;}

.page5 .tab-cont-screen01{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/screen01.jpg) center top no-repeat;background-size:100% 100%;}

.page5 .tab-cont-screen02{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/screen02.jpg) center top no-repeat;background-size:100% 100%;}

.page5 .tab-cont-screen03{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/screen03.jpg) center top no-repeat;background-size:100% 100%;}

.page5 .tab-cont-screen04{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/screen04.jpg) center top no-repeat;background-size:100% 100%;}

/* page6 */

.page6 .mod-slide{width:6.64rem;margin: 0.3rem auto 0;}

.page6 .swiper-container{width: 100%;height:5rem;}

.page6 img{width: 100%;height:auto;}

.page6 .btn-leftt,.page6 .btn-rightt{width: .48rem;height:.79rem;position: absolute;top:50%;margin-top:1.75rem;left:50%;z-index: 8;}

.page6 .btn-leftt{background-position: -2.66rem 0;margin-left:-2.1rem;}

.page6 .btn-rightt{background-position: -3.18rem 0;margin-left:1.8rem;}

.mod-slide .pagination{text-align: center;bottom: 1.1rem;width:100%;left:0;position: absolute;}

.mod-slide .swiper-pagination-bullet{background-position:-3.78rem 0;width: .12rem; height: .12rem;display: inline-block;margin:0 .15rem;opacity: 1;}

.mod-slide .swiper-pagination-bullet-active{background-position:-3.78rem -.2rem;}
.page6 .logo-img{width: 7.50rem; position: absolute;left:50%;margin-left: -3.75rem;bottom:1.1rem;}
.page6 .box-btn{width: 4rem; position: absolute;bottom: 3.1rem;left:50%;margin-left: -2rem;}
.btn-ios,.btn-an,.btn-gzh{display: block; width: 1.42rem;height: .46rem;text-indent: -9999em;margin:0 .15rem;}
.btn-ios{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/btn-ios.png);background-size: 100% auto;float: left;}
.btn-an{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/btn-an.png);background-size: 100% auto;float: right;}
.btn-gzh{background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/btn-gzh.png);background-size: 100% auto;}


/* bot-links */

.bot-links{background: #0d1424;padding:.2rem 0;text-align: center;}

.bot-links a{display: inline-block;width:1.5rem;height:1.5rem;text-indent: -999em;overflow: hidden;background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bot-links.png) no-repeat;background-size:4.6rem auto;margin:0 .35rem;}

.bot-links a:nth-child(1){background-position: 0 0;}

.bot-links a:nth-child(2){background-position: -1.54rem 0;}

.bot-links a:nth-child(3){background-position: -3.08rem 0;}

/* pop */

.pop{position:fixed;width:6.9rem;display: none;top:0;z-index: 999;    margin-top: -2rem !important;}

.btn-closed{width: .34rem;height:.34rem;background-position:-1.2rem -.6rem;position: absolute;right:0;top:-.4rem;}


.pop-detail{position:relative;width:6.4rem;font-size:.22rem;color:#66552a;padding:.4rem;background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg-pop-800.png) center top no-repeat;background-size:100% 100%;line-height: 1.8;height:7.2rem;display: none;}
.pop .t-fff{color:#fff;}

.pop h4{font-weight:bold;color:#fff;font-size:.24rem;padding:.2rem 0 .1rem 0;}
.btn-closed{width: .34rem;height:.34rem;background-position:-1.2rem -.6rem;position: absolute;right:0;top:-.4rem;}
.pop .scroll{height:5.7rem;overflow-y:auto;padding-right:.1rem;}
/* .pop .scroll::-webkit-scrollbar {
    width: .1rem;
    height: 1px;
}
.pop .scroll::-webkit-scrollbar-thumb {
    border-radius:.1rem;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #fff;
}
.pop .scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:.1rem;
    background: #957e48;
} */
.pop-detail{color:#fff;}
.pop-detail p{padding:.1rem 0;text-indent: 2em;}


.pop  .zq-pop1{
    position: absolute;
    width: 6.9rem;
    height: 3.9rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop1.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop2{
    position: absolute;
    width: 6.9rem;
    height: 3.9rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop2.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop3{
    position: absolute;
    width: 6.9rem;
    height: 3.9rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop3.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop4{
    position: absolute;
    width: 6.9rem;
    height: 3.9rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop4.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop5{
    position: absolute;
    width: 6.9rem;
    height: 3.5rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop5.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop6{
    position: absolute;
    width: 6.9rem;
    height: 4.5rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop6.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop7{
    position: absolute;
    width: 6.9rem;
    height: 3.4rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop7.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop8{
    position: absolute;
    width: 6.9rem;
    height: 3.8rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop8.png) center center no-repeat;
    background-size: 6.9rem auto;
}
.pop  .zq-pop9{
    position: absolute;
    width: 6.9rem;
    height: 3.8rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/pop9.png) center center no-repeat;
    background-size: 6.9rem auto;
}


.pop{outline: none;}
.pop-max{width: 5.9rem;height: 5.60rem;background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg-pop-690.png) no-repeat;color:#66552a;padding:.2rem;background-size: 100% auto;}
.pop-max h2,.pop-min h2{font-size: .26rem;margin-bottom: .06rem;font-weight: bold;}
.pop-max h3{font-size: .18rem;}
.pop-max img{width: 100%; border:.02rem solid #a78958;margin-top: .04rem;}
.pop-max p{font-size: .18rem;text-indent: 2em;margin-bottom: .04rem;}
.pop-max p span{font-weight: bold;}
.pop-max p em{font-style: normal;color:#f00;}
.pop-min {width: 6.20rem;height: 2.50rem;background: url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg-pop-350.png) no-repeat;color:#66552a;padding:.50rem;background-size: 100% auto;}
.pop-min p{font-size: .18rem;margin-bottom: .02rem;}
.pop-min p span{color:#f00;}
/*------- video ------*/

.video{width:100vw;height:100%;background:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:999;display:none;}

.video-box{width:100%;height:4.3rem;margin:auto;background: #000;}

.video-close{width: .34rem;height:.34rem;background-position:-1.2rem -.6rem;position:absolute;top:50%;margin-top:-2.6rem;right:.1rem;}

/* ������ʾ */

.landspace{display: none;}

@media(orientation:landscape){

    .landspace{display: block;background:rgba(0,0,0,0.8);width:100%;height:100%;position: fixed;left:0;top:0;z-index: 999;}

    .landspace .tips{width:100%; text-align: center;height:.5rem;position: absolute;left:0;top:50%;margin-top:-.25rem;line-height:.5rem;color:#fff;font-size:.4rem;}

    .landspace .tips{-webkit-animation:shake  6s infinite linear;animation:shake 6s infinite linear; }

}

@-webkit-keyframes shake{

    0%,100%{-webkit-transform:translateX(0);}

    10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);}

    20%,40%,60%,80%{-webkit-transform:translateX(10px);}

}

@keyframes shake{

    0%,100%{transform:translateX(0);}

    10%,30%,50%,70%, 90%{transform:translateX(-10px);}

    20%,40%,60%,80%{transform:translateX(10px);}

}



/* afooter */

#afooter{padding:.2rem 0 .3rem 0;font-size:.22rem;width:7.5rem;background:#111828;text-align: center;color:#5f6676;z-index: 99;}

/* animation */

.sloga,.bags-download,.title,.swiper-slide-active .btn-xzlq,.box-mhgc,.list-libao,.btn-bzgs{opacity: 1;}

.swiper-slide-active .sloga,

.swiper-slide-active .bags-download,.swiper-slide-active .title,.swiper-slide-active .btn-xzlq,.swiper-slide-active .box-mhgc,.swiper-slide-active .list-libao,.swiper-slide-active .btn-bzgs,

.swiper-slide-active .list-update,

.page2.swiper-slide-active .swiper-container,

.page4.swiper-slide-active .box-xuxie,

.page6.swiper-slide-active .mod-slide{

    animation:fadeInUp .8s .4s ease both;

    -webkit-animation:fadeInUp .8s .4s ease both;

}

.swiper-slide-active .maintit,

.page2.swiper-slide-active .swiper-container,

.page6.swiper-slide-active .mod-slide,

.swiper-slide-active .list-update{

    animation-delay: .7s;

    -webkit-animation-delay: .7s;

}

.page4.swiper-slide-active .box-xuxie,.swiper-slide-active .bags-download{

    animation-delay: 1s;

    -webkit-animation-delay: 1s;

}

@keyframes fadeInUp{

    0%{opacity:0;transform:translateY(20px)}

    100%{opacity:1;transform:translateY(0)}

}

@-webkit-keyframes fadeInUp{

    0%{opacity:0;-webkit-transform:translateY(20px)}

    100%{opacity:1;-webkit-transform:translateY(0)}

}

.rain{background:url(//game.gtimg.cn/images/dp/cp/a20191127dp/m/rain.png) center top repeat;background-size:11.48rem auto;width:100%;height:100%;

    -webkit-animation:rainIn 4s linear infinite;

    animation:rainIn 4s linear infinite;

}

@-webkit-keyframes rainIn{

    0%{background-position:0 0;}

    100%{background-position:-8rem 7.15rem;}

}

@keyframes rainIn{

    0%{background-position:0 0;}

    100%{background-position:-8rem 7.15rem;}

}

.btn-video{

    -webkit-animation:btnVideo .5s linear infinite alternate;

    animation:btnVideo .5s linear infinite alternate;

}

@keyframes btnVideo {

    0%{transform: scale(1);}

    100%{transform: scale(.9);}

}

@-webkit-keyframes btnVideo {

    0%{-webkit-transform: scale(1);}

    100%{-webkit-transform: scale(.9);}

}

.page2 .swiper-slide-active .job-roles,.page2 .swiper-slide-active .roles-ani{

    animation:roles 1.5s .4s ease both;

    -webkit-animation:roles 1.5s .4s ease both;

}

@keyframes roles{

    0%{opacity:0;transform:translateX(-2.5rem)}

    30%{opacity:1;transform:translateX(.5rem)}

    50%{opacity:1;transform:translateX(.5rem)}

    100%{opacity:1;transform:translateX(0)}

}

@-webkit-keyframes roles{

    0%{opacity:0;-webkit-transform:translateX(-2.5rem)}

    30%{opacity:1;-webkit-transform:translateX(.5rem)}

    50%{opacity:1;-webkit-transform:translateX(.5rem)}

    100%{opacity:1;-webkit-transform:translateX(0)}

}

.btn-leftt{

    animation: arrowLeft .6s 0s infinite alternate;

    -webkit-animation: arrowLeft .6s 0s infinite alternate;

}

@keyframes arrowLeft{

    from{transform: translateX(-.1rem)}

    to{transform: translateX(0)}

}

@-webkit-keyframes arrowLeft{

    from{-webkit-transform: translateX(-.1rem)}

    to{-webkit-transform: translateX(0)}

}

.btn-rightt{

    animation: arrowRight .6s 0s infinite alternate;

    -webkit-animation: arrowRight .6s 0s infinite alternate;

}

@keyframes arrowRight{

    from{transform: translateX(.1rem)}

    to{transform: translateX(0)}

}

@-webkit-keyframes arrowRight{

    from{-webkit-transform: translateX(.1rem)}

    to{-webkit-transform: translateX(0)}

}

.arrow-tips{

    animation: arrowDown .6s 0s infinite alternate;

    -webkit-animation: arrowDown .6s 0s infinite alternate;

}

@keyframes arrowDown{

    from{transform: translateY(-.1rem)}

    to{transform: translateY(0)}

}

@-webkit-keyframes arrowDown{

    from{-webkit-transform: translateY(-.1rem)}

    to{-webkit-transform: translateY(0)}

}

/*add*/
.page-pro{background: url("//game.gtimg.cn/images/dp/cp/a20191127dp/m/bg-pro.jpg") no-repeat;width: 7.5rem;height: 8.7rem;background-size: 100% auto;}
.page-pro .pro{padding: 0.8rem 0.8rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-pro .pro li{width: 2.8rem;height: 3.75rem;position: relative;}
.page-pro .pro li img{width: 100%;height: auto;}
.page-pro .pro li:nth-child(1),.page-pro .pro li:nth-child(2){margin-bottom: 0.35rem;}
.page-pro .pro .t1{font-size: 0.2rem;color: #a2a2a2;text-align: center;line-height: 0.22rem;width: 100%;position: absolute;top: 0.72rem;left: 0;}
.page-pro .pro .t1 span{margin-left: 0.1rem;}
.page-pro .pro .btn-sear{width: 1.45rem;height: 0.35rem;background-position: -2.02rem -3.81rem;position: absolute;top: 3.03rem;left: 0.68rem;}
.job-tit{width: 7.5rem;height: 1.17rem;background-position: 0 0;position: absolute;top: 0.8rem;z-index: 999;}