*{
    padding: 0;
    margin: 0;
}
ul,li{
    list-style-type: none;
}

a{
    color: #404040;
    cursor: pointer;
}

a:hover{
    color: #0d8f00;
    text-decoration: none;
}
body{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    overflow-x: hidden;
}
.page-main{
    padding-top: 50px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background: #5eab1f;
}

.swiper-pagination-bullet-active{
    background: #5eab1f;
}

.w1100{
    max-width: 1100px;
    margin: 0 auto;
}
#banner{
    margin-top:65px;
}
.job_view .title{
    background: #5eab1f;
    font-size: 23px;
    padding: 9px 9px;
    color: #fff;
}
.job_view .desc{
    padding-left:15px;
}

.progress_page{
    padding: 10px 40px;
    color: #333;
    width:1200px;
}
.job_tit{
    color:#333333;
    font-size:18px;font-weight: bold;
    width: 100px;
    float: left;
    line-height:42px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border:none !important;background: #fff !important;color:#333 !important
}
.nav > li{margin-right:15px;}
.nav-tabs > li > a{background:#EAEAEA !important;color:#828282 !important;font-size:15px}
.tabbable .nav-tabs{border-bottom: none}
.progress_div .tab-content{background:#fff;border-radius: 6px;float:left}

.steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-left: 0px;
    position: relative;
}
.steps > li {
    display: table-cell;
    text-align: center;
    width: 1%;
}
.steps > li.active .step, .steps > li.active::before, .steps > li.complete .step, .steps > li.complete::before {
    border-color: #FD8D56;
    color:#FD8D56;
}
.steps > li:first-child::before {
    max-width: 51%;
    left: 50%;
}
.steps > li::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #CED1D6;
    border-top-color: rgb(206, 209, 214);
    position: relative;
    top: 21px;
    z-index: 1;
}
.steps > li .step {
    border: 5px solid #CED1D6;
    border-top-color: rgb(206, 209, 214);
    border-right-color: rgb(206, 209, 214);
    border-bottom-color: rgb(206, 209, 214);
    border-left-color: rgb(206, 209, 214);
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 43px;
    height: 43px;
}
.steps > li .step, .steps > li.complete .step::before {
    line-height: 33px;
    background-color: #FFF;color: #BDBDBD;
    text-align: center;font-weight:bold;font-size:20px;
}
.steps > li .title {
    display: block;
    margin-top: 4px;
    max-width: 73%;
    color: #949EA7;
    font-size: 16px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
    margin-left: 19%;
}
.steps > li.active .title{
    color: #FD8D56;
}
.steps > li:last-child::before {
    max-width: 50%;
    width: 50%;
}

.resume_desc{padding:35px;float:left;}
.resume_desc .title_label{
    font-size: 17px;
    font-weight: bold;padding: 10px 0;
}
.resume_desc .resume_pro{
    background: #F5F5F5;
    text-align: center;border-radius: 11px;
    padding: 28px 0;
}
.resume_info .resume_pro{text-align: left;padding:30px;float:left;}
.resume_info .resume_pro ul{width:100%;float:left;}
.resume_info .resume_pro ul li{width:50%;float:left;padding:10px 0;font-size:16px;}
.resume_pro .tt{
    font-size: 18px;
    padding-bottom: 14px;width: 100%;float:left;
}
.resume_status .resume_pro .tips{
    color: #333;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 13px;
}
.resume_desc .tab-pane{display: none;}
.resume_desc .tab-pane.active {display: block}

.resume_pro .item .icon{width:17px;height:17px;background-size:100%;float:left;margin-right: 11px;margin-top: 4px;}
.resume_pro .item .name{background-image:url('../images/name.png')}
.resume_pro .item .city{background-image:url('../images/city.png')}
.resume_pro .item .tel{background-image:url('../images/tel.png')}
.resume_pro .item .school{background-image:url('../images/school.png')}
.resume_pro .item .email{background-image:url('../images/email.png')}
.resume_pro .item .cert{background-image:url('../images/cert.png')}
.resume_pro .item .job_title{background-image:url('../images/job.png')}
.resume_pro .item .file{background-image:url('../images/file.png')}

