.user{background:url('../images/user/user.jpg') no-repeat center top;background-size: cover;padding-bottom: 100px}
.reg{width: 700px;margin:0 auto;padding-top: 90px}
.headline{font-size: 45.83px;color: #00e1eb;text-align: center;margin-bottom: 45px}
.reg_user{width: 100%;padding:30px 58px;border:3px solid #0664b0;}
.user_tit{color: #00e1eb;font-size: 34.56px;text-align:center;margin-bottom: 30px}
.reg_user .item input{background:#024386;border:3px solid #0669b4;display: block;width: 100%;height: 60px;padding:0 22px;font-size:18px;color: #fff}
.reg_user .item{margin-bottom: 25px}

.reg_user .item input::-webkit-input-placeholder {color:#fff;}
.reg_user .item input:-ms-input-placeholder {color:#fff;}
.reg_user .item input::placeholder {color:#fff;}

.mes_btn{width: 100%;height: 60px;line-height: 60px;background:#00e1eb;font-size: 33px;color: #013378;display: block;text-align:center;}

.reg_user .input2 input{width:calc(100% - 150px);display: block;float: left;}
.reg_user .input2 img{float: right;}

.tz{font-size:18px;color: #fff;text-align:right;margin-bottom: 25px;display: block;}
.reg_user .layui-form-select .layui-edge{right:22px;top: 50%;margin-top: -5px;cursor: pointer;border-width: 10px;}

.reg_user .layui-form-selected .layui-edge{margin-top: -20px;}
.reg_user .layui-form-select dl{top:60px;border:2px solid #d2d2d2;}
.reg_user .layui-form-select dl dd, .layui-form-select dl dt{line-height: 60px;font-size: 18px;padding:0 15px}
.reg_user .layui-form-select dl dd.layui-this{background:#024386;}

.tz:hover,.tz_find:hover{color: #00e1eb}
body{height: 100%}
.user{min-height: 100%;position: relative;}
.login{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);padding-top:0;}
.login .reg_user{padding-bottom: 60px}
.tz_find{font-size: 18px;color: #fff;margin-top: 15px;padding-right: 25px;text-align:right;display: block;}

.icon{text-align:center;}
.find{padding-top:60px;}
.find_tit{font-size: 50px;color: #191919;text-align:center;font-weight: bold;margin:30px 0;}
.find .tip{font-size: 28px;color:#919191;line-height: 52px;text-align:center;}
.cancel{width: 488px;height: 86px;line-height: 86px;background:#f68c04;border-radius:40px;font-size: 36px;color: #fff;display: block;margin:0 auto;box-shadow: 0 0 15px rgba(0,0,0,0.1);text-align:center;margin-top:50px;}

.user_sign{width: 675px;height: 520px;background:#fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);border-radius:10px;overflow: hidden;}
.sign_tit{background:url('../images/user/sign_tit.jpg') no-repeat center top;height: 127px;width: 100%;line-height: 127px;text-align:center;font-size: 37.5px;color: #fff;font-weight: bold;font-style: italic;}
.sign_day{height: 120px;box-shadow:0px 15px 30px -15px rgba(32,162,253,0.5);}

.sign_tip{text-align:center;}
.sign_tip p{font-size: 40px;color: #f68c04;margin:70px 0 25px;}
.sign_tip span{display: block;font-size: 26px;color: #7b7b7b}

.user_sign .cancel p{display: block;width: 100%}

.tz_find2,.tz_find3{display: none}
.back{background:url('../images/user/back.png') no-repeat center;width:50px;height: 50px;position: fixed;top:5%;right: 5%;display: block;background-size: 100%;z-index: 10;}
@media (max-height:625px){
	.login{padding-top:80px;position: static;transform: translateY(0);}
	.tz_find2{display: block;}
	.tz_find1,.tz_find3{display: none}
	.find .icon img{width: 120px}
	.find_tit {font-size:35px;margin: 20px 0;}
	.find .tip{font-size: 18px;line-height: 2;}
	.find .cancel {width: 300px;height: 60px;line-height: 60px;background: #f68c04;border-radius: 40px;font-size: 25px;color: #fff;display: block;margin: 0 auto;box-shadow: 0 0 15px rgb(0 0 0 / 10%);text-align: center;margin-top: 30px;}

    
}
.yz_3g{display: none}
@media (max-width:900px){
	.headline{font-size: 35px;margin-bottom: 35px}
	.user_tit{font-size: 30px;}
	.reg{width: 85%;padding-top:70px;}
	.reg_user{padding:30px;}
	.reg_user .item input{background:#024386;border:2px solid #0669b4;display: block;width: 100%;height:50px;padding:0 15px;font-size:16px;color: #fff}
	.reg_user .item{margin-bottom: 20px}
	.reg_user .input2 input{width:calc(100% - 100px);display: block;float: left;}
	.tz{font-size: 16px;}
	.mes_btn{width: 100%;height: 50px;line-height: 50px;background:#00e1eb;font-size:25px;color: #013378;display: block;text-align:center;}

	.reg_user .layui-form-select .layui-edge {position: absolute;right: 15px;top: 50%;margin-top: -3px;cursor: pointer;border-width: 6px;}
	.reg_user .layui-form-selected .layui-edge {margin-top: -9px;margin-top: -3px\9;}
	.reg_user .layui-form-select dl{top:50px;}
	.reg_user .layui-form-select dl dd, .layui-form-select dl dt{line-height:50px;font-size: 16px;padding:0 15px}

	.user_sign{max-width: 90%}
	.yz_3g{display: block;}
	.yz_pc{display: none}
	.tz_find1,.tz_find2{display: none}
	.tz_find3{display: block;}
	.find_tit{font-size: 35px;}
	.find .tip{font-size: 20px;}
	.cancel{font-size: 30px;}

    
}

.form_3g{display: none}
@media (max-width:640px){
	html {font-size:calc(100vw/360 * 100);} 
	body {font-size: 0.14rem;overflow-x:hidden;}
	.reg {width:94%;padding-top:0.3rem;}
	.headline{font-size:0.3rem;margin-bottom:0.2rem;}
	.back {width:0.35rem;height:0.35rem;position: fixed;top: 5%;right: 5%;z-index: 10;}
	.reg_user{padding:0.15rem;border:2px solid #0664b0;}
	.user_tit {font-size:0.25rem;margin-bottom: 0.15rem}
	.reg_user .item input{background:#024386;border:1px solid #0669b4;display: block;width: 100%;height:0.4rem;padding:0 0.1rem;font-size:0.15rem;color: #fff;font-size: 0.13rem;}
	.reg_user .item{margin-bottom: 0.15rem}
	.reg_user .input2 input{width:calc(100% - 1rem);display: block;float: left;}
	.form_3g{display: block;}
	.form_pc{display: none}
	.form_3g .item p{color: #fff;font-size: 0.14rem;margin-bottom: 0.1rem}
	.tz{font-size:0.15rem;}
	.mes_btn{width: 100%;height:0.45rem;line-height:0.45rem;background:#00e1eb;font-size:0.22rem;color: #013378;display: block;text-align:center;}
	.user{padding-bottom:0.5rem;}

	.reg_user .layui-form-select .layui-edge {position: absolute;right:0.1rem;top: 50%;margin-top: -3px;cursor: pointer;border-width: 6px;}

	.reg_user .layui-form-select dl{top:0.4rem;}
	.reg_user .layui-form-select dl dd, .layui-form-select dl dt{line-height:0.4rem;font-size:0.15rem;padding:0 0.1rem}
	.login .reg_user{padding-bottom:0.3rem;}
	.tz_find{font-size: 0.15rem;margin-top: 0.15rem;padding-right: 0.1rem;}
	.find .icon img{width: 1rem;}
	.find_tit{font-size:0.28rem;}
	.find .tip{font-size: 0.18rem;line-height: 1.8;}
	.find{padding:0.5rem 0.1rem;}
	.find .cancel {width:100%;height:0.55rem;line-height:0.55rem;background: #f68c04;border-radius:0.3rem;font-size:0.24rem;color: #fff;display: block;margin: 0 auto;box-shadow: 0 0 15px rgb(0 0 0 / 10%);text-align: center;margin-top: 0.25rem;}


	.user_sign{width:94%;height:3.5rem;background:#fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);border-radius:0.1rem;overflow: hidden;}
	.sign_tit{background:url('../images/user/sign_tit.jpg') no-repeat center top;height:0.8rem;width: 100%;line-height:0.8rem;text-align:center;font-size:0.28rem;color: #fff;font-weight: bold;font-style: italic;}
	
	.sign_tip{text-align:center;}
	.sign_tip p{font-size:0.28rem;color: #f68c04;margin:0.45rem 0 0.15rem;}
	.sign_tip span{display: block;font-size:0.22rem;color: #7b7b7b}
	.user_sign .cancel {width:90%;height:0.55rem;line-height:0.55rem;background: #f68c04;border-radius:0.3rem;font-size:0.24rem;color: #fff;display: block;margin: 0 auto;box-shadow: 0 0 15px rgb(0 0 0 / 10%);text-align: center;margin-top: 0.35rem;}

}