@charset "utf-8";
/* 主题部分 */
.login_shell{ margin:100px auto 225px; width:855px; position:relative;}
.login_shell .login_form{ float:right; background:url(../images/login_bg.png) repeat-y; border:solid 1px #e9e9e9; border-radius:5px; padding:25px 47px; width:280px; zoom:1;}
.login_shell .login_form .logion_ico{ background:url(../images/login_bg.png) no-repeat -374px 0; margin:4px -46px; height:38px; width:374px; position:absolute;}
.login_shell .login_form .backHome{ display: block; color: #50c0e6; margin-bottom: 12px;}
.login_shell .login_form .backHome:hover{ color: #2c4d91;}
.login_shell .login_form .backHome i{ display: inline-block; background:url(../images/login_backindex.jpg) no-repeat; margin:0 5px 0 0; height: 17px; width: 18px; vertical-align: top;}
.login_shell .login_form h2{ color:#333; font-size:20px; margin-bottom:20px;}
.login_shell .login_form h2 a{ color:#50c0e6;}
.login_shell .login_img{ display:block; background:url(../images/login_image.jpg) no-repeat; margin-top:10px; height:466px; width:410px;}
.login_shell .login_form .weifeng_logo{ background:url(../images/group_user.png) no-repeat -298px -22px; height:22px; width:22px; position:absolute; top:60px; right:56px;}
.login_shell dt{ color:#686868; margin:10px 0;}
.login_shell input{ background:#fff; border:1px solid #e9e9e9; border-radius:3px; font-size:14px; font-weight:bold; padding:6px 5px; width:268px;}
.login_shell input.validateCode{ width:112px; vertical-align:middle;}
.login_shell img.validateCode{ float:right; cursor:pointer; height:30px; width:120px;}
.login_shell .err, .login_shell .right{ display:inline-block; background:url(../images/bits.png) no-repeat 0 -49px; margin:1px 0 0 5px; height:30px; width:25px; vertical-align:middle;}
.login_shell .right{ background-position:0 3px;}
.login_shell .login_btn{ display:inline-block; background: #4a6db6; border:solid 1px #50c0e6; border-radius:2px; color:#fff; cursor:pointer; font-size:20px; line-height:40px; margin-right:35px; height:40px; width:140px; overflow:visible; text-shadow:0 1px 1px #3c64b5; text-align:center;}
.login_shell .login_btn img{ margin-top:8px;}
.login_shell .login_btn:hover{background: #6f9cf5; /* Old browsers */background: -moz-linear-gradient(top,  #6f9cf5 1%, #5880d0 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6f9cf5), color-stop(100%,#5880d0)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #6f9cf5 1%,#5880d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6f9cf5 1%,#5880d0 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #6f9cf5 1%,#5880d0 100%); /* IE10+ */background: linear-gradient(to bottom,  #6f9cf5 1%,#5880d0 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9cf5', endColorstr='#5880d0',GradientType=0 ); /* IE6-9 */ border:solid 1px #3c64b5;}
.login_shell .login_btn:active{background: #6f9cf5; /* Old browsers */background: -moz-linear-gradient(top,  #6f9cf5 1%, #5880d0 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6f9cf5), color-stop(100%,#5880d0)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #6f9cf5 1%,#5880d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6f9cf5 1%,#5880d0 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #6f9cf5 1%,#5880d0 100%); /* IE10+ */background: linear-gradient(to bottom,  #6f9cf5 1%,#5880d0 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9cf5', endColorstr='#5880d0',GradientType=0 ); /* IE6-9 */ border:solid 1px #3c64b5;}
.login_shell .login_btn, 
.login_shell .login_btn:disabled, .login_shell .login_btn:disabled:hover, .login_shell .login_btn:disabled:active, 
.login_shell .login_btn.disabled, .login_shell .login_btn.disabled:hover, .login_shell .login_btn.disabled:active{ background: #50c0e6;}
.login_shell .login_btn:disabled, .login_shell .login_btn:disabled:hover, .login_shell .login_btn:disabled:active, 
.login_shell .login_btn.disabled, .login_shell .login_btn.disabled:hover, .login_shell .login_btn.disabled:active{ cursor:default; pointer-events:none;}
.login_shell dd.login{ padding:10px 0;}
.login_shell input.remember, .login_shell .login_form label{ color:#828282; width:auto; vertical-align:middle; white-space:nowrap;}
.login_shell input.remember{ padding:0; height:13px; width:13px;}

.login_shell .other_account{ color:#777; padding-top:15px;}
.login_shell .other_account a i{ display:inline-block; background:url(../images/login_other_icons.png) no-repeat; line-height:99px; margin:-3px 6px 0; height:16px; width:16px; overflow:hidden; vertical-align:middle; opacity:.9; *margin-top:0;}
.login_shell .other_account a:hover i{ opacity:1;}
.login_shell .other_account .sina i{ background-position:0 -16px;}
.login_shell .other_account .alipay i{ background-position:0 -32px;}
.login_shell .other_account .alipay{ margin-left: 46px;}

.login_shell .tips{ font-size:0; height:0; position:relative;}
.login_shell .tips span{ display:none; background:#333; background:rgba(0,0,0,.8); color:#fff; font-size:12px; padding:5px; position:absolute; right:0; top:-8px;}
.login_shell a.lostpw{ float:right; color:#999; margin-top:10px;}
.login_shell .id_tips{ float:right; color:#50c0e6; margin-top:2px;}
.login_shell a.lostpw:hover{ color:#4a8cf6;}
.login_shell a.lostpw:hover, .login_shell .create_id a:hover{ text-decoration:underline;}
.login_shell .create_id{ display:block; border-top:solid 1px #dfdfdf; margin:10px 0 10px 0;}
.login_shell .create_id a{ display: inline-block; color:#50c0e6; border: 1px solid #50c0e6; border-radius: 5px; margin-top: 15px; line-height: 23px; height: 22px; width: 88px;}
.login_shell .create_id a i{ display: inline-block; background:url(../images/creat_user_ico.jpg) no-repeat; margin-right: 6px; height: 22px; width: 25px; vertical-align: top;}
.login_shell .create_id a:hover{ background-color: #4669b0; color: #fff; text-decoration: none;}
.login_footer{ position: fixed; bottom: 20px; width: 100%; left: 0;}
.login_footer .top{}
.login_footer .cp{ line-height:25px; height:25px;}
.login_footer .cp span{ color:#000;}
.login_footer .cp a{ margin:0 5px;}
.login_footer .cp a:hover{ color:#09f;}
.login_shell .login_form input.error{ border-color:#f00;}
.login_shell .login_form .error_info{ background: #fcf6de; border:1px solid #f1e6bc; color: #c00; margin:10px 0 0; padding:5px;}r .cp a:hover{ color:#09f;}
.login_shell .login_form input.error{ border-color:#f00;}
.login_shell .login_form .error_info{ background: #fcf6de; border:1px solid #f1e6bc; color: #c00; margin:10px 0 0; padding:5px;}

.topbar_wrap{ background: none; background-color: #fff; color: #000; top:0; height: 30px;border-bottom: 1px solid #e5e5e5;position: fixed;z-index: 102;}
body{background: #f9f9f9;}
.topbar{ color: #000;}