.login_window{
    position: fixed;
    top: 15%;
    left: 37%;
    background: #fff;
    height: 460px;
    width: 650px;
    z-index: 2;
}
.login_window_bg{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.5;
}
.login_window .tit{text-align: center;
    padding-top: 70px;
    font-size: 24px;
    color: #000;}
.login_window .login_div .icon{width:20px;height:20px;float:left;background-size: 100%}
.login_window .login_div .login_mobile{background-image:url('../images/login_mobile.png')}
.login_window .login_div .login_code{background-image:url('../images/login_code.png')}
.login_div .input-group-addon{
    background:#fff;
    border-left:1px solid #E4E7EB;
    border-top:1px solid #E4E7EB;
    border-bottom: 1px solid #E4E7EB;
}
.login_div .form-control{
    border-left:none;border-right:none;padding:22px 16px;
    border-right:1px solid #E4E7EB;
    border-top:1px solid #E4E7EB;
    border-bottom: 1px solid #E4E7EB;
    font-size:18px;
}
.input-group .form-control:hover{border:1px solid #FD8D56; }
.login_window .login_div{
    padding: 50px 100px;
}
.login_div .input-group{margin-bottom:28px;}
.login_div .input-group .input-group-btn{
    border-top:1px solid #E4E7EB;
    border-right:1px solid #E4E7EB;
    border-bottom:1px solid #E4E7EB;
    color:#FD8D56;
    background: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 1px 22px;
}
.login_div .input-group .input-group-btn .btn{background:#fff;font-size:18px;}
.btn_login{
    width: 100%;
    background: #FD8D56;
    color: #fff;
    border: 1px solid #FD8D56;
    padding: 8px;
    font-size: 18px;
}
.close_window{
    text-align: center;
    background: #fff;
    width: 50px;
    height: 50px;
    float: right;
    margin-top: -35px;
    border-radius: 26px;
    text-shadow: 1px 2px 2px #FD8D56;
    line-height: ;
    padding-top: 7px;
    font-size: 26px;
    color: #FD8D56;
    margin-right: -27px;
}

.info_basic #verify{
    width:80%;
}
.info_basic .pull-right{width:123px;height:35px;}
.yanzheng{width:100%;float:left;}
.info_basic #mobileVerify{
    width:80%;
}
.login_div #verify{
    width: 285px;
    float: left;
}
@media all and (max-width:1170px){
    .info_basic #verify{
        width:80%;
    }
    .info_basic .pull-right{width:102px;}
    .yanzheng{width:94%;float:left;}
    .info_basic #mobileVerify{
        width:80%;
    }
}
@media all and (max-width:970px){
    .info_basic #verify{
        width:80%;
    }
    .info_basic .pull-right{width:102px;height:32px}
    .yanzheng{width:94%;float:left;}
    .info_basic #mobileVerify{
        width:80%;
    }
    .login_window{
        position: fixed;
        top: 18%;
        left: 5%;
        background: #fff;
        height: 74%;
        width: 90%;
        z-index: 2;
    }
    .login_window .login_div{
        padding: 20px 9px
    }
    .login_div #verify{
        width: 76%;
    }
    .login_div .input-group .input-group-btn{
        padding:1px 10px;
    }
    .login_div .input-group .input-group-btn .btn{font-size:15px;}
    .resume_info .resume_pro ul li{width:100%;}
    .progress_page{width:100%;padding:10px;}
    .job_tit{float:left;width:70px;font-size:13px;}
    .nav-tabs > li > a{font-size:12px;}
    .nav > li{
        margin-right: 3px;margin-bottom: 7px;
    }
    .resume_desc{padding:10px}
    .resume_status .resume_pro .tips{font-size:12px;}
    .steps > li .title{font-size:12px;}
}
@media all and (max-width:768px){
    .info_basic #verify{
        width:68%;
    }
    .info_basic .pull-right{width:102px;height:33px;}
    .yanzheng{width:75%;float:left;}
    .info_basic #mobileVerify{
        width:68%;
    }

    .login_window{
        position: fixed;
        top: 18%;
        left: 5%;
        background: #fff;
        height: 74%;
        width: 90%;
        z-index: 2;
    }
    .login_window .login_div{
        padding: 20px 9px
    }
    .login_div #verify{
        width: 76%;
    }
    .login_div .input-group .input-group-btn{
        padding:1px 10px;
    }
    .login_div .input-group .input-group-btn .btn{font-size:15px;}
    .resume_info .resume_pro ul li{width:100%;}
    .progress_page{width:100%;padding:10px;}
    .job_tit{float:left;width:70px;font-size:13px;}
    .nav-tabs > li > a{font-size:12px;}
    .nav > li{
        margin-right: 3px;margin-bottom: 7px;
    }
    .resume_desc{padding:10px}
    .resume_status .resume_pro .tips{font-size:12px;}
    .steps > li .title{font-size:12px;}
}
@media all and (max-width:420px){
    .info_basic #verify{
        width:55%;
    }
    .info_basic .pull-right{width:102px;height:32px;}
    .yanzheng{width:75%;float:left;}
    .info_basic #mobileVerify{
        width:55%;
    }
    .login_window{
        position: fixed;
        top: 18%;
        left: 5%;
        background: #fff;
        height: 74%;
        width: 90%;
        z-index: 2;
    }
    .login_window .login_div{
        padding: 20px 9px
    }
    .login_div #verify{
        width: 76%;
    }
    .login_div .input-group .input-group-btn{
        padding:1px 10px;
    }
    .login_div .input-group .input-group-btn .btn{font-size:15px;}
    .resume_info .resume_pro ul li{width:100%;}
    .progress_page{width:100%;padding:10px;}
    .job_tit{float:left;width:70px;font-size:13px;display: none}
    .nav-tabs > li > a{font-size:12px;}
    .nav > li{
        margin-right: 3px;margin-bottom: 7px;
    }
    .progress_div .nav-tabs > li{margin-bottom: 7px;}
    .resume_desc{padding:10px}
    .resume_status .resume_pro .tips{font-size:12px;}
    .steps > li .title{font-size:12px;}
    .progress_page .nav > li > a{
        padding: 6px 5px;
    }
    .resume_desc .title_label{font-size:12px;}
    .resume_info .resume_pro ul li{
        font-size: 12px;
        line-height: 27px;
    }
    .resume_pro .tt{font-size:14px;}
}