/* 公共样式 项目中有可以删除 */
*{margin: 0;padding: 0;list-style: none;}
/* 通用图标 */
.logonFlag,.input_item i,.input_item .error_tip i,.arrowDown{display: inline-block; background: url(../image/login.png) left top no-repeat;}

/* 登录背景 */
html,body{width: 100%;height: 100%; }
body{
    font-family: 'Open Sans', sans-serif;
    background-attachment: fixed;
	background-size:100% 100%;
    background-position: center;
	background: url(../image/login_bg.jpg) center no-repeat;
	overflow: auto !important;
	height: 98% !important;
}
.login{width: 100%;height: 100%;}
/* 登录头部 */
.loginPage{width: 990px; margin:0 auto;font-family:"microsoft yahei";font-size: 12px; }
.logoBox{ padding: 5% 0 3% 0;}
.logo{display: inline-block; width:60%;min-height: 5%;}
.logo img,.codeLogin .codeImg img,.loginRight .sliderBox img{width: auto; max-width: 100%; height: auto;text-align: center;vertical-align: middle;}
/* 登录框 */
.loginBox{background: url(../image/login_bg.png) left top  repeat; height: 450px; box-sizing: border-box; padding:20px;font-family: '宋体'; clear: both;overflow: hidden;}
.loginRight{float: left;width: 67%;position: relative;height: 100%;overflow: hidden;}
.loginLeft{position: relative; float: left;width:33%; height: 100%;; padding: 0.625rem 1rem;box-sizing: border-box;background: #fff;}
.loginLeft .logonFlag{position: absolute;right: 0; top: 0 ; cursor: pointer;width: 5.125rem;height: 5.125rem;display: block;background-position: 0px 2px;}
.loginTitle{font-size: 22px; font-weight: bold; padding: 20px 0; text-align: center;}
.input_item{position: relative; height: 44px;line-height: 44px;border-bottom: 1px solid #5fa8f4;}
.input_item i{width: 20px;height: 20px; margin: 0 10px; margin-bottom: -0.25rem;}
.input_item i.icon_username{background-position: -58px -30px;}
.input_item i.icon_pwd{background-position:-58px 0 ;}
.input_item i.icon_yzm{background-position:-60px -101px ;}
.input_item>input{width: 78%; height: 99%;border: none; margin-bottom:15px; font-size: 14px;}
.input_item>input:focus{outline: none;border: none;background: none;}
/* 验证码 */
.yzm_img{position: absolute; float: right;width: 27%;height: 30px; background: #fff;text-align: center;line-height: 30px;margin-top: 10px;border: 1px solid #ddd; border-radius: 3px;}
.yzm_img img{width: 100%; height: auto;}
/* 账户信息错误效果 */
.input_item .error_tip{display: none; width: 100%; position: absolute;left: 0;top:-20px;background: #fdf3f2;border: 1px solid #ec6969;color: #f00;border-radius: 0.3125rem; height:  24px;line-height: 24px;}
.input_item .error_tip i{width: 14px;height:14px;background-position: -62px -61px;margin-bottom: -3px;}
.arrowDown{width: 11px;height: 5px;background-position: -65px -88px;position: absolute;left: 25px;bottom: -5px;}
.input_item.hasError{border-bottom-color: #f00; animation: .25s, 100ms;}
.input_item.hasError .error_tip{display: block;}
/* 更多帮助 */
.login_more{text-align: right;margin-top: 10px;}
.login_more a{text-decoration: none;color: #888;}
.login_more a:hover{color: #333;}
.login_btn a.login{display: block;background: #2184ea;font-size: 1.125rem;height: 30px; line-height: 30px;text-align: center; width: 100%; border-radius: 1.25rem; text-decoration: none;color: #fff; font-weight: bold;margin:10px 0;}
.login_btn a.login:hover{color:#fff;text-decoration: none;cursor: pointer;}
.loginTip {color: #888;margin: 0.3125rem 0 0 0 ;}
.loginTip a{color: #2184ea;text-decoration: none;cursor: pointer;}
.login_btn .loginTool { text-align: left;color: #f57c11;}
.login_btn .loginTool a{color: #f57c11;font-weight: 500;text-decoration: none;}
.login_btn .loginTool a.visitor{float: right;}
/* 右侧登录轮播 */
/* 轮播 */
.loginRight .slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a,.loginRight .slideBox .bd img{width:100%;height: 410px; object-fit: fit;}
/* 下面是前/后按钮代码，*/
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/* ==================20191015微信登录新增================= */
/* 账号登录和手机登录tab切换  */
.loginTab{clear: both;overflow: hidden; margin-left: 6%;margin-bottom: 10px;}
.loginTab li{ float: left; width:40%;margin: 10px 2%;cursor: pointer;}
.loginTab li.active{border-bottom: 2px solid #2184ea; color: #2184ea; }
.loginTitle{font-size: 20px; font-weight: bold; padding: 10px 0; text-align: center;}
/* 手机登录 个性化样式 */
.phoneLogin .login_btn a.login{margin-top: 60px; height: 35px; line-height: 35px;}
.message_verif{position: absolute;right: 0; top: 0;}
.message_verif .getMessage{color: #fff;padding: 5px 10px;text-decoration: none;background: #06bb56;border-radius: 3px; border: 1px solid #06bb56;}
.message_verif .notdo{ background: #eee;color: #666;cursor: no-drop;border: 1px solid #ddd;}
/* 二维码登录 */
.codeLogin{display: none;text-align: center;}
.codeLogin .codeImg{width: 9.5rem; height:9.5rem ;margin: 40px  auto 30px auto;}
.codeTitle{font-size: 1.25rem;}
.goToAccount{color: #2184ea; text-align: right; display: block;margin-top: 40px; cursor: pointer;}
/* 底部 */
.loginFooter{text-align: center;font-size: 0.875rem;color: #fff;margin: 2% 0;font-size: 16px;}
.version{margin-right: 1.5625rem;}

/* 提示信息 */
.tipBox{left: 10px;}
/* 适配低分辨率 */

@media screen and (min-width: 1300px ) and (max-width: 1440px ){
	.logoBox{
		margin-top: 2%;
		 padding:2% 0 2% 0;
	}
	.loginFooter{padding: 1% 0;}
	.loginRight,.loginLeft{height:410px;}
}
@media screen and (min-width: 1180px ) and (max-width: 1300px ){
	.loginPage{
	    font-size: 12px;
	}
	.logoBox{
		 padding:2% 0 1% 0;
	}
	.loginFooter{padding: 2% 0;}
}
@media screen and (min-width: 420px ) and (max-width: 1180px ){
	.loginPage{
	    font-size: 12px;
	}
	.logoBox{
		 padding:1% 0 0 0;
	}
	.loginFooter{padding:20px 0 0 0 ;}
}
@media screen and  (max-width: 420px ){
	.loginBox{margin: 10px;height: auto;}
	.loginTitle{padding: 10px 0;}
	.loginPage{
		width: 100%;
		height: 100%;
	    font-size: 12px;
	}
	.logo{width: 97%;}
	/* .loginBox{height: 75%} */
	.logoBox{margin-top:10px;}
	.loginFooter{padding:10px;}
	.login{width: 100%;height: 100%;overflow-x: auto;}
	.loginRight{display: none;}
	.loginLeft{width: 100%;}
	.tipBox{position: relative;left: 0;bottom: 0;}
}