@charset "utf-8";
/* CSS Document */
/*
* Basic Cascading Style Sheet
* Intructions: none
* Version: 1.0
* Updated: 2016-12-13
*/
.login{width:100%;height:100%;background:url(../img/logo_bg.png) left top repeat;}
.login_main{width: 100%;height: 39em;background: url(../image/login/main_bg.png) no-repeat;background-size: 100% auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.login_main .con{width:366px;height:100%;margin:0 auto;}
.login_main .con h2{background: url(../image/login/logo.png) no-repeat 12px -15px;width: 100%;height: 32px;}



.login_btn{position:absolute;width:88%;height:40px;border-radius:2px;font-size:16px;color:#fff;text-align:center;background-color:#f2a654;border:none;bottom:34px;display:block;}
.error{color:#a94442;height:100%;line-height:47px;position:absolute;right:10px;padding:0 8px;font-weight:normal;-webkit-transform: translate(20px,0);-webkit-transform: translate(20px,0);transform: translate(20px,0);-webkit-transition: .3s ease-out;transition: .3s ease-out;opacity:0;}
.error.is-visible{-webkit-transform: translate(0px,0);transform: translate(0px,0);opacity:1}

.loginle{ height: 100%; width: 63.8%;float: left;}
.loginle img{width: 100%; height: 100%;}
.loginre{ height: 100%; width: 36.2%;float: right;background:url(../img/logo_bg.png) left top repeat;}
.loginre .main{height: 100%; width: 300px; margin: 0 auto;position: relative;}
.loginre .main .form{width:100%;height:470px;position: absolute; top: 50%;left: 0; margin-top:-235px;}
.loginre .main .form .form-group{border-bottom:solid 1px #e6e6e6;height:45px;position:relative;margin-bottom:18px;position:relative;}
.loginre .main .form .form-group input{width:100%;height: 100%;border: none;float: left;padding:0 45px; background: none;}
.loginre .main .form .form-group input:focus{outline: none;}
.loginre .main .form .form-group i{width: 18px;height: 22px;display:inline-block;
		vertical-align: middle;padding-right:20px;position:absolute;left:10px;top:10px;}
.loginre .main .form .form-group .i1{background:url(../img/user.png) no-repeat;}
.loginre .main .form .form-group .i2{background:url(../img/password.png) no-repeat;}
.loginre .main .logo{ width: 100%;height: 113px; margin-bottom: 60px;}
.loginre .main .logo img{ margin: 0 auto;}
.form .checkbox{margin-top:-4px; color: #999;}
.form .checkbox label i{background: url(../img/chex1.png) no-repeat;width: 14px;height: 14px;display:inline-block;margin:0 5px 0 10px;vertical-align:-2px;}
.form .checkbox label.on i{background: url(../img/chex2.png) no-repeat;}
.loginre .main .form .logobtn{ width: 100%; height: 40px; background: #1ab394; border-radius:20px;text-align: center; line-height: 40px; color: #fff; font-family: "微软雅黑";
font-size: 14px; display: inline-block; margin-top: 70px;}