.list_resume{min-height:100vh;background-color:#f0f3ef}
.list_resume .page_w{padding-bottom:60px;max-width:1300px}
.list_resume .add_steps{padding:40px 10%}
.list_resume .ad_banner{position:relative;margin-top:30px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1)}
.list_resume .ad_banner a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.list_resume .baozhang{margin:40px auto 50px;max-width:1000px}
.list_resume .baozhang li{text-align:center;display:inline-block;width:30%;padding:0 1%}
.list_resume .baozhang li i{font-size:50px;color:#13d8a7}
.list_resume .baozhang li .icon-100{font-weight:700}
.list_resume .baozhang li p{color:#01654c;margin-top:5px;font-size:14px}
.list_resume .resume_filter{background-color:#fff;padding:20px 20px 0;margin-top:40px;-webkit-box-shadow:0 -5px 20px rgba(0,0,0,.08);box-shadow:0 -5px 20px rgba(0,0,0,.08);position:relative}
.list_resume .resume_filter h1{font-weight:700}
.list_resume .resume_filter h1 b{color:#f60;margin-left:20px}
.list_resume .resume_filter dl{padding-left:110px;position:relative;margin-top:15px;padding-top:25px;border-top:1px dashed #dfdfdf}
.list_resume .resume_filter dl:first-child{border:none;margin-top:0}
.list_resume .resume_filter dl dt{width:100px;margin-left:-110px;float:left;text-align:right;line-height:32px;font-size:14px;font-weight:700}
.list_resume .resume_filter dl dd .el-button{padding:0 25px;line-height:30px;position:relative;vertical-align:top;font-size:13px;margin-right:20px}
.list_resume .resume_filter dl dd .el-button i{font-size:16px;position:absolute;left:12px;top:0;line-height:30px;text-align:left}
.list_resume .resume_filter dl dd h2{border:1px solid #dcdfe6;color:#333;display:inline-block;padding:0 25px;line-height:32px;height:32px;overflow:hidden;border-radius:15px;vertical-align:top;cursor:pointer;font-size:13px;margin-right:20px}
.list_resume .resume_filter dl dd h2:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}
.list_resume .resume_filter dl dd .active{color:#fff!important;background-color:#13d8a7!important;border-color:#13d8a7!important}
.list_resume .resume_filter .btn_zaixian{position:absolute;right:20px;top:90px;line-height:40px;padding:0 30px;font-size:16px;background-color:#f60;color:#fff;border-radius:3px}
.list_resume .resume_filter_bottom{margin-top:0;padding-top:0;padding-bottom:25px}
.list_resume .resume_list{background-color:#fff;padding:10px 14px 50px;min-height:700px}
.list_resume .resume_list li{float:left;width:293px;margin:0 12px;margin-top:35px;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.2);box-shadow:0 2px 20px rgba(0,0,0,.2);-webkit-transition:all .2s linear 0s;transition:all .2s linear 0s;border:1px solid #dadada}
.list_resume .resume_list li:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);border-color:#13d8a7;-webkit-box-shadow:0 2px 10px rgba(19,216,167,.3);box-shadow:0 2px 10px rgba(19,216,167,.3)}
.list_resume .resume_list li:hover .resume_list_img dl{border-top:1px solid #a5efdc;transform:translateY(0);-webkit-transform:translateY(0);-webkit-box-shadow:0 0 10px rgba(19,216,167,.3);box-shadow:0 0 10px rgba(19,216,167,.3)}
.list_resume .resume_list li:hover .list_footer{border-top:1px solid #999}
.list_resume .resume_list li .resume_list_img{display:block;width:100%;height:400px;background-size:100% auto;position:relative;overflow:hidden;background-position:top;background-repeat:no-repeat}
.list_resume .resume_list li .resume_list_img dl{position:absolute;left:0;bottom:0;width:100%;padding:8px 20px 5px;background-color:#fff;transform:translateY(100%);-webkit-transform:translateY(100%);-webkit-transition:all .2s linear 0s;transition:all .2s linear 0s;z-index:2;font-size:12px}
.list_resume .resume_list li .resume_list_img dl dd{color:#999;text-align:left;padding:2px 0}
.list_resume .resume_list li img{width:100%;vertical-align:top}
.list_resume .resume_list li .list_footer{padding:8px 20px;font-size:14px;color:#888;border-top:1px solid #eee;position:relative;background-color:#fff}
.list_resume .resume_list li .list_footer .use_box{position:absolute;left:0;bottom:0;color:#666;line-height:52px;padding:0 6px 0 14px;border-radius:24px 0 0 0}
.list_resume .resume_list li .list_footer .use_box i{font-size:18px;float:left;margin-right:5px}
.list_resume .resume_list li .list_footer .use_box .webfont{font-size:22px;margin-right:0}
.list_resume .resume_list li .list_footer .use_box .webicon-remen{color:#ff6b02;font-size:30px;line-height:42px}
.list_resume .resume_list li .list_footer .use_box .webicon-pdf{color:#bd0202}
.list_resume .resume_list li .list_footer .use_box .webicon-word{color:#185abd}
.list_resume .resume_list li .list_footer .btn_box{overflow:hidden}
.list_resume .resume_list li .list_footer .btn_box .btn_zhizuo{background-color:#f60;color:#fff;display:inline-block;line-height:36px;padding:0 15px}
.list_resume .resume_list li .list_footer .btn_box .btn_see{float:right;background-color:#13d8a7;line-height:36px;padding:0 15px;color:#fff}
.list_resume .resume_list li .list_footer .btn_box .btn_see:hover{color:#fff!important}
.list_resume .resume_list li .list_footer .btn_box .price2,.list_resume .resume_list li .list_footer .btn_box .price{float:right}
.list_resume .resume_list li .list_footer .btn_box .price{font-size:24px}
.list_resume .resume_list li .list_footer .btn_box .price del{color:#999;font-size:16px}
.list_resume .resume_list li .list_footer .btn_box .price2{font-size:14px}
.list_resume .resume_list li .list_footer .btn_box .price2 del{color:#999;margin-right:10px}
.list_resume .resume_list li .list_footer .btn_box .price2 del dfn{font-size:14px;margin-right:0}
.list_resume .resume_list li .list_footer .btn_box small{font-size:12px;margin-left:2px;color:#999}
.list_resume .resume_list .moreTpl{text-align:center;line-height:100px;height:402px;font-size:20px;padding:80px 0 0;}
.list_resume .no_data{padding:50px;text-align:center;font-size:18px;color:#666;background-color:#fff;border-top:1px solid #eee}
.list_resume .word_pay_tip{margin-top:30px;padding:10px 20px;background:#ddf9f2;font-size:15px}
.list_resume .word_pay_tip:last-child{display:none}
.list_resume .word_pay_tip span{color:#f60;font-weight:700}
.list_resume .word_pay_tip i{color:#13d8a7;margin-right:5px}

@media screen and (min-width:1650px){
  .list_resume .page_w{max-width:1600px}
  .list_resume .resume_list{padding:10px 25px 50px}
  .list_resume .resume_list li{width:360px;margin:40px 13px 0}
  .list_resume .resume_list li a .resume_list_img{height:500px}
}

@media screen and (max-width:700px){
  .list_resume .baozhang{display:none}
  .list_resume .resume_filter{margin-top:20px}
  .list_resume .resume_filter dl{padding-top:5px;padding-left:0}
  .list_resume .resume_filter dl dt{float:none;width:100%;font-size:14px;margin-left:0;text-align:left;margin-top:0}
  .list_resume .resume_filter dl dd .el-button{min-width:60px;padding:0 10px;margin:5px 10px 6px 0}
  .list_resume .resume_filter dl dd h2{margin:5px 10px 6px 0}
  .list_resume .resume_filter .word_pay_tip{margin-top:20px;font-size:14px}
  .list_resume .resume_filter .word_pay_tip:nth-last-child(2){display:none}
  .list_resume .resume_filter .word_pay_tip:last-child{display:block}
  .list_resume .resume_list li{width:100%;margin-left:0;margin-top:28px}
  .list_resume .resume_list li a .resume_list_img{height:inherit}
}

@media screen and (min-width:1650px){.list_resume .footer .float_r{right:20px;left:auto!important}}