#app {
  padding-top: 0.704rem;
}
#app header .crumb {
  line-height: 0.608rem;
  font-size: 0.16rem;
  color: #202020;
  border-radius: 0.08rem;
  background: #fff;
  padding: 0 0.28rem;
}
#app header .crumb a,
#app header .crumb span {
  color: #292929;
}
#app main {
  margin: 0.24rem 0 0.32rem;
}
#app main .padding {
  padding: 0.176rem 0.3rem;
}
#app main .page-left h2 {
  padding: 0 0.3rem;
}
#app main .page-left .part1 .bai-ke-tit {
  line-height: 0.784rem;
  font-size: 0.28rem;
  color: #000000;
}
#app main .page-left .part1 .salary,
#app main .page-left .part1 .public-line {
  line-height: 0.344rem;
  font-size: 0.16rem;
  color: #4f4f4f;
}
#app main .page-left .part1 .title {
  margin-top: 0.136rem;
  line-height: 0.528rem;
  font-size: 0.2rem;
  color: #4f4f4f;
}
#app main .page-left .part1 .description {
  margin-top: 0.192rem;
  line-height: 0.32rem;
  font-size: 0.16rem;
  color: #4f4f4f;
}
#app main .page-left .part2 {
  padding: 0.25rem 0.3rem;
}
#app main .page-left .part2 dd .job-info {
  width: 8rem;
}
#app main .page-left .part2 dd .job-info .job-name-salary {
  line-height: 0.32rem;
}
#app main .page-left .part2 dd .job-info .job-name-salary .job-name {
  max-width: 6.4rem;
  margin-right: 0.16rem;
  font-size: 0.192rem;
}
#app main .page-left .part2 dd .job-info .job-name-salary .salary {
  font-weight: 600;
}
#app main .page-left .part2 dd .job-info .area {
  color: #a7a7a7;
}
#app main .page-left .part2 dd .job-info .corp-name-type .corp-name {
  font-size: 0.176rem;
  color: #797979;
}
#app main .page-left .part2 dd .job-info .corp-name-type .type {
  color: #9b9b9b;
  font-size: 0.144rem;
}
#app main .page-left .part2 dd .hr-info {
  width: 1.08rem;
}
#app main .page-left .part2 dd .hr-info .avatar {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
}
#app main .page-left .part2 dd .hr-info .name {
  max-width: 1.416rem;
  margin-top: 0.08rem;
  font-size: 0.144rem;
  line-height: 0.208rem;
  color: #323232;
}
#app main .page-left .part2 dd .hr-info .job {
  font-size: 0.128rem;
  color: #9b9b9b;
  line-height: 0.176rem;
  height: 0.176rem;
}
#app main .page-left .part2 dd .hr-info .chat-btn {
  position: absolute;
  width: 1.064rem;
  color: #fff;
  font-size: 0.184rem;
  height: 0.448rem;
  border-radius: 0.224rem;
  bottom: 0.112rem;
  background: #ff6000;
  border: 0.008rem solid #ff6000;
  z-index: -1;
  opacity: 0;
}
#app main .page-left .part2 dd .hr-info .chat-btn:hover {
  color: #ff6000;
  background: #fff;
}
#app main .page-left .part2 dd .hr-info:hover .chat-btn {
  z-index: 1;
  opacity: 1;
}
#app main .page-left .part2 dd .no-data {
  line-height: 0.8rem;
  text-align: center;
  color: #999;
  font-size: 0.128rem;
  border-bottom: 0.008rem solid #e6e6e6;
  margin-bottom: 0.4rem;
}
#app main .page-right {
  width: 3.4rem;
}
#app main .page-right .app-box {
  background: #ff6000;
}
#app main .page-right .app-box img {
  width: 0.88rem;
  height: 0.88rem;
}
#app main .page-right .salary-info .salary {
  border-radius: 0.06rem;
  padding: 0.15rem;
  margin-top: 0.1rem;
  background: #f7f7f7;
}
#app main .page-right .salary-info .salary .p1 {
  font-size: 0.3rem;
  margin-right: 0.05rem;
  margin-bottom: -0.05rem;
}
#app main .page-right .salary-info .salary .p2 {
  font-size: 0.15rem;
}
#app main .page-right .salary-info .salary .p3 {
  margin-top: 0.2rem;
}
#app main .page-right .salary-info .salary .p3 a {
  color: #ff7919;
}
#app main .page-right .salary-info .column-chart-title {
  margin: 0.15rem 0 0 0;
  font-size: 0.14rem;
}
#app main .page-right .salary-info .column-chart {
  height: 1.2rem;
  padding: 0.5rem 0 0;
}
#app main .page-right .salary-info .column-chart > li {
  margin: 0.2rem 0.05rem 0.2rem 0;
  background: #60a4e3;
  position: relative;
  max-width: 0.5rem;
  font-size: 0.1rem;
}
#app main .page-right .salary-info .column-chart > li.is-max {
  background: #ff6602;
}
#app main .page-right .salary-info .column-chart > li:last-child {
  margin-right: 0;
}
#app main .page-right .salary-info .column-chart > li .ratio {
  position: absolute;
  top: -0.15rem;
  width: 100%;
}
#app main .page-right .salary-info .column-chart > li .tag-name {
  position: absolute;
  bottom: -0.17rem;
  width: 100%;
  white-space: nowrap;
}
#app main .page-right .salary-info .column-chart-footer {
  margin-top: 0.1rem;
  font-size: 0.13rem;
  line-height: 0.2rem;
}