.bg {

  width: 100%;

  position: fixed;

  top: 0;

  left: 0;

  height: 100vh;

  z-index: -1;

}

.swiper-wrap {

  width: 100%;

  text-align: center;

  margin-top: 31px;

  height: 514px;

}

.swiper-img-wrap {

  height: 0;

}

.swiper {

  width: 1030px;

  height: 514px;

  opacity: 0;

}

.content-wrap {

  margin: 40px auto 80px;

  width: 1030px;

  height: 1600px;

}

.content-left {

  width: 257px;

  float: left;

  margin-right: 40px;

  padding-bottom: 30px;

}

.content-center {

  width: 434px;

  float: left;

  margin-right: 40px;

}

.content-right {

  width: 259px;

  float: left;

}

.scroll {

  width: 100%;

  height: 563px;

  margin: 17px 0 39px;

  overflow: hidden;

  position: relative;

}

#announcement {

  position: relative;

}

#announcement1 {

  position: relative;

}

.app-item {

  width: 257px;

  text-align: center;

  color: #fff;

  display: block;

  padding: 25px 0;

  font-size: 24px;

  margin-top: 20px;

}

.app-wrap {

  margin-bottom: 40px;

}

.download-item {

  width: 257px;

  height: 55px;

  background: #f0f0f0;

  border: 2px solid #bdbdbd;

  border-radius: 5px;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  font-size: 24px;

  color: rgba(16, 16, 16, 1);

  margin-top: 20px;

}

.content-item {

  margin-bottom: 15px;

}

.article-item {

  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  font-size: 14px;

  color: #101010;

  padding: 15px 0;

  border-bottom: 1px solid #e5e5e5;

}

.article-name {

  width: 330px;

  color: #000;

  float: left;

}

.article-date {

  float: right;

}

.more {

  width: 100%;

  font-size: 14px;

  color: #101010;

  text-align: right;

  font-family: PingFang-SC-Medium;

  margin-top: 20px;

}

.more a {

  color: #000;

}

.title {

  width: 100%;

  font-size: 28px;

  color: #101010;

  padding-bottom: 15px;

  border-bottom: 1px solid #a0a0a0;

  display: flex;

  flex-direction: row;

}

.sub-title {

  color: #b2b2b2;

  padding-left: 10px;

  margin-left: 10px;

  border-left: 2px solid #888;

  display: flex;

  flex-direction: column;

}

.trend-item {

  margin-top: 17px;

  margin-bottom: 30px;

  font-size: 16px;

  color: #ff3d3d;

}

.trend-img {

  width: 100%;

}

.trend-title {

  margin-top: 7px;

}

.campus {

  margin-top: 7px;

}

.trend-date {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  margin-top: 7px;

}

.detail {

  font-size: 14px;

  color: #000000;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.job-info {

  width: 100%;

  font-size: 14px;

  color: #101010;

  margin-bottom: 15px;

}



.friend {

  margin-top: 15px;

}

.link-item {

  width: 260px;

  margin-bottom: 5px;

  color: #fff;

  text-align: center;

  padding: 25px 0;

  font-size: 24px;

  display: block;

}

.scroll-name {

  width: 150px;

}

.article-item a {

  color: inherit;

}
.swiper-wrap table{
margin: 0 auto;
}