.wrap .kv{width:100%;height:13.34rem;position:relative;overflow:hidden;background:url(../img/bg1.jpg) no-repeat;background-size:100%}
.wrap .kv .play{width:1.48rem;height:1.48rem;background:url(../img/play.png) no-repeat;background-size:100% auto;position:absolute;top:1.92rem;left:.96rem;-webkit-animation:rotate1 1s linear infinite alternate 300ms 0 ease;-moz-animation:rotate1 1s linear infinite alternate 300ms 0 ease;-ms-animation:rotate1 1s linear infinite alternate 300ms 0 ease;animation:rotate1 1s linear infinite alternate 300ms 0 ease;-moz-animation:rotate1 1s linear infinite alternate;-webkit-animation:rotate1 1s linear infinite alternate;-o-animation:rotate1 1s linear infinite alternate;-ms-animation:rotate1 1s linear infinite alternate;animation:rotate1 1s linear infinite alternate}
.wrap .kv .slogan{width:6.46rem;height:1.57rem;background:url(../img/slogan_M_v1.png) no-repeat;background-size:100% auto;position:absolute;top:5.5rem;left:50%;margin-left:-3.23rem;animation:movetop 0.3s ease-in}
.wrap .kv .lightning{width:.9rem;height:.72rem;background:url(../img/lightning1.png) no-repeat;background-size:100%;margin-left:5.58rem;margin-top:7.36rem;transform-origin:left bottom;-webkit-animation:rotate 0.3s 1s ease-in 300ms 0 ease;-moz-animation:rotate 0.3s 1s ease-in 300ms 0 ease;-ms-animation:rotate 0.3s 1s ease-in 300ms 0 ease;animation:rotate 0.3s 1s ease-in 300ms 0 ease;-moz-animation:rotate 0.3s 1s ease-in;-webkit-animation:rotate 0.3s 1s ease-in;-o-animation:rotate 0.3s 1s ease-in;-ms-animation:rotate 0.3s 1s ease-in;animation:rotate 0.3s 1s ease-in}
.wrap .kv .car{width:4.88rem;height:2.46rem;background:url(../img/car.png) no-repeat;background-size:100%;position:absolute;top:7.32rem;left:1.54rem}
.wrap .kv .register{width:3.87rem;height:1.6rem;;background-size:100% auto;margin:1.2rem auto 0;position:relative}
.wrap .kv .register .icon_gift{width:.58rem;height:.58rem;position:absolute;right:0}

.wrap .kv .down{width:.51rem;height:.77rem;background:url(../img/down.png) no-repeat;background-size:100%;margin:0 auto;-webkit-animation:move 1.2s infinite linear alternate 300ms 0 ease;-moz-animation:move 1.2s infinite linear alternate 300ms 0 ease;-ms-animation:move 1.2s infinite linear alternate 300ms 0 ease;animation:move 1.2s infinite linear alternate 300ms 0 ease;-moz-animation:move 1.2s infinite linear alternate;-webkit-animation:move 1.2s infinite linear alternate;-o-animation:move 1.2s infinite linear alternate;-ms-animation:move 1.2s infinite linear alternate;animation:move 1.2s infinite linear alternate}
.wrap .kv .page-btns {height:4.34rem;margin-top:1.2rem;}

/* .wrap .kv .page-btns .google_btn{width:2.89rem;height:0.86rem;background:url(../img/GOOGLE_YUYUE_620.png) no-repeat;background-size:100% auto;left:2.3rem;margin:1.2rem auto;position:absolute;} */
.wrap .kv .page-btns .google_btn{width:2.89rem;height:0.86rem;background:url(../img/GOOGLE_YUYUE_620.png) no-repeat;background-size:100% auto;margin:.2rem auto 0;display:block;position:relative;display:none;}
/* .wrap .kv .page-btns .download_btn{width:2.89rem;height:0.86rem;background:url(../img/download.png) no-repeat;background-size:100% auto;left:2.3rem;margin:.2rem auto;position:absolute;} */
.wrap .kv .page-btns .download_btn{width:2.89rem;height:0.86rem;background:url(../img/android.png) no-repeat;background-size:100% auto;margin:.2rem auto 0;display:block;position:relative;display:none;}
.wrap .kv .page-btns .steam_btn{width:2.89rem;height:0.86rem;background:url(../img/steam.png) no-repeat;background-size:100% auto;margin:.2rem auto 0;display:block;position:relative;display:none;}

/* .wrap .kv .page-btns .ios_btn{width:2.57rem;height:0.86rem;background:url(../img/APPSTORE_YUYUE_620.png) no-repeat;background-size:100% auto;left:2.3rem;margin:1.2rem auto;position:absolute;} */
.wrap .kv .page-btns .ios_btn{width:2.89rem;height:0.86rem;background:url(../img/APPSTORE_YUYUE_620.png) no-repeat;background-size:100% auto;margin:1.2rem auto 0;display:block;position:relative;display:none}
.wrap .kv .page-btns a.on{display:block}

.wrap .kv p{margin-top:.36rem;font-size:.3rem;text-align:center}
.wrap .kv p span{color:#3cb58f}
.wrap .p1{width:100%;height:12.13rem;position:relative;overflow:hidden;background:url(../img/bg2.jpg) no-repeat;background-size:100%}
@-webkit-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@-moz-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@-ms-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@-o-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@-webkit-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@-moz-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@-ms-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@-o-keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}@keyframes rotate2{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(0)}
}
@-webkit-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@-moz-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@-ms-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@-o-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@keyframes expand{0%{height:0}
100%{height:13.34rem}
}@-webkit-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@-moz-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@-ms-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@-o-keyframes expand{0%{height:0}
100%{height:13.34rem}
}@keyframes expand{0%{height:0}
100%{height:13.34rem}
}
h1{width:100%;height:0;overflow:hidden}
.sharemask{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:-1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.sharemask.on{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);z-index:999}
.sharemask .attention{position:fixed;bottom:12%;left:0;right:0;width:100%;background:transparent;padding:0 0.5rem;height:1rem}
.sharemask .attention i{display:block;float:left;width:1rem;height:1rem;border-radius:1rem;font-size:0.8rem;text-align:center;line-height:1rem;margin-right:0.2rem;color:#fff;background:#1583e4}
.sharemask .attention em{display:block;float:left;font-size:0.28rem;padding-top:0.15rem;margin-right:0.2rem;color:#fff;font-style:normal}