/***¹«ÓÃÄ£¿éÉèÖÃ*******/
*{margin: 0;padding: 0;font-family: 'Microsoft Yahei';font-size: 16px;}
body,html {width: 100%;height: 100%;min-width: 1320;min-height: 730px;position: relative;}

/******µÇ¼´°¿ÚÑùʽ*******/
[class^=icon-], [class*=" icon-"] {
	font-family: icomoon;speak: none;font-style: normal;
	font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.clearfix:before, .clearfix:after {content: " ";display: table}
.clearfix:after {clear: both}
a {color: #2fa0ec;text-decoration: none;outline: 0}
body {
	-webkit-perspective: 800px;
	position: relative;
	perspective: 800px;
	margin: 0;
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA5C54 ',
		endColorstr='#bb6dec', GradientType=1);
	/* display: flex; */
	justify-content:center;
	align-items:center;
}

body ::-webkit-input-placeholder {
	color: #4e546d
}

body .authent {
	display: none;
	background: #35394a;
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #35394a),
		color-stop(100%, #1f222e));
	background: -webkit-linear-gradient(45deg, #35394a 0%, #1f222e 100%);
	background: linear-gradient(45deg, #35394a 0%, #1f222e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35394a',
		endColorstr='#1f222e', GradientType=1);
	position: absolute;
	left: 0;
	right: 90px;
	margin: auto;
	width: 100px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	padding: 20px 70px;
	top: 200px;
	bottom: 50px;
	height: 70px;
	opacity: 0;
}

body .authent p {
	text-align: center;
	color: #fff
}

body .success {
	display: none;
	color: #d5d8e2
}

body .success p {
	font-size: 14px
}

body p {
	color: #5b5e6f;
	font-size: 10px;
	text-align: left
}

body .testtwo {
	left: -320px !important
}

body .test {
	box-shadow: 0 20px 30px 3px rgba(0, 0, 0, .55);
	pointer-events: none;
	top: -100px !important;
	-webkit-transform: rotateX(70deg) scale(.8) !important;
	transform: rotateX(70deg) scale(.8) !important;
	opacity: .6 !important;
	-webkit-filter: blur(1px);
	filter: blur(1px)
}

body .login {
	opacity: 1;
	top: 20px;
	-webkit-transition-timing-function: cubic-bezier(.68, -.25, .265, .85);
	-webkit-transition-property: -webkit-transform, opacity, box-shadow, top,
		left;
	transition-property: transform, opacity, box-shadow, top, left;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform-origin: 161px 100%;
	-ms-transform-origin: 161px 100%;
	transform-origin: 161px 100%;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	position: relative;
	width: 270px;
	/* border-top: 2px solid #d8312a; */
	height: 380px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	padding: 0px 40px 25px 40px;
	background: #fff;
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff),    color-stop(100%, #fff));
	background: -webkit-linear-gradient(45deg, #fff 0%, #fff 100%);
	background: linear-gradient(45deg, #fff 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35394a',
		endColorstr='#1f222e', GradientType=1);
	border-radius: 10px;
	border: solid 1px #A4CAF1;
}

body .login .validation {
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 6px;
	opacity: 0
}

body .login .disclaimer {
	position: absolute;
	bottom: 20px;
	left: 35px;
	width: 250px
}

body .login_title {
	color: #333333;
	/* height: 60px; */
	width: 116%;
	margin-left: -8%;
	text-align: center;
	font-size: 20px;
	/* line-height: 60px; */
	margin-top: 38px;
	margin-bottom: 40px;
	border-bottom: solid 2px #EBEBEB;
}

body .login_fields {
	height: 208px;
	position: absolute;
	left: 30px;
	width: 84%;
}

body .login_fields .icon {
	position: absolute;
	z-index: 1;
	right: 18px;
	top: 11px;
	opacity: .5;
}

body .login_fields input[type=password] {
	color: #007adf !important;
}

body .login_fields input[type=text], body .login_fields input[type=password]
	{
	color: #333;
	width: 161px;
	margin-top: -2px;
	background: #fff;
	left: 0px;
	padding: 10px 115px 10px 15px;
	/* border-top: 1px solid #ECECEC; */
	border: 1px solid #DADADA;
	/* border-right: 0; */
	/* border-left: 0; */
	outline: 0;
	font-family: gudea, sans-serif;
	box-shadow: none;
	border-radius: 5px;
}

body .login_fields__user, body .login_fields__password {
	position: relative;
}

body .login_fields__submit {
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	right: 0;
	margin: auto;
}

body .login_fields__submit .forgot {
	/* float: right; */
	font-size: 10px;
	margin-top: 6px;
	text-decoration: underline;
	height: 36px;
	line-height: 36px;
	margin-bottom: 20px;
}

body .login_fields__submit .forgot a {
	/* color: #606479; */
	float: right;
	color: #999797;
}

body .login_fields__submit input {
	border-radius: 5px;
	background: 0 0;
	padding: 9px 129px;
	background: #007ADF;
	border: solid 1px #007adf;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	-webkit-transition-property: background, color;
	transition-property: background, color;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	}
body .login_fields__submit input:focus {box-shadow: none;outline: 0}
body .login_fields__submit input:hover { color: #fff; background: #249bfd; cursor: pointer; -webkit-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: .2s; transition-duration: .2s}
.love {position: absolute;right: 20px;bottom: 0;font-size: 11px;font-weight: 400}
.love p {color: #fff;font-weight: 400;font-family: open sans, sans-serif}
.love a {color: #fff;font-weight: 700;text-decoration: none}
.love img {position: relative;top: 3px;margin: 0 4px;width: 10px}
.brand {position: absolute;left: 20px;bottom: 14px}
.brand img {width: 30px}
body .login_title span {
    font-size: 20px;
    font-weight: bold;
}

.login_fields__user input {
    /* border-top: solid 0px !important; */
}
input::-webkit-input-placeholder {
       /* placeholder颜色  */
       color: #BCBCBC;
       /* placeholder字体大小  */
      font-size: 15px;
       /* placeholder位置  */
       text-align: left;
}
.login_fields__password {
    margin-top: 24px;
}
img.bodyBG {
    width: 100%;
    height: 100%;
    position: absolute;
}
.loginBody {
    width: 1330px;
    height: 720px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -665px;
    margin-top: -360px;
}
.forgotL {
    float: left;
    color: #999797;
}

input#rember_checkbox {
    width: 15px;
    height: 15px;
}
.cheDiv {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}
span.forSpan {
    color: #A1A1A1;
    margin-right: 10px;
    /* border-right: solid 1px; */
}

span.forSpan.colS {
    color: #FF8A00;
    padding-left: 10px;
    border-left: solid 1px #A4A4A4;
}
.forgot2 {
    float: right;
    margin-top: 20px;
}
img.loginHeader {
    margin-bottom: 7px;
}
.leftLogin {
    height: 80%;
    float: left;
    width: 600px;
    position: relative;
}

.rightLogin {
    float: left;
    width: 700px;
    height: 80%;
    position: relative;
}
img.parTern {
    position: absolute;
    right: 5px;
    top: 20%;
}
.titlrLogin {
    position: relative;
    height: 10%;
}

img.imgTitle {
    position: absolute;
    bottom: 0px;
}
img.imgTitle.imTright {
    right: 0px;
    bottom: 11px;
    cursor: pointer;
}
.loginButtom {
    position: absolute;
    bottom: 10%;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 12px;
}