/* 
    js 函数
  	function fn(n) {
				if (n % 6 === 0) {
					return `${(n / 600) * 7}rem;`
				} else if (n % 2 === 0) {
					return `calc(${(n * 7) / 200}rem / 3);`
				} else {
					return `calc(${(n * 7) / 100}rem / 6);`
				}
			}
			let str = ""
			for (let i = 1; i <= 100; i++) {
				const res = fn(i);
				str = str + `--px${i}: ${res}\n`
			}
*/
* {
  font-family: "微软雅黑";
}

:root {
  --px1: calc(0.07rem / 6);
  --px2: calc(0.07rem / 3);
  --px3: calc(0.21rem / 6);
  --px4: calc(0.14rem / 3);
  --px5: calc(0.35rem / 6);
  --px6: 0.07rem;
  --px7: calc(0.49rem / 6);
  --px8: calc(0.28rem / 3);
  --px9: calc(0.63rem / 6);
  --px10: calc(0.35rem / 3);
  --px11: calc(0.77rem / 6);
  --px12: 0.14rem;
  --px13: calc(0.91rem / 6);
  --px14: calc(0.49rem / 3);
  --px15: calc(1.05rem / 6);
  --px16: calc(0.56rem / 3);
  --px17: calc(1.19rem / 6);
  --px18: 0.21rem;
  --px19: calc(1.33rem / 6);
  --px20: calc(0.7rem / 3);
  --px21: calc(1.47rem / 6);
  --px22: calc(0.77rem / 3);
  --px23: calc(1.61rem / 6);
  --px24: 0.28rem;
  --px25: calc(1.75rem / 6);
  --px26: calc(0.91rem / 3);
  --px27: calc(1.89rem / 6);
  --px28: calc(0.98rem / 3);
  --px29: calc(2.03rem / 6);
  --px30: 0.35000000000000003rem;
  --px31: calc(2.17rem / 6);
  --px32: calc(1.12rem / 3);
  --px33: calc(2.31rem / 6);
  --px34: calc(1.19rem / 3);
  --px35: calc(2.45rem / 6);
  --px36: 0.42rem;
  --px37: calc(2.59rem / 6);
  --px38: calc(1.33rem / 3);
  --px39: calc(2.73rem / 6);
  --px40: calc(1.4rem / 3);
  --px41: calc(2.87rem / 6);
  --px42: 0.49000000000000005rem;
  --px43: calc(3.01rem / 6);
  --px44: calc(1.54rem / 3);
  --px45: calc(3.15rem / 6);
  --px46: calc(1.61rem / 3);
  --px47: calc(3.29rem / 6);
  --px48: 0.56rem;
  --px49: calc(3.43rem / 6);
  --px50: calc(1.75rem / 3);
  --px51: calc(3.57rem / 6);
  --px52: calc(1.82rem / 3);
  --px53: calc(3.71rem / 6);
  --px54: 0.63rem;
  --px55: calc(3.85rem / 6);
  --px56: calc(1.96rem / 3);
  --px57: calc(3.99rem / 6);
  --px58: calc(2.03rem / 3);
  --px59: calc(4.13rem / 6);
  --px60: 0.7000000000000001rem;
  --px61: calc(4.27rem / 6);
  --px62: calc(2.17rem / 3);
  --px63: calc(4.41rem / 6);
  --px64: calc(2.24rem / 3);
  --px65: calc(4.55rem / 6);
  --px66: 0.77rem;
  --px67: calc(4.69rem / 6);
  --px68: calc(2.38rem / 3);
  --px69: calc(4.83rem / 6);
  --px70: calc(2.45rem / 3);
  --px71: calc(4.97rem / 6);
  --px72: 0.84rem;
  --px73: calc(5.11rem / 6);
  --px74: calc(2.59rem / 3);
  --px75: calc(5.25rem / 6);
  --px76: calc(2.66rem / 3);
  --px77: calc(5.39rem / 6);
  --px78: 0.91rem;
  --px79: calc(5.53rem / 6);
  --px80: calc(2.8rem / 3);
  --px81: calc(5.67rem / 6);
  --px82: calc(2.87rem / 3);
  --px83: calc(5.81rem / 6);
  --px84: 0.9800000000000001rem;
  --px85: calc(5.95rem / 6);
  --px86: calc(3.01rem / 3);
  --px87: calc(6.09rem / 6);
  --px88: calc(3.08rem / 3);
  --px89: calc(6.23rem / 6);
  --px90: 1.05rem;
  --px91: calc(6.37rem / 6);
  --px92: calc(3.22rem / 3);
  --px93: calc(6.51rem / 6);
  --px94: calc(3.29rem / 3);
  --px95: calc(6.65rem / 6);
  --px96: 1.12rem;
  --px97: calc(6.79rem / 6);
  --px98: calc(3.43rem / 3);
  --px99: calc(6.93rem / 6);
  --px100: calc(3.5rem / 3);
  --px112: calc(3.92rem / 3);
  --px120: 1.4000000000000001rem;
  --px140: calc(4.9rem / 3);
  --px144: 1.68rem;
  --px160: calc(5.6rem / 3);
  --px124: calc(4.34rem / 3);
  --px132: 1.54rem;
  --px140: calc(4.9rem / 3);
  --px200: calc(7rem / 3);
  --px204: 2.3800000000000003rem;
  --px212: calc(7.42rem / 3);
  --px228: 2.66rem;
  --px292: calc(10.22rem / 3);
  --px308: calc(10.78rem / 3);
  --px320: calc(11.2rem / 3);
  --px552: 6.44rem;
  --px600: 7rem;
  --px780: 9.1rem;
  --px1000: calc(35rem / 3);
  --px1020: 11.9rem;
}

