.breadBox {
  justify-content: flex-end;
}

.breadL {
  display: none !important;
}

.jobBox {
  padding: .55rem 0 1.2rem;
}

.jobSearch {
  width: 8.5rem;
  height: 0.6rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
  border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: .5rem
}

.jobSearch img {
  width: .14rem;
  height: .14rem;
  margin-left: .26rem;
  flex-shrink: 0;
}

.jobSearch input {
  width: 100%;
  height: 100%;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333;
  padding: 0 .15rem;
}

.jobSearch input::-webkit-input-placeholder {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #ABABAB;
}

.jobSearch button {
  width: 1.22rem;
  height: 0.6rem;
  background: #28A0A2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
}

.jobCon {
  display: flex;
  align-items: flex-start;
}

.jobL {
  width: 3.3rem;
  padding-right: .3rem;
  padding-bottom: 2.31rem;
  border-right: .01rem solid #E9E9E9;
  margin-right: .3rem;
}

.jobLtop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .11rem 0 .15rem;
  margin-bottom: .28rem;
  border-bottom: 0.01rem solid #E9E9E9;
}

.jobLtop p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.14rem;
}

.clean {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #0B64D8;
}

.selectTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.18rem;
  color: #333333;
  margin-bottom: .24rem;
}

.selectItem {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .22rem;
}

.selectItem input {
  display: none;
}

.selectImg {
  width: .17rem;
  height: .17rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  cursor: pointer;
  margin-right: .05rem;
  border-radius: 50%;
}

.selectImg:hover {
  background-color: rgba(31, 35, 41, 0.06);
}

.selectImg.active img {
  transform: rotate(90deg);
}

.selectImg img {
  width: .07rem;
  height: .07rem;
  object-fit: contain;
}

.selectItem label {
  display: flex;
  cursor: pointer;
  width: 100%;
}

.selectItem>label {
  width: calc(100% - .22rem);
}

.selectItem label .checked {
  width: .17rem;
  height: .17rem;
  position: relative;
  margin-right: .1rem;
}

.selectItem label:hover .checked {
  box-shadow: 0 0 4px 0 rgba(78, 131, 253, 0.4);
}

.selectItem label .checked img {
  position: absolute;
  left: 0;
  top: 0;
}

.selectItem label .checked.allCheck .allCheck {
  z-index: 1;
}

.selectItem label .checked.hasCheck .hasCheck {
  z-index: 1;
}

.selectItem label .checked.allCheck.hasCheck .allCheck {
  z-index: 2;
}


.selectName {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
}

.opitonBox {
  display: none;
  width: 100%;
  padding-left: .36rem;
  padding-top: .23rem;
}

.opitonItem {
  margin-bottom: .22rem;
}

.opitonItem:last-child {
  margin-bottom: 0;
}

.jobR {
  width: 7.4rem;
}

.jobRtit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.28rem;
  color: #333333;
  margin-bottom: .38rem;
}

.jobItem {
  width: 100%;
  background: #FFFFFF;
  padding: .15rem .23rem .2rem;
  flex-direction: column;
  margin-bottom: .1rem;
}

.jobItem:hover {
  box-shadow: 0rem 0rem 0.07rem 0.01rem rgba(81, 81, 81, 0.16);
}

.jobTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #333333;
  margin-bottom: .15rem;
}

.jobtip {
  display: flex;
  align-items: center;
  margin-bottom: .15rem;
}

.jobtip span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  display: flex;
  align-items: center;
}

.jobtip span::after {
  content: '';
  width: .01rem;
  height: 0.12rem;
  background-color: #BBBFC4;
  margin: 0 .1rem;
}

.jobtip span:last-child::after {
  display: none;
}

.jobTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999999;
}

.page {
  width: 100% !important;
  margin-top: .4rem;
}

.jobDetails {
  background: #F5F5F5;
  padding: .69rem 0 1.2rem;
}

.jobDetailsBox {
  display: flex;
  align-items: flex-start;
}

.jobDetailsL {
  width: 8.9rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.05);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  margin-right: .25rem;
  padding: .45rem .4rem .6rem;
}

.jobDetailsLTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.3rem;
  color: #333333;
  margin-bottom: .15rem;
}

.jobDetailsLtext {
  margin-top: .5rem;
}

.jobDetailsLtit {
  display: flex;
  align-items: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #333333;
  margin-bottom: .18rem;
}

.jobDetailsLtit::before {
  content: '';
  width: 0.03rem;
  height: 0.2rem;
  background: #28A0A2;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  margin-right: .07rem;
}

.jobDetailsLtxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #666666;
  line-height: 0.26rem;
}

.jobDetailsR {
  width: 4.05rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.05);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  padding: .45rem .4rem .3rem;
}

.jobDetailsRTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
}

.jobDetailsRTitle::before {
  content: '';
  width: 0.03rem;
  height: 0.2rem;
  background: #28A0A2;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  margin-right: .1rem;
}

.jobDetailsList a {
  flex-direction: column;
  margin-bottom: .3rem;
}

.jobDetailsItemTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  margin-bottom: .1rem;
}








@media only screen and (max-width: 1024px) {
    .jobSearch{
        width: 90%;
    }
    .jobSearch img{
        width: 0.3rem;
        height: 0.3rem;
    }
    .jobSearch input,
    .jobSearch input::-webkit-input-placeholder,
    .jobSearch button{
        font-size: 16px;
    }
    .jobCon{
        flex-wrap: wrap;
    }
    .jobL,
    .jobR{
        width: 90%;
        padding-right: 0;
        margin: 0 auto;
        border: none;
        padding-bottom: 0.8rem;
    }
    
    
    .jobLtop p,
    .clean{
        font-size: 18px;
    }
    
    .selectTit,
    .selectName{
        font-size: 16px;
    }
    
    .selectItem,
    .selectItem label{
        align-items: center;
        width: auto;
    }
    .selectItem label .checked{
        width: 0.26rem;
        height: 0.26rem;
    }
    
    
    
    .jobRtit{
        font-size: 20px;
    }
    .jobTit{
        font-size: 16px;
    }
    .jobtip span,
    .jobTxt{
        font-size: 14px;
        line-height: 1.5;
    }
    
    
    
    
    .jobDetailsBox{
        flex-wrap: wrap;
    }
    .jobDetailsL,
    .jobDetailsR{
        width: 90%;
        margin: 0 auto;
    }
    .jobDetailsL{
        margin-bottom: 0.4rem;
    }
    
    
    .jobDetailsLTitle{
        font-size: 20px;
    }
    .jobDetailsRTitle{
        font-size: 18px;
    }
    .jobDetailsLtit,
    .jobDetailsItemTit{
        font-size: 16px;
    }
    
    .jobDetailsLtxt{
        font-size: 14px;
        line-height: 1.7;
    }
    
     .selectImg{
        width: 17px;
        height: 17px;
        margin-right: 0.1rem;
    }
    .selectImg img{
        width: 8px;
        height: 8px;
    }
    .opitonBox{
        padding-left: 0.6rem;
    }
    
    
    
    
}