@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{background-color:#fff;}
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; }
.wrapper .mainbg{position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:-1; background:rgba(0,0,0,0.8); opacity:.6; filter:Alpha(opacity=60); border-radius: 31px;}
.m-logbg{position: absolute; top:0px;  left:0px; right:0px; bottom:0px; z-index:10; background-size:cover; background-position:center center;}
.pc-logbg{position: absolute; top:0px;  left:0px; right:0px; bottom:0px; z-index:10; background-size:cover; background-position:center center;}
/**
头部
*/
/**
主体部分
*/
.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/logo.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{}
.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 input.names { }
.login .con input.wordpass{  }
.login .con input.code{}
.login .con .codeCon{}
.login .con .codeCon .codeImg{width: 75px; height: 35px; vertical-align:top; position:absolute; right: 3px;top: 3px; 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; 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;}
*/
.footer{
    width: 100%;
    text-align: center;
    line-height: 42px;
    position: relative;
    height:42px;
    margin: auto;
}
.footer a{
    font-size:14px;
    color:#fff;
}
.footer a:hover{
    text-decoration: underline;
    color:#ccc;
}
.footer a:first-child{
    position: absolute;
    left: 0;
    top:0;
}
.footer a:last-child{
    position: absolute;
    right: 0;
    top:0;
}

@media screen and (max-width: 1000px) {

    .wrapper{position: absolute; top:20%;}	
}
@media screen and (max-width: 768px) {
    .wrapper{position: absolute; top:10%;}
    .content-wrapper{width: 419px;margin:0 auto;padding: 5px 0px 10px;position:relative;}
    .content-wrapper{width: 90%;}
    .content-wrapper .mainbox{padding: 20px 20px;}
    .content-wrapper .login{float:none; width:100%; margin:0 auto;}
    .content-wrapper .head .head-left{width: 137px;height: 52px;margin-left: 16px;background-size: 100%;}
    .content-wrapper .head .head-right{margin-top: 19px;margin-left: 15px;font-size: 18px;}
    .login .con input .otherway{ width:85%;}
    input .button{background: #003d93}
    .right{display: none;}
    .middle{display: none;}
    .qr-code{display: none;}
    .left{display: none;}
    .footer{display: none;}
    /**.remark{display: none;}*/
}
@media screen and (max-width: 400px) {
    .wrapper{position: absolute; top:10%;}
    .content-wrapper{width: 410px;margin:0 auto;padding: 5px 0px 10px;position:relative;}
    .content-wrapper{width: 90%;}
    .content-wrapper .mainbox{padding: 20px 20px;}
    .content-wrapper .login{float:none; width:100%; margin:0 auto;}
    .content-wrapper .head .head-left{margin-left: 0px;}
    .content-wrapper .head .head-right{float:none;margin-left: 2px;font-size: 16px;}
    .login .con input .otherway{ width:80%;}
    input .button{background: #003d93}
    .right{display: none;}
    .middle{display: none;}
    .qr-code{display: none;}
    .left{display: none;}
    .footer{display: none;}
    /**.remark{display: none;}*/
}
.brand{
    position: relative;
    z-index: 100;
    text-align: center;
}
.blue{
    background: rgba(12, 99, 199, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50;
    background-size: cover;
    background-position: center center;
}
/*.clearfix .left{
    cursor: pointer;
    width: 30%;
    color:#fff;
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-bottom:3px solid #fff;
    box-sizing: border-box;
}
.clearfix .right{
    cursor: pointer;
    width: 30%;
    color:#fff;
    float: right;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-bottom:1px solid #fff;
    box-sizing: border-box;
    margin-left: 20px;
}

.clearfix .middle{
    cursor: pointer;
    width: 30%;
    color:#fff;
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-bottom:1px solid #fff;
    box-sizing: border-box;
    margin-left: 20px;
}*/
.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;
    /*    padding-left: 25px;*/
    line-height: 25px;
    margin-top: 5px;
    display: inline-block;
}

.ui-remark{
    display: block;
    margin-top: 5px;
    z-index: 1020;
    height:auto;
    line-height: 20px;
    padding:10px 0;
    color:#ffffff;
    text-align: left;
    font-size: 12px;
}

.ui-footer{
    display: block;
    position: fixed;
    bottom: 5%;
    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;
}

/* public.css*/
/*通用样式*/
/**{box-sizing: border-box;}*/
body{font:12px "microsoft yahei",Arial,sans-serif;color:#666;margin:0;padding:0;background: #f6f6f6}
ul,ol,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;padding:0;list-style:none;}
input{border:0;outline: none;}
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}
img{vertical-align:bottom;}
a{color:#666;text-decoration:none;border: none;}
a:hover{color:#ff0700;text-decoration:underline;}