body {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  font-family: "PingFang SC";
}
img {
  display: inline-block;
  vertical-align: bottom;
}
#body {
  width: 100%;
  overflow: hidden;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
.content {
  /* max-height: 6000px; */
  width: 100%;
  overflow: hidden;
  background-color: #0c33c3;
}

.module {
  /* margin-top: 100px; */
  width: 100%;
  height: auto;
  min-height: 2500px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/content-bgs.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 4700px;
}
.bannerDesign {
  width: 100%;
  /* height: 53.5vw; */
  /* min-height: 1371px; */
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/kv-main.png");
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bannerMain {
  margin-top: 120px;
  width: 38vw;
  height: 38vw;
  position: relative;
  margin: 0 auto;
}
.kvBg {
  width: 38vw;
  height: 38vw;
  position: absolute;
  margin: 0 auto;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/kv-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation2 50s linear infinite;
}
.kvText {
  top: 50%;
  left: 50%;
  transform: translate(-13vw, -12.1vw);
  width: 27vw;
  height: 25vw;
  position: absolute;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/kv-text.png?t=1615965071067");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.y4 {
  width: 13.7vw;
  height: 13.7vw;
  position: absolute;
  top: -4.6vw;
  left: -7.6vw;
  background: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/y4.png?t=1615518950014");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation1 40s linear infinite;
}
.y3 {
  width: 15.8vw;
  height: 15.8vw;
  position: absolute;
  top: -4.6vw;
  left: -30vw;
  background: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/y3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation1 40s linear infinite;
}
.y2 {
  width: 13.6vw;
  height: 13.6vw;
  position: absolute;
  top: 20.2vw;
  left: -30.3vw;
  background: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/y2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation1 40s linear infinite;
}
.y1 {
  width: 20vw;
  height: 20vw;
  position: absolute;
  top: 6.5vw;
  left: -20vw;
  background: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/y1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation2 40s linear infinite;
}
.y5 {
  width: 15.6vw;
  height: 15.6vw;
  position: absolute;
  top: 0.5vw;
  right: -13.3vw;
  background: url(https://public-static.zcool.com.cn/special-resource/youknow/assets/img/y5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation1 40s linear infinite;
}
.y6 {
  width: 18vw;
  height: 18vw;
  position: absolute;
  top: -4.3vw;
  right: -30.8vw;
  background: url(https://public-static.zcool.com.cn/special-resource/youknow/assets/img/y6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation2 40s linear infinite;
}
.y7 {
  width: 18vw;
  height: 18vw;
  position: absolute;
  top: 13.4vw;
  right: -27.3vw;
  background: url(https://public-static.zcool.com.cn/special-resource/youknow/assets/img/y7.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: animation2 30s linear infinite;
}

@keyframes animation1 {
  0% {
    -webkit-transform: rotate(360deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes animation2 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.eventInfo {
  width: 1140px;
  height: 320px;
  font-family: PingFangSC-Medium;
  font-size: 30px;
  line-height: 80px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  margin: -40px auto 0;
}
.guestList {
  width: 310px;
  height: 98px;
  background: #16182a;
  font-family: PingFangSC-Semibold;
  font-size: 46px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 98px;
  margin: 140px auto 0;
}
.inconList {
  width: 1100px;
  height: 351px;
  margin: 10px auto 0;
  display: flex;
}
.iconBox {
  width: 260px;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon {
  cursor: pointer;
  width: 309.5px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}
.icon1 {
  width: 200px;
  height: 200px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-min1.png?t=1615519720937");
  background-size: 100% 100%;
}
.icon1:hover {
  width: 260px;
  height: 260px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-max1.png?t=1615965071067");
  background-size: 100% 100%;
}
.icon2 {
  width: 200px;
  height: 200px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-min2.png?t=1615519720937");
  background-size: 100% 100%;
}
.icon2:hover {
  width: 260px;
  height: 260px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-max2.png?t=1615965071067");
  background-size: 100% 100%;
}
.icon3 {
  width: 200px;
  height: 200px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-min3.png?t=1615519720937");
  background-size: 100% 100%;
}
.icon3:hover {
  width: 260px;
  height: 260px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-max3.png?t=1615965071067");
  background-size: 100% 100%;
}
.icon4 {
  width: 200px;
  height: 200px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-min4.png?t=1615519720937");
  background-size: 100% 100%;
}
.icon4:hover {
  width: 260px;
  height: 260px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/icon-max4.png?t=1615965071067");
  background-size: 100% 100%;
}
.icon_intro {
  font-size: 32px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: right;
  text-align: center;
}

.swiper-button-prev {
  top: 145px !important;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/arrow-normal.png");
  background-size: 100% 100%;
  transform: rotate(180deg);
}
.swiper-button-prev:hover {
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/arrow-hover.png");
}
.swiper-button-next {
  top: 145px !important;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/arrow-normal.png");
  background-size: 100% 100%;
}
.swiper-button-next:hover {
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/arrow-hover.png");
}
.swiper-button-disabled {
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/arrow-disabled.png") !important;
  background-size: 100% 100%;
}
.swiper-button-prev::after {
  display: none;
}
.swiper-button-next::after {
  display: none;
}
.lunbo {
  width: 1200px;
  margin: 80px auto 100px;
  position: relative;
}
.firstSwiper {
  width: 1090px;
}

.swiperContent {
  width: 1090px;
  display: flex !important;
  margin: 0 auto;
}
.item {
  cursor: pointer;
  height: 350px;
  margin-right: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.item img {
  width: 334px;
  height: 253px;
  border: 6px solid black;
}
.imgInfo {
  width: 340px;
  max-width: 350px;
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #ffffff;
  text-align: center;
}
.swiper-wrapper-style {
  height: 408px !important;
}
.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  margin: 0 6px !important;
  background-color: black !important;
}
.swiper-pagination-bullet-active {
  background-color: #ff4000 !important;
}
/* 隐藏观看指南 - 展示时，页面高度需改成4700px */
.guideContent {
  display: none;
  position: relative;
  width: 1200px;
  height: auto;
  margin: 140px auto 0;
}
.changeBtn {
  position: absolute;
  width: 779px;
  height: 112px;
  top: 616px;
  left: 56px;
  cursor: pointer;
}
.changeBtns {
  display: none;
  position: absolute;
  width: 779px;
  height: 112px;
  top: 616px;
  left: 56px;
}
.eventGuide {
  width: 1200px;
  height: auto;
  display: block;
}
.eventNotice {
  display: none;
  width: 1200px;
  height: auto;
  margin: 110px auto 0;
}
.eventNotice img {
  width: 100%;
}
.pastContent {
  width: 1200px;
  margin: 150px auto 0;
}
.pastTitle {
  width: 302px;
  height: 98px;
  margin: 0 auto;
  display: block;
}
.pastVideo {
  width: 1200px;
}
.pastVideoHide {
  display: none;
}
.interview {
  display: none;
  width: 1200px;
}
.pastVideoTitle {
  width: 410px;
  height: 45px;
  display: block;
  margin: 73px auto 0;
}
.secondSwiper {
  margin-top: 60px;
  width: 1200px;
  height: 490px;
}
.pastListVideo {
  display: flex;
  justify-content: space-between;
}
.pastItem {
  width: 570px;
  height: 396px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pastItem img {
  width: 558px;
  height: 308px;
  border: 6px solid #000000;
}
.imgInfos {
  width: 560px;
  max-width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFangSC-Medium;
  font-size: 34px;
  color: #ffffff;
  text-align: center;
}
.playerBtn {
  position: absolute;
  cursor: pointer;
  width: 98px;
  height: 98px;
  top: 50%;
  left: 50%;
  margin: -85px 0 0 -49px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/player-btn.png");
  background-size: 100% 100%;
}
.playerBtn:hover {
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/player-hover.png");
}
.classicTitle {
  width: 342px;
  height: 53px;
  display: block;
  margin: 73px auto 0;
}
.checkMore {
  font-family: PingFangSC-Medium;
  font-size: 28px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin: 80px auto 80px;
}
.checkMore:hover {
  color: #ff4000;
}
.shareTitle {
  width: 335px;
  height: 53px;
  margin: 110px auto 0;
  display: block;
}
.thirdSwiper {
  margin-top: 60px;
  width: 1200px;
  height: 540px;
}
.pastListImg {
  display: flex;
  justify-content: space-between;
}
.pastImgItem {
  width: 561px;
  height: 425px;
  border: 6px solid #000000;
}
.pastImgItem img {
  width: 100%;
  height: 100%;
}
.thanks {
  display: none;
  width: 1173px;
  height: 341px;
  margin: 150px auto 0;
}
/* .thanks:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
} */
.partnerTitle {
  display: block;
  width: 494px;
  height: 98px;
  margin: 0 auto;
}
.partnerList {
  width: 1173px;
  height: 163px;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-between;
}
.partnerItem {
  width: 163px;
  height: 163px;
  border-radius: 50%;
  background: #ffffff;
  border: 5px solid #000000;
}
.gogoupFooter {
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 322px;
}
.gogoupFooter img {
  width: 520px;
  height: 46px;
}
.tabFixed {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  background: black;
  height: 106px;
  z-index: 9999;
}
.tabList {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: space-evenly;
}
.tabItem {
  cursor: pointer;
  width: 193px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab5 {
  width: 120px;
}
.tabIcon {
  width: 27px;
  height: 27px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/dot.png");
  background-size: 100% 100%;
}
.tabIconHover {
  width: 27px;
  height: 27px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/dot-check.png");
  background-size: 100% 100%;
}
.tabText {
  font-family: PingFangSC-Semibold;
  font-size: 36px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
}

.subscribe {
  z-index: 9999;
  display: none;
  position: fixed;
  z-index: 999;
  width: 300px;
  height: 340px;
  top: 60%;
  left: 50%;
  margin-top: -165px;
  margin-left: -150px;
  border: 4px solid black;
  background: #fff;
  text-align: center;
}

.subTitle {
  padding-top: 20px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #010101;
  letter-spacing: 0;
  text-align: center;
}
.subTips {
  font-size: 16px;
  color: #010101;
  letter-spacing: 0;
  text-align: center;
  line-height: 25px;
}
.subQrcode {
  width: 175px;
  height: 175px;
  margin: 20px auto 15px;
}
.subQrcode img {
  width: 100%;
}
.subClose {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 30px;
  height: 30px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/sub-close.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.subClose:hover {
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/sub-close-hover.png");
  background-size: 100% 100%;
}
.livePage {
  display: none;
  width: 100%;
  height: 2300px;
  min-height: 2300px;
  background-image: url("https://public-static.zcool.com.cn/special-resource/youknow/assets/img/content-bgs.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 3200px;
}
.liveVideo {
  width: 1130px;
  height: 1200px;
  padding: 40px 35px 35px;
  background: #fff;
  border: 3px solid black;
  margin: 0 auto;
}
.liveTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.liveName {
  font-family: PingFangSC-Semibold;
  font-size: 42px;
  color: #000000;
  letter-spacing: 0;
}
.liveTime {
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
}
.liveBtn {
  background: #ff4e02;
  border: 4px solid #000000;
  border-radius: 10px;
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  width: 191px;
  height: 65px;
  line-height: 65px;
  cursor: pointer;
}
.liveBtn:hover {
  color: #fff;
}
.liveBtns {
  display: none;
  background: #979797;
  border: 4px solid #000000;
  border-radius: 10px;
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  width: 191px;
  height: 65px;
  line-height: 65px;
  cursor: pointer;
}
.liveContent {
  margin-top: 30px;
  display: flex;
  width: 1126px;
  border: 2px solid black;
  background-size: 100% 100%;
  background-position: center;
}
.live_player {
  width: 900px;
  height: 600px;
}
.live_chat {
  width: 300px;
  height: 600px;
}
.liveMan {
  margin-top: 30px;
}
.manTitle {
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
}
.manList {
  display: flex;
  flex-flow: column;
}
.manItem {
  margin-top: 30px;
  display: flex;
}
.manIntro {
  display: flex;
}
.manImg {
  border: 1px solid #000000;
  width: 105px;
  height: 105px;
}
.manName {
  margin-top: 10px;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  max-width: 140px;
  overflow: hidden;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.manText {
  margin-left: 15px;
  width: 430px;
  height: 146px;
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  line-height: 36px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.manWorks {
  display: flex;
  margin-left: 30px;
}
.workTitle {
  display: flex;
  align-items: center;
  width: 29px;
  font-family: PingFangSC-Medium;
  font-size: 22px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
}
.workImg {
  width: 221px;
  height: 166px;
  margin-left: 24px;
  border: 1px solid #979797;
}
.liveImg {
  /*更改 */
  display: none;
  width: 1200px;
  height: auto;
  margin: 182px auto 0;
}
.liveImg img {
  width: 100%;
}
.yyxq {
  display: none;
  width: 284px;
  height: 70px;
  line-height: 70px;
  margin: 58px auto 0;
  background: #ff4e02;
  border: 4px solid #000000;
  border-radius: 10px;
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}
.yyxq:hover {
  color: #fff;
}
.yyxqs {
  display: none;
  width: 284px;
  height: 70px;
  line-height: 70px;
  margin: 58px auto 0;
  background: #979797;
  border: 4px solid #000000;
  border-radius: 10px;
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
}
.wqhg {
  /* display: none; */
  width: 403px;
  height: 98px;
  line-height: 98px;
  margin: 150px auto 0;
  background: #16182a;
  font-family: PingFangSC-Semibold;
  font-size: 46px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
}
.wqlunbo {
  /* display: none; */
  width: 1300px;
  margin: 0 auto;
  position: relative;
}
.videoListVideo {
  display: flex !important;
  justify-content: space-between;
}
.videoItem {
  width: 570px;
  height: 435px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.videoItem img {
  width: 558px;
  height: 308px;
  border: 6px solid #000000;
}
.videoImgInfos {
  display: flex;
  align-items: center;
  margin-top: 20px;
  height: 95px;
  width: 560px;
  max-width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFangSC-Medium;
  font-size: 34px;
  color: #ffffff;
  text-align: center;
}
.jiabin {
  width: 140px;
}