.main-box {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
  }
  .main-box .main-btn .btn-box{
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
  }
 .main-box .main-btn .btn-box .btn-item{
  border: none;
  border-radius: 0px;
  /* background-color: #dcdcdc;
  color: #005fc6; */
  font-size: 20px;
  text-align: center;
  width: 20%;
  height: 45px;
  line-height: 45px;
  letter-spacing: 1px;
  display: inline-block;
}
/* .main-box .main-btn .btn-box .btn-item:hover{
  color: #fff;
  background-color: #005fc6;
} */
 .main-box .main-content {
  margin-top: 50px;
}
 .main-box .main-content .cont-item .item-title{
  display: flex;
  margin-bottom: 24px;
}
 .main-box .main-content .cont-item .item-title .icon-img{
display: inline-block;
width: 24px;
height: 24px;
margin-top: 8px;
}
 .main-box .main-content .cont-item .item-title .icon-img img{
  width: 24px;
  vertical-align: bottom;
}
 .main-box .main-content .cont-item .item-title .item-title_r{
  width: 100%;
  margin-left: 10px;
  padding-bottom: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #cee0f4;
}
 .main-box .main-content .cont-item .item-title .big-name{
font-size: 24px;
margin-right: 5px;
}
 .main-box .main-content .cont-item .item-title .small-name{
font-size: 16px;
color: #999;
}
 .main-box .main-content .cont-item .item-cont{
  width: 94%;
  margin: 0 auto;
}
 .main-box .main-content .cont-item .item-cont .cont-p{
text-indent: 20px;
line-height: 24px;
word-wrap: break-word;
white-space: pre-line;
}
 .main-box .main-content .cont-item .item-cont .cont-p img{
     max-width:100%;
 }
 .main-box .main-content .cont-item .item-cont .bot-img{
margin-top: 50px;
}
 .main-box .main-content .cont-item .item-cont .bot-img img{
width: 48.5%;
display: inline-block;
}
 .main-box .main-content .cont-item .item-job .job-title{
padding-top: 24px;
padding-bottom: 20px;
box-sizing: border-box;
border-bottom: 1px solid #59a7f2;
}
 .main-box .main-content .cont-item .item-job .job-title .job-title_a{
font-size:28px;
color: #005eca;
font-weight: 700;
}
 .main-box .main-content .cont-item .item-job .job-title .job-title_b{
font-size: 18px;
margin-top: 5px;
color: #b0bac6;
}
 .main-box .main-content .cont-item .item-job .job-title .job-title_list{
margin-top: 24px;
}
 .main-box .main-content .cont-item .item-job .job-title .job-title_list li{
/*width: 90px;
height: 25px;
line-height: 25px;
background-color: #edf4fa;
color: #6d90b8;
border:1px solid #dce8f4;
border-radius: 20px;
text-align: center;
margin-right: 20px;
display: inline-block;*/
     max-width: 90%;
     line-height: 25px;
     white-space: pre-wrap;
}
 .main-box .main-content .cont-item .item-job .job-title .job-title_r{
  margin-right: 24px;
}
 .main-box .main-content .cont-item .job-detail{
display: flex;
justify-content: space-between;
}
 .main-box .main-content .cont-item .job-detail .job-l{
width: 80%;
display: flex;
flex-direction: column;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item{
display: flex;
margin-top: 20px;
margin-right: 20px;
border-bottom: 1px dotted #999;
padding-bottom: 20px;
box-sizing: border-box;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item .job-item_icon{
width: 20px;
height: 20px;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item .job-item_icon img{
  width: 20px;
  vertical-align: middle;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item .job-item_name{
width: 80px;
margin-left: 10px;
margin-right: 10px;
color: #58a6f1;
font-weight: 600;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item .job-item_detail{
color:#2e2e2e;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item .detail-p{
  display: flex;
  flex-direction: column;
  width: 420px;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item .detail-p .detail-p_item{
  white-space: pre-wrap;
  height: 24px;
  line-height: 24px;
  height: auto;
  word-wrap:break-word;
  word-break: break-all;
  text-align: left;
}
 .main-box .main-content .cont-item .job-detail .job-l .job-l_item .base-detail li{
  width: 50%;
  margin-bottom: 10px;
  height: 20px;
  line-height: 20px;
}
 .main-box .main-content .cont-item .job-detail .job-r{
  width: 29%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top{
border:1px solid #e9e9e9;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top .job-line{
border-bottom: 1px solid #e9e9e9;
text-align: center;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top .job-line-img{
width: 100%;
height: 80px;
line-height: 80px;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top .job-line-img img{
  display: inline-block;
  /*width: 80px;*/
     height: 76px;
  margin: 0 auto;
  vertical-align: middle;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top .job-line-word{
height: 40px;
line-height: 40px;
color: #005fc6;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top .job-line-word a{
color: #005fc6;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top .job-r_btn{
text-align: center;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_top .job-r_btn .job-b{
  margin: 8px auto;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_bot{
  margin-top: 10px;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_bot .job-bot_list{
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_bot .job-bot_list li{
  padding: 5px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9;
}
 .main-box .main-content .cont-item .job-detail .job-r .job-r_bot .job-bot_list li div{
    height: 25px;
    line-height: 25px;
  }
 .main-box .main-content .cont-item .item-site  .site-vidio{
  width: 100%;
  margin: 24px auto; text-align: center;
}
 .main-box .main-content .cont-item .item-site  .site-vidio img{
     max-width: 100%;
}
 .main-box .main-content .cont-item .item-site .site-look{
  margin-bottom: 124px;
}
 .main-box .main-content .cont-item .item-btn{
  width: 40%;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}
 .main-box .main-content .cont-item .job-list_box{
    width: 100%;
}
.main-box .main-content .cont-item .job-list_box .job-list{
  width: 94%;
  margin: 0 auto;
}
 .main-box .main-content .cont-item .job-list_box .job-list .job-list_item{
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f9fafc;
}
.job-list_item .job-title_l .job-ab{
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.job-title_l .job-ab .job-ab_l{
  font-weight: 700;
}
.job-title_l .job-ab .job-ab_l .job-title_a{
  font-size:18px;color: #707070;cursor:pointer;
}
.job-title_l .job-ab .job-ab_l .job-title_a:hover{
  color: #005eca;
}
.job-title_l .job-ab .job-ab_l .job-title_b{
  font-size: 14px;
  margin-top: 10px;
  letter-spacing: 2px;
  color: #658fd7;
}
.job-title_l .job-ab .job-ab_l .job-title_b span{
  color: #be0000;
  font-weight: 700;
}
.job-title_l .job-ab .job-ab_r{
  margin-right: 7%; cursor: pointer;
}
.job-ab_r span{
  margin-right: 5px;
}
.job-r_a{
  font-size: 16px;
  color: #98989a;
  text-align: right;
}
.job-r_b{
  font-size: 14px;
  margin-top: 10px;
  color: #b3b4b6;
  text-align: right;
}
.job-ab_r{
  display: inline-block;
  margin-right: 10%;
}
.job-title_l .job-dc{
  margin-top: 20px;
}
.job-dc .job-dc_l{
  display: flex;width: 90%;
}
.job-dc .job-dc_l li{
 /* width: 90px;
  height: 25px;
  line-height: 25px;
  background-color: #edf4fa;
  color: #6d90b8;
  border:1px solid #dce8f4;
  border-radius: 20px;
  text-align: center;
  margin-right: 20px;*/
    max-width: 90%;
    line-height: 25px;
    white-space: pre-wrap;
}
.job-dc_r{
  display: inline-block;
  margin-right: 6%;
  color: #005eca;
}
.job-dc_r span{
  margin-right: 5px;
}
.job-list_item:hover{
  background-color: #f0f5f9;
}
.main-box .main-content .cont-item .job-list_box .job-list_footer{
  width: 48%;
  margin: 50px 0 80px 52%;
}
.main-box .main-content .cont-item .job-list_box .job-list_footer span{
    display: inline-block;
    margin: 0 10px;
  }
  .job-list_footer button{
    background-color: #59a6f4;
    color: #fff;
  }
 .none { display: none;}