/* 顶部 */
.index-box .top {
  background: linear-gradient(180deg, #0b4ec3 0%, rgba(21, 93, 219, 0) 100%);
}
.head {
  height: 1.1733rem;
  padding: 0 0.4267rem;
}
.head .head-left {
  width: 15vw;
}
.head .head-center {
  font-weight: 500;
  font-size: 0.4267rem;
  color: #ffffff;
  line-height: 0.5867rem;
  width: 4.8rem;
  margin: 0 0.1333rem;
  text-align: center;
}
.head .head-right {
  font-weight: 400;
  font-size: 0.3733rem;
  color: #ffffff;
  line-height: 0.5333rem;
  width: 15vw;
  text-align: end;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-avatar{
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
}
.search {
  padding: 0.2667rem 0.4267rem 0.32rem;
}
.search .search-box {
  height: 0.88rem;
  background: #ffffff;
  border-radius: 0.4533rem;
  padding: 0 0.4rem;
}
.search .search-box img {
  width: 0.4533rem;
  height: 0.4533rem;
}
.search .search-box input {
  border: none;
  height: 100%;
  padding: 0;
  margin-left: 0.1333rem;
  width: 7.7333rem;
  outline: none;
}
.banner {
  padding: 0 0.4267rem;
  height: 3.2rem;
}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-slide img {
  height: 100%;
  width: 100%;
  border-radius: 0.2133rem;
}
.banner .swiper-pagination {
  bottom: 0 !important;
}
.banner .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background: #ffffff !important;
  opacity: 0.5 !important;
  margin: 0 3px !important;
}
.banner .swiper-pagination-bullet-active {
  background: #ffffff !important;
  opacity: 1 !important;
}

/* 快捷入口 */
.quick {
  padding: 0.1067rem 0.2667rem;
}
.quick .quick-box {
  flex-wrap: wrap;
}
.quick .quick-box .quick-item {
  /* margin: 0 0.5333rem; */
  width: 2.3467rem;
  margin: 0.2133rem 0 0.2133rem;
}
.quick-box .quick-item img {
  width: 0.7467rem;
  height: 0.7467rem;
}
.quick-box .quick-item p {
  font-weight: 400;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.4533rem;
  margin-top: 0.1333rem;
}

/* 各种资讯列表 */
.news {
  padding: 0 0.4267rem;
  margin-bottom: 0.32rem;
  background: #ffffff;
  border-radius: 0.4267rem;
}
/*.news-box {*/
/*  background: #ffffff;*/
/*  border-radius: 0.4267rem;*/
/*}*/
.news-tab {
  padding: 0 0.2667rem;
  height: 1.3333rem;
}
.news-tab .tab-item {
  margin-right: 0.32rem;
  font-weight: 500;
  font-size: 0.3733rem;
  color: #666666;
  line-height: 0.56rem;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.tab-box {
  height: 100%;
}
.news-tab .tab-item.active {
  color: #2759b1;
}
.news-tab .tab-item.active::after {
  content: "";
  display: block;
  width: 1.0667rem;
  height: 0.16rem;
  background: linear-gradient(90deg, #2c8aff 0%, #2759b1 100%);
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.news-tab .more {
  font-weight: 400;
  font-size: 0.3467rem;
  color: #999999;
}

.news-tab .more img {
  width: 0.2667rem;
  height: 0.2667rem;
}
.news-list-box li {
  padding: 0.4267rem 0.2667rem;
  font-weight: 400;
  border-top: 0.0267rem solid #ededed;
}
.news-list-box li .news-item-title {
  font-size: 0.3733rem;
  color: #333333;
  line-height: 0.5333rem;
  width: 6.4rem;
}
.news-list-box li .news-item-time {
  font-size: 0.32rem;
  color: #999999;
  line-height: 0.4533rem;
}
.hide {
  display: none;
}
.news-item .job-title {
  margin-bottom: 0.3733rem;
}
.news-item .job-title .name {
  font-weight: 500;
  font-size: 0.4267rem;
  color: #333333;
  line-height: 0.5867rem;
  margin-right: 0.2667rem;
  max-width: 5.3333rem;
}
.news-item .job-title .area {
  font-weight: 400;
  font-size: 0.3467rem;
  color: #999999;
  line-height: 0.48rem;
}
.news-item .job-title .salary {
  font-weight: 500;
  font-size: 0.4267rem;
  color: #2759b1;
  line-height: 0.5867rem;
}
.news-item .com-name img {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.0533rem;
  margin-right: 0.1333rem;
}
.news-item .com-name p {
  font-weight: 400;
  font-size: 0.3467rem;
  color: #333333;
  line-height: 0.48rem;
  max-width: 5.0667rem;
}
.news-item .tag span {
  padding: 0.0533rem 0.16rem;
  font-weight: 400;
  font-size: 0.32rem;
  margin-left: 0.16rem;
  border-radius: 0.1067rem;
}
.news-item .tag .blue-tag {
  background: #e0edff;
  color: #0f70fa;
}
.news-item .tag .green-tag {
  background: #d7f4e2;
  color: #27ac55;
}
.double-title {
  margin-bottom: 0.2667rem;
}
.double-title .name {
  font-weight: 500;
  font-size: 0.4267rem;
  color: #333333;
  line-height: 0.5867rem;
    max-width: 7rem;
}
.double-title .status {
  padding: 0.0533rem 0.16rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #ffffff;
  border-radius: 0.1067rem;
}
.double-title .status.start {
  background: #2ccc9b;
}
.double-title .status.unstart {
  background: #ffa734;
}
.double-title .status.end {
  background: #bfbfbf;
}
.double-time .tag {
  padding: 0.0533rem 0.16rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #0f70fa;
  border-radius: 0.1067rem;
  border: 1px solid #0f70fa;
  margin-right: 0.24rem;
  line-height: 0.4rem;
}
.double-time .time {
  font-weight: 400;
  font-size: 0.3467rem;
  color: #333333;
  line-height: 0.48rem;
}
.double-time .watch {
  font-weight: 400;
  font-size: 0.2667rem;
  color: #999999;
}
.double-time .watch img {
  width: 0.3467rem;
  height: 0.24rem;
  margin-right: 0.1333rem;
}
.double-infos .info-item {
  margin-top: 0.2133rem;
}
.double-infos .info-item .label {
    /*width: 1.7333rem;*/
  font-weight: 400;
  font-size: 0.3467rem;
  color: #666666;
  line-height: 0.48rem;
  text-align: right;
}
.double-infos .info-item .value {
  width: 2.4533rem;
  font-weight: 400;
  font-size: 0.3467rem;
  color: #333333;
  line-height: 0.48rem;
}