#app {
  background-color: #f6f7fc;
  line-height: 1;
  width: 100vw;
  overflow-x: hidden;
}

.app-main > div {
  position: relative;
}

.app-main div:has(> img) {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.app-main div:has(> img) img {
  transition: all 1s;
}

.app-main div:has(> img):hover img {
  transform: scale(1.1);
}

/* 标题 */
.home-title.content-main {
  position: static;
  display: flex;
  align-items: center;
}

.home-title .title1 {
  font-family: zihunchuangcuhei, zihunchuangcuhei;
  font-size: var(--px40);
  color: #000000;
  line-height: var(--px40);
  position: relative;
  z-index: 2;
}

.home-title .title2 {
  font-family: Arial Black, Arial Black;
  font-weight: 900;
  font-size: var(--px144);
  color: rgba(0, 60, 84, 0.16);
  line-height: var(--px144);
  opacity: 0.2;
  position: absolute;
  z-index: 1;
}

.app-main a.more {
  font-family: PingFang SC, PingFang SC;
  font-size: var(--px14);
  color: #b9c1cb;
  display: flex;
  align-items: center;
  transition: all 1s;
}

.app-main a.more::before,
.app-main a.more::after {
  content: "";
  display: block;
  height: var(--px1);
  width: var(--px24);
  background-color: #b9c1cb;
  margin-left: var(--px8);
  transition: all 1s;
}

.app-main a.more::before {
  margin-right: var(--px8);
}

.app-main a.more::after {
  margin-left: var(--px8);
}

@media screen and (min-width: 765px) {
  .app-main a.more:hover {
    color: #00b3b3;
  }

  .app-main a.more:hover::before {
    background-color: #00b3b3;
  }

  .app-main a.more:hover::after {
    background-color: #00b3b3;
    width: var(--px40);
  }
}

/* 轮播切换样式 */
.swiperBtn_l,
.swiperBtn_r {
  background-image: url(/static/image/icon_swiperBtn.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: var(--px40);
  height: var(--px40);
  border-radius: 50%;
  cursor: pointer;
}

.swiperBtn_l {
  margin-right: var(--px40);
  transform: rotateY(180deg);
}

.swiperBtn_l:hover,
.swiperBtn_r:hover {
  background-image: url(/static/image/icon_swiperBtn_active.png);
}

.swiperBtn {
  display: flex;
  position: relative;
  z-index: 3;
}

/* 列表样式一 */
.list-container {
  background-color: white;
}

.list-container .item {
  font-family: PingFang SC, PingFang SC;
  font-size: var(--px14);
  padding: var(--px24) 0;
  margin: 0 var(--px16);
  display: flex;
  flex-direction: column;
}

.list-container .item .top {
  display: flex;
  align-items: center;
  margin-bottom: var(--px16);
}

.list-container .item .title {
  color: #cc0000;
}

.list-container .item .line {
  width: var(--px1);
  height: var(--px9);
  background-color: rgba(0, 60, 84, 0.3);
  margin: 0 var(--px8);
}

.list-container .item .time {
  color: #79879c;
  font-family: D-DIN, D-DIN;
}

.list-container .item .content {
  font-weight: 600;
  font-size: var(--px18);
  color: #333333;
  line-height: 26px;
  transition: all 0.5s;
}

.list-container .item:hover .content {
  color: #00b3b3;
  transform: translateX(0.5em);
}

.list-container .item ~ .item {
  border-top: var(--px1) solid #eeeeee;
}

/* banner */
#banner {
  width: 100vw;
  /* aspect-ratio: 1440 / 944; */
  height: calc(100vh - 80px);
  overflow: hidden;
  transition: height 1.5s;
}

#banner .swiper-container,
#banner .swiper-wrapper {
  height: 100%;
}

