.jobs{
    width:7.5rem;
    background-color: #fff;
    margin-bottom:0.7rem;
}
.jobList a:first-child{
    border-top: 0px solid #fff;
}
.jobList a:last-child{
    border-bottom: 1px solid #ebebeb;
}

.jobList a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:1.4rem;
    border-top: 1px solid #ebebeb;
    padding:0.12rem 0.2rem;
    /*overflow: hidden;*/
}

.jobList .icon{
    width:1.2rem;
    height:1.2rem;
    line-height: .8rem;
    text-align: center;
    overflow: hidden;
    margin-right: 0.2rem;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jobList .icon img{
    width: 100%;
    height: auto;
    border-radius: 5px;
    /* vertical-align: middle; */
}
.jobList .zhiInfo{
    width:5.5rem;
    height:1.3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 0.27rem;
}

.jobList .zhiName{
    width:100%;
    display: flex;
    height:0.5rem;
    justify-content: space-between;
}

.jobList .zhiInfo h4{
    width: 3.5rem;
    height: 0.5rem;
    font-size: 0.28rem;
    color: #333;
    font-weight: 800;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    /* margin-top: -2px; */
}
.jobList .zhiInfo .left{
    float: right;
    font-size: 0.23rem;
    color: #666;
}

.jobList .zhiInfo .left i{
    font-style: normal;
    color:#3A71FB;
}



.jobList .zhiInfo>p{
    width: 100%;
    height: 0.4rem;
    font-size: 0.23rem;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jobList .zhiInfo>p.suo{
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jobList .zhiInfo img{
    height:0.24rem;
    margin-right:3px;
}
/*.jobList .zhiInfo p span{
    margin-right: 15px;
}*/
.jobList .zhiInfo p span.red{
   color:#ff0000;
}
.jobList .zhiInfo p span i{
    font-style: normal;
    color:#3A71FB;
    font-weight: bold;
}

.jobList .pubInfo{
    width:2rem;
    text-align: right;
    font-size: 0.25rem;
}

.jobList .pubInfo .xinzi{
    height:0.4rem;
    color:#E91717;
    font-size: 0.26rem;
    white-space: nowrap;
    overflow: hidden;
}
.jobList .pubInfo p{
    color:#999;
}

.content{
    width:7.5rem;
    margin:0 auto;
    font-size: 0.24rem;
}
.artTop{
    padding:0.2rem 0.2rem 0.1rem;
    border-bottom: 1px solid #ebebeb;
}
.toutie{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.toutie span{
    color:#666;
    white-space: nowrap;
}
.toutie span i{
    color:#3A71FB;
    margin:0 2px;
    font-style: normal;
    font-weight: bold;
}

.artTop h4{
    font-size: 0.32rem;
    line-height: 0.5rem;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
.artTop p{
    color:#666;
    height:0.45rem;
    line-height: 0.45rem;
    display: flex;
    align-items: center;
}
.artTop p span{
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.artTop p span.red{
    color:#ff0000;
}
.artTop p .sp{
    margin-left: 0.4rem;
}
.artTop p .kk{
    height:0.24rem;
    margin-right:3px;
}

.artTop p i{
    font-style: normal;
    color:#3A71FB;
    font-weight: bold;
}

.my_section{
    padding:0.2rem 0.2rem 1.1rem 0.2rem;
    font-size: 0.26rem;
    color:#666;
    line-height: 0.4rem;
    -ms-word-break: break-all;
    word-break: break-all;
}
.my_section img{
    width:100%;
}




.my_div{
    
}
.bao{
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    height:1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0.28rem;
    z-index: 100;
    color:#fff;
    background-color:#3E75F7;
}
.bao.hui{
    background-color: #ccc;
    color:#fff;
}
.bao.active{
    color:#fff;
    background-color:#3E75F7;
}

.ban{
    position: fixed;
    bottom:0;
    left:0;
    width:50%;
    height:1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0.28rem;
    z-index: 100;
    color:#fff;
    background-color:#3E75F7;
}
.ban.hui{
    background-color: #ccc;
    color:#fff;
}
.fankui{
    position: fixed;
    bottom:0;
    right:0;
    width:50%;
    height:1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0.28rem;
    z-index: 100;
    color:#fff;
    background-color:#3E75F7;
}



.fade,.fade2,.fade3{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 101;
    display: none;
}

.tanBox{
    background-color: #fff;
    width:6rem;
    padding-bottom: 0.2rem;
    position: absolute;
    top:30%;
    left:50%;
    margin-left: -3rem;
    margin-top:-1.5rem;
    border-radius: 3px;
    overflow:hidden;
}

.tanBox h5{
    height:0.8rem;
    line-height: 0.8rem;
    background-color: #f2f2f2;
    text-align: center;
    color:#3B3B3B;
    font-size: 0.29rem;
}
.tanBox p{
    word-break: break-all;
    padding:0.2rem;
    min-height:0.5rem;
    line-height: 0.5rem;
    color:#333;
    text-align: center;
    font-size: 0.29rem;
}

.tanBox p a{
    display: inline-block;
    width:1.7rem;
    height:0.6rem;
    line-height: 0.6rem;
    border-radius: 3px;
    text-align: center;
    color:#3E75F7;
    border:1px solid #3E75F7;
    margin:0 0.5rem;
}

.tanBox p a.sure,.tanBox p a.close_quncode{
    color:#fff;
    background-color:#3E75F7;
}
.qianDao{
    padding:2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qianDao p{
    margin-top: 0.5rem;
    text-align: center;
    font-size: 0.3rem;
    color:#666;
}
.erweima{
    width:200px;
    height:200px;
    font-size: 0.3rem;
    line-height: 200px;
    text-align: center;
    color:rgba(58,113,251,1);
}

.QRcode{
    border:1px solid #ddd;
}


.anNiu{
    width:3.1rem;
    height:3.1rem;
    line-height: 3.1rem;
    text-align: center;
    color:#fff;
    font-size: 0.45rem;
    font-weight: 300;
    border-radius: 50%;
    background:linear-gradient(0deg,rgba(62,117,247,1),rgba(104,186,255,1));
    box-shadow:0px 16px 54px 0px rgba(48,100,223,0.55);
    position: relative;
}

/*.anNiu:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: blips 5s infinite;
  animation-timing-function: linear;
  animation-delay: 1.4s;
}*/

.saomiao:after {
  content: ' ';
  display: block;
  background-image: linear-gradient(44deg, rgba(0, 255, 51, 0) 50%, #bce0ff 100%);
  width: 50%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  animation: radar-beam 5s infinite;
  animation-timing-function: linear;
  transform-origin: bottom right;
  border-radius: 100% 0 0 0;
}

@keyframes radar-beam {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes blips {
  14% {
    background: radial-gradient(2vmin circle at 75% 70%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%);
  }
  14.0002% {
    background: radial-gradient(2vmin circle at 75% 70%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2vmin circle at 63% 72%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    background: radial-gradient(2vmin circle at 75% 70%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2vmin circle at 63% 72%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2vmin circle at 56% 86%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%);
  }
  26% {
    background: radial-gradient(2vmin circle at 75% 70%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2vmin circle at 63% 72%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2vmin circle at 56% 86%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
  }
  100% {
    background: radial-gradient(2vmin circle at 75% 70%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2vmin circle at 63% 72%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2vmin circle at 56% 86%, #ffffff 10%, #20ff4d 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
  }
}
.warn{
    width:100%;
    position: fixed;
    bottom: 1rem;
    padding:0.2rem;
    color:red;
    background-color: #fff;
}

.twoCloum{
    display: flex;
    align-items: center;
    justify-content: center;
}
.twoCloum a{
    display: block;
    width:2.6rem;
    height:0.7rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
    text-align: center;
    margin:0 0.3rem;
}
.sao{
    color:#333;
background:rgba(255,213,43,1);
box-shadow:0px 5px 20px 0px rgba(255,213,43,0.61);
border-radius: 5px;
}
.ma{
    color:#fff;
background:rgba(58,113,251,1);
box-shadow:0px 5px 20px 0px rgba(58,113,251,0.61);
border-radius: 5px;
}