@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
html{ overflow-x:hidden;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font: 12px/1 arial,\5b8b\4f53;color:#333;outline:0; vertical-align:middle; }
:focus { outline:0;}
/*备用样式表*/
.none { display:none;}
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0;}
.hidden { visibility:hidden;}
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;}
.clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;}
.clearfix{display: block; *zoom:1;}
body{}
body,p{font-family:"Microsoft Yahei"; }
a{color:#fff;transition:all 0.4s ease-in-out; }
a:hover{ color:#00a65a;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;-webkit-text-fill-color: #333;}
input[type="submit"]{-webkit-appearance:none;}

.wrapper{position: absolute;left:0px;right:0px;z-index:1000;overflow:hidden;text-align:center;top: 365px; }
.wrapper .mainbg{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:-1;background: #122357 url('../_images/title_bg.png') no-repeat left 25px;; opacity: .7;filter: Alpha(opacity=70);border-radius: 0px;box-shadow:0px 0px 15px #243b7e}
.m-logbg{position: absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:10;background-size:cover;background-position: center 0px;background-repeat:no-repeat;width:100%; height:100%; -webkit-perspective: 750px; perspective: 750px;}

/**
头部
*/
/**
主体部分
*/
.content-wrapper{width: 419px;margin:0 auto;padding: 24px 60px 15px;position:relative;}
.content-wrapper .mainbox{ }
.content-wrapper .head{text-align:left;width: 364px;padding-bottom:10px;margin:0 auto;margin-bottom:20px;border-bottom:1px solid #3d4c76;}
.content-wrapper .head .head-left{float:left; margin-left:30px; width:187px; height:66px;background:url(../_images/pic_headbg_02.png) no-repeat;}
.content-wrapper .head .head-right{float:left; line-height:30px; margin-top:25px; margin-left: 18px;font-size:26px; font-weight:bold; color:#fff; vertical-align:bottom; }

.content-wrapper .login{float:none; width: 364px; margin:0 auto;}
.login{}
.login .con{opacity:1;filter:ALpha(opacity=100);}
.login .con p{margin-bottom: 15px;position:relative;width:100%;background: transparent;text-align:left;border-radius:4px; border-bottom:1px solid #3d4c76;}
.login .con p.noborder{border-bottom:0px;}
.login .con p i{display:inline-block; width: 28px; height: 28px; background:none; position:absolute; right: 6px;top: 7px; z-index:1000;}
.CNames i{ background-position: 7px 6px!important;}
.CPass i{ background-position: 7px -50px!important;}
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    box-shadow: 0 0 50px 50px #101e54 inset !important; 
    -webkit-text-fill-color: #2b8fe1 !important;
	background-color:transparent;
    background-image: none;
	transition: background-color 50000s ease-in-out 0s; 
}


/*登录前*/
.login .con input{width:100%;height: 40px;line-height: 40px;margin-left:0px;font-family:"Microsoft Yahei";border: 0;font-size:14px;color:#2b8fe1;background:transparent;}
.login .con .ntitle{display:inline-block;content:"用户名：";display:inline-block;width:100%; text-align:left; color:#fff; font-size:17px;}
.login .con .CNames:before{ }
.login .con .CPass:before{}
.login .con .codeCon:before{}
.login .con input.names { }
.login .con input.names{}
.login .con input.wordpass{  }
.login .con input.code{width:50%;}
.login .con .codeCon{border-bottom:0px;}
.login .con .codeCon .codeImg{width: 75px;height: 27px;vertical-align:top;position:absolute;right: 86px;bottom: 7px;z-index:1000;}
.login .con span.info{margin-left:12px;line-height:36px;}
.login .con span.info a{color:#b70e0e;}
.login .con input.button{width:100%;padding: 20px 90px;margin-left:0px;height:auto;background:#2667a0 url('../_images/login_img.png') no-repeat center center;text-indent:-999em;color:#fff;font-size: 18px;cursor:pointer;border-radius:0px;border: none;text-transform:uppercase;font-family:"Arial";letter-spacing:5px;}
.login .con input.button:hover{opacity:1;filter:Alpha(opacity=100);}
.login .con p.btns{width:auto;position:absolute;bottom: 51px;right: -35px;background:transparent;}
/**
页脚
*/
.footer{display:inline-block;width: 86.8%;line-height:25px;text-align: left}
.footer a{display:inline-block;float:left;width: 33.3%; font-size:14px; color:#fff;}
.footer a.n1{text-align:left;}
.footer a.n2{}
.footer a.n3{text-align:right;}
.footer a:hover{color:#ccc;}

/*add*/
.brand{position: relative;z-index: 100;text-align: center;margin-top: 178px;}
.brand img{display:none;}
.blue{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 50;background-size: cover;background-position: center center;}
.qr-code{display: none;padding:5% 10%;}
.qr-code img{width: 80%;}
.qr-code p{color:#fff;font-size: 14px;margin-top: 10px;}
.form-error{text-align: left;color: #ff9999;font-size: 13px;margin-bottom: 5px;}
#msg{color: #ff9999;font-size: 15px;}
#send_button{width: 80px;height: 30px;line-height: 30px;}
.gray{color: #e9e9e9;border: solid 1px #555;background: #6e6e6e;}
.button{display: inline-block;vertical-align: middle;cursor: pointer;text-align: center;font: 14px/100% Arial, Helvetica, sans-serif;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.remark{color:#ccffff;width: 86.8%;text-align: left;line-height: 25px;margin-top: 5px;display: inline-block;}
.ui-footer{display: block;position: fixed;bottom: 3%;left: 0px;right: 0px;z-index: 1020;height:auto;line-height: 20px;padding:10px 0;color:#ccffff;text-align: center;font-size: 12px;}
#rememberMe{cursor: pointer;margin-left: 0px;width: 13px;border-radius:0;}
.rememberdiv{text-align: left;color:#ccffff;}
.otherway{color:#ccffff;width: 86.8%;text-align: left;line-height: 25px;margin-top: 5px;display: inline-block;}
.way{margin-bottom: 10px;}
#qqimg{width: 24px;margin-right: 10px;}
#weiboimg{width: 24px;}

@media screen and (max-width:2000px){
.brand{margin-top: 36px;}
.wrapper{top: 220px;}
}

@media screen and (max-width: 1600px){
.brand{margin-top: 36px;}
.wrapper{top: 260px;}
}

@media screen and (max-width: 1366px){
.wrapper{top: 150px;}
.brand{margin-top: 36px;}
.m-logbg{background-position: center -52px;}
.ui-footer{bottom:1%;}
}