body {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  background-color: #f4f4f4;
}
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;
}
.contaner {
  width: 100%;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/%E8%83%8C%E6%99%AF.png?version=0.687148169744564) !important;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 99;
}
.banner {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
.banner img {
  visibility: hidden;
  width: 100%;
  height: auto;
  z-index: 0;
}
.containerContent {
  width: 100%;
  min-width: 1380px;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.containerContent .modal1 {
  display: block;
  margin-top: -120px;
  width: 700px;
  height: 500px;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/modal1-bg.png?version=0.28610538149973586);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.containerContent .modal1 .informExhibition {
  position: relative;
  width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.containerContent .modal1 .informExhibition .swiper-container {
  margin-top: 200px;
  width: 550px;
  margin-left: -60px;
  margin-right: 0px;
}
.containerContent .modal1 .informExhibition .swiper-container .swiper-slide {
  width: 390px;
  height: 250px;
  margin-left: 20px;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/blue.png?version=0.005297343333337201);
  background-size: 100% 100%;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .avator {
  margin-top: 10px !important;
  margin-left: 20px !important;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .avator
  img {
  margin-top: 10px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  border-width: 1px;
  border-color: black;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .avator
  img:hover {
  border: 1px #7ad6fd solid;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .avator
  span {
  line-height: 45px;
  color: #f4f4f4;
  font-size: 18px;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .avator
  span:hover {
  color: #7ad6fd;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .text {
  color: #f4f4f4;
  width: 340px;
  margin-left: 20px;
  margin-top: 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .works {
  position: absolute;
  right: 30px;
  bottom: 10px;
  text-decoration: underline;
  text-decoration-color: #f4f4f4;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .works
  a {
  font-weight: 400;
  color: #f4f4f4;
}
.containerContent
  .modal1
  .informExhibition
  .swiper-container
  .swiper-slide
  .works
  a:hover {
  color: #7ad6fd;
}
.containerContent .modal2 {
  margin-top: 51px;
  width: 700px;
  height: 560px;
  background-size: 100% 100%;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/part2.png?version=0.42987509496830945);
  background-repeat: no-repeat;
}
.containerContent2 {
  width: 100%;
  min-width: 1380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.containerContent2 .modal3 {
  margin-top: 51px;
  width: 700px;
  height: 787px;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/part%203.png?version=0.9541464942675382);
  background-size: 100% 100%;
}
.containerContent2 .modal4 {
  margin-top: 51px;
  width: 700px;
  height: 670px;
  background-image: url(https://img.zcool.cn/event-resource/beijingyueye/assets/img/wecom-temp-41285989e536ba90deb0b1e615f04852.png?version=0.583682160823749);
  background-size: 100% auto;
}
.footer {
  width: 100%;
  height: 135px;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/bottom-zcool.png?version=0.8488882851129027);
  background-size: 100% auto;
  z-index: 999;
}
.modal5 {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  height: 300px;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/buttom.png?version=0.4630863860487775);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
  min-width: 1380px;
}
.modal6 {
  width: 100%;
  z-index: 9999;
  height: 300px;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/buttom.png?version=0.4630863860487775);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
}
.swiper-button-prev {
  margin-top: 30px;
  margin-left: -20px;
  background-size: 100% 100%;
  color: rgba(0, 0, 0, 0) !important;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/unclicke-l.png?version=0.7350766604227397);
}
.swiper-button-prev:hover {
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/clicked-l.png?version=0.4825770589461935);
}
.swiper-button-next {
  margin-top: 30px;
  margin-right: 20px;
  background-size: 100% 100%;
  color: rgba(0, 0, 0, 0) !important;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/unclick-r.png?version=0.8163527359061895);
}
.swiper-button-next:hover {
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/clicked-r.png?version=0.2356174696022677);
}
.navFloat {
  display: none;
  position: fixed;
  z-index: 99999;
  right: 0;
  top: 230px;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  display: none;
}
.navFloat .introduce {
  width: 181px;
  height: 50px;
  background-repeat: no-repeat;
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/unclickIntroduce.png?version=0.6021509717651532);
}
.navFloat .introduce:hover {
  background-image: url(https://img.zcool.cn/special-resource/kuyankuyu1/assets/img/introduce.png?version=0.1287215679686955);
}
.zcool-treetop {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/*# sourceMappingURL=index.5c837c57.css.map*/