body{
    background-color: #F5F5F5;
}
#banner{
    width: 100%;
    margin-bottom: 40px;
}

#banner img{
    display: block;
    margin:0 auto;
    width:100%;
    height: auto;
}

h1{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #404040;
    line-height: 80px;
    margin: 0;
}

.list{
    padding-bottom: 90px;
}
.list .title{
    background: #5eab1f;
    line-height: 1.5em;
    padding: 10px 20px;
    color: #fff;
}


.list .title>div,.list .content>div{
    padding: 0 30px;
}

.list .title>div {
    padding-left: 10px;
}

.list .content{
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    line-height: 1.5em;
    color: #404040;
    border-bottom: 1px solid #e5e5e5;
}

.list .content:hover{
    color: #5eab1f;
}
.btn_info .btn{
    border: 1px solid #4AAF4D;
    width: 120px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}
.goback{
    background: #fff;
    border: 1px solid #4AAF4D;
    color: #4AAF4D;
}
.btn_info{margin-top:70px;}
.btn_info .job_submit{
    background: #4AAF4D;color:#fff;margin-right:40px;
}
.hot_job{
    width: 760px;
    text-align: center;
    margin: auto;
}
.hot_job .job_list{width:360px;margin-bottom: 30px;float:left;background: #fff;text-align: left;padding-left:30px;padding-top:24px;}
.hot_job .job_list .title{
    color:#FD8D56;font-size:20px;padding-bottom: 14px;
}
.hot_job .job_list .title a{
    font-size:14px;color:#999999;float:right;padding-right:20px;padding-top:4px;
}
.hot_job .job_list ul{
    padding-left: 12px;
}
.hot_job .job_list li{width:100%;line-height:38px;list-style-type: disc;
    color: #FD8D56;}
.hot_job .shehui_job{margin-right:20px;}
.hot_job .xiaoyuan_job{margin-left:20px;}
.hot_job .job_list li a{
    font-size:14px;color:#333;float:left;width:100%;
}

.job_list_page{
    width:920px;margin:auto;background: #fff;padding:30px;
}
.job_list_page .search .title{
    color:#333;font-size:22px;font-weight:bold;margin-bottom:30px;
}
.search_keyword{
    width:756px;border:1px solid #FD8D56;height:40px;float:left;padding-left:43px;font-size:14px;
}
.search_keyword:hover{
    border:1px solid #FD8D56;background-color: #fff;
}
.search_form{
    margin-bottom: 10px;
}
.search_form .btn-primary{
    color:#fff;background: #FD8D56;width:64px;height:40px;border:1px solid #FD8D56;border-radius: 0;
}
.search_form .btn-primary:hover{
    background: #FD8D56;border:1px solid #FD8D56;
}
.search_form img{
    width: 13px;
    height: 13px;
    position: absolute;
    transform: translateX(-740px);
    margin-top: 14px;
}
.filter_list{
    width: 100%;height: 40px;display: block;overflow: hidden;
}
.filter_list .tt{color:#999;font-size:14px;font-family: Microsoft YaHei;width: 61px;line-height: 42px;float:left;}
.filter_list .list{float:left;line-height: 42px;color:#333;font-size:14px;}
.filter_list .list .active{
    color:#FD8D56;
}
.filter_list .list a{
    padding-left:5px;padding-right:6px;
}
.job_list_page .job_list{
    margin-top:10px;padding-bottom: 0;
}
.job_list_page .job_list .title{
    background: #f5f5f5;height:48px;font-weight: bold;font-size:14px;color:#666;
}
.job_list .content{
    color:#333;border-bottom:none;line-height: 36px;
}
.job_foreach{width: 100%;
    line-height: 46px;
    overflow: auto;}
.more_link_job{
    width:12px;height:12px;float:left;margin-top: 17px;
}
.show_more_job{
    background: url("../images/icon_fold.png");
}
.hide_more_job{
    background: url("../images/icon_expansion.png");
}
.job_foreach .job_desc{
    line-height: 25px;background: #f5f5f5;margin-top: 54px;
}
.job_desc{
    width: 100%;
    background: #fff;
    padding: 20px;
}



.job_pagination {
    text-align: center;
    margin:20px auto;width: 880px;
    display: block;
}
.job_pagination .page .prev_page,.job_pagination .page .next_page{
    width:60px;font-size:14px;text-align: center;color: #666;font-size:14px;
}
.job_pagination .page a{
    margin-left:8px;height: 36px;width:36px;   display: inline-block;background: #fff;text-align: center;
}.job_pagination .page a:hover{
    background:#4AAF4D;color:#fff;border-radius: 4px;text-align: center;
 }
 .job_pagination .page .current{
     background: #4AAF4D;width: 36px;
     height: 36px;color:#fff;margin-left: 11px;
     display: inline-block;text-align: center;
     border-radius: 4px;

 }

.job_pagination .page,
.pagination .prevpage,
.pagination .nextpage {
    font-size: 14px;
    text-align: right;
    line-height: 39px;
    height: 39px;
    display: block;
    margin-right: 5px;
    cursor: pointer;
    width: 880px;
    margin:auto;
}

.job_pagination .pbtn.page {
    width: 39px;
    padding: 0;
}

.pagination .prevpage,
.pagination .nextpage {
    padding: 0 15px;
    width: 80px;
}

.job_pagination .pages {
    display: inline-block;
}


.job_container{width:880px;margin:60px auto;}
.job_detail{
    background: #fff;padding:40px;color:#333;
}
.job_detail .title{}
.job_detail .title strong{font-weight:bold;font-size:28px;}
.job_detail .job_info{
    background: #F5F5F5;width: 800px;height: 88px;padding:20px;margin-top:40px;
}
.job_detail .job_info li{width:33%;float:left;font-size:14px;line-height: 28px}
.delivery_page{
    background: #fff;padding:40px;
}
.job_container.delivery_page{width:720px;}
.delivery_page .title strong{font-weight:bold;font-size:28px;}
.delivery_info label{font-size:14px;color:#333;font-weight: normal;font-family: Microsoft YaHei;}
.delivery_info .content li{margin:15px 0;}
.text_input{width:100%;border:1px solid #ccc;border-radius: 2px;height:40px;padding: 0 11px;outline:none;}
.text_input:hover{
    border:1px solid #4AAF4D;
}
.border_left{width: 4px;
    height: 18px;
    background: #4AAF4D;display: inline-block;margin-right: 10px;
}
.info_title em{
    color: #fc5858;
    margin-left: 9px;
    line-height: 34px;
    overflow: hidden;font-size: 25px;
    vertical-align: -moz-middle-with-baseline;    vertical-align: bottom;
}
.info_basic li em{
    color: #fc5858;
}
.btn_info .job_submit:hover{color:#fff;}
.info_title{font-weight: 400;
    color: #333333;margin-top: 35px;
    line-height: 42px;font-size: 20px;}
.job_upload{background: #f5f5f5;margin-bottom: 40px;
    padding: 40px;text-align: center;}
.webuploader-container{margin-top:21px;}
.job_upload .webuploader-pick{
    background: #fff;color: #4AAF4D;border: 1px solid #4AAF4D;width: 120px;
    height: 40px;
}
.job_icon{
    width: 20px;
    height: 20px;
    background: #f5f5f5;
    background-image: url("../images/pc_icon_file.png");
    display: inline-block;
    text-align: left;
    margin-right:14px;
    background-size: 100%;
}
.job_remove{
    width: 18px;
    height: 18px;
    background: #f5f5f5;
    background-image: url("../images/pc_icon_delete.png");
    display: inline-block;
    text-align: left;
    margin-right:14px;
    background-size: 100%;margin-left:15px;
}
.uploader-list{text-align: left;}
.uploader-list span{
    line-height: 26px;
    vertical-align: bottom;
}

.success_div{text-align: center}
.success_div .lable{font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;margin-top:40px;
    color: #333333;
    line-height: 42px;}
.success_div .think{
    font-size: 18px;color:#999;margin-top:27px;margin-bottom: 40px;
}
.job_pc{
    display: block;
}
.job_wap{display: none}





@media screen and (max-width:768px){
     #banner {
         margin-bottom: 20px;
     }
    .hot_job{width:100%;}
    .hot_job .xiaoyuan_job{margin-left:0;}
    .hot_job .shehui_job{margin-right:0;margin-bottom: 10px;}
    .hot_job .job_list{width:100%;}

    .job_wap{display: block;width:100%;float:left;margin-top:65px;}
    .job_pc{display: none}
    .job_list_page{width:100%;padding:0}
    .job_list_page .search{
        position: relative;    margin-top: -59px;
        width: 100%;
    }
    .search_form{
        width: 100%;
        padding:0px 15px 0 15px;
    }
    .search_keyword{
        width: 100%;border-radius: 15px;border:1px solid #fff;
    }
    .search_keyword:hover{
        width: 100%;border-radius: 30px;border:1px solid #fff;
    }
    .search_form img{
        transform: translateX(13px);
    }
    .job_select{
        background: url("../images/m_icon_drop_down.png") no-repeat scroll right center transparent;
        background-size: auto;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        padding: 8px 12px;
        background-size: 43%;
        border: 1px solid #fff;
        width: 20px;
        float: right;
        margin-top: 8px;
    }
    .filter_list .tt {
        color: #000;
        font-size: 15px;
        font-family: Microsoft YaHei;
        width: 90px;
        line-height:34px;
        float: left;
    }
    .delivery_info label{    width: 18%;
        float: left;font-size:12px;
        line-height: 38px;
        text-align: left;}
    .delivery_info .div_input{
        width: 75%;    height: 33px;
        margin-left: 2%;
    }
    .job_select option{}
    .job_filter{background:#fff;padding: 10px 15px;width:100%;float:left; margin-top:44px   }
    .job_filter li{float:left;margin-right: 18px;}
    .job_list .item{color: #666;
        font-size: 14px;
        background: #fff;border-radius: 10px;
        float: left;line-height: 31px;
        width: 100%;
        padding:15px;
        margin-bottom: 10px;}
    .job_list .item .lable a{
        color:#333;font-weight: bold;font-size:17px;
    }
    .job_list .job_desc {
        line-height: 22px;
    }
    .job_list_page .job_list{
        float: left;width:100%;
        padding: 15px;
    }
    .job_pagination{width:100%;padding:20px;}
    .job_pagination .page, .pagination .prevpage, .pagination .nextpage{width:100%;}
    .filter_list{width:120px;float: left;color:#333;height: inherit;
        margin-left: 26px;}
    .wap_filter .list{
        background: #fff;
        z-index: 999;
        position: fixed;
        margin-top: 38px;
        width: 100%;
        left: 0;padding-left: 16px;
    }
    .wap_filter .list a{width:100%;display: block}
    .filter_list .tt.show_wap_tt{color:#4AAF4D}
    .filter_list .tt.show_wap_tt .job_select{
        background: url("../images/m_icon_pack_up.png") no-repeat scroll right center transparent;
    }
    .job_wap .banner img{
        width:100%;
    }
    .detail{padding:15px;
        margin-bottom: 45px;
        position: relative;}
    .detail .content{background: #fff;padding:15px;border-radius: 11px;line-height: 31px;color:#666;}
    .detail .content .lable{font-size:18px;font-weight:bold}
    .detail .content .job_desc{
         padding:0;
    }
    .btn_info{background:#fff;width:100%;bottom:0;position: fixed;}
    .btn_info .btn{width:97%;}

    .job_container.delivery_page{
        background: none; width:100%; margin: 46px 0;padding: 15px;
    }
    .btn_alink .goback{display: none}
    .delivery_page .title{margin:20px 0}
    .delivery_page .title strong{font-size:18px;}
    .delivery_info{margin-bottom:60px;}
    .delivery_info .info_basic, .delivery_info .info_file{background: #fff;padding:15px;border-radius: 12px;}
    .delivery_info .info_file{margin-top:15px;}
    .btn_info .job_submit{margin-bottom:10px;}
    .job_container.delivery_page.success_div{margin-top:75px;}
    .btn_info .btn_alink{
        width: 91%;
    }
    .job_upload{margin-bottom: 0;}
    .info_title{margin-top:0px;font-size:18px;}
    .job_wap .one_li{background:#fff;padding:15px;margin-bottom: 15px;border-radius: 10px}
    .btn_category_sub .job_submit{
        width: 79px;
        background: none;
        margin-bottom: 0;
        border: none;    line-height: 39px;
        color: #4AAF4D;
        padding: 0;font-size:15px;
    }
    .btn_info .job_submit{
        margin-right: 0;
    }
    .btn_category_sub  i{float:left;width:19px;height:19px;margin-top: 11px;background:url('../images/m_icon_send_resume.png');background-size: 100%}
    .job_index #banner{height:150px;}
}