#banner .swiper-slide {
  width: 100%;
  /* aspect-ratio: 1440 / 944; */
  display: block;
  position: relative;
  width: 100%;
  height: calc(100vh - 80px);
  /* height: 100%; */
  overflow: hidden;
  /* padding-bottom: 56.25%; */
}

@media screen and (max-width: 1020px) {
  #banner,
  #banner .swiper-slide {
    /* aspect-ratio: 1440 / 944; */
    height: calc(100vh - 52px);
  }
}

#banner .swiper-slide .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* max-width: 100%;
  max-height: 100%; */
}
/* 
#banner .swiper-slide img {
  display: block;
  height: calc(100vh - 80px);
} */

/* 校园活动 */
#xyhd {
  padding-top: var(--px80);
  /* min-height: 100vh; */
  box-sizing: border-box;
  background-image: url(/static/image/xyhd_bg.png);
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}

.xyhd-main.pc {
  margin-bottom: var(--px100);
}

#xyhd .home-title .title2 {
  left: 0;
  top: 60px;
}

.xyhd-main {
  margin-top: var(--px76);
  display: flex;
  visibility: hidden;
}

#xyhd .pc .xshd {
  width: 50%;
}

.xyhd-center {
  margin: 0 var(--px16);
  display: flex;
  flex-direction: column;
  animation-duration: 1.5s;
  /* animation-name: decline; */
}

.xyhd-center .footer-title {
  position: relative;
  text-align: center;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: var(--px24);
  color: #000000;
  display: flex;
  align-items: center;
  margin-top: var(--px20);
}

.xyhd-center .footer-title::before,
.xyhd-center .footer-title::after {
  content: "";
  display: block;
  flex: 1;
  height: var(--px1);
  background-color: #d1d6e0;
}

.xyhd-center .footer-title::before {
  margin-right: var(--px32);
}

.xyhd-center .footer-title::after {
  margin-left: var(--px32);
}

.xsfc .avatar {
  aspect-ratio: 252 / 125;
  margin-bottom: var(--px5);
  background-color: #00b3b3;
}

.xsfc .avatar img {
  height: 100%;
}

#xyhd .content {
  /* height: var(--px52); */
  line-height: 1.4;
  height: calc(1.4em * 2);
}

/* 图片底字样式 */
.fig-item {
  position: relative;
  width: 100%;
  aspect-ratio: 292 / 168;
}

.fig-item.big {
  aspect-ratio: 600 / 348;
}

.fig-item img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.fig-item ~ .fig-item {
  margin-left: var(--px16);
}

.fig-item .footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-family: PingFang SC, PingFang SC;
  /* font-weight: 600; */
  font-size: var(--px20);
  color: #ffffff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #002429 100%);
  padding: var(--px16);
  box-sizing: border-box;
}

.fig-item.big .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: D-DIN, D-DIN;
  width: var(--px80);
  height: var(--px70);
  background: linear-gradient(153deg, #18ced1 0%, #329ded 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  transform: translateY(calc(0 - var(--px16)));
}

.fig-item.big .header .date {
  font-weight: 700;
  font-size: var(--px32);
  color: #ffffff;
  margin-bottom: 5px;
}

.fig-item.big .header .YM {
  font-weight: 400;
  font-size: var(--px14);
}

.fig-item .time {
  width: var(--px80);
  height: var(--px22);
  background: rgba(0, 179, 179, 0.6);
  font-family: D-DIN, D-DIN;
  font-weight: 700;
  font-size: var(--px14);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0 var(--px8);
}

.fig-container {
  display: flex;
  margin-top: var(--px16);
}

.xyhd-main .list-container {
  margin-top: var(--px16);
  /* width: 284px; */
}

#xyhd .container-title {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: var(--px20);
  text-indent: 16px;
  color: #ffffff;
  line-height: var(--px24);
  background-image: url(/static/image/title_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: var(--px160);
  height: var(--px48);
  line-height: var(--px48);
}

