.clearfix:before,.clearfix:after {
  display: table;
  content: " "
}

.clearfix:after {
  clear: both
}

body{background: url('../img/bg.png') no-repeat;background-size: cover;font-family: microsoft yahei}
.wrap{width: 1280px; margin: 43px auto 0;}
.logo{float:left; padding-left: 6%;}
.logo img{width: 209px;}
.menu{float: right; margin-top:17px;}
.menu a{float: left; color: #fff;font-size: 18px;margin-right: 69px;text-decoration: none;height: 56px;line-height:56px;padding: 0 20px}
.menu a:hover, .menu a.active{color: #FF4F4F; background: #fff; border-radius: 27px;}
.menu a.active{cursor: default;}

.left-half{float: left;margin:45px 0 0 117px;}
.left-half img{display:block; width:520px }
.right-half{float: left;margin: 193px 0 0 69px}
.right-half .text1-2 img{width: 500px}

.download{position:relative; margin: 30px 0 0}
.download a{float: left;}
.iOS, .android{background: url('../img/apple.png') no-repeat;background-size: contain; width: 150px;height:60px;text-decoration: none; margin-right: 10px }
.android{background-image: url('../img/android.png'); }
.iOS:hover, .android:hover{opacity: .8}
.down-text1, .down-text2{display:block; font-size: 20px;color: #000;font-family:Helvetica;font-weight:400;padding-left: 47px;padding-top: 7px}
.down-text2{font-size: 12px;font-weight: bold;font-family: microsoft yahei; padding-top: 2px;}
.android .down-text1, .android .down-text2{padding-left: 54px}
.qrcode{position: relative;width: 55px;height: 55px;background: url('../img/qrcode.png') no-repeat;background-size: contain;}
.qrcode img{
	position: absolute;right: 0;top: 0;opacity: 0;width: 220px;	-webkit-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(.22);
	transform: scale(.22);
	opacity: 0
}
.qrcode:hover img{
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1 
}
.xiaoji{position: absolute;width: 72px;top: -10px;right: 23px}

.bottom-inner{width:960px; margin: 45px auto}
.z1, .z2, .z3{float: left; position:relative; margin-left:40px; }
.bottom-img{display:block; width: 250px;}
.bottom-text1, .bottom-text2{position: absolute; bottom:50px; left:70px;font-size: 22px}
.bottom-text2{bottom: 30px;font-size: 13px;left: 61px}

.footer{color: #E7E7E7;font-size: 16px; padding-bottom: 10px}
.footer-line1{width: 418px;margin: 0 auto;}
.footer a, span, .shudao{float: left;color: #E7E7E7;margin-right: 10px;text-decoration: none}
.shudao{background-color: #E7E7E7;width: 2px;height: 18px }
.footer-line2{width: 752px;margin: 16px auto;}
.footer-line3{width:648px;margin: 16px auto;}