@charset "utf-8";
body, div, h1, h2, h3, h4, h5, h6, hr, p, form, button, textarea, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin     : 0;
	padding    : 0;
	outline    : 0;
	background : transparent;
	box-sizing : border-box;
}

body, button, input, select, textarea {
	font : 12px/1.5 "microsoft yahei", arial, \5b8b\4f53, sans-serif;
}

h1, h2, h3, h4, h5, h6, button, input, select, textarea {
	font-size  : 100%;
	outline    : none;
	box-sizing : border-box;
}

i {
	font-style : normal;
}

address, cite, dfn, em, var {
	font-style : normal;
}

code, kbd, pre, samp {
	font-family : courier new, courier, monospace;
}

small {
	font-size : 12px;
}

ul, ol, li {
	list-style : none;
}

img {
	border  : none;
	padding : 0;
	margin  : 0;
}

a {
	text-decoration : none;
	outline         : thin none;
}

a:hover {
	text-decoration : none;
}

table {
	border-collapse : collapse;
	border-spacing  : 0;
}

.clearfix:after {
	visibility : hidden;
	display    : block;
	font-size  : 0;
	content    : " ";
	clear      : both;
	height     : 0;
}

.clearfix {
	zoom : 1
}

html {
	-webkit-text-size-adjust : none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight : normal
}

/*login.css edit by binggan 2018-1-30 10:07:02*/
html, body {
	height           : 100%;
	background-color : #f5f5f5;
	min-width        : 1000px;
}

.login_bg {
	position        : fixed;
	width           : 100%;
	height          : 50%;
	top             : 0;
	background      : url("../images/login_bg.png") no-repeat center;
	background-size : cover
}

.copyright {
	position   : fixed;
	bottom     : 0;
	width      : 100%;
	padding    : 20px;
	text-align : center;
	font-size  : 14px;
	color      : #666;
}

.copyright a {
	color      : #666;
	transition : color .3s ease
}

.copyright a:hover {
	color : #0b55e3
}

.login-area {
	position  : fixed;
	height    : 80%;
	width     : 100%;
	top       : 50%;
	transform : translateY(-50%); /*background-color: #fff*/
}

.login-area .tit {
	font-size      : 50px;
	color          : #f5f5f5;
	text-align     : center;
	letter-spacing : 10px
}

.login-box {
	width       : 500px;
	margin      : 0 auto;
	background  : #fff;
	padding     : 30px 50px;
	position    : absolute;
	top         : 50%;
	transform   : translateY(-50%);
	left        : 50%;
	margin-left : -250px;
	z-index     : 2
}

.shadow {
	display    : block;
	width      : 100%;
	height     : 50px;
	background : url('../images/shadow.png') no-repeat bottom center;
	position   : absolute;
	bottom     : -48px;
	left       : 0
}

.login-form .title {
	font-size  : 30px;
	color      : #0b55e3;
	text-align : center
}

.login-form .title span {
	font-size    : 18px;
	color        : #999;
	padding-left : 10px
}

.login-form .slogan {
	font-size  : 18px;
	color      : #999;
	position   : relative;
	text-align : center;
	margin     : 10px 0;
}

.login-form .slogan span {
	background-color : #fff;
	padding          : 0 15px;
	position         : relative;
	z-index          : 1
}

.login-form .slogan:after {
	position         : absolute;
	content          : '';
	width            : 100%;
	height           : 1px;
	background-color : #e6e6e6;
	left             : 0;
	top              : 50%;
	margin-top       : -0.5px
}

.input-group {
	margin-top : 16px;
	position   : relative
}

.input-group label {
	position  : absolute;
	font-size : 16px;
	color     : #666;
	top       : 13.9px;
	left      : 14px;
}

.input-group input {
	width         : 100%;
	height        : 50px;
	border        : 1px solid #e6e6e6;
	border-radius : 4px;
	padding-left  : 74px;
	padding-right : 12px;
	font-size     : 16px;
}

.chaptha {
	position      : absolute;
	height        : 54px;
	width         : 191px;
	right         : 1px;
	top           : 1px;
	border-radius : 4px;
	overflow      : hidden
}

.chaptha img {
	width  : 100%;
	height : 50px;
	cursor : pointer;
}

.submit-btn {
	width            : 100%;
	text-align       : center;
	height           : 56px;
	background-color : #0b55e3;
	color            : #fff;
	font-size        : 20px;
	border           : none;
	border-radius    : 4px;
	letter-spacing   : 5px;
	margin           : 20px 0 30px;
	cursor           : pointer
}

@media (max-width : 1280px) {
	.login-area {
		height : 92%
	}
}