.xyhd-l,
.xyhd-r {
  animation-duration: 1s;
  /* animation-name: rise; */
}

/* 招生咨询 */
#zszx {
  padding-top: var(--px124);
  box-sizing: border-box;
  background-image: url(/static/image/zszx_bg.png);
  background-position: left center;
  background-size: 70% 100%;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}

#zszx .home-title .title2 {
  left: 0;
  top: var(--px35);
  opacity: 0.3;
  background-image: linear-gradient(
    170deg,
    rgba(255, 255, 255, 1),
    rgba(0, 60, 84, 0.16)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#zszx .home-title .title1 {
  color: #ffffff;
  margin-right: var(--px80);
}

#zszx .tab {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}

#zszx .tab-item {
  width: var(--px96);
  height: var(--px32);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.3);
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: var(--px16);
  color: #ffffff;
  transition: all 1s;
  margin-right: var(--px32);
  cursor: pointer;
}

#zszx .tab-item.active {
  background: linear-gradient(207deg, #34d56f 0%, #8bebb1 100%);
  text-shadow: 0px var(--px1) var(--px2) rgba(0, 123, 45, 0.2);
}

.zszx-main {
  visibility: hidden;
}

#zszx .swiperBtn {
  position: absolute;
  left: 50%;
  bottom: var(--px40);
  display: flex;
  height: auto;
  transform: translateX(-50%);
}

#zszx .swiperBtn_l,
#zszx .swiperBtn_r {
  width: var(--px60);
  height: var(--px60);
  background-image: url(/static/image/icon_swiperBtn_w.png);
}

#zszx .swiperBtn_l:hover,
#zszx .swiperBtn_r:hover {
  background-image: url(/static/image/icon_swiperBtn_active.png);
}

#zszx .swiper-wrapper {
  padding: var(--px90) 0;
}

#zszx .swiper-slide {
  aspect-ratio: 282 / 180;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin: 0 var(--px12);
  transform: translateX(-56%);
}

#zszx .swiper-slide img {
  height: 100%;
  display: block;
}

#zszx .swiper-slide .footer {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: var(--px18);
  color: #ffffff;
  position: absolute;
  bottom: 0;
  height: var(--px42);
  display: flex;
  align-items: center;
  padding: 0 var(--px23);
  width: 100%;
  box-sizing: border-box;
}

#zszx .swiper-slide-active {
  transform: translateX(-56%) scale(1.2);
  position: relative;
  z-index: 2;
  margin: 0 var(--px50);
}

#zszx .swiper-slide-active .footer {
  background: linear-gradient(-90deg, rgba(51, 157, 238, 0) 0%, #0eaab5 100%);
}

.zsfw-item {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.zsfw-item ~ .zsfw-item {
  margin-left: var(--px32);
}

.zsfw-list {
  display: flex;
  margin-top: var(--px87);
  padding-bottom: var(--px100);
}

.zsfw-item .image {
  width: 100%;
  aspect-ratio: 378 / 110;
  position: relative;
}

.zsfw-item .title {
  position: absolute;
  bottom: var(--px7);
  left: var(--px20);
  z-index: 2;
}

.zsfw-item .content-container {
  background: rgba(255, 255, 255, 0.8);
  padding: var(--px16);
}

.zsfw-item .content {
  font-family: PingFang SC, PingFang SC;
  font-size: var(--px16);
  color: #000000;
  line-height: var(--px24);
  text-align: justify;
  height: 0.84rem;
}

/* 学院新闻 */
#xyxw {
  padding-top: var(--px120);
  box-sizing: border-box;
}

#xyxw .home-title .title2 {
  transform: translateX(var(--px160)) translateY(var(--px30));
}

.xyxw-main {
  margin-top: var(--px52);
  display: flex;
  visibility: hidden;
}

.xyxw-main .tab .more {
  display: none;
}

/* 可加动画 */
.xyxw-main .tab {
  margin-right: var(--px34);
  display: flex;
  flex-direction: column;
}

.xyxw-main .tab .tab-item {
  width: var(--px112);
  height: var(--px112);
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: var(--px16);
  color: #000000;
  cursor: pointer;
}

