#app {
  background: url("/static/www/imgs/gongzi/index/bg.jpg") no-repeat;
  background-size: 100%;
  padding-top: 0.704rem;
}
#app .item0-title,
#app .item0-wrap,
#app .crumb,
#app .card-box .industry,
#app .card-box .job {
  padding-left: 0.28rem;
}
#app .item0-wrap,
#app .crumb,
#app .card-box .average-salary,
#app .card-box .industry,
#app .card-box .job {
  border-radius: 0.08rem;
}
#app header .crumb {
  line-height: 0.608rem;
  font-size: 0.16rem;
  color: #292929;
  background: rgba(255, 255, 255, 0.3);
}
#app header .crumb a,
#app header .crumb span {
  color: #292929;
}
#app main .search h1 {
  font-size: 0.32rem;
  line-height: 0.608rem;
  color: #373739;
  margin-top: 0.56rem;
}
#app main .search h4 {
  margin-bottom: 0.2rem;
  font-size: 0.16rem;
  color: #523d20;
  line-height: 0.448rem;
  font-weight: 500;
}
#app main .search-box {
  width: 8.08rem;
  margin-bottom: 0.8rem;
}
#app main .search-box input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  border-radius: 0.04rem;
}
#app main .search-box .key-word {
  margin-right: 0.08rem;
  box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#app main .search-box .key-word input {
  background: #fff;
  color: #bababa;
  font-size: 0.144rem;
  padding-left: 0.2rem;
  height: 0.48rem;
}
#app main .search-box .search-btn {
  width: 1.6rem;
  height: 0.48rem;
  color: #fff;
  border-radius: 0.04rem;
  overflow: hidden;
}
#app main .search-box .search-btn input {
  background: #ff6000;
  font-size: 0.2rem;
  color: #fff;
}
#app main .card-box .title {
  font-size: 0.192rem;
  font-weight: 600;
  margin-top: 0.24rem;
  padding-left: 0.28rem;
}
#app main .card-box .average-salary {
  width: 6.96rem;
  height: 3.16rem;
  background: #fff;
}
#app main .card-box .average-salary #salary_echarts {
  padding-left: 0.12rem;
  margin-top: 0.16rem;
  width: 6.8rem;
  height: 2.32rem;
}
#app main .card-box .industry,
#app main .card-box .job {
  width: 3.48rem;
  background: #fff;
  padding-right: 0.16rem;
}
#app main .card-box .industry dl dt.title,
#app main .card-box .job dl dt.title {
  margin-bottom: 0.192rem;
}
#app main .card-box .industry dl dd,
#app main .card-box .job dl dd {
  line-height: 0.464rem;
}
#app main .card-box .industry dl dd .num-index,
#app main .card-box .job dl dd .num-index {
  width: 0.208rem;
  height: 0.208rem;
  border: 0.008rem solid #ff6000;
  color: #ff6000;
  border-radius: 0.032rem;
  margin-right: 0.128rem;
}
#app main .card-box .industry dl dd .name,
#app main .card-box .job dl dd .name {
  font-size: 0.16rem;
  color: #4e4e4e;
  max-width: 1.12rem;
}
#app main .card-box .industry dl dd .num,
#app main .card-box .job dl dd .num {
  font-size: 0.128rem;
  color: #7b7b7b;
}
#app main .card-box .industry dl dd .salary,
#app main .card-box .job dl dd .salary {
  font-size: 0.144rem;
  color: #434343;
}
#app main .card-box .industry dl dd .line,
#app main .card-box .job dl dd .line {
  border-bottom: 0.008rem dashed #cdcdcd;
  margin: 0 0.08rem;
}
#app main .list {
  margin-bottom: 0.528rem;
}
#app main .list .item0-title {
  line-height: 0.68rem;
  font-size: 0.32rem;
  font-weight: 600;
  margin-top: 0.176rem;
}
#app main .list .item0-wrap {
  background: #fff;
  padding-right: 0.28rem;
}
#app main .list .item0-wrap .item1 .item1-title {
  line-height: 0.56rem;
  font-size: 0.2rem;
  color: #252525;
  border-bottom: 1px solid #e4e4e4;
}
#app main .list .item0-wrap .item1 .item1-title .salary {
  font-size: 0.16rem;
}
#app main .list .item0-wrap .item1 .item1-wrap {
  padding-top: 0.208rem;
}
#app main .list .item0-wrap .item1 .item1-wrap a {
  width: 2.72rem;
  height: 0.704rem;
  border: 0.008rem dashed #e6e6e6;
  background: #fafafa;
  margin: 0 0.104rem 0.104rem 0;
  padding: 0.16rem;
}
#app main .list .item0-wrap .item1 .item1-wrap a.selected,
#app main .list .item0-wrap .item1 .item1-wrap a:hover {
  box-shadow: 0 0 0.08rem #9cc5e5;
  color: #777;
  background: #fff;
}