/* Import Less files */
html,
body {
  height: 16.33rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
}

body {
  height: 16.33rem;
}

body .bg {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 0;
}


body .bg img {
  width: 100%;
}

body form {
  position: relative;
  width: 5.76rem;
  top: 8.32rem;
  margin: 0 auto;
  line-height: 0.6rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  border-radius: 0.1rem;
}
.form_other{
  position: relative;
  width: 6.8rem;
  top: 11rem;
  margin: 0 auto;
  line-height: 0.6rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  border-radius: 0.1rem;
}

body form .input-wrapper {
  width: 5.75rem;
  height: 0.9rem;
  background-color: white;
  -webkit-border-radius: 0.09rem;
  -moz-border-radius: 0.09rem;
  border-radius: 0.09rem;
  margin-bottom: 0.2rem;
  text-align: left;
}

body form .input-wrapper .icon {
  margin-top: 0.2rem;
  margin-left: 0.22rem;
  width: 0.5rem;
  height: 0.5rem;
}

body form .input-wrapper.veri {
  display: none;
}

body form input::-webkit-input-placeholder {
  opacity: 0.7;
  font-family: 'PingFangSC';
  font-weight: 400;
  font-size: 0.32rem;
  color: #5a5a5a;
  letter-spacing: 0;
}

body form input::-moz-placeholder {
  opacity: 0.7;
  font-family: 'PingFangSC';
  font-weight: 400;
  font-size: 0.32rem;
  color: #5a5a5a;
  letter-spacing: 0;
}

body form input::-ms-input-placeholder {
  opacity: 0.7;
  font-family: 'PingFangSC';
  font-weight: 400;
  font-size: 0.32rem;
  color: #5a5a5a;
  letter-spacing: 0;
}

body form input::placeholder {
  opacity: 0.7;
  font-family: 'PingFangSC';
  font-weight: 400;
  font-size: 0.32rem;
  color: #5a5a5a;
  letter-spacing: 0;
}

body form input {
  width: 100%;
  height: 0.8rem;
  margin: 0.06rem 0;
  font-size: 0.3rem;
  font-weight: 400;
  text-indent: 0.2rem;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  outline: none;
  background-color: white;
  caret-color: black;
  color: black;
}

body form input[name=phone] {
  width: 80%;
}

body form input[name=sms-send] {
  width: 2rem;
  height: 0.7rem;
  margin-top: 0.18rem;
  margin-right: 0.18rem;
  float: right;
  display: inline-block;
  overflow: hidden;
  background-color: #8c94b4;
  color: #d5dcf0;
  text-align: center;
  font-size: 0.24rem;
  text-indent: 0;
  -webkit-border-radius: 0.06rem;
  -moz-border-radius: 0.06rem;
  border-radius: 0.06rem;
}

body form input[name=sms-send].active {
  color: white;
  opacity: 1;
}

body form input[name=verification] {
  width: 2.7rem;
  /* height: 0.8rem;
  margin-top: 0.1rem;
  margin-right: 0.18rem;
  vertical-align: top; */
}

body form input[name=sms-code] {
  width: 2.7rem;
  height: 0.8rem;
  margin-top: 0.1rem;
  margin-right: 0.18rem;
  vertical-align: top;
}

body form .verification-img {
  width: 1.05rem;
  height: 0.55rem;
  margin-top: 0.2rem;
  margin-right: 0.17rem;
  float: right;
  display: inline-block;
  overflow: hidden;
  background-color: white;
}

body form .verification-img img {
  height: 100%;
}

body form .submit {
  width: 5.76rem;
  height: 0.9rem;
  display: inline-block;
  overflow: hidden;
  background: url(../img/xz_app.png);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
body form .unChecked {
  width: 0.28rem;
  height: 0.28rem;
  display: inline-block;
  background: url(../img/un_checked.png);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  flex: 0 0 0.28rem;
  background-size: 100% 100%;
}
body form .isChecked {
  width: 0.28rem;
  height: 0.28rem;
  display: inline-block;
  background: url(../img/checked.png) white;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  flex: 0 0 0.28rem;
  background-size: 100% 100%;
}
body form .later_link {
  width: 4.34rem;
  height: 0.22rem;
  display: inline-block;
  background: url(../img/later_link.png);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-bottom: 1rem;

}
body form .bottom_infor {
  position: absolute;
  color: #fff;
  top: 4.86rem;
  width: 100%;
  opacity: 0.4;
  font-family: PingFangSC-Regular;
  font-size: 0.24rem;
  line-height: 0.3rem;
  transform: scale(.91);
  
}
body form .reminder {
  padding-top: 0.2rem;
  font-size: 0.2rem;
  color: #F1D6A8;
  font-weight: 200;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
}

body .tips {
  display: none;
  opacity: 0;
  position: absolute;
  width: 5.4rem;
  height: 0.6rem;
  line-height: 0.6rem;
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #000000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 0.28rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
}

body .tips.flash {
  display: block;
  -webkit-animation: flash-animation 3s ease;
  -moz-animation: flash-animation 3s ease;
  -o-animation: flash-animation 3s ease;
  animation: flash-animation 3s ease;
}

body .to-top {
  position: fixed;
  right: 0;
  top: 3.11rem;
  width: 0.7rem;
  height: 2.42rem;
  /* background-image: url(../img/kaihu.png); */
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: 10;
}

@-webkit-keyframes flash-animation {
  0% {
    opacity: 0.6;
  }

  30% {
    opacity: 0.6;
  }

  80% {
    opacity: 0;
  }
}

@-moz-keyframes flash-animation {
  0% {
    opacity: 0.6;
  }

  30% {
    opacity: 0.6;
  }

  80% {
    opacity: 0;
  }
}

@-o-keyframes flash-animation {
  0% {
    opacity: 0.6;
  }

  30% {
    opacity: 0.6;
  }

  80% {
    opacity: 0;
  }
}

@keyframes flash-animation {
  0% {
    opacity: 0.6;
  }

  30% {
    opacity: 0.6;
  }

  80% {
    opacity: 0;
  }
}

/* 底部 */
.bottom-part {
  background-color: #5a586b;
  color: #eaeaea;
  font-family: "PingFangSC-Regular";
  padding: .25rem .15rem;
}

.bottom-part ul{
  display: flex;
  justify-content: space-around;
}

.bottom-part ul .first-li{
  width: 50%;
  position: relative;
}

.bottom-part ul .first-li::after{
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  height: 100%;
  width: .01rem;
  background-color: #fff;
}

.bottom-part .mt10{
  margin-bottom: .1rem;
}
.tip {
	background: rgba(0,0,0,0.8); 
	text-align: right; 
	position: fixed; 
	left:0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 998; 
	display: none;
}
.tip>img{
	width: 100%;
	height: 50%;
}