@import "../../css/common.css";

.user-wrapper{background:url('../img/login-bg.png') no-repeat center center;width: 100%;height: 100%;background-size:cover;}

.user-wrapper .header{height: 4.2vw;line-height: 4.2vw;padding-left: 1.6vw}

.user-wrapper .header img{width:5.4vw;max-width: 105px}

.user-main{padding-top: 5vw}

.user-reg-main{padding-top: 3vw}

.user-main .user-crumb{font-size: 1.8vw;text-align: center;margin-bottom:2.6vw;color: #172b4d;letter-spacing: 0}

.user-form{width: 23.4vw;margin:0 auto;padding:2.6vw 2.6vw 1vw 2.6vw;background-color: #fff;box-shadow: 0 0.7vw 1.6vw 0 rgba(0, 18, 36, 0.1);}

.user-form .user-form-item:first-child{margin-top: 0}

.user-form .user-form-item{position:relative;margin-top:1.6vw;}

.user-form .user-form-item i.iconfont{position: absolute;top:.4vw;left: .6vw;color:#c0c0c0;font-size: .9vw}

.user-form .user-form-item input{width:100%;height: 2.1vw;line-height:2.1vw;border: solid 1px #e3e3e3;border-radius: 3px;padding-left: 2vw;}

.user-form .user-form-item input:hover,.user-form .user-form-item input:focus{border-color:#ccdeff;box-shadow: 0 0 7px #ccdeff;-moz-box-shadow: 0 0 7px #ccdeff;
	-webkit-box-shadow: 0 0 7px #ccdeff;}

.user-form .user-form-item .verify-btn{position: absolute;right:0;width:4.9vw;height: 2.1vw;line-height:2.2vw;color:#fff;background-color: #2c6ee5;
	text-align: center;font-size: .7vw;border-radius: 0 3px 3px 0;border:none;padding-left: 0;cursor: pointer}

.user-form .user-form-item .verify-btn:hover,.user-form .user-form-item .verify-btn:focus{border:none;box-shadow: none;-moz-box-shadow:none;-webkit-box-shadow:none}

.user-form .user-form-item .verify-btn:hover{opacity: .8}

.user-form .user-form-item .submit-btn{display:inline-block;width:100%;height: 2.1vw;line-height:2.1vw;background-color: #2c6ee5;color:#fff;text-align: center;
	border-radius: 3px;font-size: .8vw}

.user-form .user-form-item:last-child a{font-size: .7vw}

.user-form .go-btn-item{text-align: center;margin-top: 1vw;}

.user-form .user-form-item a.go-btn{color:#2c6ee5}

.user-form .user-form-item a.go-btn span{color:#999}

.user-form .user-form-item .language>a{color:#2c6ee5;height: 40px;}

.user-form .user-form-item .language .lang-panel{position: absolute;left:-1vw;top: 1.5vw;min-width: 4.5vw;border: solid 1px #2c6ee5;
	background-color: #fff;border-radius: 3px;padding:0.6vw;display: none}

.user-form .user-form-item .language .lang-panel a{display: block;color:#999;text-align: center;width:100%;padding-bottom:.9vw}

.user-form .user-form-item .language .lang-panel a:last-child{padding-bottom:0}

.user-form .user-form-item .language .lang-panel a:hover{color:#2c6ee5}

.login-tips .layui-layer-content{box-shadow:none !important;line-height: 5px !important;color:#f56c6c !important;;padding:0 !important;
	background-color: transparent !important;}

.login-tips i.layui-layer-TipsB{border-right-color: transparent !important;}



/* 重置密码 */
.reset-wrapper{width: 100%;height: 100%;background-color:#fff;}

.reset-wrapper .header{height: 4.2vw;line-height: 4.2vw;padding:0 1.6vw}

.reset-wrapper .header img{width:5.4vw;max-width: 105px}

.reset-wrapper .header a{color:#2c6ee5}

.reset-wrapper .header a span{color:#999}

.user-reset-main{background-color: #fff;width: 54.7vw;margin:0 auto;padding-top: 2vw}

.user-reset-tab{position:relative;font-size: 0;margin-bottom:8vw}

.user-reset-tab .line{display:inline-block;height: .1vw;background-color: #bad0f7;width:27vw}

.user-reset-tab .line.current{background-color: #2c6ee5}

.user-reset-tab .tab-item{position:absolute;text-align: center;}

.user-reset-tab .tab-item span{display: inline-block;font-size: 1vw;background-color:#a2bbe8;color:#fff;width:1.6vw;height: 1.6vw;border-radius: 1.6vw;
	line-height: 1.6vw;}

.user-reset-tab .tab-item p{font-size: .7vw;color:#a2bbe8;margin-top: .6vw;}

.user-reset-tab .tab-item.current span{background-color:#2c6ee5;}

.user-reset-tab .tab-item.current p{color:#2c6ee5;}

.user-reset-tab .tab-item:nth-child(1){left: -2.9vw;top:-.8vw;}

.user-reset-tab .tab-item:nth-child(3){left: 25.5vw;top:-.7vw;}

.user-reset-tab .tab-item:nth-child(5){right: -2.9vw;top:-.7vw;}

/* 重置密码 - 设置 */
.user-reset-way{padding: 0 14.1vw 11.2vw 14.1vw;}

.user-reset-way .way-item{display: block;height: 6.3vw;line-height: 6.3vw;border-radius: 0.3vw;font-size: 1vw;padding: 0 0 0 4.2vw;
	background-color: #f3f7ff;color:#138df5;letter-spacing: 0;width: 23.5vw;border:1px solid #bad0f7}

.user-reset-way .way-item i{color:#ffbf25;font-size: 1.5vw;margin-right: .5vw;}

.user-reset-way .way-item:nth-child(1){margin-bottom:2.7vw}

.user-reset-way .way-item:nth-child(2) i{color:#00cea0}

.user-reset-way .way-item:hover{background-color: #2c6ee5;color:#fff;}

.user-reset-form .faq-form .faq-form-item:first-child{margin:0}

/* 重置密码 - 成功 */
.user-reset-success{text-align: center}

.user-reset-success img{width: 5.7vw;}

.user-reset-success p{font-size: 0.8vw;margin:1.6vw 0}

.user-reset-success a{display: block;width: 13vw;height: 2.1vw;line-height:2.1vw;background-color: #2c6ee5;border-radius: 0.2vw;font-size: 0.8vw;
	text-align: center;margin: 0 auto;color:#fff;}

@media only screen and (max-width: 1400px){

	.user-form .user-form-item i.iconfont{top: .5vw;font-size: 1.2vw;}

	.user-form .user-form-item input{height: 30px;line-height:30px;padding-left: 2.5vw;font-size: 12px;}

	.user-form .user-form-item .verify-btn{height: 30px;line-height:30px;width:7vw}

	.user-form .user-form-item{margin-top: 25px}

	.slide-verify{height: 30px;}

	.slide-verify .fix-tips, .verify-msg{height: 30px;line-height: 30px;}

	.slide-verify .drag-btn{height: 30px;background: #fff url(/Public/img/verify-slide-1.png) no-repeat center center;}

	.slide-verify .suc-drag-btn {height: 30px;background: #fff url(/Public/img/verify-done-1.png) no-repeat center center;}

	.slide-verify .drag-progress{height: 30px;line-height: 30px}

	.user-form .user-form-item .submit-btn{height: 30px;line-height: 30px}

	.user-form .user-form-item .language .lang-panel{left:-.3vw;top: 2vw;}

}