.xyxw-main .tab .tab-item.active {
  background: linear-gradient(135deg, #18ced1 0%, #329ded 100%);
  color: #ffffff;
}

.xyxw-main .container {
  display: flex;
  flex-wrap: wrap;
}

.xyxw-main .tab1 {
  position: relative;
}

.xyxw-main .tab1 .container-item {
  display: flex;
  width: 50%;
  flex-direction: column;
  background-color: white;
  aspect-ratio: 540 / 288;
  height: auto;
  box-sizing: border-box;
}

.xyxw-main .tab1::before {
  content: "";
  background-color: #eeeeee;
  height: var(--px1);
  width: 50vw;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateX(100%);
}

.xyxw-main .tab1::after,
.xyxw-main .tab2::after {
  content: "";
  display: block;
  width: 50vw;
  height: 100%;
  background-color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform: translateX(50vw);
}

.xyxw-main .container .header {
  content: "";
  display: block;
  /* background-color: red; */
  width: calc(100% + calc(50vw - 700px));
  position: absolute;
  z-index: 3;
  height: 2.84rem;
  /* display: none; */
}

.xyxw-main .container .header img {
  height: 100%;
}

@media screen and (max-width: 1400px) {
  .xyxw-main .container .header {
    width: calc(100% + 14px);
  }
}

.xyxw-main .container .main {
  padding: var(--px24) var(--px40);
  padding-top: calc(var(--px24) + 2.84rem);
  display: flex;
  background-color: white;
  width: 100%;
  flex-wrap: wrap;
}

.xyxw-main .tab1 .container-item:last-child {
  border-top: var(--px1) solid #eeeeee;
  border-left: var(--px1) solid #eeeeee;
}

.xyxw-main .tab1 .container-item:has(> a) {
  padding: var(--px64) var(--px40) 0 var(--px48);
}

.xyxw-main .tab1 .container-item a:nth-child(1) {
  margin-bottom: var(--px40);
}

.xyxw-main .tab2 .container-item {
  display: flex;
  width: calc(50% - var(--px68));
  flex-direction: column;
  box-sizing: border-box;
  padding: var(--px16) 0;
  margin-right: var(--px68);
}

.xyxw-main .tab2 .container-item ~ .container-item {
  border-top: var(--px1) solid #eeeeee;
}

.xyxw-main .tab2 .container-item:nth-child(2) {
  border-top: none;
}

.xyxw-main .container.tab2 a.container-item .title {
  margin-bottom: 0;
}

.xyxw-main .container .top {
  display: flex;
}

.xyxw-main .container .top {
  display: flex;
  align-items: center;
  margin-bottom: var(--px16);
}

.xyxw-main .container .name {
  color: #cc0000;
  font-size: var(--px14);
}

.xyxw-main .container .line {
  width: var(--px1);
  height: var(--px9);
  background-color: rgba(0, 60, 84, 0.3);
  margin: 0 var(--px8);
}

.xyxw-main .container .time {
  color: #79879c;
  font-family: D-DIN, D-DIN;
  font-size: var(--px14);
}

.xyxw-main .container .title {
  font-weight: 600;
  font-size: var(--px18);
  color: #333333;
  line-height: var(--px26);
  transition: all 0.5s;
  margin-bottom: var(--px20);
}

.xyxw-main .tab1 a:hover .title,
.xyxw-main .tab2 .container-item:hover .title {
  color: #00b3b3;
  transform: translateX(0.5em);
}

.xyxw-main .container .content {
  font-family: PingFang SC, PingFang SC;
  font-size: var(--px14);
  color: #79879c;
  line-height: var(--px22);
}

/* 校园看点 */
#xykd {
  padding-top: var(--px120);
  box-sizing: border-box;
  position: relative;
}

#xykd .home-title .title2 {
  right: 0;
  top: var(--px84);
}

#xykd::after {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% - var(--px212));
  width: calc(50vw + var(--px600));
  background: linear-gradient(90deg, #e2eefa 0%, #e1f4f9 100%);
  right: 0;
  z-index: 1;
  top: var(--px212);
}

#xykd .xykd-main {
  position: relative;
  z-index: 3;
  margin-top: var(--px140);
  margin-bottom: var(--px80);
  width: 100vw;
  visibility: hidden;
}

#xykd .xykd-container {
  display: flex;
}

#xykd .container-item {
  display: flex;
  flex-direction: column;
  width: var(--px320);
  cursor: pointer;
}

#xykd .container-item .image {
  height: var(--px204);
  position: relative;
  z-index: 1;
}

#xykd .container-item:hover .image {
  box-shadow: 0px var(--px32) var(--px60) calc(0 - var(--px16))
    rgba(0, 43, 96, 0.3);
}

