.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: 70px;
	z-index: 1000;

}

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

.addText {
	text-align:center;
	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: #191c94;
    color: #FFFFFF;
    text-align: center;
    line-height: calc(30rem / 16);
    z-index: 199;
    display: block;
    padding: 0;
  }
}
/*banner 上的电话和微信咨询*/
.banner_phone{
width:200px;float:left;padding:15px 20px;background-color: rgba(255,255,255,0.1);height:190px;overflow:hidden;
}
.banner_wechat{
width:500px;margin-left:20px;float:left;padding:15px 20px;background-color: rgba(255,255,255,0.1);overflow:hidden;height:150px;
}

.headdes{font-size: 16px;color: #eee;}
.hearder2bb-btn {
padding:15px 20px;
color: #ff5722;
border-radius: 5px;
background: #ffeb3b;
font-size:16px;
}
.hearder2bb-btn:hover {
background: #eee;
color: #ff5722;
}
.form-control{
height: 50px;
color: #444;
border: 1px solid #d7d7d7;
background-color: transparent;
border-radius: 5px;
font-size: 16px;
padding: 15px;
width:240px;
}
.form-control:hover{
border: 1px solid #ddd;
}
.divpandw{}
#syhbszx{display:none}

		.animated_up_down {
			height: 443px !important;
			animation: up-down 1.5s ease-in-out infinite alternate-reverse both;
		}

		@-webkit-keyframes up-down {
			0% {
				transform: translateY(10px);
			}
			100% {
				transform: translateY(-10px);
			}
		}

		@keyframes up-down {
			0% {
				transform: translateY(10px);
			}
			100% {
				transform: translateY(-10px);
			}
		}
		@media (max-width: 992px) {
.banner_wechat{width:100%;height:220px;}
.banner_phone{display:none}
.divpandw{display:none}
#syhbszx{display:block}
}