@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{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;
}
.wrapper{position: relative;overflow:hidden;/* background:url(../_images/index/headbg_1.jpg) repeat-x top center; */}
/**
头部
*/
.main-header{height: 298px;background:  url(images/head.jpg) no-repeat top center;}
/**
主体部分
*/
.content-wrapper{width: 460px; margin:0 auto;padding: 60px 0px 90px;}
.content-wrapper .login{float:none; width: 355px; margin:0 auto;}

.login{}
.login .con{}
.login .con p{margin-bottom: 15px; position:relative;}

.login .con p i{display:inline-block; width: 28px; height: 28px; background:url(images/icons.png) no-repeat; position:absolute; left:10px ;top: 9px; z-index:1000;}
.CNames i{ background-position: 1px 1px!important;}
.CPass i{ background-position: 1px -66px!important;}
/*登录前*/
.login .con input{ width:100%; height: 40px; line-height: 40px; padding-left:40px; font-family:"Microsoft Yahei";border:1px solid #cdcdcd; font-size:14px; color:#878787; }
.login .con input.names {width:355px; }
.login .con input.wordpass{width: 355px;  }
.login .con input.code{width: 225px; margin-right:10px;padding-left: 4px;}
.login .con .codeCon{/* position:relative; */}
.login .con .codeCon .codeImg{width: 116px; height: 40px; vertical-align:top; }
.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; background:#6b93cf; border:0px; color:#fff;font-size:14px; cursor:pointer;}
.login .con input.button:hover{opacity:.9;filter:Alpha(opacity=90);}
/*登录后*/
.loginh{}
.loginh .con .names{line-height: 40px; margin-right:10px; font-size:14px; color:#333; vertical-align:middle; }
.loginh .con  input{line-height: 40px;padding:0px 20px; font-family:"Microsoft Yahei";border:1px solid #cdcdcd; font-size:14px; color:#878787; vertical-align:middle; }
.loginh .con .button{background:#6b93cf; border:0px; color:#fff;font-size:14px; cursor:pointer;}
/*其他*/
.Choose{}
.Choose select{width:100%; line-height:40px; padding:8px 4px; border:1px solid #cdcdcd;}
/**
页脚
*/
.main-footter{display:block;position:fixed; bottom:0px; left:0px; right:0px; z-index:1020;height:38px; line-height:38px; background-color:#d7d7d7; color:#5e5e5e; text-align:center;}

@media screen and (max-width: 768px){
/**
头部
*/
.wrapper{ background:none;}
.main-header{height:90px;border-bottom:1px solid #eee;/* background:url(../_system/sudy-layout/images/site_mlogo.png) no-repeat left center; */background-position:left bottom;}
.content-wrapper{width:90%;}
.content-wrapper .login{float:none; width:100%;}
.login .con input.names {width:100%; }
.login .con input.wordpass{width:100%;}
.login .con input.code{width:100%;}
.login .con .codeCon .codeImg{width: 100px; height:32px; vertical-align:top; position:absolute; right:4px ;top: 4px;  z-index:1000;}

}
@media screen and (max-width: 480px){
.login-n{display:block;margin-top:10px;}
}