@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,ul,ol,pre,form,blockquote,figure,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
body{ background:#fff; font-family:Arial,"Microsoft YaHei"; color:#333; font-size:16px; line-height:1.15; }
h1,h2,h3,h4,h5,h6{ 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:800px; 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(255,125,190,0) 10%, rgba(255,125,190,.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(37,195,160, 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:#25c3a0; -webkit-box-shadow:0 6px 18px rgba(255,125,190, .4); box-shadow:0 6px 18px rgba(255,125,190, .4);
}
.download-area a,.section .wrap-info .line{ background:#25c3a0; -webkit-box-shadow:0 6px 18px rgba(255,125,190, .4); box-shadow:0 6px 18px rgba(255,125,190, .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-info{ position:relative; width:420px; margin:257px 0 0 60px; padding-top:60px; text-align:center; }
.section .wrap-info h3{ font-size:60px; font-weight:bold; color:#25c3a0; }
.section .wrap-info p{ margin-top:34px; font-size:36px; color:#666; line-height:56px; }
.section .wrap-info .line{ position:absolute; top:2px; left:50%; width:80px; height:12px; margin-left:-40px; -webkit-border-radius:999em; border-radius:999em;background:#25c3a0; background:linear-gradient(to right, rgba(90,225,195, .85), rgba(34,203,165, 1)); filter:alpha(opacity=80); opacity:.8; -webkit-box-shadow:0 4px 12px rgba(34,203,165, .4); box-shadow:0 6px 18px rgba(37,195,160, .4);}
.section .wrap-image{ width:540px; height:100%; text-align:center; }
.section .wrap-image img{ display:inline-block; width:auto; height:680px; margin-top:50px; 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:860px; padding:50px 0; background-color:#aff3e3; }
.section-top .wap-image{ display:none; }
.section-top .wrap-image img{ margin-top:60px; height:720px; }
.section-three .wrap-info,.section-five .wrap-info{ margin:257px 68px 0 0; }
.footer{ width:100%; min-width:1200px; margin-top:20px; 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; }
	.section .wrap-info{ width:100%; margin: 15% 0 0 0; padding-top:.6rem; }
	.section .wrap-info .line{ width:.8rem; height:.12rem; margin-left:-0.4rem; }
	.section .wrap-info h3{ font-size:.6rem; }
	.section .wrap-info p{ margin-top:.34rem; font-size:.36rem; color:#666; line-height:.56rem; }
	.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:6%; left:0; width:100%; }
	.download-fixed .download-area{ display:block; }
}