@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
html { font-family: "微软雅黑", "宋体"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; }
a { background: transparent; color: #417dc9; }
a:link { text-decoration: underline; }
a:focus { outline: none }
a:visited { text-decoration: none; }
a:hover { color: #ff6c00; text-decoration: underline; outline: 0 }
a:active { text-decoration: none; outline: 0 }
h1 { margin: .67em 0; font-size: 2em }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box }
mark { color: #000; background: #ff0 }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
p { margin: 0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0 }
legend { padding: 0; border: 0 }
button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100% }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
small, .small { font-size: 85% }
cite { font-style: normal }
ul, ol { margin: 0; padding: 0 }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 }
li { list-style: none; }
dl { margin: 0; }
dt, dd { line-height: 1.428571429 }
dt { font-weight: bold }
dd { margin-left: 0 }
h4, h5 { margin: 0; padding: 0; }
.clear:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; zoom: 1 }
body { background: url(../images/bodybg.jpg) top center  no-repeat; min-height:650px; }
.container { max-width: 1200px; min-width: 960px; margin: 0 auto; *zoom: 1; }
.container:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.header { background: #0847ad; height: 100px; }
.header .logo { line-height: 90px; color: #fff; font-size: 30px; font-weight: bold; padding-left: 130px; background: url(../images/logo.png) no-repeat left center }
.logo{
    height: 90px;
    line-height: 90px;
    background: rgba(255, 255, 255, .2);
}
.login_logo{
    height: 90px;
    line-height: 90px;
}
.logo img{
    vertical-align: middle;
    margin-top: 18px;
}
.login_box, .regist_box, .perfect_box, .bind_box{ width: 395px;  background: #fff; float: right; padding-bottom:30px; margin-right: 74px; margin-top: 80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; box-shadow: 0px 0px 54px 17px rgba(47,66,153,.15); border: #6cedfb 1px solid; }
.login_box,.regist_box{top:50%; margin-left:51%; margin-top:-310px; position:absolute;}
.regist_box{ width: 486px;}
.bind_box{width: 450px;top:50%; /*left:50%;*/ margin-left:51%; margin-top:-310px; position:absolute; }
.perfect_box{ width:750px; margin:80px auto 0 auto; float: none; z-index:99}
.login_box:before,.regist_box:before, .bind_box:before, .perfect_box:before { content: ''; display: block; z-index: 1; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; border-radius: 14px; background: transparent; /*border: 10px solid #dafff4 颜色 */; opacity: 0.14/* 透明度 */; }
.login_in { z-index: 8; position: relative; padding: 0 30px; }
.regist_box .login_in { padding:0 76px}
.bd .row_title { font-size: 30px; font-weight: bold; color: #005186; text-align: center; line-height: 90px; }
.bd div { text-align: center; margin: 0 auto; }
.bd input,.bd select{ -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; line-height: 40px; border: 1px solid #E0E0E0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; text-indent: 1em; margin-bottom: 18px; width: 99%; }
.bd .row_password,.bd row_mail{ overflow: hidden; }
.bd .usename { background: url(../images/login_icon.png) 10px 10px no-repeat; padding-left: 25px; }
.bd .phonenum{ background: url(../images/login_icon.png) 10px -140px no-repeat; padding-left: 25px;}
.bd .mail{ background: url(../images/login_icon.png) 10px -90px no-repeat; padding-left: 25px;}
.bd .row_password .password { background: url(../images/login_icon.png) 10px -42px no-repeat; padding-left: 25px; }
.bd .row_PicVerCode,.bd .row_VerCode { overflow: hidden }
.row_PicVerCode .PicVerCode { width: 164px; float: left }
.row_VerCode .VerCode { width: 197px; float: left }
.row_PicVerCode .yzm{ float:left; height:40px; margin:0 5px;}
.row_PicVerCode a{ line-height:40px;float: right;margin-left: 3px; color: #373737;}
.row_VerCode a{ line-height:40px; width:120px; background:#8c8c8c; color:#fff; display:block; float:right; text-decoration:none}
.bd .row_password .find_password { }
.bind_box .row_mail,.bind_box   .row_PicVerCode, .bind_box .row_password , .bind_box .row_btn,.bind_box .row_auto_login,.bind_box .row_usename,.bind_box .row_phonenum,.bind_box .row_VerCode{ width:340px;} 
.login_in .row_auto_login { overflow: hidden; margin-bottom: 10px; }
.row_auto_login .forget { float: left; color:#959494; }
.row_auto_login .register { float: right; }
.row_auto_login a{
    color: #005186;
}
.row_btn{ overflow:hidden}
/* .row_btn .btn:hover{ background:#0173c2; } */
/* .row_btn .btn:active{ background:#1297f3;} */
.row_btn .btn_login { height: 40px; background: #005186; font-size: 18px; color: #FFFFFF; border: none; outline: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; text-indent: 0em; margin-bottom:10px; }
.row_btn .btn_small { height: 40px; background: #067cce; font-size: 18px; color: #FFFFFF; border: none; outline: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; text-indent: 0em; margin-bottom:10px; width:48%;}
.btn_small.left{ float:left}
.btn_small.right{ float:right}
.login_in .ip_text { color: #B7B7B7; margin-top:36px}
.login_in .ft { margin: 0 auto; width: 334px; margin-top: 34px; }
.ft .title { width: 99%; border-top: 1px solid #c0c1c1; position: relative; }
.ft .title span { position: absolute; width: 160px; left: 50%; margin-left: -80px; background-color: #fff; text-align: center; top: -10px; color: #828383; }
.links { width: 334px; margin: 0 auto; margin-top: 25px; text-align: center; }
.links div { width: 58px; height: 41px; display: inline-block;  *display: inline;
 *zoom: 1;
margin: 15px 15px; cursor: pointer; }
.links .linksli{    
    display: inline-block;
    margin: 0px 15px;
    /* border: 1px solid #C9E3FA; */
    /* width: 58px; */
    /* height: 58px; */
    /* -webkit-border-radius: 50%; */}
.links .linksli:hover{
	border-color: #A09E9E;
}
.links div span { height: 100%; display: inline-block;  *display: inline;
 *zoom: 1;
vertical-align: middle; }
.links div a {display: inline-block; 
    *display: inline;
    *zoom: 1;
    /* vertical-align: middle; */
    /* width: 41px; */
    /* height: 41px; */
    /* background-image: url(../images/login_icon.png); */
    /* -webkit-border-radius: 50%; */
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    /* border-radius: 50%; */
    /* overflow: hidden; */
    /* border: #fff 4px solid; */
    /* margin-top: 4px; */}
.links div a:hover{ /* border:#e1edfe 4px solid */}
.links_qq a{ background-position:-71px -200px}
.links_sina a{background-position:0 -200px}
.links_weixin a{background-position:-142px -200px}
.footer{ background: rgba(0, 0, 0, .2); color: #fff; position:fixed; left:0; right: 0;bottom:0; text-align :center;padding: 30px 0 25px 0;
    line-height: 30px;
        z-index:90}

.sibebox { overflow: hidden; }
.sibebox .navs { height: 45px; border-bottom:solid 1px #e0e0e0; margin-bottom:30px; }
.sibebox .navs dl { position: relative; }
.sibebox .navs dd { float: left;margin:0 7%; width:36%; }
.sibebox .navs dd a { padding:0 22px;line-height:42px;  display: inline-block; text-align: center;  color: #666; text-decoration: none; font-size:16px; color:#5b5c5c; font-weight:bold;}
/*.sibebox .navs li a:hover{ background:#e5e5e5;}*/
.sibebox .navs dd.sel a {  border-bottom: solid 3px #067cce; color:#067cce; }
.sibebox .content {}
.sibebox .content .within { display: none; clear:both;}

.perfect_row{ width:620px; margin: 0 auto; padding:6px 0; }
.perfect_row:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.perfect_row dt{ -webkit-box-sizing: border-box; box-sizing: border-box; width:25%; float:left; padding-right:20px; text-align: right; font-weight:normal; color:#535353; font-size:16px; height: 38px; line-height: 38px;}
.perfect_row dd{-webkit-box-sizing: border-box; box-sizing: border-box; width:75%; float:left;}
.perfect_row dd input{ height: 38px; line-height: 38px; margin:0}
.perfect_row dd select{height: 38px; line-height: 38px; margin:0}
.perfect_row dd textarea{ -webkit-box-sizing: border-box; box-sizing: border-box; height:200px;  line-height: 20px; border: 1px solid #E0E0E0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; width: 99%; padding:1em}
.row_userheader{ text-align:left}
.row_userheader .userheader{ display:inline-block; vertical-align: bottom; border:#bcbcbc 1px solid; padding:6px; overflow:hidden}
.row_userheader .userheader img{ float:left}
.row_userheader a{ display:inline-block; border:#bcbcbc 1px solid; padding:0 10px; line-height:23px; text-decoration:none; display:inline-block; vertical-align: bottom; margin-left:10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color:#333333;}
.row_userheader a:hover{ background:#eeeeee;}
.perfect_row .row_btn .btn_login{ width:230px;}