html,
body {
  background-color: #fff;
}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 16rem;
  margin: auto;
  background-color: #fff;
  height: 1.664rem;
  line-height: 1.664rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.fixed-header .tab-list {
  display: flex;
  align-items: center;
  height: 100%;
  color: #757575;
  font-size: 0.682666666666667rem;
}
.fixed-header .tab-list .item {
  height: 100%;
  width: 2.432rem;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.fixed-header .tab-list .item.active {
  color: #101010;
}
.fixed-header .tab-list .item.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1.92rem;
  border-bottom: 0.170666666666667rem solid #ffd100;
}
.fixed-header .search-icon {
  width: 0.704rem;
  height: 0.682666666666667rem;
  cursor: pointer;
  position: absolute;
  right: 0.810666666666667rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.fixed-placeholder {
  height: 1.664rem;
}
.banner-wrapper {
  position: relative;
  z-index: 2;
}
.banner-wrapper .swiper-item {
  position: relative;
}
.banner-wrapper .swiper-item img {
  width: 100%;
}
.banner-wrapper .swiper-item .text {
  color: #fff;
  font-size: 0.938666666666667rem;
  position: absolute;
  left: 1.024rem;
  right: 1.024rem;
  bottom: 1.493333333333333rem;
  line-height: 1.4;
}
.banner-wrapper .swiper-pagination-bullet {
  width: 0.298666666666667rem;
  height: 0.298666666666667rem;
  background-color: #696969;
}
.banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6f6000;
}
.bulletin-today {
  padding: 0.426666666666667rem 0.341333333333333rem;
  background-color: #f5f5f5;
}
.bulletin-today .content {
  border-radius: 0.32rem;
  overflow: hidden;
}
.bulletin-today .content .header {
  background-color: #e3e3e3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.426666666666667rem;
  height: 1.578666666666667rem;
}
.bulletin-today .content .header .left {
  font-size: 0.554666666666667rem;
  color: #101010;
  display: flex;
  align-items: center;
  background: url("../images/date-bg.png") no-repeat;
  background-size: 3.413333333333333rem 0.853333333333333rem;
}
.bulletin-today .content .header .left .month,
.bulletin-today .content .header .left .day {
  height: 0.853333333333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bulletin-today .content .header .left .month {
  width: 1.92rem;
}
.bulletin-today .content .header .left .day {
  width: 1.493333333333333rem;
}
.bulletin-today .content .header .left .text {
  margin-left: 0.256rem;
}
.bulletin-today .content .header .right {
  color: #101010;
  font-size: 0.725333333333333rem;
  font-style: italic;
  font-weight: bold;
}
.bulletin-today .content .list {
  padding: 0 0.426666666666667rem;
  background-color: #fff;
}
.bulletin-today .content .list .item {
  display: flex;
  padding: 0.426666666666667rem 0;
  align-items: center;
}
.bulletin-today .content .list .item:not(:last-child) {
  border-bottom: 0.021333333333333rem solid #ebe6e6;
}
.bulletin-today .content .list .item:before {
  content: '';
  flex: 0 0 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background-color: #dcdcdc;
}
.bulletin-today .content .list .item .text {
  color: #4b4b4b;
  font-size: 0.64rem;
  line-height: 1.3;
  margin-left: 0.256rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.bulletin-today .content .list .item .hot {
  flex: 0 0 0.682666666666667rem;
  height: 0.682666666666667rem;
  background-color: #ffd305;
  border-radius: 0.106666666666667rem;
  color: #000;
  font-size: 0.512rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.256rem;
}
.live-notice-wrapper {
  border-bottom: 0.213333333333333rem solid #f7f7f7;
}
.live-notice-wrapper .header {
  height: 1.493333333333333rem;
  background: url("../images/live-bg.png") no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
.live-notice-wrapper .header .tv {
  width: 0.832rem;
  height: 0.832rem;
  margin-left: 0.853333333333333rem;
}
.live-notice-wrapper .header .text {
  color: #fab108;
  font-size: 0.725333333333333rem;
  font-weight: bold;
  font-style: italic;
  margin-left: 0.277333333333333rem;
}
.live-notice-wrapper .live {
  padding: 0.682666666666667rem 0.853333333333333rem;
  background-color: #eee;
  display: flex;
}
.live-notice-wrapper .live .logo {
  width: 2.816rem;
  height: 2.816rem;
  margin-right: 0.96rem;
  background-size: cover;
}
.live-notice-wrapper .live .content {
  flex: 1;
}
.live-notice-wrapper .live .content .title {
  color: #242424;
  font-size: 0.725333333333333rem;
  font-weight: bold;
  line-height: 1.4;
}
.live-notice-wrapper .live .content .time {
  color: #a3a3a3;
  font-size: 0.554666666666667rem;
  margin-top: 0.341333333333333rem;
}
.base-info-wrapper {
  position: relative;
  border-bottom: 0.213333333333333rem solid #f7f7f7;
}
.base-info-wrapper .main-img {
  height: 8.533333333333333rem;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.base-info-wrapper .main-img .icon {
  width: 2.304rem;
  height: 2.304rem;
}
.base-info-wrapper .status {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.896rem;
  line-height: 0.896rem;
  color: #ffc502;
  font-size: 0.512rem;
  padding-left: 0.298666666666667rem;
  padding-right: 0.298666666666667rem;
  border-bottom-right-radius: 0.213333333333333rem;
}
.base-info-wrapper .status.having {
  padding-left: 0.981333333333333rem;
  background: url("../images/syllable-yellow.gif") no-repeat;
  background-color: #000;
  background-size: 0.554666666666667rem 0.554666666666667rem;
  background-position: 0.298666666666667rem center;
}
.base-info-wrapper .status.complete {
  color: #242424;
  background-color: #ffc502;
}
.base-info-wrapper .content {
  padding: 0.768rem 0.853333333333333rem;
}
.base-info-wrapper .content .title {
  color: #292929;
  font-size: 0.725333333333333rem;
  font-weight: bold;
  line-height: 1.375;
}
.base-info-wrapper .content .desc {
  color: #a3a3a3;
  font-size: 0.597333333333333rem;
  line-height: 1.35;
  margin-top: 0.426666666666667rem;
}
.base-info-wrapper .content .info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.256rem;
}
.base-info-wrapper .content .info-wrapper .info {
  display: flex;
  align-items: center;
}
.base-info-wrapper .content .info-wrapper .info .tag {
  color: #f0bf00;
  font-size: 0.426666666666667rem;
  padding: 0.064rem 0.149333333333333rem;
  border: 1px solid #f0bf00;
}
.base-info-wrapper .content .info-wrapper .info .tag + .tag {
  margin-left: 0.128rem;
}
.base-info-wrapper .content .info-wrapper .info .type {
  color: #bebebe;
  font-size: 0.512rem;
}
.base-info-wrapper .content .info-wrapper .info .tag + .type {
  margin-left: 0.213333333333333rem;
}
.base-info-wrapper .content .info-wrapper .time {
  color: #bebebe;
  font-size: 0.512rem;
}
.thum-list {
  border-bottom: 0.213333333333333rem solid #f7f7f7;
}
.thum-list .item {
  background-color: #fff;
  height: 5.76rem;
  display: flex;
}
.thum-list .item:not(:last-child) {
  border-bottom: 0.213333333333333rem solid #f7f7f7;
}
.thum-list .item .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.896rem 0.853333333333333rem 0.469333333333333rem 0.853333333333333rem;
}
.thum-list .item .content .title {
  color: #101010;
  font-size: 0.725333333333333rem;
  font-weight: bold;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.thum-list .item .content .info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.thum-list .item .content .info-wrapper .info {
  display: flex;
  align-items: center;
}
.thum-list .item .content .info-wrapper .info .tag {
  color: #f0bf00;
  font-size: 0.426666666666667rem;
  padding: 0.064rem 0.149333333333333rem;
  border: 1px solid #f0bf00;
}
.thum-list .item .content .info-wrapper .info .type {
  color: #bebebe;
  font-size: 0.512rem;
}
.thum-list .item .content .info-wrapper .info .tag + .type {
  margin-left: 0.213333333333333rem;
}
.thum-list .item .content .info-wrapper .time {
  color: #bebebe;
  font-size: 0.512rem;
}
.thum-list .item .thum {
  width: 6.997333333333333rem;
  height: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.thum-list .item .thum .live-status {
  color: #242424;
  font-size: 0.512rem;
  background-color: rgba(250,207,6,0.9);
  border-bottom-right-radius: 0.213333333333333rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.773333333333333rem;
  height: 0.896rem;
  line-height: 0.896rem;
  text-align: center;
}
.thum-list .item .thum .media-logo {
  width: 2.048rem;
  height: 2.048rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.catalog-wrapper {
  border-bottom: 0.213333333333333rem solid #f7f7f7;
  padding-bottom: 0.64rem;
}
.catalog-wrapper .header {
  padding: 0.64rem 0.853333333333333rem;
  display: flex;
  justify-content: space-between;
}
.catalog-wrapper .header .title {
  color: #101010;
  font-size: 0.682666666666667rem;
  font-weight: bold;
}
.catalog-wrapper .header .more {
  color: #757575;
  font-size: 0.682666666666667rem;
}
.catalog-wrapper .catalog-list {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
}
.catalog-wrapper .catalog-list:before,
.catalog-wrapper .catalog-list:after {
  content: '';
  flex: 0 0 0.853333333333333rem;
  min-height: 1px;
}
.catalog-wrapper .catalog-list .item {
  flex: 0 0 6.229333333333334rem;
  height: 8.426666666666666rem;
  padding: 0.64rem 0.426666666666667rem;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  font-size: 0;
  border-radius: 0.213333333333333rem;
}
.catalog-wrapper .catalog-list .item .logo {
  width: 2.944rem;
  height: 2.944rem;
  display: inline-block;
}
.catalog-wrapper .catalog-list .item .title {
  color: #101010;
  font-size: 0.682666666666667rem;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 0.384rem;
  max-width: 100%;
}
.catalog-wrapper .catalog-list .item .desc {
  color: #757575;
  font-size: 0.512rem;
  line-height: 1.2;
  height: 1.2288rem;
  margin-top: 0.384rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.catalog-wrapper .catalog-list .item .btn {
  width: 3.584000000000001rem;
  height: 1.109333333333333rem;
  line-height: 1.109333333333333rem;
  border-radius: 1.109333333333333rem;
  background: -webkit-linear-gradient(linear, left top, right top, from(#ffd305), to(#ffb606));
  background: -o-linear-gradient(linear, left top, right top, from(#ffd305), to(#ffb606));
  background: -moz-linear-gradient(linear, left top, right top, from(#ffd305), to(#ffb606));
  background: -webkit-gradient(linear, left top, right top, from(#ffd305), to(#ffb606));
  background: -o-gradient(linear, left top, right top, from(#ffd305), to(#ffb606));
  background: -moz-gradient(linear, left top, right top, from(#ffd305), to(#ffb606));
  background: linear-gradient(90deg, #ffd305, #ffb606);
  color: #fff;
  font-size: 0.597333333333333rem;
  text-align: center;
  margin-top: 0.469333333333333rem;
  display: inline-block;
}
.catalog-wrapper .catalog-list .item + .item {
  margin-left: 0.298666666666667rem;
}
.new-wrapper {
  border-bottom: 0.213333333333333rem solid #f7f7f7;
  padding-bottom: 0.64rem;
  height: 12.373333333333333rem;
}
.new-wrapper .header {
  padding: 0.64rem 0.853333333333333rem;
  display: flex;
  align-items: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-wrapper .header ；,
.new-wrapper .header .header_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-wrapper .header .header_right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.new-wrapper .header .header_right span {
  font-size: 0.554666666666667rem;
}
.new-wrapper .header .header_right img {
  margin-left: 0.213333333333333rem;
  width: 0.32rem;
}
.new-wrapper .header .title {
  color: #101010;
  font-size: 0.682666666666667rem;
  font-weight: bold;
}
.new-wrapper .header .logo {
  width: 0.938666666666667rem;
  height: 0.938666666666667rem;
  border-radius: 50%;
  margin-right: 0.469333333333333rem;
}
.new-wrapper .new-list {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
}
.new-wrapper .new-list:before,
.new-wrapper .new-list:after {
  content: '';
  flex: 0 0 0.853333333333333rem;
  min-height: 1px;
}
.new-wrapper .new-list .item {
  flex: 0 0 11.861333333333333rem;
  height: 10.026666666666667rem;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  position: relative;
  border-radius: 0.213333333333333rem;
}
.new-wrapper .new-list .item .thum {
  height: 6.336rem;
  position: relative;
  background-size: cover;
}
.new-wrapper .new-list .item .thum .media {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  height: 2.048rem;
  width: 2.048rem;
}
.new-wrapper .new-list .item .content {
  padding: 0.512rem;
}
.new-wrapper .new-list .item .content .title {
  color: #292929;
  font-size: 0.725333333333333rem;
  font-weight: bold;
  line-height: 0.853333333333333rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 1.749333333333333rem;
}
.new-wrapper .new-list .item .content .desc {
  color: #757575;
  font-size: 0.512rem;
  line-height: 0.64rem;
  margin-top: 0.298666666666667rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 1.28rem;
}
.new-wrapper .new-list .item .content .info-wrapper {
  color: #757575;
  font-size: 0.512rem;
  margin-top: 0.426666666666667rem;
  display: flex;
  justify-content: space-between;
}
.new-wrapper .new-list .item + .item {
  margin-left: 0.298666666666667rem;
}
.recruit-wrapper {
  border-bottom: 0.213333333333333rem solid #f7f7f7;
  background-color: #eee;
  position: relative;
  padding: 0.704rem 0.768rem;
}
.recruit-wrapper .job-icon-01 {
  position: absolute;
  width: 0.490666666666667rem;
  height: 1.664rem;
  left: 0;
  top: 0.618666666666667rem;
}
.recruit-wrapper .job-icon-02 {
  position: absolute;
  width: 1.664rem;
  height: 0.64rem;
  right: 0;
  top: 0;
}
.recruit-wrapper .company-wrapper {
  display: flex;
  align-items: center;
}
.recruit-wrapper .company-wrapper .logo {
  flex: 0 0 3.050666666666667rem;
  height: 1.536rem;
  margin-right: 0.896rem;
}
.recruit-wrapper .company-wrapper .content {
  flex: 1;
  overflow: hidden;
}
.recruit-wrapper .company-wrapper .content .title {
  color: #101010;
  font-size: 0.725333333333333rem;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.recruit-wrapper .company-wrapper .content .info {
  color: #757575;
  margin-top: 0.128rem;
  font-size: 0.512rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.recruit-wrapper .company-wrapper .content .info .location + .industry {
  margin-left: 0.853333333333333rem;
}
.recruit-wrapper .job-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 0.725333333333333rem;
}
.recruit-wrapper .job-list .item {
  flex: 0 0 6.826666666666666rem;
  padding: 0.341333333333333rem 1.642666666666666rem 0.341333333333333rem 0.469333333333333rem;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.213333333333333rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 6.08rem center;
  background-image: url("../images/right-arrow.png");
  background-size: 0.298666666666667rem 0.533333333333333rem;
  background-position: 5.76rem center;
}
.recruit-wrapper .job-list .item:nth-child(n + 3) {
  margin-top: 0.426666666666667rem;
}
.recruit-wrapper .job-list .item .name {
  color: #101010;
  font-size: 0.64rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.recruit-wrapper .job-list .item .salary {
  color: #101010;
  font-size: 0.512rem;
  margin-top: 0.170666666666667rem;
}
.complate-tip {
  color: #707070;
  font-size: 0.512rem;
  padding: 1.237333333333333rem;
  text-align: center;
  display: none;
}
.complate-tip.active {
  display: block;
}
.fixed-wrapper {
  position: fixed;
  top: 55%;
  right: 0.512rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 999;
}
.fixed-wrapper .download-app-icon {
  width: 2.346666666666667rem;
  height: 2.346666666666667rem;
  cursor: pointer;
}
.fixed-wrapper .download-app-icon img {
  width: 100%;
}
.fixed-wrapper .wx-icon {
  width: 2.346666666666667rem;
  height: 2.346666666666667rem;
  cursor: pointer;
  margin-bottom: 0.64rem;
}
.fixed-wrapper .wx-icon img {
  width: 100%;
}