.main{
    width:1200px;/* width:1000px; */
    height:530px;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto 0 auto;
}
.main_title{
    height:64px;
    border-bottom: 1px solid #e4e4e4;
}
.main_title span{
    display: inline-block;
    height:64px;
    line-height: 64px;
    color: #666666;
}
.login_prompt_name{
    float: left;
    font-size: 16px;
    margin-left: 30px;
}
.login_prompt_reg{
    float: right;
    font-size: 14px;
    margin-right: 30px;
}
.login_prompt_reg a{
    /* color:#00a0e6; */
}
.main_title p{
    display: inline-block;
    width: 71px;
    height: 64px;
    line-height: 64px;
    margin:0 0 0 370px;
}
.main_title p img{
    width: 72px;
    height:34px;
    margin-top: 0;
}
.login_info{
    width:auto;
    min-width:342px;
    height:335px;
    margin: 50px auto 0 auto;
}
.bind-prompt{
    font-size: 14px;
    color:#ff4c4c;
    margin-left: 30px;
}
.login_info .input_l{
    width: 332px;
    height:40px;
    border-radius: 4px;
    border: 1.2px solid #dcdcdc;
    background: #fafafa;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}
.login_info .input-verify{
    width: 140px;
    margin-left: -77px;
}
.login_info button{
    width: 342px;
    height:40px;
    border: none;
    background: #ff4c4c;
    color:#ffffff;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
}
.login_info button.send_code{
    width: 100px;
    background: #b5b5b5;
    margin-left: 10px;
}
.login_info button.send_code_user{
    width: 100px;
    background: #b5b5b5;
    margin-left: 10px;
}
.login_info p{
    width: 342px;
    height:20px;
    line-height: 20px;
    margin: 0 0 30px 428px;/* margin: 0 0 30px 328px; */
    text-align: left;
    position: relative;
}
.login_info p.select_protocol{
	color:#666666;
    margin:20px 0 10px 428px;
	padding:0 0 0 5px;
}
checkbox{
    width:100px;
    height:100px;
}
.input_c{
    width: 16px;
    height: 16px;
    margin: 0;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    cursor: pointer;
}
.login_info p span{
    font-size: 14px;
    color:#666666;
}
.login_info p span a{
    /* color:#00a0e6; */
}
.remember_pwd{
    margin-left: 22px;
}
.forget_pwd{
    float: right;
}
.forget_pwd a{
    font-size: 14px;
    color:#666666;
}
.login_info p.other_login{
    font-size: 14px;
    color:#666666;
    text-align: center;
}
.login_info p.remember_prompt{
    margin-bottom: 0;
}
.login_info .other_login_list{
    margin-left: 328px;
    text-align: center;
    height: 33px;
    width: 342px;
}
.login_info .other_login_list a{
    display: inline-block;
    width: 33px;
    height: 33px;
}
.login_info .select_1{
    width: 335px;
    height: 40px;
    border-radius: 4px;
    border: 1.2px solid #dcdcdc;
    background: #fafafa;
    padding-left: 7px;
    margin-bottom: 20px;
    font-size: 14px;
    cursor: pointer;
}
.wechat-login{
    background: url("./../images/wechat-c.svg")no-repeat;
}
.wechat-login:hover{
    background: url("./../images/wechat-t.svg")no-repeat;
}
.qq-login{
    background: url("./../images/qq-c.svg")no-repeat;
    margin: 0 18px;
}
.qq-login:hover{
    background: url("./../images/qq-t.svg")no-repeat;
}
.sina-login{
    background: url("./../images/sina-c.svg")no-repeat;
}
.sina-login:hover{
    background: url("./../images/sina-t.svg")no-repeat;
}
.perfect_data {
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}
.remember_perfect_data{
    margin-bottom: 5px;
}
.input-city,.input-career{
    border: 1px solid #e5e5e5;
    background: #fafafa;
    width: 312px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    padding: 0 15px;
    cursor: pointer;
    margin: 0 auto 20px auto;
}
.input-city span,.input-career span{
    font-size: 14px;
    color: #666666;
    height: 42px;
    line-height: 42px;
    float: left;
}
.input-city i,.input-career i{
    display: inline-block;
    width: 9px;
    height: 6px;
    float: right;
    margin: 18px 0 0 12px;
    background: url(./../images/select.svg)no-repeat;
}
/*城市下拉选项*/
.city-select-list{
    display:none;
    min-width:120px;
    width: auto;
    height:auto;
    max-height: 296px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    top:44px;
    left:328px;
    z-index: 999;
}
.city-select-list ul.province-list,.city-select-list ul.city-list{
    width:120px;
    height:auto;
    float: left;
    max-height: 296px;
    overflow-y: auto;
    overflow-x: hidden;
}
.city-select-list ul.province-list li,.city-select-list ul.city-list li{
    width:120px;
    height:42px;
    line-height: 42px;
    font-size: 14px;
    color:#666666;
    text-align: center;
    cursor: pointer;
    margin-right: 0;
}
.city-select-list ul.city-list{
    width:252px;
    border-left: 1px solid #eeeeee;
    display: none;
}
.city-select-list ul.city-list li{
    /*  min-width:50px;*/
    width:auto;
    padding: 0 10px;
    float: left;
}
.city-select-list ul.province-list li:hover,.city-select-list ul.city-list li:hover{
    background: #eeeeee;
}
.city-select-list ul li.select-province-list,.city-select-list ul li.select-city-list{
    color:#f85959;
}
/*职业下拉*/
.career-cate-list {
    display: none;
    width: 150px;
    height: auto;
    max-height: 260px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    top:44px;
    left: 328px;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
}
.career-cate-list ul li {
    width: 150px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    cursor: pointer;
}
.career-cate-list ul li:hover {
    background: #eeeeee;
    color: #333333;
}
/*滚动条样式*/
.province-list::-webkit-scrollbar,.city-list::-webkit-scrollbar,.career-cate-list::-webkit-scrollbar{
    width: 12px;
    height: 16px;
    max-height: 16px;
    cursor: pointer!important;
}
.province-list::-webkit-scrollbar-thumb,.city-list::-webkit-scrollbar-thumb,.career-cate-list::-webkit-scrollbar-thumb{
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
    background: rgba(238,238,238,0.5);
}
.province-list::-webkit-scrollbar-track,.cate-list::-webkit-scrollbar-track,.career-cate-list::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px  rgba(255,255,255,0.1);
    border-radius: 0;
    background: rgba(255,255,255,0.1);
}