/*
* @Author: xueyy
* @Date:   2018-12-10 15:58:06
* @Last Modified by:   xueyy
* @Last Modified time: 2018-12-12 17:16:22
*/

html,body,div{
	padding:0;
	margin:0;
	font-family: SimSun  ;
}
html,body,.login-wrap{
	height: 100%;
	width: 100%;
}
body{
	font: 1.6vh Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif !important;
}
.login-wrap{

	position: relative;
}
/*.header{*/
/*	height: 85px;*/
/*}*/
/*.header .login-logo ,.header .login-block ,.header .login-mark{*/
/*	float: left;*/
/*}*/
/*.header .login-mark{*/
/*	background: url(../images/mark.png) no-repeat;*/
/*	width: 350px;*/
/*	height: 35px;*/
/*	margin-top: 21px;*/
/*}*/
/*.header .login-logo{*/

/*	background: url(../images/login-logo.png) no-repeat;*/
/*	background-size: 98.35% 98.61% ;*/
/*	width: 182px;*/
/*	height: 54px;*/
/*	margin-top:15px;*/
/*	margin-left: 10px;*/
/*}*/
/*.header .login-block{*/
/*	height: 63px;*/
/*	width: 2px;*/
/*	background: #00479d;*/
/*	margin: 11px 15px 11px 20px;*/
/*	!* position: absolute; *!*/
/*}*/

/*.login-wrap .footer{*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	right:0;*/
/*	width: 100%;*/
/*	text-align: center;*/
/*	color:#a7a6a6;*/
/*	height: 30px;*/
/*	line-height: 30px;*/
/*	font-size: 12px;*/
/*}*/

/*.login-wrap .main{*/
/*	*/
/*	!*background: url(../images/bg.jpg) no-repeat;*/
/*	background-size: cover;  */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg',sizingMethod='scale')";*/
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg',sizingMethod='scale');*/
/*	background: none\9;*!*/
/*	position:absolute;*/
/*	top:85px;*/
/*	left:0;*/
/*	right:0;*/
/*	bottom:30px;*/
/*	width:100%;*/

/*}*/

.login-wrap .main .login-box{
	background: #fff;
	background: url(../images/bg_22x.png);
    height: 62%;
    text-align: center;
    position: absolute;
	background-size: cover;
	border-radius: 5%;
	left:56%;
	top: 24%;
	width: 27%;
}

.login-wrap .main .login-box .login-box-tit{
	
	height: 7vh;
	line-height: 9vh;
	/*border-bottom:1px solid rgba(0,0,0,0.1);*/
	/*border-bottom:1px solid #ececec;*/
	font-size: 2.7vh;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1.5vh;

}
.login-wrap .main .login-box .user-name ,
.login-wrap .main .login-box .password,
.login-wrap .main .login-box .vertify-code{
	height: 3.7vh;
	width: 90%;
	/*border:1px solid rgba(0,0,0,0.2);*/
	/*border:1px solid #ececec;*/
	box-sizing: border-box;
	margin:3vh auto;
	position: relative;
}

.login-wrap .main .login-box .user-name input,
.login-wrap .main .login-box .password input,
.login-wrap .main .login-box .vertify-code input{
	border: none;
	width: 99%;
	height: 4.7vh;
	line-height: 4.7vh;
	color: #595858;
	box-shadow: none;
	font-size: 1.7vh;
	text-indent: 1vh;
	box-sizing: border-box;
	border-radius: 1vh;
}
.login-wrap .main .login-box .vertify-code input{
	width: 62%;
	border-right:1px solid rgba(0,0,0,0.2);
	border-right:1px solid #ececec;
	float: left;

}
.login-wrap .main .login-box .vertify-code .code-btn{
	display: inline-block;
	float: left;
	width: 35%;
	height: 4.7vh;
	line-height: 4.7vh;
	/*text-decoration: underline;*/
	cursor: pointer;
	background-color: white;
	font-size: 1.4vh;
	color:rgb(41, 96, 230);
	font-weight: bold;
	text-align: right;
	padding-right: 1vh;
}

#captchaSmsCode{
	border-radius: 1vh 0 0 1vh;
	border-right: none;
}

.layui-tab-bar{
	display: none !important;
}

