 @charset "utf-8";
/* content css */
.content_left{padding: 70px 38px;}
.content_left img{width: 400px;height: 300px;}
.content_right{padding: 80px 82px; z-index: 10000;}
.content_right h2{width:325px; height:40px; background:url(../img/top_line_bg.png) repeat-x;font-size: 20px;font-family: microsoft yahei;color: #ffffff;text-align: center;line-height: 40px;}
.inputs_list{padding: 30px 0 0 18px;}
.inputs_list li{border:2px solid #cccccc;width: 286px;height: 32px;margin-bottom: 15px;position: relative;}
.login_ct_wrapper .agreement{margin: 10px 0 5px;padding: 0 18px 0;}
.login_ct_wrapper .agreement .fl span{color: #8b8b8b;}
.login_ct_wrapper .agreement .fl span a{color: #333333;text-decoration: underline;}
.inputs_list li strong{display: none;background: #ffffff;color: #ff6600;padding: 0 4px;font-family:  "宋体", arial;}
.inputs_list li.active{border:2px solid #ff6600;}
.inputs_list li.active strong{display: block;position: absolute;right: 6px;top: -8px;}
.inputs_list li input{border: none;padding: 6px 0 0;outline: none ;width: 80%;background: none;}
.input_icon{background:url(../img/input_icon.png) 0 -30px no-repeat;width: 28px;height:22px; margin:4px 12px 5px 5px;border-right: 1px solid #bbbbbb;}
.password_icon{background-position: 0 0px;}
.active .users_icon{background-position:0 -90px; }
.active .password_icon{background-position:0 -60px; }
.rem_password{padding:0 18px 0 }
.rem_password input,.rem_password span{vertical-align: middle;}
.for_password{padding: 0 18px 0;}
.for_password a{color: #333333;}
.for_password a:hover{text-decoration: underline;}
.login_btn_box{margin: 10px 0 10px 18px;width: 290px;height: 40px;border-radius: 6px;text-align: center;font-size: 18px;line-height: 40px;background: #ff9900;}
.login_btn_box input{color: #ffffff;background: none;border: none;width: 290px;height: 40px;font-size: 20px;outline: none;cursor: pointer;}
.register_btn{color: #ff9900;border: none;background: none;float: right;font-family:  "宋体", arial;outline: none;cursor: pointer;}
.register_btn:hover{text-decoration: underline;}
.shortcut_login{margin: 0 18px;}
.shortcut_login span{color: #666666;}
.third-party-btn{background-image: url(../img/img_register_icon_new.png);background-repeat:no-repeat; width: 20px ;height: 20px;margin-left: 15px;}
.third-party-btn.QQ{background-position:0 -60px;}
/* content css end */
/*20160809 add*/
.third-party-btn{background: url(../img/img_register_icon_new.png) 0 -60px no-repeat;width: 20px ;height: 20px;margin-left: 15px;}
.third-party-btn.weibo{background-position:0 -140px;}
.third-party-btn.wechat{background-position:0 -172px;}
.wx_btn{background: url(../img/img_register_icon_new.png) 0 -173px no-repeat;width: 22px ;height: 20px;margin-left: 15px;}
.wb_btn{background: url(../img/img_register_icon_new.png) 0 -141px no-repeat;width: 22px ;height: 20px;margin-left: 15px;}
.login_ct_wrapper{border: 2px solid #cccccc;border-top: none;width: 325px; height: auto; padding-bottom: 10px;}
.vcode{ margin-top: -10px;}
#vc{ position: relative;top:-2px;margin-left: 5px;}
.vcode_line input{width: 100px;height: 28px;border:2px solid #ccc;padding: 0 10px;}
.input_line{margin-bottom: 22px;}
.vcode_line{margin-bottom: 10px;}
.sec_vf .input_line{margin-bottom: 16px}
.inputs_list input.active{border:1px solid #ff6600;}
.inputs_list .vf_way{width: 172px;}
.sec_question,.vf_way{background: #ffffff;}
.inputs_list .mail_vcode{width: 105px;}
.get_vf_box{line-height: 30px;margin-bottom: 16px;}
.get_vf{background: #ff9900;width: 104px;height: 30px;color: #ffffff;text-align: center;border-radius: 5px;cursor: pointer;font-family: '微软雅黑'}
.get_vf_gray{background: #999;}
.btn_css{margin: 10px auto;width: 135px;height: 35px;border-radius: 6px;text-align: center;font-size: 18px;line-height: 40px;background: #ff9900;}
.btn_css input{color: #fff;background: none;border: none;width: 135px;height: 35px;font-size: 16px;outline: none;cursor: pointer;}
 .icon_register_mark{background: url(../img/img_register_icon_new.png) 0 0 no-repeat;width: 18px;height: 15px}
i.icon_register_mark{float: left;}
.icon_error{background-position: 0 -20px;}
.error,.correct{display: inline-block;vertical-align: middle;}
.hide{display: none;}
.show{display: block;}
.icon_refresh{background-position: 0 -41px;display: inline-block;vertical-align: middle;}
.shortcut_login{ line-height: 20px;}
.vcode{ display: none;}
.ps-container .ps-scrollbar-y{ width: 5px;}
.scroll_div .login_ct_wrapper{border:0;}
.scroll_div{overflow: hidden; position: relative;}
.vcode{padding-left:18px;}
*+ html .vcode_line{ width: 100%; height: 32px;}
*+ html .vcode_line span,*+ html .vcode_line input,*+ html .vcode_line .vcode,*+ html .vcode_line  #vc,*+ html .vcode_line .icon_register_mark{ display: block; float:left;}
*+ html .vcode_line input{ line-height: 28px;}
*+ html .vcode{ padding-left:18px;height: 35px;}
*+ html .vcode_line span{ line-height: 32px;}
*+ html #vc{ position: relative;top:5px;margin-left: 5px;}
*+ html .vcode_line .icon_register_mark{margin-left: 5px;position: relative;top:5px;}
*+ html .inputs_list li .vcode_line input{width: 100px;height: 28px;border:2px solid #ccc;padding: 0 10px;}