@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{padding:0px;margin:0px;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:50px;}
img{border:0 none;vertical-align:middle;border:none;interpolation-mode:bicubic;/* width:100%; */}
fieldset{border:0}
ul,ol{list-style:none}
em,i,b{ font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;text-indent:0}
body{overflow-x:hidden;width:100%;min-width: 750px;background:#FFF;color: #333;margin: 0 auto;}
body,input,button,textarea{line-height:1.5;font:normal 12px '\5FAE\8F6F\96C5\9ED1',Arial,'\5B8B\4F53',sans-serif;outline:0}
input, textarea, select, button {outline: none;border: none;}
input, textarea, select, button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button{cursor:pointer}
a{text-decoration:none;color:#333}
a:focus{outline:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
section:after{content:".";display:block;height:0;clear:both;visibility:hidden;clear:both}
section{display:block;clear:both}
.ms-one{position:relative;height: 21.5rem}
.ms-one .wrap{display:block;position:relative;margin-left:2.36rem;top:0;box-sizing:border-box;height:100%}
.dsp-fl{width:20.8rem;float:left;position: absolute;z-index: 2;}
.dsp-fr{width: 22.11rem;height: 20.07rem; float:right;overflow:hidden;}
.dsp-logo{overflow:hidden;margin-top:5.62rem}
.logo{float:left;width:7.36rem}
.logo img{width:7.36rem}
.logo a{cursor: default;}
.one-nei{float:left;margin-top:1.63rem}
.one-txt{font-size:1.2rem;color:#000;line-height:1.2rem;font-weight:300}
.dsp-down{float:left;padding-top:1.8rem;/* overflow:hidden; */position: relative;}
.dsp-down a{float:left;width:7.56rem;height:2.42rem;margin-right:0.8rem;background-color:#06050a;-webkit-border-radius:1.2rem;border-radius:1.2rem}
.dsp-down .android-down span{color:#fff;float:left;margin:.76rem 0 0 .76rem;font-size:.64rem;font-weight:400;line-height:.9rem}
.dsp-down .ios-down span{color:#fff;float:left;margin:.76rem 0 0 .76rem;font-size:.64rem;font-weight:400;line-height:.9rem}
/*.dsp-down .ios-down span em{display:block;border:.02rem solid #3d3d3d;-webkit-border-radius:.23rem;border-radius:.23rem;font-size:.26rem;line-height:.37rem;text-align:center;color:#6e6e6e;letter-spacing:.052rem}*/
.dsp-down a.android-down i{float:left;background:url(../images/android-btn.png) no-repeat;background-size:contain;width:0.9rem;height:1.05rem;margin:.69rem 0 .69rem 1.5rem}
.dsp-down a.ios-down i{float:left;background:url(../images/ios-btn.png) no-repeat;background-size:contain;width:0.9rem;height:1.05rem;margin:.69rem 0 0 1.64rem}
.one-pic{display:block;width:22.11rem;position: relative;}
.one-pic img{width:100%;}
.qp1{width: 3.89rem;height: 2.45rem;top: 1.99rem;left: 21rem;position: absolute;z-index: 2;-webkit-animation:font-anim 3s .5s infinite alternate; animation:font-anim 3s .5s infinite alternate;}
.qp1 img {width: 100%;}
.qp2{width: 3.27rem;height: 2.07rem;top: 2.18rem;left: 31.31rem;position: absolute;z-index: 2;-webkit-animation:font-anim 3s .5s infinite alternate; animation:font-anim 3s .5s infinite alternate;}
.qp2 img {width: 100%;}
.qp3{width: 3.27rem;height: 2.07rem;top: 6.25rem;left: 19.7rem;position: absolute;z-index: 2;-webkit-animation:font-anim 3s .5s infinite alternate; animation:font-anim 3s .5s infinite alternate;}
.qp3 img {width: 100%;}
.qp4{width: 3.89rem;height: 2.45rem;top: 6.62rem;left: 31.18rem;position: absolute;z-index: 2;-webkit-animation:font-anim 3s .5s infinite alternate; animation:font-anim 3s .5s infinite alternate;}
.qp4 img {width: 100%;}
.qp5{width: 2rem;height: 1.57rem;top: 9.56rem;left: 31.18rem;position: absolute;z-index: 2;-webkit-animation:font-anim 3s .5s infinite alternate; animation:font-anim 3s .5s infinite alternate;}
.qp5 img {width: 100%;}
.qp6{width: 2.74rem;height: 2.15rem;top: 8.61rem;left: 22.18rem;position: absolute;z-index: 2;-webkit-animation:font-anim 3s .5s infinite alternate; animation:font-anim 3s .5s infinite alternate;}
.qp6 img {width: 100%;}

.footer {height: 1.5rem;background-color: #06050A;}
.footer-main {text-align: center;}
.ba1 {line-height: 1.5rem;color: #6E6E6E;font-size: 0.4rem;}
.ba2 {line-height: 1.5rem;color: #6E6E6E;font-size: 0.4rem;margin-left: 1.37rem;}

.android-down:hover{background-color:#1DCBCD;}
.ios-down:hover{background-color:#1DCBCD;}
.android-down .andr-ewm{position:absolute;left:1.5rem;bottom:2.42rem;width:3.92rem;height:3.92rem;padding:.24rem;background-color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0);opacity:0}
.ios-down .ios-ewm{position:absolute;left:9.86rem;bottom:2.42rem;width:3.92rem;height:3.92rem;padding:.24rem;background-color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0);opacity:0}
.android-down .andr-ewm img,.ios-down .ios-ewm img{width:100%;height:100%;display:none}
.android-down:hover .andr-ewm,.ios-down:hover .ios-ewm{bottom:2.5rem;opacity:1;-webkit-transform:scale(1);transform:scale(1);display:block}
.android-down:hover .andr-ewm img,.ios-down:hover .ios-ewm img{display:block}

@-webkit-keyframes font-anim{
	50% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px);
	}
}
@keyframes font-anim{
	50% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px);
	}
}
@-webkit-keyframes info-anim {
	0% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px);
	opacity:0
	}
}@keyframes info-anim {
	0% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px);
	opacity:0
	}
}


@media (max-width: 1650px){html{font-size: 45px;}}
@media (max-width: 1600px){html{font-size: 42px;}}
@media (max-width: 1500px){html{font-size: 40px;}}
@media (max-width: 1450px){html{font-size: 35px;}}
@media screen and (max-width:1280px){html{font-size: 33px;}}
@media screen and (max-width:1180px){html{font-size: 30px;}}
@media screen and (max-width:1080px){html{font-size: 28px;}}
@media screen and (max-width:991px){html{font-size: 25px;}}
@media screen and (max-width:900px){html{font-size: 23.5px;}}
@media screen and (max-width:820px){html{font-size: 22px;}}
@media screen and (max-width:750px){html{font-size: 21px;}}