.login-wrap .main .login-box .user-name .tip,
.login-wrap .main .login-box .password .tip,
.login-wrap .main .login-box .vertify-code .tip{
	position: absolute;
	top:12px;
	left:10px;
	color: #666;
	font-size: 14px;
}
.login-wrap .main .login-box .login-btn{
	width: 89%;
	height: 5vh;
	line-height: 5vh;
	background:#4685d5;
	color:#fff;
	cursor: pointer;
	letter-spacing: 0.2vh;
	font-weight: bold;
	/*margin-bottom: 83px;*/
	/*margin: 0 auto 0 4vh;*/
	font-size: 1.5vh;
	margin: 0 auto;
}

.login-box-text{
	font-size: 13px;
	line-height: 24px;
	color: #666;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid #ececec;
	font-weight: bold;
}
#qrcode{
	height: 38vh;
	width: 38vh;
	box-shadow: #1a5291;
	margin-top: 3vh;
}
.changeUserPass{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: -203px;
	margin-top: -5px;
}
.login-box-anno{
	font-size: 1.6vh;
	color: #666;
	font-weight: bold;
	line-height: 8vh;
}
.login-box-change{
	background-color: #00b7ee;
	height: 30px;
	border-radius: 5px;
	color: white;
	width: 100px;
	display: inline-block;
	margin-top: 20px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
}
.login-box-box{
	display: inline-block;
	background-color: #00b7ee;
	width: 10px;
	height: 10px;
	transform: rotateZ(45deg);
	position: absolute;
	margin-left:-12px;
	margin-top: 30px;
}
.change{
	height: 35px;
	width: 300px;
	box-sizing: border-box;
	margin:20px auto 0;
	position: relative;
	top:-165px;
	left:100px;
}
#login-img{
	position: relative;
	display: inline-block;
}
.login-expire{
	width: 38vh;
	height: 0;
	margin-top: 10vh;
	font-weight: bolder;
	font-size: 2vh;
}
#login-qrcode-expire{
	width: 38vh;
	height: 38vh;
	display: inline-block;
	position: absolute;
	background: rgba(187, 184, 184, 0.95);
	top: 0;
	left: 0;
	margin-top: 3vh;
}

#status{
	width: 34vh;
	margin: 0 auto;
}

#logoImage{
	position: absolute;
	left: 4%;
	top: 5%;
	width: 38%;
	height: auto;
}

#backImage{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#mainGrayIndex{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#backImage2{
	position: absolute;
	left: 4%;
	top: 24%;
	width: 54%;
	height: 62%;
}

.layui-tab .layui-tab-title .layui-this {
	border-bottom: 0.3vh solid #1E9FFF; /* 蓝色下划线 */
	color: rgb(21, 79, 183);
	font-size: 1.3vh;
	line-height: 4vh;
}

.layui-tab{
	margin: 0 auto !important;
	width: 88%;
	height: 4vh;
	line-height: 4vh;
	font-size: 1vh;
}

#yxtpIcon{
	height: 3vh;
}

#verifyOptions{
	margin-top: 3vh;
}

.come{
	margin: 0 143px;
}

.layui-tab-title .layui-this:after{
	border: none !important;
}

.layui-tab-title li{
	color: #666;
	padding: 0 !important;
	min-width: 0 !important;
	line-height: 4vh !important;
	font-size: 1.7vh !important;
	font-weight: bold;
	margin-left: 1.5vh;
}

.layui-tab-title{
	height: 4vh !important;
	border-bottom-width:0.2vh !important;
}

#footer{
	width: 100%;
	text-align: center;
	bottom: 2%;
	position: absolute;
	font-size: 1.4vh;
	color:gray;
}

.layui-form-radio *{
	font-size: 1.7vh !important;
}
.layui-form-radio>i{
	margin-right: 0.8vh !important;
	font-size: 2vh !important;
}
.layui-form-radio{
	line-height: 2.8vh !important;
	margin: 0.6vh 1vh 0 0 !important;
	padding-right: 0.8vh !important;
}

#forget{
	width: 20%;
	background-color: white;
	height: 4.7vh;
	display: inline-block;
	line-height: 4.7vh;
	color: gray;
	border-radius: 0 1vh 1vh 0;
	position: relative;
	top: -4.7vh;
	left: 39%;
	font-size: 1.4vh;
	text-align: right;
	padding-right: 1vh;
}

.user-name{
	margin-top: 1vh;
}

/* 修改记住密码后的输入框背景颜色 */
:-webkit-autofill {
	background-color: white !important; /* 替换为你的颜色 */
}