@charset "utf-8";
.chatimg{width: 100%; height: 70%;overflow: hidden;}
.ui-slider-wrap {
	background: #e8e8e8;
	position: relative;
	background: linear-gradient(to right,#dee0e6,#f1f3f5) !important; 
}
.ui-slider-wrap .ui-slider-bg {
	width: 0
}
.ui-slider-wrap .ui-slider-btn {
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.ui-slider-wrap .ui-slider-text {
	width: 100%;
	height: 100%;
	font-family: 微软雅黑;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	color: #666
}
.ui-slider-wrap .ui-slider-no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}
.ui-slider-wrap .ui-slider-btn {
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

.ui-slider-wrap .ui-slider-btn.success {
	background-image: url(../img/success.png);
	background-repeat: no-repeat;
	background-position: center;
}
html,body{
	padding: 0;
	margin: 0;
	position: relative;
	height: 100%;
	overflow: hidden;
	background: RGBA(12, 21, 49, 1)
}
#wonder{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}
#box{
	position: relative;
}
#bgimg{
	width: 100%;
	margin-top: -10px;
	display: block;
}
#login_box{
	position: absolute;
	width:400px;
	height:469px;
	background:rgba(255,255,255,1);
	box-shadow:0px 8px 24px 0px rgba(1,10,38,0.14);
	border-radius:4px;
	z-index: 100;
}
.login_box_abt{
	display: flex;
	background: #F3F4F7;
}
.login_box_abt a{
	line-height: 62px;
	width: 200px;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(94,97,101,1);
	text-align: center;
}
.login_box_abt .active{
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(0,108,255,1);
	
	background: #fff;
}
#login_box .form{
	width: 300px;
	margin: auto;
	padding-top: 39px;
}
#login_box .form .el-input__inner{
	height: 46px;
	line-height: 46px;
}
#login_box .form  .el-input__icon{
	line-height: 46px;
}
#login_box .form  .el-input__prefix{
	left: 21px;
	width: auto;
}
#login_box .form .verification_box .el-input__prefix{
	width: 100%;
}
#login_box .form .el-input--prefix .el-input__inner{
	padding-left: 44px;
}
#login_box .form .verification{
	position: absolute;
	height: 100%;
	width: 135px;
	line-height: 46px;
	left: 143px;
	top: 0 !important;
	z-index: 100000;
}
.verificationC{
	text-align: right;
	padding-right: 10px;
}
#login_box .form .verification_box .el-input--prefix .el-input__inner{
	padding-left: 22px;
	background: none;
	position: relative;
	z-index: 10;
}
#login_box .form  .verification_abt{
	font-size:14px;
	font-family:PingFang SC;
	font-weight:400;
	text-decoration:underline;
	color:rgba(0,108,255,1);
	border: none;
	background: none;
	cursor: pointer;
	position: relative;
	outline: none;
	z-index: 100000;
}
.form_submit{
	display: block;
	width:300px;
	line-height:56px;
	background:rgba(0,108,255,1);
	box-shadow:0px 8px 22px 0px rgba(0,108,255,0.24);
	border-radius:5px;
	margin: auto;
	font-size:24px;
	font-family:PingFang SC;
	font-weight:400;
	color:rgba(255,255,255,1);
	text-align: center;
	border: none;
}
#login_box .form .verification img{
	width:100%;
}
@media(max-width:1680px ) {
	#login_box {
	    width: 350px;
	    height: 421px;
	}
	#login_box .form {
	    padding-top: 20px;
	}
}
@media(max-width:1100px ) {
	#login_box{
		width: 90%;
		position: relative;
		margin: auto;
		left: 0;
		right: 0 !important;
		bottom: 0 !important;
		top: 80px;
	}
	#login_box .form{width:90%}
	#slider1,#bgimg,#wonder{display: none;}
	.form_submit {
    display: block;
    width: 100%;
    }
    #login_box .form .verification {
    width: 95px;
    height: 100%;
    right: 22px;
    left: auto;
    overflow: hidden;
    }
    #login_box .form .verification img {
    width: 100%;
    position: relative;
    z-index: 1000000000000;
    }
}
@media(max-width:750px ) {
	#login_box{
		width: 90%;
		position: relative;
		margin: auto;
		left: 0;
		right: 0 !important;
		bottom: 0 !important;
		top: 80px;
	}
	#login_box .form{width:90%}
	#slider1,#bgimg,#wonder{display: none;}
	.form_submit {
    display: block;
    width: 100%;
    }
    #login_box .form .verification {
    width: 95px;
    height: 100%;
    right: 22px;
    left: auto;
    overflow: hidden;
    }
    #login_box .form .verification img {
    width: 100%;
    position: relative;
    z-index: 1000000000000;
    }
}