.shiyong{ background: #fff;border-radius: 0.25rem;width: 16rem;height: 20rem;position: fixed;top: 20%;left: 50%;transform: translateX(-50%);-50%: -3.8rem!important;box-shadow: 0 0 0.3rem rgba(0,0,0,.2);z-index: 9999;visibility: visible;display: none;padding: 0rem;box-shadow: 1px 1px 1px 2000px rgba(0,0,0,.5);}
.shiyong > div{
    padding: 0.54rem 0.7rem 0rem 0.7rem;
    padding-top: 0.9rem;padding-bottom: 1.3rem;
}
.shiyong input{ margin-bottom: 0.2rem;top:0.4rem;outline: none;}
.shiyong p{ font-size: 1.2rem; color: #333333;text-align: center;margin-bottom: 0.4rem;}
.shiyong .input_join{ border: none; border-bottom: 0.02rem solid #f2f2f2; height: 3.5rem; line-height: 0.8rem; padding-top: 0.2rem; display: block; width: 100%;font-size: 0.75rem;}
.shiyong .input_join::-moz-placeholder{ color: #333333;}
.shiyong .input_join select{ border: none; margin-right: 0.4rem; padding-right: 0.4rem;background-color:white;height:0.5rem;}
.shiyong .input_join select option{ color: #333; }
.close {width: 1rem;height: 1rem;background: url(d_bg.png) no-repeat;position: absolute; right: 0.6rem; top:0.5rem;}
.verCodeBtn{border: none;color: #fff;font-size: 0.26rem;border-radius: 0rem; auto;cursor: pointer;height: 0.5rem; background: none;cursor:pointer;}
.btn_shiyong{width: 2.6rem;text-align: center;cursor:pointer;}
.btn_wxsm1{ background: none; border: none; height: 2.5rem; line-height: 1rem; color: #fff; font-size: 0.8rem; border-radius: 0.25rem; margin: 1rem auto -2.5rem auto; cursor: pointer;color: #3F84FF;border: 0.02rem solid #9FC1FF !important;}
.btn_wxsm1:hover{ opacity: 0.8;}
.btn_join{width:3rem !important;}
.username,.user_tel{  font-size: 0.28rem;position: absolute;top: 0.4rem;right: 1rem;}
.name{font-size: 0.6rem !important;}
#verCodeBtn{border: none;color: #333;font-size: 0.26rem;border-radius: 0rem; auto;cursor: pointer;height: 0.5rem; background: none;cursor:pointer; position: absolute;top: 0.32rem;right: 0rem;outline: none;}

.formTip{color: #FF4E4E;font-size: 1rem; text-align:center}
.tan_wei2 {
	position: absolute;
	z-index: -9;
	right: 55px;
	top: -46px;
	display: none;
}

.right_close {
	position: absolute;
	z-index: 18;
	right: 8px;
	top: 8px;
	width: 12px;
	display: block;
}

.popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999999;
	display: none;
}

.popupbox {
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 386px;
	height: 430px;
	background: url(pbg.png) no-repeat;
	background-size: contain;
}

.popupbox_title {
	position: absolute;
	font-size: 24px;
	font-family: PingFang SC;
	color: #020202;
	line-height: 60px;
	top: 47px;
	left: 50%;
	transform: translate(-50%);
	width: 266px;
	text-align: center
}

.popup-img {
	width: 249px;
	height: 249px;
	position: relative;
	left: 50%;
	top: 27%;
	transform: translate(-50%);
}

.zixun {
	font-size: 20px;
	line-height: 1.8;
	text-align: center;
	position: relative;
	top: 70%;
}
.zoomIn {
	-webkit-animation: zoomIn 500ms;
	animation: zoomIn 500ms;
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

.zoomOut {
	-webkit-animation: zoomOut 500ms;
	animation: zoomOut 500ms;
}

@keyframes zoomOut {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}




.rightPoup {
	position: fixed;
	right: 10px;
	bottom: 60px;
	z-index: 1000;
	width: 186px;
	height: 240px;
	background: url(rbg.png) no-repeat center;
}

@media (max-width: 992px) {
	.rightPoup {
		display: none;
	}
}

.addText {
	margin-left: 20%;
	font-size: 18px;
	font-family: PingFang SC;
	font-weight: 800;
	color: #333333;
	margin-top: 21px;
	margin-bottom: 17px;
	
}

.rightPoupEwm {
	margin-left: 20%;
	width: 115px;
	height: 115px;
	background: url("qrcode.png") no-repeat center;
}

.rightPoupText1 {
	margin-top: 20px;
	margin-left: 19%;
	color: #FFFFFFC7;
	
}

.rightPoupText2 {
	margin-top: 8px;
	margin-left: 20%;
	width: 118px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
	text-align:center;
}

.foot-tc,
.foot-ct {
  display: none;
}

.foot-tc p a {
  font-size: 18px;
  color:#fff;
 
  display:block;
  margin: 0;
  line-height:150%;
  margin-top: calc(15rem / 16);
}

@media (max-width: 992px) {
  .footer-area {
    display: none;
  }

  .foot-ct {
    width: 100%;
    height: calc(102rem / 16);
    background: #1C1F36;
    font-size: calc(12rem / 16);
    text-align: center;
    color: #B2B6B6;
    padding-top: calc(12rem / 16);
    display: block;
  }

  .foot-tc {
    position: fixed;
    width: 100%;
    height: calc(60rem / 16);
    bottom: 0;
    background: #47536e;
    color: #FFFFFF;
    text-align: center;
    line-height: calc(30rem / 16);
    z-index: 199;
    display: block;
    padding: 0;
  }
}