 body{margin: 0;padding: 0;font-size: 0.25rem;padding-bottom: 0.96rem;}
 a{text-decoration: none;}
 .f-dn{display: none;}
 .full_screen{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7)!important;filter:Alpha(opacity=90);background: #000;z-index: 1000;}
.full_no_bg{background: none!important;}
.full_black_bg{background: rgba(0,0,0,.7)!important;filter:Alpha(opacity=90);background: #000;}
 .wrap{width: 7.2rem;max-width: 720px;margin: 0 auto;}
 .top{height: 1.06rem;line-height: 1.06rem;}
 .top .logo{display: inline-block;vertical-align: middle;height: 0.6rem;}
.top .logo img{height: 100%;}
 .top .right-txt{float: right;margin-right: 0.4rem;font-size: 0.25rem;color: #737373;}
 .nav{border: 1px solid #00a9ff;font-size: 0;}
 .nav a{display: inline-block;height: 0.58rem;line-height: 0.58rem;color: #00a0ff;width: 25%;box-sizing: border-box;font-size: 0.25rem;text-align: center;border-right: 1px solid #00a0ff;}
 .nav a:last-child{border-right: 0;}
.body-img{display: block;width: 100%;}
.form{background: #2d8dff;line-height: 1;overflow: hidden;}
.form .til{font-weight: bold;color: #fff;font-size: 0.4rem;margin-bottom: 0.25rem;margin-top: 0.7rem;text-align: center;}
.form .sub-til{margin-bottom: 0.48rem;color: #fff;text-align: center;}
.form-item{text-align: center;margin-bottom: 0.32rem;font-size: 0;border-radius: 4px;}
.form-item label{width: 1.25rem;height: 0.42rem;line-height: 0.42rem;display: inline-block;text-align: center;background: #fff;color: #2d8dff;vertical-align: top;font-size: 0.25rem;border-top-left-radius: 4px;border-bottom-left-radius: 4px;box-sizing: border-box;position: relative;right: -2px;border: 1px solid #9dcaff;border-right: 0;}
.form-item input{display: inline-block;height: 0.42rem;line-height: 0.42rem;box-sizing: border-box;border: 1px solid #9dcaff;font-size: 0.25rem;text-indent: 1em;border-radius: 0;border-left: 0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;box-shadow: none;outline: none;background: transparent;-webkit-appearance: none;}
.form .btn-wrap{text-align: center;margin-top: 0.43rem;margin-bottom: 0.38rem;}
.form .btn-wrap a{display: inline-block;height: 0.5rem;line-height: 0.5rem;color: #000;font-weight: bold;padding: 0 0.2rem;background: #ffe5c3;background: linear-gradient(to top ,#ffc083, #fffce9);border-radius: 6px;}
.bottem{width: 7.2rem;max-width: 720px;margin: 0 auto;height: 0.96rem;line-height: 0.96rem;position: fixed;left: 50%;bottom: 0;margin-left: -3.6rem;font-size: 0;}
.bottem a{color: #fff;font-size: 0.3rem;font-weight: bold;background: #c7000b;display: inline-block;width: 50%;box-sizing: border-box;position: relative;}
.bottem .join-btn{text-align: right;padding-right: 0.15rem;border-right: 3px solid #fff;}
.bottem .phone{border-left: 3px solid #fff;padding-left: 0.66rem;font-size: 0.38rem;}
.bottem .phone:before{content: '';width: 0.22rem;height: 0.31rem;display: block;background: url(../img/icon-phone.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0.3rem;top: 0.35rem;}

.popup-apply{position: fixed;left: 50%;margin-left: -3.23rem;width: 6.46rem;top: 50%;margin-top: -3.5rem;background: #fff;z-index: 1001;border-radius: 10px;}
.popup-apply .content{margin: 0 0.5rem;padding: 0.6rem 0;}
.popup-apply .til{text-align: center;font-size: 0.25rem;margin-bottom: 0.35rem;}
.popup-apply .til span{color: #d41e1e;}
.popup-apply .form-item {height: 0.58rem;}
.form-item input,
.popup-apply .form-item label{height: 100%;line-height: 0.58rem;border-color: #e5e5e5;}
.popup-apply .form-item label{background: #e5e5e5;color: #3b3b3b;width: 1.5rem;}
.popup-apply .form-item input{width: 3.4rem;}
.popup-apply .submit{display: block;width: 2.19rem;height: 0.53rem;line-height: 0.53rem;margin: 0.47rem auto 0;background: #d31919;color: #fff;font-size: 0.3rem;text-align: center;border-radius: 0.3rem;cursor: pointer;}
.popup-apply .checkbox-item + .checkbox-item{margin-left: 0.2rem;}
.popup-apply .checkboxs{text-align: center;}
.popup-apply .close{width: 20px;height: 20px;display: block;position: absolute;right: 15px;top: 15px;background: url(../img/close.png) no-repeat center;}
.checkbox-item{display: inline-block;font-size: 0;position: relative;}
.checkbox-item input[type=checkbox] {position: absolute;opacity: 0;width: 14px;height: 14px;filter: alpha(opacity=0);cursor: pointer;z-index: -1;}
.checkbox-item label{margin-bottom: 0;}
.checkbox-item .icon-tip{position: relative;top: -5px;margin-left: 11px;}
.ui-checkbox{display: inline-block;width: 14px;height: 14px;border: 1px solid #d31919;border-radius: 0px;box-sizing: border-box;background-color: transparent;background-clip: content-box;color: #59BAF2;-webkit-transition: color .2s,background-color .1s;transition: color .2s,background-color .1s;-webkit-user-select: none;-ms-user-select: none;user-select: none;vertical-align: -2px;*vertical-align: 0;overflow: hidden;}
.ui-checkbox + label{font-size: 14px;line-height: 1;margin-right: 2px;padding-left: 4px;}
.ui-checkbox::after {content: '';display: block;width: 100%;height: 100%;background: #d31919;background-size: 10px 7px;visibility: hidden;}
:checked+.ui-checkbox::after {visibility: visible;-webkit-animation: bounceIn .2s;animation: bounceIn .2s;}


/*preloader*/
.preloader{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: #333;z-index: 1002;}
.preloader-content{}
.loading {
  color:#777;
  font-family:helvetica, arial, sans-serif;
  font-size:13px;
  font-weight:normal;
  height: 100px;
  left:50%;
  line-height:100px;
  margin:-50px 0 0 -50px;
  position: absolute;
  text-align:center;
  text-shadow:1px 1px 1px #000;
  text-transform:uppercase;
  top:50%;
  width: 100px;
  z-index:200;
}
.loading:before {
  background:#222;
  border-radius:10px;
  content:'';
  height: 140px;
  left:50%;
  margin:-70px 0 0 -70px;
  position: absolute;
  top:50%;
  width: 140px;
  z-index:-2;
}

.loading:after {
  animation: rotate 2s infinite linear;
  border:1px solid #555;
  border-radius: 100%;
  box-shadow:2px 2px #fff;
  content:'';
  height: 100px;
  left:50%;
  margin:-50px 0 0 -50px;
  position: absolute;
  text-align:center;
  text-transform:uppercase;
  top:50%;
  width: 100px;
  z-index:-1;
}
@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
/*preloader*/




