@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: rgba(0,0,0,0.7);opacity: .7;filter: Alpha(opacity=70);border-radius: 31px;}
.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: 19px 20px 15px;position:relative;}
.content-wrapper .mainbox{ }
.content-wrapper .head{ margin-bottom:20px;}
.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:.8;filter:ALpha(opacity=80);}
.login .con p{margin-bottom: 15px; position:relative;width:100%; background:#fff;text-align:left;border-radius:4px;}
.login .con p i{display:inline-block; width: 28px; height: 28px; background:url(../_images/icons.png) no-repeat; position:absolute; right: 6px;top: 7px; z-index:1000;}
.CNames i{ background-position: 7px 6px!important;}
.CPass i{ background-position: 7px -50px!important;}
/*登录前*/
.login .con input{width: 85%;height: 40px;line-height: 40px;margin-left:16px;font-family:"Microsoft Yahei";border: 0;font-size:14px;color:#878787;}
.login .con .ntitle{display:none;}
.login .con input.names { }
.login .con input.wordpass{  }
.login .con input.code{}
.login .con .codeCon{}
.login .con .codeCon .codeImg{width: 75px; height: 27px; vertical-align:top; position:absolute; right: 3px;top: 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:0px;margin-left:0px; background:#003d93; color:#fff;font-size: 18px; cursor:pointer;border-radius:4px;border: none;}
.login .con input.button:hover{opacity:.9;filter:Alpha(opacity=90);}
/**
页脚
*/
.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;}
.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: 15px;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;}
#head_bg{display:none;}
@media screen and (max-width:2000px){
.brand{margin-top: 36px;}
.wrapper{top: 320px;}
}

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

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