#xykd .container-item .title {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: var(--px18);
  color: #000000;
  line-height: var(--px26);
  margin: var(--px16) 0 var(--px42) 0;
  position: relative;
  z-index: 2;
}

#xykd .container-item:hover .title {
  color: #00b3b3;
  transform: translateX(0.5em);
}

#xykd .container-item .bottom {
  display: flex;
  border-left: var(--px2) solid #00b3b3;
  padding-left: var(--px25);
  flex-direction: column;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: var(--px14);
  color: #79879c;
  line-height: var(--px22);
}

#xykd .container-item .bottom > div {
  display: flex;
  align-items: center;
}

#xykd .container-item .bottom > div::before {
  content: "";
  display: block;
  width: var(--px16);
  height: var(--px16);
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: var(--px14);
}

#xykd .container-item .bottom > div.time::before {
  background-image: url(/static/image/icon_time.png);
}

#xykd .container-item .bottom > div.description {
  margin-top: var(--px18);
}

#xykd .container-item .bottom > div.description::before {
  background-image: url(/static/image/icon_adress.png);
}

/* 选择我们 */
#xzwm {
  padding-top: var(--px120);
  box-sizing: border-box;
  padding-bottom: var(--px140);
}

#xzwm .home-title .title2 {
  transform: translateY(var(--px30));
}

.xzwm-main {
  margin-top: var(--px70);
  display: flex;
}

.xzwm-main .left {
  flex: 1;
  font-family: PingFang SC, PingFang SC;
  margin-right: var(--px96);
  display: flex;
  flex-direction: column;
}

.xzwm-main .right {
  width: var(--px552);
  height: var(--px308);
  position: relative;
}

.xzwm-main .right .img-container {
  position: relative;
  height: 100%;
}

