@CHARSET "UTF-8";
.container {
	height: 100%;
}
.page-middle {
	/* 背景图设置三种方式: https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649118253&idx=2&sn=321ca5d1ff1893b1fd965f1ee9539323&chksm=be587180892ff896c7a6ffcfbb66046cfe936ecabb699183581caefb1126842a92a88560cd46&scene=27 */
	background: url(../../public/images/login-bg.jpg) no-repeat center / cover;
	/* background-size:100% 100%;
	background-attachment:fixed;  */
}

.page-middle .panel .item {
	/* width: 300px; */
    /*height: 200px; */
	width: 300px;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: calc(100% - 40%);
    top: 40px;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    padding: 18px 24px;
}
.page-middle .panel .item .title {
	margin-bottom: 24px;
}
.page-middle .panel .item .title .text {
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
	color: #D7D7D7;
	cursor: pointer;
}
.page-middle .panel .item .title .text.active {
	color: #333333;
}
.page-middle .panel .item .title .split {
    background-color: rgba(215, 215, 215, 1);
    vertical-align: middle;
    display: inline-block;
    width: 3px;
    height: 24px;
    margin-top: -5px;
    margin-left: 8px;
    margin-right: 8px;
}

.page-middle .panel .item.zjhm-login {
	height: 290px;
}
.form .form-item {
	margin-bottom: 12px;
	height: 30px;
	line-height: 30px;
}
.form .form-item .icon {
    background-size: 20px 20px!important;
    height: 20px;
    width: 20px;
    display: inline-block;
    top: 4px;
    margin-left: 5px;
    position: relative;
}
.form .form-item .box {
    border-radius: 5px;
    border: 1px solid rgba(215, 215, 215, 1);
    width: 248px;
}
.form .form-item .box input {
    border: 0;/*清除自带的2px的边框*/
    padding: 0;/*清除自带的padding间距*/
    outline: none;/*清除input点击之后的黑色边框*/
    width: calc(100% - 30px);
    height: calc(100% - 1px);
    top: -1px;
    position: relative;
    border-radius: 5px;
    height: 28px;
}
.form .form-item .box select {
	border: 0;/*清除自带的2px的边框*/
    padding: 0;/*清除自带的padding间距*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    width: calc(100% - 30px);
    height: calc(100% - 1px);
}
.form .form-item .box select:focus {
	outline: none;
}
.form .form-item.vcode .box {
    width: 150px;
    display: inline-block;
}
.form .form-item.vcode img.vcode-img {
	width: 88px;
    height: 28px;
    margin-left: 8px;
    position: absolute;
    margin-top: 2px;
}
.form .form-item.sms-code .box {
	
}
.form .form-item.sms-code input {
	width: 140px;
    padding-right: 8px;
}
.form .form-item.sms-code a.send-sms-code {
	width: 140px;
    padding-right: 8px;
}
.form .form-item.sms-code a.send-sms-code.disabled {
	color: #ddd !important;
    cursor: no-drop;
    pointer-events: none;
}

.form .form-item .a-opt {
	font-size: 12px;
    color: #A31A2F;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    text-decoration: none;
}
.form .form-item .a-opt:hover { 
	text-decoration: none;
}

button.btn {
	width: 244px;
	height: 35px;
	color: #D7D7D7;
	background-color: #a31a2f;
	border-radius: 5px;
	border: 0px;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
}
button.btn:hover {
	background-color: #c55465;
}

.page-middle .panel .item.register {
	height: 412px;
}
.page-middle .panel .item.forget-pwd {
	height: 370px;
}


.page-middle .panel .item.sjhm-login {
	height: 250px;
}