/* ------- This is the CSS Reset ------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* ------- HTML5 display-role reset for older browsers ------- */
*{
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { background: #fff; font-family: "Microsoft YaHei"; }
h1 { font-size: 30px; font-weight: 700; text-shadow: 0 1px 4px rgba(0,0,0,.2); }
form { position: relative;  margin: 15px auto 0 auto; }
input { border: 1px solid #d1d1d1; -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; font-family: 'Microsoft YaHei'; font-size: 15px; color: #333; text-shadow: 0 1px 2px rgba(0,0,0,.1); -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; }
 input:-moz-placeholder {
color: #9faab8;
}
input:-ms-input-placeholder {
color: #9faab8;
}
input::-webkit-input-placeholder {
color: #9faab8;
}
input:focus { outline: none; -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(198,225,243,.2); -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(198,225,243,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(198,225,243,.2); border-color: #178fe1; }
.button { cursor: pointer; width: 148px; height: 44px; padding: 0; background: #178fe1; border-width: 0;font-family: "Microsoft YaHei"; font-size: 18px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.1); -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;border-radius: 4px; }
.button:hover {background: #3dbc98;}
.w1180 { margin: 0 auto; width: 1180px; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix { display: inline-table }
* html .clearfix { height: 1% }
.clearfix { display: block; *zoom:1
}
.hide { display: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

.checkbox_item{position:relative;display:inline-block;margin-right:10px;height:33px;}
.checkbox_item input{position:absolute;top:-9999px;left:-9999px;}
.checkbox_item .check_label{display:inline-block;cursor:default;}
.checkbox_icon{display:block;float:left;margin-right:10px;width:33px;height:33px;background:url(../images/gou.png) 0 0 no-repeat;}
.check_label.on .checkbox_icon{background-position:-33px 0;}
.checkbox_text{float:left;height:33px;line-height:33px;color:#5b6775;font-size:16px;}

.header { background-color: #FFF; padding: 10px 0; }
.header .h-right li { float: left; margin-left: 15px; }
.header .h-right li a { display: inline-block; line-height: 50px; height: 50px; color: #334d5c; font-size: 14px; text-decoration: none; }
.header .h-right li a:hover { color: #3fb9da; text-decoration: underline; }
.login-wrap { width: 800px;max-width: 80%; margin: 175px auto 0; }
.login-wrap .login-top{max-height:120px;margin-bottom:50px;text-align:center;}
.login-wrap .login-top > img{min-height:70px;max-height:120px;}
.login-wrap .login-toptxt{height:45px;padding-top:25px;font-size: 38px; color: #fff;text-align:center;margin-bottom:50px;}
.login-wrap .login-tab { border-bottom: 5px solid #ffba13;text-align:right; }
.login-wrap .login-tab span { padding: 0 15px; font-size: 20px; line-height: 40px; color: #fff; cursor: pointer; margin-left: 6px; background-color: #37bde2; border-radius: 5px 5px 0 0;display:inline-block; }
.login-wrap .login-tab span.on { background-color: #ffba13; color: #1b1b1b; }
.login-tit .otherin{float: right;}
.login-tit .otherin a {font-size: 16px;color: #d0d0d0;display: inline-block;text-decoration: none;line-height: 28px;}
.login-tit .otherin a:hover{color:#fff;}
.login-wrap .login-tit {background-color: rgba(23,143,225,0.8);padding: 15px;border-bottom: 5px solid #3dbc98;border-radius: 4px 4px 0 0;}
.login-wrap .login-tit i, .login-wrap .login-tit span { vertical-align: middle; display: inline-block; }
.login-wrap .login-tit span { font-size: 22px; color: #fff; line-height: 28px; margin-left: 15px; }
.login-wrap .login-con {background-color: rgba(255,255,255,0.8);padding: 20px 30px 30px;border-radius: 0 0 4px 4px;}
.login-wrap .login-con .Error{display:inline-block;margin-left:10px;}
.login-wrap .login-con dl { margin-bottom: 15px; }
.login-wrap .login-con.login-con1 dl { width: 40%; float: left; }
.login-wrap .login-con .status { width: 20%; float: right; }
.login-wrap .login-con.login-con2 dl{ width: 26.6%; float: left; }
.login-wrap .login-con dl dt { color: #595959;font-size: 16px;margin-bottom: 10px; }
.login-wrap .login-con dl dd { display: block; position: relative; height: 37px; margin-right: 20px; }
.login-wrap .login-con dl dd i { display: block; width: 25px; height: 25px; position: absolute; left: 7px; top: 7px; }
.login-wrap .login-con dl dd i.ico1 { background-image: url(../images/ico1.png); }
.login-wrap .login-con dl dd i.ico2 { background-image: url(../images/ico2.png); }
.login-wrap .login-con dl dd i.ico3 { background-image: url(../images/ico3.png); }
.login-wrap .login-con.login-con1 dl dd .inputstyle { padding: 9px 9px 9px 40px; width: 220px; font-size: 15px; line-height: 18px; border-radius: 4px;width: 100%; }
.login-wrap .login-con.login-con2 dl dd .inputstyle { padding: 9px 9px 9px 40px; width: 123px; font-size: 15px; line-height: 18px;border-radius: 4px;}
.login-wrap .login-con .status { padding: 20px 0; }
.copyright { width: 100%; padding: 25px 0; color: #263a61; text-align: center; font-size: 14px;position: fixed; left: 0; bottom: 0; }
.copyright a { color: #263a61; text-decoration: none; }
.copyright a:hover { color: #3fb9da; text-decoration: underline; }

.login-con #lan{
 height: 35px;
 border: 1px solid #d1d1d1;
 border-radius: 4px;
 outline: none;
 box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
}