@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dd{margin:0;padding:0;}
body{background:#fff;font-family:Arial,"Microsoft YaHei";color:#333;font-size:16px;line-height:1.15;}
h1,h2,h3{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
input,button,select,textarea{outline:none;border:none;-webkit-appearance:none;font-family:inherit;font-size:100%;line-height:1.15;}
textarea{overflow:auto;resize:none;}
em,i,cite,var,address,dfn{font-style:normal;}
menu,ul,ol{list-style:none;}
a{text-decoration:none;cursor:pointer;color:#333;}
a:hover{outline-width:0;text-decoration:none;}
.clf{*zoom:1;}
.clf:after{content:"";display:block;height:0;clear:both;}
.fl{float:left;}
.fr{float:right;}

.mask {position: absolute;top: 0px;left: 0px;filter: alpha(opacity=50);z-index: 1002;opacity:0.5;}
.mask img {height: 100%;padding: 0.1rem 0;width: 100%;}
.app-main{width:100%;min-width:1200px;}
.wrapper{width:1200px;height:100%;position:relative;margin:0 auto;}
.section{position:relative;width:100%;height:700px;background-color:#fff;overflow:hidden;}
.section .wrap-topbox{width:560px;padding-top:125px;margin-right:-10px;}
.section .wrap-topbox .logo img{display:block;width:150px;height:150px;margin:0 auto;}
.section .wrap-topbox .logo span{display:block;margin-top:30px;width:100%;font-size:64px;font-weight:bold;text-align:center;letter-spacing:2px;}
.section .wrap-topbox .qrcode{width:180px;height:180px;padding:10px;margin:40px auto 0;background:linear-gradient(rgba(70,218,164,0) 10%, rgba(70,218,164,.2) 100%);-webkit-border-radius:16px;border-radius:16px;overflow:hidden;}
.section .wrap-topbox .qrcode span{display:block;width:150px;height:150px;padding:13px;background:#fff;border-width:2px;border-style:solid;border-color:rgba(70,218,164, 0.8);-webkit-border-radius:16px;border-radius:16px;}
.section .wrap-topbox .qrcode img{display:block;width:150px;height:150px;}
.download-area{width:100%;padding-top:60px;font-size:0;text-align:center;}
.download-area a{display:inline-block;height:80px;padding:0 30px 0 80px;margin:0 15px;line-height:80px;font-size:34px;color:#fff;-webkit-border-radius:999em;border-radius:999em;position:relative;background:#48dca6;-webkit-box-shadow:0 6px 18px rgba(70,218,164, .4);box-shadow:0 6px 18px rgba(70,218,164, .4);}
.download-area a i{position:absolute;left:30px;top:0;display:block;width:40px;height:100%;overflow:hidden;}
.download-area a.andr_down i{background: url('../images/ic_andr.png') no-repeat center center;}
.download-area a.ios_down i{background: url('../images/ic_ios.png') no-repeat center center;}
.section .wrap-image{width:540px;height:100%;text-align:center;}
.section .wrap-image img{display:inline-block;width:auto;height:650px;margin-top:30px;border:10px solid #fff;-webkit-border-radius:36px;border-radius:36px;-webkit-box-shadow: 0 0 40px rgba(51, 51, 51, .12);box-shadow: 0 0 40px rgba(51, 51, 51, .12);overflow:hidden;}
.section-top{height:850px;background-color:#e0e9ed;}
.section-top .wap-image{display:none;}
.section-top .wrap-image img{margin-top:60px;height:700px;width:380px;}
.footer{width:100%;min-width:1200px;margin-top:0px;padding:30px 0;font-size:18px;text-align:center;background-color:#f5f5f5;}
.footer .foot{width:1200px;position:relative;margin:0 auto;}
.footer p{padding:10px 0;color:#777;}
.footer .copyRight a{color:#666;}
.footer a:hover{color:#333;text-decoration:underline;}
/* ** */
.download-fixed{display:none;}

@media screen and ( max-width: 720px ){
	.app-main{width:100%;min-width:100%;}
	.section,.wrapper{width:100%;height:100%;padding:0;}
	.section .wrap-image{width:100%;margin:10% 0;height:auto;}
	.section .wrap-image img{display:block;width:auto;max-width:100%;height:7.5rem;margin:0 auto;border:.1rem solid #fff;-webkit-border-radius:.36rem;border-radius:.36rem;}
	.section-top{height:100vh;}
	.section-top .wrap-image{display:none;}
	.section-top .wap-image{display:block;width:100%;height:70%;margin-top:8%;}
	.section .wrap-topbox{width:100%;padding-top:11%;margin-right:0;height:100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.section .wrap-topbox .logo{line-height:1.2rem;text-align:center;}
	.section .wrap-topbox .logo img{display:inline-block;width:1.2rem;height:1.2rem;margin:0 .26rem 0 0;vertical-align:top;}
	.section .wrap-topbox .logo span{display:inline-block;margin-top:0;width:auto;font-size:.56rem;font-weight:bold;text-align:center;}
	.section .wrap-topbox .qrcode{display:none;}
	.download-area{padding-top:4%;}
	.download-area a{display:inline-block;width:3.6rem;height:.88rem;margin:0 .2rem;padding:0;line-height:.88rem;font-size:.4rem;text-indent:.54rem;}
	.download-area a i{position:absolute;left:.44rem;top:0;display:block;width:.44rem;height:100%;overflow:hidden;}
	.download-area a.andr_down i{background-size:.44rem auto;}
	.download-area a.ios_down i{background-size:.44rem auto;}
	.footer{width:100%;min-width:100%;margin-top:.3rem;padding:.2rem 0 1.8rem;font-size:.3rem;line-height:.44rem;}
	.footer .foot{display:block;width:88%;}
	.download-area{display:none;}
	.download-fixed{display:block;z-index:999;position:fixed;bottom:40px;left:0;width:100%;}
	.download-fixed .download-area{display:block;}
}