@charset "utf-8";
/* CSS Document */
.hide{ display:none;}
body { text-align:left !important; position: relative;}
.position_relative {position: relative;}
.spirt_map_2 {background: url('../images/spirtes_map.png?v=20130812002') no-repeat;display: inline-block;}
.login_border{ width:600px ; position:fixed ; top:50% ; left:50% ; margin-left:-300px ; margin-top:-200px; padding:3px; background: url("../images/opacity_bg_black_20.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius:5px;}

/*.opacity_black_bg{ width:100%; height:100%; display: none; background:#000;filter:alpha(opacity=50); z-index:9999;}
.opacity_black_bg{ width:100% ; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:99999; position:fixed}*/
.opacity_black_bg{ width:100% ; height:100%; display: none; position:absolute; top:0; left:0; z-index:99999; position:fixed;background: url('//qiniusf.imaibo.net/themes/Maibo/common_v1/images/login_bg_100.png'); background-repeat:repeat;}

.login_frame{ position:fixed; top:50% ; left:50%; font-size:12px;z-index:99999999; color:#727171;}
.login_frame .login_background{width:600px ;background:#f9f9f9;}
.login_frame .login_background li{ padding: 3px 0px;}
.login_frame .login_header{ width:600px; height:31px; border-bottom: 1px solid #f0f3f8; background-color:#f6f6f6; cursor:default !important}
.login_frame .login_header h3{ line-height:32px; font-weight:600; margin-left:20px; color:#000; display:inline-block; font-size: 14px;}
.login_frame .login_header span{ display:inline-block;float:right; width:22px;height:22px; margin:5px;cursor:pointer;text-align: center;*display:inline;*zoom:1;*margin-top:-30px;  }
.login_frame .login_header span:hover{ opacity:0.8}

.login_frame .login_background_new{ font-family: "Microsoft YaHei"; width: 325px; background: #fff; box-shadow: 0 0 5px #333; position:fixed ; top:43% ; left:50% ; margin-left:-162px ; margin-top:-200px;border-radius:3px; }
.login_frame .login_background_new .imgLoginCodeOpen{display: none;}
.login_frame .login_background_new .ln_bg{ position: relative; padding: 65px 20px 20px;}
.login_frame .login_background_new .ln_bg .ln_tips{ display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 3px 0; background: #e43935; color: #fff; font-size: 12px; text-align: center;}
.login_frame .login_background_new .ln_bg .closed_windows{ position: absolute; top: 20px; right: 10px; font-size: 22px; display:block;width:22px;height:22px; cursor:pointer;text-align: center;}
.login_frame .login_background_new .ln_bg .ln_face{ display: block; width: 64px; height: 64px; margin: 5px auto 30px; border-radius: 50%;}
.login_frame .login_background_new .ln_bg .ln_input_bg {}
.login_frame .login_background_new .ln_bg .ln_input_bg .i_text{ font-family: "Microsoft YaHei" !important; width: 100%; height: 45px; line-height: 45px; background: #eee; color: #333; font-size: 14px; border: none; text-align: center; border-radius: 3px; margin-bottom: 10px;}
.login_frame .login_background_new .ln_bg .ln_input_bg .i_text:focus{ outline: none;}
.login_frame .login_background_new .ln_bg .ln_other{ color: #a0a0a0; font-size: 14px; margin-bottom: 10px;}
.login_frame .login_background_new .ln_bg .ln_other span{ display: inline-block; vertical-align: middle; }
.login_frame .login_background_new .ln_bg .ln_other .o_l{ float: left; cursor: pointer;}
.login_frame .login_background_new .ln_bg .ln_other .o_l .s_checkbox{ background: url('../images/login_checkbox_icon.png') no-repeat 0 0; width: 14px; height: 14px;margin-right: 10px;}
.login_frame .login_background_new .ln_bg .ln_other .o_l.active .s_checkbox{ background: url('../images/login_checkbox_icon.png') no-repeat 0 -14px;}
.login_frame .login_background_new .ln_bg .ln_other .o_r{ float: right; color: #a0a0a0; font-size: 14px;}
.login_frame .login_background_new .ln_bg .ln_other .o_r:hover{ text-decoration: underline;}
.login_frame .login_background_new .ln_bg .ln_btn{ border: none; cursor: pointer; font-family: "Microsoft YaHei" !important; transition: all ease 0.25s; width: 100%; height: 45px; line-height: 45px; text-align: center; border-radius: 3px; font-size: 18px; color: #fff; background: #3386ff;}
.login_frame .login_background_new .ln_bg .ln_btn.active{ background: #3386ff;}
.login_frame .login_background_new .ln_bg .ln_btn:hover{ transform: scale(0.97); transition: all ease 0.25s;}
.login_frame .login_background_new .ln_bg .ln_btn:active{ cursor: pointer;}
.login_frame .login_background_new .ln_bg .ln_btn:focus{ outline: none;}
.login_frame .login_background_new .ln_bg .ln_register{ text-align: center; padding: 15px 0; text-align: center;}
.login_frame .login_background_new .ln_bg .ln_register a{ font-size: 15px; color: #3386ff; font-weight: bold; padding: 4px 10px; cursor: pointer;}
.login_frame .login_background_new .ln_bg .ln_register a:hover{ text-decoration: none; cursor: pointer;}
.login_frame .login_background_new .ln_bg .ln_register a:active{ background: #E1E1E1; border-radius: 3px; cursor: pointer;}
.login_frame .login_background_new .ln_bg .ln_3rd{ border-top: 1px solid #ebebeb; padding-top: 15px; text-align: center;}
.login_frame .login_background_new .ln_bg .ln_3rd a{ transition: all ease 0.25s; display: inline-block; vertical-align: middle; margin: 0 15px; width: 40px; height: 40px;}
.login_frame .login_background_new .ln_bg .ln_3rd a:hover{ transform: scale(0.95); transition: all ease 0.25s;}
.login_frame .login_background_new .ln_bg .ln_3rd a.d_wx{ background: url('../images/login_wx_icon.png') no-repeat;}
.login_frame .login_background_new .ln_bg .ln_3rd a.d_qq{ background: url('../images/login_QQ_icon.png') no-repeat;}
.login_frame .login_background_new .ln_bg .ln_3rd a.d_wb{ background: url('../images/login_wb_icon.png') no-repeat;}

.login_frame .login_background_new .ln_bg .ln_back{position: absolute; top: 20px; left: 10px; display: block; cursor: pointer; background: url('../images/login_back_icon.png') no-repeat center center; width: 22px; height: 22px;}
.login_frame .login_background_new .ln_bg .ln_t1{ padding: 50px 0 30px; text-align: center;}
.login_frame .login_background_new .ln_bg .ln_t1 span{ display: inline-block; vertical-align: middle; color: #333; font-size: 18px;}
.login_frame .login_background_new .ln_bg .ln_t1 span.s_warn{ background: url('../images/login_warn_icon.png') no-repeat; width: 20px; height: 20px;}
.login_frame .login_background_new .ln_bg .ln_t2{ font-size: 15px; color: #333; padding: 0 20px 30px; line-height: 25px;}
.login_frame .login_background_new .ln_bg .ln_t2 span{ display: inline-block; vertical-align: middle;}

.login_frame .login_background_new .ln_bg .ln_input_bg .popValidate {
}

.login_frame .login_background_new .ln_bg .ln_input_bg .popValidate input.i_text {
    width: 60%;
    float: left;
}
.login_frame .login_background_new .ln_bg .ln_input_bg .popValidate .i_img_btn{
	float: right;
    display: block;
    width: 103px;
    height: 45px;
    cursor: pointer;
}

.fix_margin_bottom{ margin-bottom:5px !important;}
.char_aip{padding:20px 35px;}
.char_aip .a_fix_position{ position:relative; top:-15px;}
.char_aip a{ display:block;} 
.char_aip .title{ margin-bottom:25px;float: right; text-decoration:none}
.char_aip p{ line-height:42px;}
.char_aip .sina_api{width:96px;height:32px;margin-right: 37px;background-position:-122px -2px; text-align:right;color:#fff; line-height:32px; padding-right:32px; margin-bottom:25px;float: right;}
.char_aip .qq_api{width:118px;height:32px;margin-right: 37px;background-position:-122px -49px;text-align:right;color:#fff;line-height:32px; padding-right:10px;float: right;}
.char_aip .sina_api:hover{ opacity:0.8}


.input_info{padding:20px 20px 0px 20px;}
.input_info div{border-radius:8px; display:block;margin-bottom:20px;}
.input_info div a{ line-height:40px;}
.input_info input[type="text"],.input_info input[type="password"]{ width:195px;height:25px;border:1px solid #dddddd; padding:5px 30px; line-height:25px;}
.input_info input[type="button"]{width:100px;height:35px; border:0px; background:#2389de; cursor:pointer; color:#fff; margin-right:10px; border-radius:3px;}
.input_info input[type="button"]:hover{ background:#784e0a;}
.input_info .input_fix_width{width:150px;margin-bottom:0px;}
.input_info .input_fix_width input{ width:85px}

.error_info{margin-top: -5px;margin-bottom: 0px !important;}
.error_info span{ width:235px; display:block;padding:10px; border:1px solid #f9d747; color:#8a0000;}
.find_pwd{position:absolute; top:0px; right:15px; color:#999}
.login_accound{width:25px;height:25px;background-position:-273px -52px; position:absolute; top:5px; left:5px;}
.login_pwd{width:25px;height:25px;background-position:-271px -8px;position:absolute;top:6px;left:5px;}

.mark_silver {background-position: -37px -177px;}
.mark_copper {background-position: -75px -177px;}
.margin_left_35 {margin-left: 33px;}
.color_orange {color: #E80;}
.underline {text-decoration: underline !important;}
.color_deep_red {color: #d73d24;}
.mark_gloden {background-position: 0 -177px;}
.mark_width {width: 33px;height: 30px;}

#autoMailComplete{background:#fff;border:1px solid #1976D2;display:none;width:285px; box-shadow: 0 2px 5px #777;}
#autoMailComplete ul{list-style-type:none;margin:0;padding:0;}
#autoMailComplete li{color:#333;cursor:pointer;text-indent:5px; font-size: 14px; padding: 3px 0;}
#autoMailComplete .hover{background:#1976D2;color:#fff;}

.login_frame .login_background_new .ln_bg .pop_tab_bg{
    position: absolute;
    top: 20px;
    left: 20px;
}
.login_frame .login_background_new .ln_bg .pop_tab_bg>span{
    display: inline-block;
    color: #b7b7b7;
    font-size: 20px;
    margin-right: 20px;
    cursor:pointer;
}
.login_frame .login_background_new .ln_bg .pop_tab_bg>span.active{
    font-weight: bold;
    color: #3287ff;
    cursor: default;
}

.login_frame .login_background_new .ln_bg .i_tips, .login_background_new .ln_bg .formTips {
    height: 15px;
    color: #e43935;
    font-size: 12px;
    margin: 10px 0;
}


.login_frame .login_background_new .ln_bg .i_btn {
    display: block;
    cursor: pointer;
    margin-top: 20px;
    background: #1976d2;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 17px;
    padding: 10px 0;
    border: none;
    border-radius: 3px;
    transition: all ease 0.2s;
}

.login_frame .login_background_new .ln_bg .i_btn:hover {
    background: #2196f3;
    transition: all ease 0.2s;
}

.login_frame .login_background_new .ln_bg .i_bottom {
    margin-top: 20px;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_l {
    cursor: pointer;
    font-size: 14px;
    color: #a0a0a0;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_l span {
    display: inline-block;
    vertical-align: middle;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_l span.b_checkbox_icon {
    background: url('../images/login_checkbox_icon.png') no-repeat 0 0;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_l.active span.b_checkbox_icon, .login_frame .login_background_new .ln_bg .i_bottom .b_l span.b_checkbox_icon.active {
    background: url('../images/login_checkbox_icon.png') no-repeat 0  -14px;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_l .b_agreement {
    font-size: 14px;
    color: #a0a0a0;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_l .b_agreement:hover {
    text-decoration: underline;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_r {
    margin-top: 1px;
    font-size: 14px;
    color: #c7c7c7;
}

.login_frame .login_background_new .ln_bg .i_bottom .b_r:hover {
    text-decoration: underline;
}

.login_frame .login_background_new .ln_bg .i_phone_num {
    font-size: 30px;
    color: #000;
    padding: 0 0 20px 0;
    text-align: center;
}

.login_frame .login_background_new .ln_bg .i_phone_validate {
}

.login_frame .login_background_new .ln_bg .i_phone_validate input {
    width: 60%;
    background: #fff;
    color: #333;
    font-size: 14px;
    border: 1px solid #bebebe;
    padding: 10px 0;
    text-align: center;
}

.login_frame .login_background_new .ln_bg .i_phone_validate .i_img_btn{
    display: block;
    width: 103px;
    height: 41px;
    cursor: pointer;
}

.login_frame .login_background_new .ln_bg .i_phone_validate button {
    width: 36%;
    padding: 10px 0;
    margin: 0;
    font-size: 15px;
}

.login_frame .login_background_new .ln_bg .i_phone_validate button.disabled {
    background: #bad6f1;
}

.login_frame .login_background_new .ln_bg .i_phone_validate_btn {
}

.login_frame .login_background_new .ln_bg .i_phone_validate_btn button {
    width: 48.3%;
}

.login_frame .login_background_new .ln_bg .i_phone_validate_btn button.disabled {
    background: #a0a0a0;
}

.login_frame .login_background_new .ln_bg .i_send_mail {
    text-align: center;
}

.login_frame .login_background_new .ln_bg .i_send_mail .p1 {
    color: #000;
    font-size: 30px;
    padding: 0 0 20px 0;
}

.login_frame .login_background_new .ln_bg .i_send_mail .p2 {
    color: #000;
    font-size: 14px;
    line-height: 25px;
}

#popLoginReg{margin-top: 15px;}
#popLoginReg .i_text{margin-bottom: 0 !important;}