.xzwm-main .img-container video {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.xzwm-main .img-container .videoMask {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 2;
  left: 0;
  top: 0;
  cursor: pointer;
}

.xzwm-main .img-container .videoMask::after {
  content: "";
  display: block;
  width: var(--px40);
  height: var(--px40);
  background-image: url(/static/image/icon_play.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.xzwm-main .right::before {
  content: "";
  width: var(--px200);
  height: var(--px292);
  display: block;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
  background: linear-gradient(180deg, #19ced2 0%, #329eed 100%);
  transform: translateX(-0.19rem) translateY(var(--px20));
}

.xzwm-main .right img {
  height: 100%;
  display: block;
  position: relative;
  z-index: 2;
}

.xzwm-main .title {
  font-weight: 600;
  font-size: var(--px18);
  color: #000000;
  line-height: var(--px26);
  margin-bottom: var(--px16);
}

.xzwm-main .content {
  font-size: var(--px16);
  color: #79879c;
  line-height: var(--px24);
  text-align: justify;
  flex: 1;
  margin-bottom: var(--px20);
  font-family: PingFang SC, PingFang SC;
  max-height: var(--px228);
  overflow: hidden;
}

.xzwm-main .tab {
  display: flex;
  transform: translateY(var(--px20));
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.xzwm-main .tab-item {
  width: fit-content;
  padding: 0 var(--px12);
  height: var(--px38);
  /* width: var(--px132); */
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: var(--px16);
  color: #79879c;
  cursor: pointer;
  background-color: white;
  margin-right: var(--px32);
  margin-bottom: var(--px20);
  letter-spacing: 2px;
}

.xzwm-main .tab-item.active {
  background: linear-gradient(207deg, #34d56f 0%, #8bebb1 100%);
  font-weight: 600;
  font-size: var(--px16);
  color: #ffffff;
  text-shadow: 0px var(--px1) var(--px2) rgba(0, 123, 45, 0.2);
}

.app-main .mobile {
  display: none;
}

@media screen and (max-width: 765px) {
  #banner {
    aspect-ratio: 1440 / 944;
    height: auto;
  }

  #banner .swiper-slide {
    height: auto;
    aspect-ratio: 1440 / 944;
  }

  #banner .swiper-slide img {
    height: 100%;
  }

  .home-title .title1 {
    font-size: 24px;
  }

  .home-title .title2 {
    display: none;
  }

  .app-main a.more {
    transition: none;
    font-size: 14px;
    /* pointer-events: none; */
  }

  .app-main .pc {
    display: none;
  }

  #xyhd {
    padding-top: 24px;
    min-height: auto;
    padding-bottom: 24px;
  }

  .xyhd-main {
    margin-top: 24px;
  }

  .app-main .mobile {
    display: flex;
    flex-direction: column;
  }

  #xyhd {
    background-image: none;
  }

  #xyhd .mobile .xshd {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }

  #xyhd .mobile .xshd-item {
    width: calc(50% - 7px);
    margin-bottom: 16px;
  }

  #xyhd .mobile .xshd-item .image {
    width: 100%;
    height: 106px;
    position: relative;
  }

  #xyhd .mobile .xshd-item .image img {
    height: 100%;
  }

  #xyhd .mobile .xshd-item .title {
    height: auto;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    margin-top: 10px;
  }

  .xyhd-main.mobile .list::before {
    content: "";
    background-color: white;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: -14px;
    top: 0;
    display: block;
    z-index: -1;
  }

  .xyhd-main.mobile .list {
    position: relative;
    background-color: white;
    padding: 16px 0 8px 0;
  }

  .xyhd-main.mobile .list .tab {
    display: flex;
  }

  .xyhd-main.mobile .list .tab-item {
    width: 96px;
    height: 32px;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #79879c;
    background: #ecf0f4;
    cursor: pointer;
  }

  .xyhd-main.mobile .list .tab-item.active {
    background: linear-gradient(207deg, #34d56f 0%, #8bebb1 100%);
    color: #ffffff;
  }

  .xyhd-main.mobile .list-container {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .xyhd-main.mobile .list-container .list-item {
    display: flex;
    height: 56px;
    align-items: center;
    width: 100%;
    border-top: 1px solid #eeeeee;
  }

  .xyhd-main.mobile .list-item:nth-child(1) {
    border: none;
  }

  .xyhd-main.mobile .list-container .list-item .time {
    font-family: D-DIN, D-DIN;
    font-weight: 700;
    font-size: 16px;
    color: #00b3b3;
    line-height: 24px;
    margin-right: 16px;
  }

  .xyhd-main.mobile .list-container .list-item .title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    flex: 1;
  }

  /* 学院新闻 */
  #xyxw {
    height: auto;
    min-height: auto;
    padding-top: 24px;
  }

  .xyxw-main {
    position: relative;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: 100%;
    left: auto;
    transform: none;
    padding: 14px;
    box-sizing: border-box;
    margin-top: 24px;
  }

  .xyxw-main .tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 0;
  }

  .xyxw-main .tab .more {
    display: flex;
    align-items: center;
    line-height: 32px;
  }

  .xyxw-main .tab .tab-item {
    width: 96px;
    height: 32px;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #79879c;
    background: #ecf0f4;
    cursor: pointer;
  }

  .xyxw-main .tab .tab-item.active {
    background: linear-gradient(207deg, #34d56f 0%, #8bebb1 100%);
    color: #ffffff;
  }

  #xyxw .home-title .more {
    display: none;
  }

  .xyxw-main .container {
    margin-top: 20px;
  }

  .xyxw-main .container .list-item {
    display: flex;
    height: 56px;
    align-items: center;
    width: 100%;
    border-top: 1px solid #eeeeee;
  }

  .xyxw-main .container .list-item:nth-child(1) {
    border: none;
  }

  .xyxw-main .container .list-item .time {
    font-family: D-DIN, D-DIN;
    font-weight: 700;
    font-size: 16px;
    color: #00b3b3;
    line-height: 24px;
    margin-right: 16px;
  }

  .xyxw-main .container .list-item .title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    flex: 1;
    margin-bottom: 0;
  }

  /* 校园看点 */
  .swiperBtn_l,
  .swiperBtn_r {
    display: none;
  }

  #xykd {
    height: auto;
    padding-top: 24px;
  }

  #xykd::after {
    display: none;
  }

  #xykd .xykd-main {
    margin-top: 24px;
    padding: 0 14px;
    box-sizing: border-box;
    margin-bottom: 0;
  }

  #xykd .container-item {
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    margin-bottom: 16px;
  }

  #xykd .container-item .image {
    width: 174px;
    height: 112px;
    margin-right: 16px;
  }

  #xykd .container-item .image img {
    height: 100%;
  }

  #xykd .container-item .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  #xykd .container-item .info .title {
    margin: 0;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
  }

  #xykd .container-item .info .time,
  #xykd .container-item .info .description {
    display: flex;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #79879c;
  }

  #xykd .container-item .info .time::before,
  #xykd .container-item .info .description::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 14px;
  }

  #xykd .container-item .info .time::before {
    background-image: url(/static/image/icon_time.png);
  }

  #xykd .container-item .info .description::before {
    background-image: url(/static/image/icon_adress.png);
  }

  /* 选择我们 */
  #xzwm {
    padding-top: 24px;
    padding-bottom: 0;
  }

  .xzwm-main.pc {
    display: none;
  }

  .xzwm-main {
    margin-top: 24px;
  }

  .xzwm-main.mobile {
    display: flex;
    background-color: white;
    padding: 14px;
  }

  .xzwm-main.mobile .tab {
    transform: none;
    justify-content: space-between;
    margin-bottom: 27px;
    position: relative;
  }

  .xzwm-main.mobile .tab-item {
    background: #ecf0f4;
    margin: 0;
    font-size: 14px;
    padding: 0 8px;
    height: 32px;
    margin-bottom: 10px;
  }

  .xzwm-main.mobile .tab-item.active {
    background: linear-gradient(207deg, #34d56f 0%, #8bebb1 100%);
  }

  .xzwm-main.mobile .tab-item ~ .tab-item {
    margin-left: 8px;
  }

  .xzwm-main.mobile .img-container {
    margin-bottom: 10px;
    height: 212px;
    position: relative;
  }

  .xzwm-main.mobile .img-container img {
    height: 100%;
    width: 100%;
  }

  .xzwm-main.mobile .content {
    max-height: none;
  }

  /* 招生咨询 */
  #zszx {
    background: none;
    padding-top: 0;
    padding-bottom: 0px;
  }

  #zszx .home-title .title1 {
    color: #000000;
  }

  #zszx .zszx-main-container {
    background-image: url(/static/image/zszx_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 24px 14px;
    margin-top: 24px;
  }

  #zszx .zszx-main-container .tab .tab-item {
    background-color: transparent;
    position: relative;
    font-size: 14px;
    margin-right: 24px;
    width: fit-content;
  }

  #zszx .zszx-main-container .tab .tab-item.active {
    background: none;
  }

  #zszx .zszx-main-container .tab .tab-item.active::before {
    content: "";
    display: block;
    width: 40%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%) translateY(4px);
    left: 50%;
    height: 2px;
    background-color: white;
  }

  #zszx .zszx-main-container .zszx-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
  }

  #zszx .zszx-main-container .tjzy-item {
    width: calc(50% - 7px);
    height: 118px;
    margin-bottom: 14px;
    position: relative;
  }

  #zszx .zszx-main-container .tjzy-item img {
    width: 100%;
    height: 100%;
  }

  #zszx .zszx-main-container .tjzy-item .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    font-size: 16px;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    font-weight: bold;
  }

  #zszx .zszx-main-container .tjkc-item {
    width: calc(50% - 7px);
    margin-bottom: 14px;
    position: relative;
  }

  #zszx .zszx-main-container .tjkc-item .img {
    height: 118px;
    margin-bottom: 0;
  }

  #zszx .zszx-main-container .tjkc-item .img img {
    width: 100%;
    height: 100%;
  }

  #zszx .zszx-main-container .tjkc-item .info {
    background: rgba(255, 255, 255, 0.8);
    padding: 8px 8px 16px;
  }

  #zszx .zszx-main-container .tjkc-item .info .title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    margin-bottom: 8px;
  }

  #zszx .zszx-main-container .tjkc-item .info .content {
    font-family: PingFang SC, PingFang SC;
    font-size: 14px;
    color: #79879c;
    line-height: 22px;
  }

  #zszx .zszx-main-container .zwfw-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
  }

  #zszx .zszx-main-container .zwfw-item .image {
    position: relative;
    width: 160px;
    height: 116px;
  }
  #zszx .zszx-main-container .zwfw-item .image img {
    height: 100%;
  }

  #zszx .zszx-main-container .zwfw-item .content-container {
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    flex: 1;
  }

  #zszx .zszx-main-container .zwfw-item .content {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-family: PingFang SC, PingFang SC;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
  }

  /* 更多 */
  .app-main a.more::before {
    display: none;
  }

  .app-main a.more::after {
    background-image: url(/static/image/home_icon_right.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    margin-left: 0px;
  }

  .app-main #zszx a.more {
    color: #ffffff !important;
  }

  .xyhd-main.mobile a.more {
    width: fit-content;
    display: flex;
  }

  .app-main #zszx a.more::after {
    background-image: url(/static/image/home_icon_right_l.png);
  }
}