﻿@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{width:100%}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#fff;font-size:14px;color:#333;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
img,a img,img:focus{border:0;outline:0}
img{max-width:100%;height: auto;}
textarea,input,a,textarea:focus,input:focus,a:focus{outline:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin-bottom:15px;line-height:1.4}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;color:#444444}
body{ font-family: 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,'Hiragino Sans GB','\5B8B\4F53'; line-height: 1.6}
li{list-style: none;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.register{background: #62BDC5 url(/Content/img/bg-480.jpg) no-repeat; background-size:cover;}
.logo{height: 17.8%; text-align: center;}
.logo img{display: inline-block; vertical-align: top; font-size: 0; width: 42.5%; margin: 0 auto;}
.device{padding: 15.8% 0 2.18%; text-align: center;}
.device img{width: 53.43%; margin: 0 auto;}
.intro{color: #fff; line-height: 2; padding-bottom: 12.18%; text-align: center; font-size: 2em; text-align: center;}
.intro p{font-size: 1.8em; border-bottom: 1px solid #fff; width: 80%; margin: 0 auto; display: inline-block; letter-spacing: .8em; white-space: nowrap; padding-left: .4em;}
.intro h2{font-size: 2.6em; letter-spacing: .1em; font-weight: bold;}
.intro img{width: 81%; margin: 0 auto;}
.send{padding: 0 6.1% 23%;}
.send-form input{float: left; padding: 15px 10px; width: 65.7%; background:#fff; border: 1px solid #fff; border-radius: 4px; font-size: 2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.send-form button{float: right; padding: 15px 10px; white-space: nowrap; width: 31.7%;  background:#FF6F29; border: 1px solid #FF6F29; border-radius: 4px; font-size: 2em; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/*.send-form .form-text{ float: left; background: #fff; border:0; border-radius: 4px; font-size: 2.4em;border-top: 10px; border-bottom: 10px;  padding: 10px 3.5%; line-height: 2.5em !important;  width: 59.5%; vertical-align: middle;}
.send-form .form-submit{ float: right; min-width: 66px; background: #FF6F29; -webkit-appearance: none; white-space: nowrap; letter-spacing: -1px; color: #fff; font-size: 2.4em; padding: 2.4% 2%; line-height: 2.5em; border: 0; border-radius: 4px; width: 31.5%;}
*/.wran{color: #f00; padding-top: 8px; font-size: 1.4em; visibility: hidden;}

/*success*/
.success{}
.info{background: url(/Content/img/success-bg-480.jpg) no-repeat center bottom; background-size: cover; color: #fff; padding: 13.75% 0 12.8%;}
.info .ok-btn{width: 17.5%; margin: 0 auto; padding-bottom: 9.3%; text-align: center;}
.entry-con{font-size: 2.4em; text-align: center;}
.entry-hd{font-size: 4em; font-weight: bold; text-align: center;}
.info .entry-hd{font-size: 6em;}
.info .long-hd{font-size: 4.5em;}
.info .entry-con{color: #FCFDFD;}
.info-list{margin: 5.6% 10.6% 0; list-style: none; font-size: 1.8em; text-align: center; color: #F3F9FB;}
.info-list li{padding-top: 10%; border-bottom: 1px solid #D1EAEE; padding-bottom: 3.4%;}
.download{color: #4D4D4D; padding: 7.2% 6.8% 9.3%;}
.download .entry-con{color: #8E8F90;}
.download-btn{padding-top: 9%;}
.download-btn a{width: 44.7%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.download-btn a:hover, .download-btn a:focus{opacity: .8;}
.download-btn .android-btn{padding-left: 9%;}
.footer-bg{background: #2D2D2D; color: #E4E4E4; padding: 3.4% 2%; text-align: center;}
.footer-bg .entry-con{font-size: 1.6em;}
.app img{width: 85.15%; margin: 0 auto; display: block; margin-bottom: 3.4%;}
.app .entry-con{padding-bottom: 5.4%; color: #6B6B6B;}
#weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
#weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%; position: relative;}
#weixin-tip .close{
	color: #fff;
	padding: 5px;
	font: bold 20px/20px simsun;
	text-shadow: 0 1px 0 #ddd;
	position: absolute;
	top: 0; left: 5%;
}
@media screen and (min-width: 481px){
    .register {
        background-image: url(/Content/img/bg.jpg);
    }
    .info {
        background-image: url(/Content/img/success-bg.jpg);
    }
}
@media screen and (max-width: 480px){
	.intro{font-size: 1.6em;}
	.intro p{margin: 0 8% 0;}
	.send-form .form-text{font-size: 1.8em;}
	.send-form .form-submit{font-size: 1.8em;}
	.entry-hd{font-size:2.8em;}
	.info .entry-hd{font-size: 4em;}
	.info .long-hd{font-size: 3em;}
	.entry-con, .info-list{font-size: 1.8em;}
	.app .entry-con{font-size: 1.6em;}
	.footer-bg .entry-con{font-size: 1.2em;}
}
@media screen and (max-width:360px){
    .register {
        background-image: url(/Content/img/bg-360.jpg);
    }
	.intro{font-size: 1.2em;}
	.intro p{letter-spacing: 1em;}
	.send-form .form-text{font-size: 1.4em; padding:10px 5px;}
	.send-form .form-submit{font-size: 1.4em; padding: 10px 5px;}
	.entry-hd{font-size: 2em;}
	.info .entry-hd{font-size: 3em;}
	.info .long-hd{font-size: 2.2em;}
	.entry-con, .info-list{font-size: 1.4em;}
	.app .entry-con{font-size: 1.4em;}

}

.download_box{ background:#ffffff; padding:0 0.20rem; width:calc(100% - 0.40rem); height:auto; }
.download_box .down_header{ padding:0.20rem 0; border-bottom:1px solid #EBEBEB; }
.header_logo{ width:1.07rem; height:1.07rem; background:#ffffff; float: left; }
.header_title{ width:1.97rem; height:auto; padding-left:0.21rem; float: left; padding-top:0.12rem; }
.title_text{ font-size:0.20rem; color:#333333; margin-bottom:0.08rem; }
.title_description{ font-size:0.14rem; color:#888888; }
.down_center{ width: 100%; height:auto; }
.center_title{ font-size:0.16rem; color:#3F88FB; text-align: center; margin:0.20rem 0 0.14rem 0;display: none; }
.center_list{margin-top:0.14rem; height:2.69rem; display: -moz-box; /*Firefox*/ display: -webkit-box; /*Safari,Opera,Chrome*/ display: box; overflow-x: auto; -webkit-overflow-scrolling:touch;/*适应苹果*/ }
.center_list::-webkit-scrollbar { display: none; } 
.center_list .img_item{ width:1.60rem; height:2.69rem; padding-right:0.10rem; text-decoration: none; display:block!important; overflow: hidden; }
.center_list .img_item:last-child{ padding-right:0; }
.down_btnbox{ width: 100%; text-align: center; }
.down_btn{ width:3.35rem; height:0.44rem;line-height:0.44rem; padding:0; border-radius: 6px; background:#3F88FB; font-size:0.16rem; font-weight: 600; color:#ffffff; border:0; border-color:none; margin:0 auto; margin-top:0.12rem; outline:0 none !important; text-align: center; }
.down_icon{ width:0.22rem; height:0.22rem; float: left;padding-top:0.11rem; padding-left:1.24rem; }
.down_text{ float: left; }
.center_description{ color:#333333; font-size:0.16rem; padding-top:0.28rem; }
.center_description .item{ padding-bottom:0.10rem; }
.SignIn_box{ width:100%; height:auto; text-align: center;display: none; }
.new_SignIn{ width:3.35rem; margin:0 auto; padding:0; height:0.71rem; margin-top:0.22rem; }
.footer_box{ width:100%; height: auto; }
.footer{ width:auto;height:auto; padding:0.16rem 0; font-size: 0.14rem; text-align: center;border-top:1px solid #EBEBEB;}
.footer_text{ color:#888888;}
.footer_tel{ color:#3F88FB; font-size:0.14rem; width:auto; text-decoration:underline; }