@charset "utf-8";

body{ width:100%; height:100%; overflow: hidden; color:#646464; background:#f8f6f2; font-size:12px; font-family:'微软雅黑';}
*{ margin:0px auto; padding:0px; /*-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;*/ outline: none;}
a{ text-decoration:none; color:#646464;}
a:hover{}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
.divclear{ clear:both;}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
#bord{ border:none; background:none;}
.t_right{ float:right;}
.t_left{float:left;}
.align_l{ text-align:left;}
.align_r{ text-align:right;}
.align_c{text-align:center;}
img{ vertical-align:bottom; border:none; max-width:100%;}
.wapper{ width: 1200px; margin: 0 auto;}
input::-webkit-input-placeholder{ color: #cbcbcb;}
input::-moz-placeholder{ color: #cbcbcb;}
input::-ms-input-placeholder{ color: #cbcbcb;}
input::placeholder{ color: #cbcbcb;}
			
/* top */
.top{ position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%;}
.toplogin{ position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%;}
.toplogin .wapper{ height: 79px;}
.top .wapper{ height: 79px; border-bottom: 1px solid #49484a;}
.logo{ display: inline-block; float: left;}
.logo img{ float: left; padding-top: 15px; height: 49px;}
.logo span{ display: inline-block; float: left; height: 79px; line-height: 79px; color: #FFFFFF; font-size: 18px; padding: 0 10px;}

/* 登录页的顶部+form内容 */
.bannerlogin{ position: relative; z-index: 1;}
.loginbg{ position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; min-width:1200px; background: url(../images/bannerlogin.jpg) no-repeat center top/cover;}
.bannerlogin .wapper{ position: relative;}
			
.loginform{ position: absolute; top: 50%; right: 0px; z-index: 1000; display: inline-block; width: 413px; text-align: left; margin: 0px; margin-top: -200px;}
.loginpic{ position: absolute; top: -36px; right: 41px; z-index: 10; width: 112px; height: 121px; overflow: hidden;}
.loginc{ box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 5px; overflow: hidden; background: url(../images/loginbgwhite.png) repeat;}
.logintitle{ height: 80px; line-height: 80px; background: #5a99df; padding: 0 43px; font-size: 30px; color: #FFFFFF;}
.loginp{ padding:0 43px 35px;}
.loginp ul li.username{ background-color: #FFFFFF; padding: 0 65px 0 20px; background-image: url(../images/username.png); background-repeat: no-repeat; background-position:285px center;}
.loginp ul li.userpwd{ background-color: #FFFFFF; padding: 0 65px 0 20px; background-image: url(../images/userpsd.png); background-repeat: no-repeat; background-position:285px center;}
.loginp ul li.usercode{ background-color: #FFFFFF; padding: 0 65px 0 20px; position: relative;}
.loginp ul li.usercode img{width: 35%;line-height: 60px;color: #f8f6f2;position: absolute;height: 60px;}
.loginp ul li{ margin-top: 35px; border-radius: 5px; overflow: hidden;color:#fff;font-size: 18px;}
.loginp ul li input{ width: 100%; height: 60px; line-height: 60px; border: 0 none; background: none; color: #999999; font-size: 18px;}
.loginp ul li .tpes{ width: 20px; height: 20px;border: 0 none;  font-size: 18px;vertical-align: middle;}
.loginp ul li.btn input{ width: 175px; height: 54px; line-height: 54px; color: #FFFFFF; font-size: 24px; float: left; background: #5a99df; border-radius: 5px; cursor: pointer;}
.loginp a{color:#fff;font-size:18px;}
			
.bantxt{ width: 580px; text-align: left !important; margin: 0px; position: absolute; top: 50%; left: 0px; right: 0px; z-index: 10; text-align: center; color: #FFFFFF; margin-top: -50px; }
.bantxt p{ display: block; font-size: 30px; line-height: 1; font-weight: bold; text-transform: uppercase; font-family: 'Adobe 黑体 Std'; opacity: 0.2;}
.bantxt i{ display: block; font-size: 30px; color: #FFFFFF;}
			
/* 登录页底部 */
.footlogin{ height: 67px; line-height: 67px; text-align: center; float:left; position: absolute; bottom: 0px; left: 0px; z-index: 100; width: 100%;}
.footlogin span{ display: block; width: 1200px; opacity: 0.2; filter:alpha(20); color: #FFFFFF; border-top: 1px solid #7a7879; }

/* 忘记密码 */
.loginboxa {
    position: absolute;
    right: 0;
    border-radius: 6px;
    background: #fff;
    width: 480px;
    padding: 30px 0;
    top: 50%;
    transform: translateY(-50%);
}
.qishli{  border-bottom: 1px solid rgba(25,97,178,0.1); padding: 0 30px 0 60px; }
.usera{ padding: 30px 30px 0;}
.form .pa{ padding-left: 30px; border-radius: 6px; border:  1px solid rgba(25,97,178,0.1); margin-bottom: 10px; }
.form input,
.form select{ width: 100%; height: 50px; border: 0; color: #666;}
.form .yzma input{ width: 180px; }
.form .tpes{ width: 20px; height: 20px;border: 0 none;  font-size: 18px;vertical-align: middle;}
.buttona .denglu,
.buttona .mimawj{ width: 200px; height: 50px; border-radius: 6px; background: #2e79bb;  border: 0; color: #fff; line-height: 50px;  text-align: center; cursor: pointer;}
.buttona .mimawj{ border: 1px solid rgba(25,97,178,0.1); color: #999; background: none; box-sizing: border-box;}
.wpass .form{ padding: 30px 30px 0; }
.wjmm{ font-weight: bold; font-size: 20px; color: #333; text-align: center; height: 42px; padding: 0; }
.wpass .yzma{ border: 0; padding: 0; }
.wpass .yzma input{ border: 1px solid rgba(25,97,178,0.1); padding-left: 30px; border-radius: 6px; width: 250px; }
.wpass .yzma .yzm{ width: 120px; text-align: right;  line-height: 50px; color: #2e79bb; cursor: pointer; }