body {position: relative;}
.excellent_jobs{background:#00ab95 url("/touch/commImage/750_350_2.jpg") no-repeat top center;background-size:100% 175px;}
.excellent_jobs.sale{background-color:#0163ff;background-image:url("/touch/commImage/750_350_15.jpg");}
.excellent_jobs.finane{background-color:#f3303d;background-image:url("/touch/commImage/750_350_16.jpg");}
.finane .excellent_jobs_tab_hd a{background:#ff656f;}
.excellent_jobs.personnel{background-color:#3b0ab5;background-image:url("/touch/commImage/750_350_17.jpg");}
.personnel .excellent_jobs_tab_hd a{background:#6b36f0;}

.excellent_jobs.sale .excellent_jobs_list{padding-bottom:10px;}
.excellent_jobs.sale .excellent_jobs_tab_hd a{background:#5597ff;}
.excellent_jobs.sale .excellent_jobs_tab_hd a.active{background:#fff;color:#222;}



.excellent_jobs_header{padding:25px 16px 15px;}
.excellent_jobs_header h2{font-size:34px;font-size:34px;font-weight:bold;color:#fff;line-height:60px;height:60px;}

.excellent_jobs_tab_hd {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.excellent_jobs_tab_hd ul {
    display: inline-block;
    font-size: 0;
    padding: 6px 16px;
    white-space: nowrap;
}
.excellent_jobs_tab_hd li{display:inline-block;}
.excellent_jobs_tab_hd a{display:block;font-size:16px;margin-right:10px;line-height:22px;padding:5px 16px;background:#02c4ab;color:#fff;border-radius:18px;}
.excellent_jobs_tab_hd a.active{background:#fff;color:#222;}

.excellent_jobs_list li{padding:6px 16px;}
.excellent_jobs_list dl{background:#fff;border-radius:10px;padding:16px;}
.excellent_jobs_list dt{padding-bottom:6px;}
.excellent_jobs_list dt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:18px;font-weight:bold;padding-right:60px;line-height:22px;position:relative;}
.excellent_jobs_list dt h3 span{position:absolute;top:0;right:0;color:#ff9f00;font-weight:normal;font-size:16px;}
.excellent_jobs_list dt p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;font-size:14px;padding-top:4px;line-height:22px;}
.excellent_jobs_list dt p em{color:#ddd;padding:0 5px;}
.excellent_jobs_list dt p span{display:inline-block;}
.excellent_jobs_list dt p span:first-child{max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
.excellent_jobs_list dt a{display:block;}
.excellent_jobs_list dd{position:relative;}
.excellent_jobs_list dd img{float:left;margin-left:-34px;border-radius:12px;}
.excellent_jobs_list dd a{display:block;line-height:24px;padding:0 0 0 34px;}
.excellent_jobs_list dd h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:14px;}
.excellent_jobs_list dd span{position:absolute;top:14px;right:20px;color:#ff9f00;}
.excellent_jobs_ranking{text-align:center;padding:15px 0;font-size:18px;color:rgba(255,255,255,0.35);margin-bottom:65px;}
.excellent_jobs_ranking span{display:block;font-size:12px;}

.excellent_jobs_footer{background:#fff;position: fixed; bottom: 0;left: 0; width: 100%; display: none;}
.excellent_jobs_footer ul{overflow:hidden;}
.excellent_jobs_footer li{float:left;width:33.333%;text-align:center;text-align:center;padding:9px 0;}
.excellent_jobs_footer li a{display:inline-block;}
.excellent_jobs_footer li a:before{content:"";display:inline-block;height:22px;width:22px;vertical-align:top;background:url("/touch/commImage/excellentJobsIcon.png") no-repeat;background-size:100% auto;}
.excellent_jobs_footer li:nth-child(1).active a:before{background-position:0 -22px;}
.excellent_jobs_footer li:nth-child(2) a:before{background-position:0 -44px;}
.excellent_jobs_footer li:nth-child(2).active a:before{background-position:0 -66px;}
.excellent_jobs_footer li:nth-child(3) a:before{background-position:0 -88px;}
.excellent_jobs_footer li:nth-child(3).active a:before{background-position:0 -110px;}
.excellent_jobs_footer li span{display:block;font-size:12px;line-height:22px;height:22px;color:#777;}
.excellent_jobs_footer li.active span{color:#f26b01;}

.empty {
    margin: 6px 16px;
    background: #fff;
    border-radius: 10px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    box-sizing: border-box;
}

.empty img {
    width: 105px;
    height: 105px;
}

.empty p {
    padding: 15px 0;
    font-size: 16px;
    color: rgb(170, 170, 170);
}

.loadingWrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(255,255,255);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.loadingWrap p {
    font-size: 12px;
    margin-top: 10px;
    color: #f26b01;
}

.loading {
    width: 30px;
    height: 30px;
    border: 2px solid #f26b01;
    border-top-color: transparent;
    border-radius: 100%;

    animation: circle infinite 0.75s linear;
}

@keyframes circle {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
}

[v-cloak] {
    display: none;
}

[test]{
	color:#f50;
}