
/* CSS Document */
*{margin:0;padding:0;}
html{-ms-touch-action:none;}
img{ border:0; vertical-align:middle;}
input{font:14px/24px "微软雅黑", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; -webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
input[type="radio"], input[type="checkbox"]{ vertical-align:-2px; margin-right:5px;}
input:focus { outline: none;}
body{font:14px/24px "微软雅黑", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#fff; background:#3e7e58 url(../image/loginBg.jpg) center top no-repeat;}

/*global*/
.left{float:left;}
.right{float:right;}
.clearfix:after{display:block; clear:both; content:""; visibility:hidden; height:0;}
.clearfix{zoom:1;}
.pos{ position: relative;}

/* 链接 */
a{text-decoration:none;color:#fff;}
a:hover{ color:#78ab44;}
a:hover img{ opacity:0.85; filter:alpha(opacity=85);}
a:focus { outline: none !important;}

/* 这是低端浏览器下placeholder的字体颜色 */
placeholder{color: #9ca4a2;}
::-moz-placeholder {color: #9ca4a2;}
::-webkit-input-placeholder {color: #9ca4a2;}
.textbox{position: relative;*zoom: 1;}
/*
 *    满足这两个条件，该js能工作的更好，更智能
 *    1.文本框的父定位元素需加入*zoom: 1
 *    2.文本框或其父元素的position，不能同时为static
 */

/*=================== 网站整体布局 =====================*/
.login-con p, .checkbox-list em { background: url(../image/loginIcon.png) no-repeat;}

/* transition */
.btn-submit { transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -wibkit-moz-transition:all 0.3s ease-out; -o-moz-transition:all 0.3s ease-out;}

/*============================================= 登录页 =============================================*/
.login-warp{ min-height: 570px; position: relative;}
.login-warp .bg{ background: url(../image/loginBg2.jpg) left top no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.login-warp .copyright{ width: 100%; overflow: hidden; padding: 24px 0; text-align: center; color: #aec0c6; position: absolute; bottom: 0; left: 0;}
.login-warp .copyright span{ padding: 0 10px;}
.login-warp .copyright a{ color: #aec0c6; margin: 0 10px;}
.login-warp .copyright a:hover{ color: #fff; text-decoration: underline;}

/* login-con */
.login-con{ width: 100%; height: 422px; overflow: hidden; padding: 50px 0 98px; position: absolute; top: 50%; left: 0; margin-top: -285px;}
.login-con h1{ text-align: center; margin: 0 0 50px; position: relative;}
.login-con h1 .txt{ font-size: 24px; color: #fff; font-weight: normal; position: absolute; bottom: 13px; left: 50%; margin-left: -64px;}
.login-con .mod{ width: 362px; overflow: hidden; margin: 0 auto;}
.login-con .box-con{ background: rgba(0, 0, 0, 0.1); border-radius: 5.5px; padding: 1px; margin-bottom: 16px;}
.login-con .box{ background: url(../image/rgba_255_255_255_0.8.png) 0 0 repeat; box-shadow: 0 0 3px #a9a9a9 inset; border-radius: 5.5px; padding: 0 1px;}
.login-con p{ padding-left: 39px; border-bottom: 1px solid #ccd4cc; margin: 0;}
.login-con .user{ background-position: 8px 20px;}
.login-con .password{ background-position: 8px -80px;}
.login-con .code{ background-position: 8px -180px; border-bottom: none; padding-right: 112px;}
.login-con .code .img{ display: inline-block; width: 94px; height: 43px; overflow: hidden; cursor: pointer; border: 1px solid #a6aaa8; margin: 7px -104px 0 0;}
.login-con .code .img img{ width: 94px; height: 43px;}
.login-con .in-text{ width: 100%; height: 59px; line-height: 59px; overflow: hidden; background: none; border: none; font-size: 18px; color: #555;}
.login-con .btn-submit{ display: block; width: 100%; height: 45px; line-height: 45px; overflow: hidden; background: #8bc34a; border: none; border-radius: 5px; cursor: pointer; font-size: 18px; color: #fff; margin-top: 32px;}
.login-con .btn-submit:hover{ opacity:0.8; filter:alpha(opacity=80);}
.error{ line-height: 24px; color: #f44336; position: absolute; top: -24px; left: 0;}

/* checkbox-list */
.checkbox-list{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; overflow:hidden; cursor:pointer; font-size: 18px; margin-right:30px;}
.checkbox-list em{ width:26px; height:26px; display:inline-block; overflow:hidden; vertical-align:top; margin-right:8px; cursor:pointer;}
.checkbox-list em.checkbox-box{ background-position: 0 -300px;}
.checkbox-list em.checkbox-cur{ background-position: 0 -340px;}

@media screen and (max-width: 800px) {
	.login-warp{ height: auto !important; min-height: auto;}
	.login-warp .bg{ display: none;}
	.login-warp .copyright{ width: 90%; line-height: 20px; font-size: 12px; position: static; padding: 60px 5% 24px;}
	.login-warp .copyright span{ display: block;}
	.login-con{ width: 90%; height: auto; position: static; margin: 0; padding: 50px 5% 0;}
	.login-con .mod{ width: 100%;}
	.login-con h1 img{ width: 250px;}
	.login-con h1 .txt{ font-size: 20px; bottom: 7px; margin-left: -71px;}
}

/*============================================= 判断当前浏览器 =============================================*/
.pop_browser_main, .ico_chrome, .ico_firefox, .ico_ie9, .ico_opera, .ico_safari { background: url(../image/pop_browser.png) 0 0 no-repeat;}
.pop_browser{ width: 100%; height: 100%; overflow: hidden; background: #3c3c3c; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; display: none;}
.pop_browser_main{ background-position: 0 -110px; width: 592px; height: 404px; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -218px 0 0 -312px;}
.pop_browser_show{ padding: 88px 34px 34px 66px; color: #333;}
.pop_browser_show h3{ line-height: 24px; font-size: 16px; color: #212121; font-weight: normal; margin-bottom: 24px;}
.pop_browser_show .dec{ line-height: 20px; font-size: 12px; margin-bottom: 56px;}
.pop_browser_show .pic a{ float: left; margin: 0 10px;}
.ico_chrome, .ico_firefox, .ico_ie9, .ico_opera, .ico_safari { display: inline-block; width: 73px; height: 98px; overflow: hidden;}
.ico_chrome{ background-position: 0 0;}
.ico_firefox{ background-position: -292px 0;}
.ico_ie9{ background-position: -179px 0; width: 95px;}
.ico_opera{ background-position: -90px 0;}
.ico_safari{ background-position: -387px 0;}