html {
    width: 100%;
    height: 100%;
    background: url("../../images/loginbg4.jpg") no-repeat center center;
    background-size: cover;
}

body {
    width: 100%;
    height: 100%;
    /*background: url("../../images/loginbg2.svg") no-repeat;
    background-size: cover;*/
}

.login {
    width: 354px;
    height: 480px;
    background: #fff;
    box-shadow: 1px 2px 10px rgba(227,230,242,.4);
    border-radius: 12px;
    position: absolute;
    top: 20%;
    right: 0;
    transform: translate(0, 0);
}

.loginLeft {

	width: 450px;
	height: 480px;
	float: right;
	background: rgba(24, 144, 255, 0.1);
	overflow: hidden;
	position: relative;
}

.loginLeft img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loginRight {
	width: 350px;
	height: 430px;
	float: left;
	padding: 36px 36px 0 36px;
	box-sizing: border-box;
}

.codeBox {
	position: relative;
}

.code {
	width: 100% !important;
	margin-right: 13px;
	margin: 0px !important;
	border-bottom: #e6e6e6 1px solid;
	/* display: inline-block !important; */
}

.codeImage {
    height:30px;
	position: absolute;
	bottom: 1px;
	right: 1px;
}

.btnWidth {
	width: 100%;
	margin-top: 20px;
}

.layui-btn {
    background-color: #1e9fff;
    border-radius:40px;
}

.labelP {
	color: #777;
}

.inputIcon {
	margin-top: 10px;
}

.layui-tab-title {
	border-bottom-style: none !important;
}

.layui-form {
	margin-top: 40px;
}

.layui-tab-title li {
	padding: 0;
	margin-right: 20px;
	font-size: 16px;
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #1890ff;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {

	border-bottom: none;
	/* border-bottom: 2px solid #1890ff; */
}

.layui-input {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    padding-left: 0;
    height: 38px;
    line-height: 38px;
}

.layui-form-item {
	margin-bottom: 25px;
}