.area_code_content{
    height: 44px;
    border: 1px solid #dbdbdb;
}

input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset;
}
/** 邮箱登录 **/
.input_area .input_text{
    background-color: #f7f7f7;
    border: none;
    /*margin-bottom: 14px;*/
    width: 360px;
    line-height: 44px;
    height: 44px;
    box-sizing: border-box;
    font-size: 16px;
}
.login_title{
    text-align: center;
    font-size: 30px;
    color: #323232;
    margin-bottom: 30px;
    line-height: 42px;
    font-weight: bold;
}
.forget_box{
    /*text-align: right;*/
}
.forget_box label{
    float: left;
}
.forget_box a{
    float: right;
}
.btn_box{
    margin-top: 30px;
}
.register_tip{
    padding-top: 14px;
    text-align: center;
    width: 360px;
}
.register_tip a{
    color: #0097FF;
}
.register_tip a:hover{
    color: #4BC5F4;
}
.login_method .or_line{
    height: 20px;
    padding-top: 30px;
}
.or_line .line{
    display: inline-block;
    width: 158px;
    height: 1px;
    background-color: #B3B3B3;
    vertical-align: middle;
}
.or_line .or{
    font-size: 14px;
    color: #999;
    line-height: 20px;
    display: inline-block;
    padding: 0 10px;
}
.btn_box .blue_btn{
    width: 360px;
}
.login_item{
    display: inline-block;
    width: 163px;
    text-align: center;
    padding-top: 20px;
    cursor: pointer;
    vertical-align: top;
}
.right_distance{
    margin-right: 28px;
}
.email_login .img{
    background: url("../../images/login_register/email-nor.png") no-repeat center center;
}
.email_login:hover .img{
    background: url("../../images/login_register/email-hover.png") no-repeat center center;
}
.phone_login .img{
    background: url("../../images/login_register/phone-nor.png") no-repeat center center;
}
.phone_login:hover .img{
    background: url("../../images/login_register/phone-hover.png") no-repeat center center;
}
.message_login .img{
    background: url("../../images/login_register/message-nor.png") no-repeat center center;
}
.message_login:hover .img{
    background: url("../../images/login_register/message-hover.png") no-repeat center center;
}
.login_item .img{
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
    display: inline-block;
}
.login_item p{
    color: #323232;
    cursor: pointer;
}
.login_item:hover p{
    color: #4BC5F4;
}
/** 短信登录 **/

#smslogin .code_ipt{
    width: 240px;
    height: 44px;
}
.code_wrap {
    border: 1px solid #D6D7DC;
    border-radius: 4px;
    width: 110px;
    box-sizing: border-box;
    padding: 0 4px;
    display: inline-block;
    right: 0;
    top: 2px;
    position: absolute;
}
.code_wrap .updata_icon{
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
.code_wrap .code{
    width: 80px;
    height: 30px;
    vertical-align: middle;
    margin-right: 2px;
    padding: 4px 0;
}
.code_wrap .updata_icon:hover{
    content: url('../../images/login_register/update-hover.png');
}
.getcode{
    height: 36px!important;
    background-color: #fff!important;
    color: #909090;
    border: 1px solid #909090;
    border-radius: 4px;
    line-height: 36px!important;
    font-size: 16px!important;
    display: inline-block;
    cursor: pointer;
    width: 110px!important;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 4px;
}
.getcode.get-sms-code-ev{
    color: #0097FF;
    border: 1px solid #0097FF;
}
.getcode.get-sms-code-ev:hover{
    color: #4BC5F4;
    border: 1px solid #4BC5F4;
}
.dovolid .area_code_content, #login_phone .area_code_content{
    width: 139px;
    vertical-align: top;
    border: none;
    background-color: #f7f7f7;
    position: relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#smslogin .phone_num, #login_phone .user_name{
    margin-bottom: 0;
    width: 220px;
}
/*.area_code_content_wrapper{*/
/*margin-bottom: 14px;*/
/*}*/
.area_code_content img{
    width: 12px;
    height: 7px;
    margin-right: 8px;
    margin-left: 7px;
}
.area_code_content_wrapper .vertical_line{
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #808080;
    position: absolute;
    left: 139px;
}
.area_code_content_wrapper .phone_name{
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.area_code{
    border: none;
}
/** end **/
/** 公共代码部分 **/
.clearfix:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
.input_text.red_input, div.red_input{
    border: 1px solid #f04235!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
div.red_input{
    border-radius: 4px;
}
.input_wrapper{
    margin-bottom: 14px;
}
.red_tip{
    padding: 6px 0 0 20px;
    color: #F04235;
    font-size: 16px;
    display: none;
}