@charset "utf-8";
/* CSS Document */


*{ margin:0; padding:0; list-style:none; border:0;}
html,body{height:100%}
html{font-size:62.5%}
body{font:1.2rem Arial;background:#f4f4f4;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout:none; background:#7bd5ef; font-size:"Microsoft YaHei","Arial","Tahoma","hiragino sans gb","Helvetica";}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}

.head_wrap{ height:40px;}
.head{ height:40px; padding:0 12px; font-size:1.8rem; clear:both;}
.head a{ color:#fff; display:block;}
.head div{ line-height:40px;}
.return{ float:left;}
.head .return a{ background:url(../images/lxjreturn.png) no-repeat 0 center; background-size:12px 19px; padding-left:18px;}
.pass{ float:right;}
.logo{ text-align:center;}
.text{ position:absolute; left:50%; margin-left:-39px; bottom:12px; color:#fff;}
.text p{ width:78px; height:20px; background:url(../images/p1.png) no-repeat center center; background-size:auto 14px;}
.logo_wrap{ position:relative;}


.swiper-container {width: 100%;height:528px;}
.pic1{ background:url(../images/pic01.png) no-repeat center 16px; background-size:auto 380px;}
.pic2{ background:url(../images/pic02.png) no-repeat center 16px; background-size:auto 400px;}
.pic3{ background:url(../images/pic03.png) no-repeat center 16px; background-size:auto 400px;}
.pic4{ background:url(../images/pic04.png) no-repeat center 16px; background-size:auto 380px;}
.pic5{ background:url(../images/pic05.png) no-repeat center 16px; background-size:auto 380px;}
.pic6{ background:url(../images/pic06.png) no-repeat center 16px; background-size:auto 320px; position:relative;}
.next{ width:20px; height:20px; position:absolute; left:50%; margin-left:-10px; bottom:20px; background:url(../images/next.png) no-repeat; background-size:20px auto; z-index:10000;}
body{ position:relative; height:100%;}

.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}

.join_us{ width:248px; height:46px; background:#4186ed; border-radius:3px; position:absolute; bottom:135px; left:50%; margin-left:-124px; color:#fff; line-height:46px; text-align:center; font-size:2.2rem;}
.join_now{ position:absolute; z-index:1000; padding:0 12px; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,.5); display:none;}
.join_now_alert{ background:#fff; margin-top:78px; border:1px solid #eee; border-radius:3px; color:#666;}
.alert_name{ line-height:44px; border-bottom:1px solid #f6f6f6; text-align:center; font-size:1.8rem; position:relative;}
.userinfo{ padding:0 12px; line-height:44px; font-size:1.4rem;}
.userinfo ul li{ border-bottom:1px solid #f6f6f6;}
.userinfo ul li span:first-child{ display:inline-block; width:55px;}
input{ line-height:24px; font-size:1.3rem; width:70%;}
.phone_number{ width:auto;}
.verification_code{ font-size:1.2rem; padding:0 5px; line-height:32px; border:1px solid #efefef; border-radius:3px; position:absolute; right:0; top:50%; margin-top:-17px; background:-webkit-linear-gradient(#feffff, #f0f0f4); background:-o-linear-gradient(#feffff, #f0f0f4); background:-moz-linear-gradient(#feffff, #f0f0f4); background:linear-gradient(#feffff, #f0f0f4);}
.current{ background:#ddd;}
.verification_code p{ display:inline-block;}
.userinfo ul li:nth-of-type(2){ position:relative;}
.no_click{ background:#efeff4;}
.join_now_btn{ color:#fff; height:46px; background:#4186ed; border-radius:3px; text-align:center; margin:12px 0; font-size:1.8rem;}
.close{ position:absolute; right:16px; top:14px; width:16px; height:16px; background:url(../images/lxjclose.png) no-repeat; background-size:16px auto;}

.intro_wrap{ width:100%; height:100%; background:#4186ed; padding:0 22px; box-sizing:border-box; display: table; padding-bottom:80px;}
.intro_name{ padding:10px 0; border-bottom:1px solid #fff; text-align:center;}
.text_wrap{ padding:7px 0; border-bottom:1px solid #fff;}
.text_wrap p{ color:#fff; line-height:24px;}
.intro_btn a{ display:block; background:#9fe4f8; border-radius:3px; font-size:1.8rem; color:#4186ed; text-align:center; line-height:40px;}

.erwei_code{ padding-top:10px; border-bottom:1px solid #fff; overflow:hidden; *zoom:1;}
.erwei_code .erwei_code_l{ float:left; text-align:center;}
.erwei_code .erwei_code_r{ float:right;}
.erwei_code div p{ color:#fff; line-height:30px; text-align:center;}
.website{ line-height:30px; color:#fff; text-align:center;}

.tip_dialog{ position:absolute; padding:12px 0; background:rgba(0,0,0,0.5); color:#fff; font-size:1.6rem; text-align:center;top: 30%;left: 50%;z-index: 1000;width: 160px;margin-left: -80px; border-radius:5px; line-height:24px; display:none;}

.center{ vertical-align: middle;display: table-cell;}