body {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
}
img {
  display: inline-block;
  vertical-align: bottom;
}
#body {
  width: 100%;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
.banner_video {
  display: block;
  width: 100%;
}
.bannerWrap {
  width: 100%;
}
.bannerWrap .banner-img {
  width: 100%;
}
.mainWrapper {
  height: 7920px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/contentBg-two.png?version=0.590809210081298);
  background-size: center;
  background-position: center 0;
}
.mainWrapper .content1 {
  height: 2830px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
.mainWrapper .content1 .modal1 {
  position: absolute;
  top: 86px;
  width: 2560px;
  height: 556px;
  overflow: hidden;
}
.mainWrapper .content1 .modal1 .swiper-conntainer .centerBanner .swiper-slide {
  width: 1100px;
  height: 556px;
}
.mainWrapper
  .content1
  .modal1
  .swiper-conntainer
  .centerBanner
  .swiper-slide
  img {
  width: 100%;
  height: 100%;
}
.mainWrapper .content1 .modal1 .swiper-button-prev {
  position: absolute;
  top: 232px;
  left: 663px;
  width: 56px;
  height: 76px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/pre.png?version=0.9869293515205566);
  background-size: 100% 100%;
  color: rgba(0, 0, 0, 0) !important;
}
.mainWrapper .content1 .modal1 .swiper-button-next {
  position: absolute;
  top: 232px;
  right: 663px;
  width: 56px;
  height: 76px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/next.png?version=0.8053907287572535);
  background-size: 100% 100%;
  color: rgba(0, 0, 0, 0) !important;
}
.mainWrapper .content1 .modal2 {
  position: absolute;
  top: 850px;
  width: 1130px;
  height: 1000px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/modal2Two-bg.png?version=0.15743083139438196);
  background-size: 100% 100%;
}
.mainWrapper .content1 .modal3 {
  position: absolute;
  top: 1900px;
  width: 1100px;
  height: 925px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/modal3Two-bg.png?version=0.5128005635928903);
  background-size: 100% 100%;
}
.mainWrapper .content1 .modal3 .leftList {
  margin-top: 228px;
  margin-left: 25px;
}
.mainWrapper .content1 .modal3 .leftList .leftItem {
  width: 185px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/itemTwo-bg.png?version=0.912116861393228);
  background-size: 100% 100%;
  font-weight: 600;
  font-size: 34px;
  margin-bottom: 18px;
}
.mainWrapper .content1 .modal3 .leftList .leftItem:hover {
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/itemHoverTwo-bg.png?version=0.9679944919524659);
}
.mainWrapper .content1 .modal3 .rightList {
  position: absolute;
  top: 250px;
  left: 286px;
  height: 50px;
}
.mainWrapper .content1 .modal3 .rightList li {
  float: left;
  bottom: 0;
  height: 49px;
  text-align: center;
  line-height: 49px;
  font-weight: 600;
  font-size: 35px;
  margin-right: 81px;
}
.mainWrapper .content1 .modal3 .rightList li:hover {
  color: #ff6500;
}
.mainWrapper .content1 .modal3 .specileCard {
  width: 840px;
  height: 550px;
  margin-top: -414px;
  margin-left: 228px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.mainWrapper .content1 .modal3 .specileCard::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 14px;
  background-color: #ffd94d !important;
}
.mainWrapper .content1 .modal3 .specileCard::-webkit-scrollbar {
  width: 13px;
  border-radius: 14px;
  background-color: #ffe68c;
}
.mainWrapper .content1 .modal3 .specileCard .item {
  width: 378px;
  height: 192px;
  margin-left: 26px;
  margin-bottom: 26px;
  position: relative;
}
.mainWrapper .content1 .modal3 .specileCard .item img {
  position: relative;
  width: 378px;
  margin-bottom: 26px;
  height: 192px;
  border: 2px solid #000000;
}
.mainWrapper .content1 .modal3 .specileCard .item img:hover {
  opacity: 0.6;
  background: #fff;
}
.mainWrapper .content1 .modal3 .specileCard .item .stage {
  position: absolute;
  left: 14px;
  top: -193px;
  color: #fff;
  width: 53px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  border-radius: 3px;
  background-color: #000;
}
.mainWrapper .content1 .modal3 .specileCard .itemButton {
  display: inline-block;
  width: 375px;
  height: 192px;
  margin-left: 26px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/button.png?version=0.5704548882226759);
  background-position: 100% 30%;
  background-repeat: no-repeat;
  background-size: 100% 53%;
}
.mainWrapper .content1 .modal3 .specileCard .itemButton:hover {
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/postbg.png?version=0.045596918402821096);
}
.mainWrapper .content2 {
  height: 5090px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
.mainWrapper .content2 .modal4To5 {
  position: absolute;
  width: 1102.75px;
  height: 2401px;
  margin-top: 110px;
}
.mainWrapper .content2 .modal4To5 .modal4 {
  width: 1102.75px;
  height: 880px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/modal4Two-bg.png?version=0.5432798029073278);
  background-size: 100% 100%;
}
.mainWrapper .content2 .modal4To5 .modal4 .swiper-conntainer {
  padding-top: 340px;
  margin-left: 58px;
  width: 1040px;
  overflow: hidden;
  height: 450px;
}
.mainWrapper .content2 .modal4To5 .modal4 .swiper-conntainer .centerBanner {
  width: 1040px;
  height: 450px;
}
.mainWrapper
  .content2
  .modal4To5
  .modal4
  .swiper-conntainer
  .centerBanner
  .swiper-slide {
  width: 1040px;
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mainWrapper
  .content2
  .modal4To5
  .modal4
  .swiper-conntainer
  .centerBanner
  .swiper-slide
  .rItem {
  display: block;
  width: 196px;
  height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mainWrapper
  .content2
  .modal4To5
  .modal4
  .swiper-conntainer
  .centerBanner
  .swiper-slide
  .rItem
  img {
  text-align: center;
  margin: 0 auto;
  width: 142px;
  height: 142px;
  border-radius: 50%;
  margin-bottom: 8px;
  border: 2px solid #000000;
}
.mainWrapper
  .content2
  .modal4To5
  .modal4
  .swiper-conntainer
  .centerBanner
  .swiper-slide
  .rItem
  span {
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  font-size: 28px;
  height: 30px;
  width: 173px;
  line-height: 30px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mainWrapper
  .content2
  .modal4To5
  .modal4
  .swiper-conntainer
  .centerBanner
  .swiper-slide
  .rItem
  span:hover {
  color: #ff8e00;
}
.mainWrapper .content2 .modal4To5 .modal5 {
  width: 1130px;
  height: 1760px;
  margin-top: 110px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/modal5Two-bg.png?version=0.7991087450004615);
  background-size: 100% 100%;
}
.mainWrapper .content2 .modal4To5 .modal5 .swiper-conntainer {
  width: 1040px;
  height: 1670px;
  overflow: hidden;
  margin: 0 auto;
}
.mainWrapper .content2 .modal4To5 .modal5 .swiper-conntainer .swiper-slide {
  margin-top: 304px;
  margin-right: 26px;
  margin-right: -3.4px;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .works {
  display: inline-block;
  margin-top: 26px;
  margin-left: 25px;
  border-radius: 16px;
  width: 309px;
  height: 313px;
  background-color: #fff;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .works
  .workImg {
  width: 272px;
  height: 270px;
  display: block;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .works
  .workImg
  img {
  width: 272px;
  height: 204px;
  margin-top: 20px;
  margin-left: 20px;
  border-radius: 8px;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .works
  .workImg
  img:hover {
  opacity: 0.6;
  background-color: #333333;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .works
  .workImg
  span {
  margin-left: 20px;
  margin-top: 10px;
  width: 272px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .works
  .workImg
  span:hover {
  color: #ff7a00;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .peoples {
  display: block;
  margin-left: 20px;
  margin-top: -25px;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .peoples
  img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .peoples
  span {
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #333333;
}
.mainWrapper
  .content2
  .modal4To5
  .modal5
  .swiper-conntainer
  .swiper-slide
  .peoples
  span:hover {
  color: #ff7a00;
}
.mainWrapper .content2 .modal4To5 .modal6 {
  position: absolute;
  top: 2970px;
  width: 1100px;
  height: 1762px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/modal6Two-bg.png?version=0.47976255875366514);
  background-size: 100% 100%;
}
.mainWrapper .content2 .footerEvent {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  height: auto;
}
.mainWrapper .content2 .footerEvent img {
  width: 100%;
  height: auto;
}
.navFloat {
  z-index: 10;
  position: fixed;
  right: 0;
  top: 230px;
  width: 175px;
  height: 350px;
}
.navFloat .navItem {
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 59px;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #000;
  background-size: 100% 100%;
  margin-bottom: 8px;
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/navItemTwo-bg.png?version=0.8674009527587865);
  background-size: 100% 100%;
}
.navFloat .navItem:hover {
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/navItemHoverTwo-bg.png?version=0.8041445292298262);
  background-size: 100% 100%;
  color: #ff6b00;
}
.floatBox {
  text-align: center;
  display: block;
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 800;
  height: auto;
}
.floatBox img {
  width: 100%;
  height: auto;
}
.floatBox:hover {
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/footerEventTwo-hover.png?version=0.09143472637795846);
  background-size: 100% 100%;
}
.active1 {
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/itemHoverTwo-bg.png?version=0.9734395628281325) !important;
}
.active2 {
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/text-decoration.png?version=0.7913375960407247) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 40% !important;
  background-position: bottom !important;
  color: #000 !important;
}
.active3 {
  background-image: url(https://img.zcool.cn/special-resource/activitycollection/assets/img/twoContent.png?version=0.19688385089378602) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 40% !important;
  background-position: bottom !important;
  color: #000 !important;
}
.informBox {
  display: none;
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  background-color: rgba(51, 51, 51, 0.699);
}
.informBox .imgBox {
  position: absolute;
  width: 400px;
  height: 209px;
  left: 50%;
  top: 50%;
  margin-left: -200px;
  margin-top: -104px;
}
.informBox .imgBox img {
  width: 400px;
  height: 209px;
}
.informBox .imgBox .imgButton {
  position: absolute;
  width: 199px;
  height: 46px;
  line-height: 46px;
  bottom: 33.9px;
  left: 101px;
  background: #ffe300;
  font-size: 22px;
  text-align: center;
  border: 1px solid #000000;
  border-radius: 10px;
}
.informBox .imgBox .imgButton:hover {
  background: #ffb800;
}
.informBox .imgBox .delet {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  left: 400px;
  top: -36px;
}
.footer {
  width: 100%;
  display: block;
  height: auto;
}
.footer img {
  width: 100%;
  height: auto;
}

/*# sourceMappingURL=index.b54be070.css.map*/