@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-Light.ttf");
}

body {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC",
    "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑",
    STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}
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;
}
.more_Person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.more_Person .more_text .chi {
  font-family: SourceHanSansSC-Regular;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  text-align: right;
}
.more_Person .more_text .eng {
  font-family: "Montserrat";
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  text-align: right;
}
.more_Person .icon_person {
  margin-left: 10px;
  height: 37px;
  line-height: 37px;
}
.more_Person .icon_person img {
  width: 30px;
  height: auto;
  vertical-align: middle;
}
.more_Person:hover .icon_person img {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.container {
  min-width: 1440px;
  width: 100vw;
  overflow: hidden;
}
.container .topnav {
  min-width: 1440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 3.515vw;
  line-height: 3.515vw;
  padding: 0 63px;
  background: #fff;
  width: 100vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .topnav .logo_left {
  width: 5.54vw;
}
.container .topnav .logo_right {
  height: 1.64vw;
}

@media screen and (max-width: 1438px) {
  .topnav {
    width: 1280px !important;
    height: 90px !important;
    line-height: 90px !important;
    margin: auto;
  }
  .topnav ul {
    width: 100% !important;
  }
  .topnav ul li {
    width: 86px !important;
  }
  .logo_left,
  .logo_right {
    display: none;
  }
  .topnav li a {
    font-size: 14px !important;
    line-height: 90px;
  }
}

.container .topnav .logo_left img {
  width: 100%;
  vertical-align: middle;
  margin: 1.23vw auto;
}
.container .topnav .logo_right img {
  height: 100%;
  vertical-align: middle;
  margin: 0.96vw auto;
}
.container .topnav a {
  font-family: "SourceHanSansSC-Regular", "pingfang sc";
  font-size: 0.7vw;
  color: #000000;
}
.container .topnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 39.57vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 3.515vw;
}
.container .topnav ul li {
  width: 3.35vw;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.container .topnav ul li a:after,
.container .topnav ul li.active a:after {
  position: absolute;
  content: "";
  height: 4px;
  display: block;
  left: 0;
  bottom: 0px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 0;
  z-index: 100;
}
.container .topnav ul li:nth-child(1):hover a:after,
.container .topnav ul li.active:nth-child(1) a:after {
  background: #1dffb0;
  width: 100%;
}
.container .topnav ul li:nth-child(2):hover a:after,
.container .topnav ul li.active:nth-child(2) a:after {
  background: #ff7e6c;
  width: 100%;
}
.container .topnav ul li:nth-child(3):hover a:after,
.container .topnav ul li.active:nth-child(3) a:after {
  width: 100%;
  background: #27c9ff;
}
.container .topnav ul li:nth-child(4):hover a:after,
.container .topnav ul li.active:nth-child(4) a:after {
  width: 100%;
  background: #ffff64;
}
.container .topnav ul li:nth-child(5):hover a:after,
.container .topnav ul li.active:nth-child(5) a:after {
  width: 100%;
  background: #35ffca;
}
.container .topnav ul li:nth-child(6):hover a:after,
.container .topnav ul li.active:nth-child(6) a:after {
  width: 100%;
  background: #039eff;
}
.container .topnav ul li:nth-child(7):hover a:after,
.container .topnav ul li.active:nth-child(7) a:after {
  width: 100%;
  background: #ff8100;
}
.container .bgs1 {
  /* width: 100vw;
  height: 43.98vw;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/di.jpg?v=10")
    no-repeat top;
  background-size: 100%; */
  position: relative;
}
.container .bgs1 .address {
  position: absolute;
  top: 14.84vw;
  right: 7.53vw;
  width: 29.64vw;
  z-index: 1;
}
.container .bgs1 .texta {
  position: absolute;
  bottom: 1.758vw;
  right: 7.53vw;
  width: 38.8vw;
  z-index: 1;
}
.container .bgs1 .textb {
  position: absolute;
  bottom: 1.758vw;
  left: 6.64vw;
  width: 28.12vw;
  z-index: 1;
}
.container .bgs1 .textc {
  position: absolute;
  top: 2.8vw;
  left: 6.64vw;
  width: 39.453vw;
}
.container .bgs1 .cube5 {
  position: absolute;
  top: 4.14vw;
  right: 41.4vw;
  width: 6.76vw;
  -webkit-animation: cube5_move 7s infinite;
  animation: cube5_move 7s infinite;
}
.container .bgs1 .cube2 {
  position: absolute;
  top: 4.6875vw;
  right: 9.8828125vw;
  width: 3.71vw;
  -webkit-animation: cube2_move 5s infinite;
  animation: cube2_move 5s infinite;
}
.container .bgs1 .cube3 {
  position: absolute;
  top: 17.96875vw;
  left: 10.78125vw;
  width: 11.445vw;
  -webkit-animation: cube3_move 10s infinite;
  animation: cube3_move 10s infinite;
}
.container .bgs1 .cube4 {
  position: absolute;
  top: 2.734375vw;
  right: 18.9453125vw;
  width: 14.0625vw;
  -webkit-animation: cube4_move 11s infinite;
  animation: cube4_move 11s infinite;
}
.container .bgs1 .cube1 {
  position: absolute;
  top: 11.09375vw;
  left: 30.859375vw;
  width: 32.65625vw;
  -webkit-animation: cube1_move 9s infinite;
  animation: cube1_move 9s infinite;
}
.container .bgs1 .bgs1bj {
  width: 100%;
}
.container .bgs2 {
  height: 1000px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/1.jpg?v=10")
    no-repeat top;
  background-size: 2560px auto;
  padding-top: 49px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs2 .box2 {
  width: 1487px;
  height: 902px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/liangdian.png?v=10")
    no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
}
.container .bgs2 .box2 .prev {
  width: 507px;
  margin: 231px 0 0 518px;
  position: relative;
}
.container .bgs2 .box2 .prev li {
  width: 169px;
  height: 195px;
  position: absolute;
}
.container .bgs2 .box2 .prev li img {
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  position: relative;
}
.container .bgs2 .box2 .prev li .move {
  -webkit-animation: mymove 1s;
  animation: mymove 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.container .bgs2 .box2 .prev li .delay1 {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important;
}
.container .bgs2 .box2 .prev li .delay2 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important;
}
.container .bgs2 .box2 .prev li .delay3 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important;
}
.container .bgs2 .box2 .prev li .delay4 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important;
}
.container .bgs2 .box2 .prev li .delay5 {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important;
}
.container .bgs2 .box2 .prev li .delay6 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important;
}
.container .bgs2 .box2 .prev li .delay7 {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important;
}
.container .bgs2 .box2 .prev li:nth-child(1) {
  top: 0px;
  -webkit-animation: name duration timing-function delay iteration-count
    direction fill-mode;
  animation: name duration timing-function delay iteration-count direction
    fill-mode;
}
.container .bgs2 .box2 .prev li:nth-child(2) {
  top: 195px;
}
.container .bgs2 .box2 .prev li:nth-child(3) {
  top: 390px;
}
.container .bgs2 .box2 .prev li:nth-child(4) {
  left: 168px;
  top: 97.5px;
}
.container .bgs2 .box2 .prev li:nth-child(5) {
  left: 168px;
  top: 292.5px;
}
.container .bgs2 .box2 .prev li:nth-child(6) {
  left: 336px;
  top: 194.5px;
}
.container .bgs2 .box2 .prev li:nth-child(7) {
  left: 336px;
  top: 390px;
}

.container .bgs4,
.container .bgs5 {
  display: none;
}
.container .live_Wrapper {
  position: relative;
  height: 1000px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/2.jpg?v=10")
    no-repeat top;
  background-size: 2560px 100%;
  display: none;
}
.container .live_Wrapper .live_bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1333.7px;
  height: 964px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/web-live-bg.png?v=10")
    no-repeat top;
  background-size: 100% 100%;
  margin: -53px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 313.2px 0 0 142px;
}
.container .live_Wrapper .live_content {
  width: 1040px;
  height: 585px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/web-live-jqqd.png?v=10")
    no-repeat top;
  background-size: 100% 100%;
}
.container .bgs3 {
  height: 1160px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/2.jpg?v=11")
    no-repeat top;
  background-size: 2560px 100%;
  padding-top: 1px;
}
.container .bgs3 .box3 {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  width: 1333.7px;
  height: 1100px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/quanchenghuigu.png?v=13")
    no-repeat top;
  background-size: 100% 100%;
  margin: -53px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 314.2px 0 0 142px;
}
.container .bgs3 .box3 .videoWrapper {
  width: 1100px;
  height: 619px;
  background-color: #fff;
}
.container .bgs3 .box3 .videoWrapper1 {
  display: block;
}
.container .bgs3 .box3 .videoWrapper2 {
  display: none;
}
.container .bgs3 .box3 .videoFooter {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.container .bgs3 .box3 .videoFooter .btn {
  cursor: pointer;
  width: 540px;
  height: 95px;
  text-align: center;
  line-height: 95px;
  font-size: 32px;
  background-color: #f3f3f3;
}
.container .bgs3 .box3 .videoFooter .btn:hover {
  background-color: #0eff9f;
}
.container .bgs3 .box3 .videoFooter .btn1 {
  background-color: #02fdff;
  margin-right: 20px;
}
.container .bgs3 .box3 .videoFooter .btn2 {
  background-color: #0eff9f;
  margin-left: 20px;
}
.container .bgs3 .box3 .other_Theme {
  margin-left: 15px;
}
.container .bgs3 .box3 .other_Theme li {
  width: 263.3px;
  height: 133px;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
.container .bgs3 .box3 .other_Theme li a {
  width: 100%;
  height: 100%;
}
.container .bgs3 .box3 .other_Theme li a img {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease 0s;
}
.container .bgs3 .box3 .other_Theme li a .cover {
  width: 263.3px;
  height: 133px;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute;
  top: 0;
}
.container .bgs3 .box3 .other_Theme li a .dec_Title {
  font-family: "Montserrat", "PingFang-SC";
  font-size: 40px;
  line-height: 40px;
  font-weight: lighter;
}
.container .bgs3 .box3 .other_Theme li a .dec_text {
  font-family: "Montserrat", "PingFang-SC";
  font-size: 20px;
  line-height: 20px;
  margin-top: 10px;
  font-weight: lighter;
}
.container .bgs3 .box3 .other_Theme li a .dec {
  height: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #fff;
  display: none;
}
.container .bgs3 .box3 .other_Theme li:hover a img {
  transform: scale(1.5);
}
.container .bgs3 .box3 .other_Theme li:hover .cover {
  display: block;
}
.container .bgs3 .box3 .other_Theme li:hover .dec {
  display: block;
}

.container .bgs4_new {
  height: 3466px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/3.jpg?v=10")
    no-repeat top;
  background-size: 2560px 1000px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs4_new .box4_new1 {
  width: 1359px;
  position: relative;
  height: 3466px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/box4_new1.png?v=11")
      no-repeat top,
    url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/box4_new2.png?v=11")
      no-repeat bottom;
  background-size: 100% 1969px, 100% 1497px;
  margin: 0px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 250.5px;
  padding-left: 146px;
  z-index: 1;
}

.box4_new1 .part1 {
  position: absolute;
  left: 62px;
  top: 250px;
  width: 60px;
  height: 522px;
}
.box4_new1 .part2 {
  position: absolute;
  left: 62px;
  top: 1264px;
  width: 60px;
  height: 522px;
}
.box4_new1 .part3 {
  position: absolute;
  left: 62px;
  top: 2215px;
  width: 60px;
  height: 522px;
}

.box4_new1_item {
  display: flex;
  margin-left: 10px;
  cursor: pointer;
}
.box4_new1_item:hover .icon {
  transform: scale(1.5);
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon1 {
  margin-top: -7px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon2 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon3 {
  margin-top: 52px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon4 {
  margin-top: 30px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon5 {
  margin-top: 50px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon6 {
  margin-top: 52px;
  visibility: hidden;
  cursor: unset;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon7 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon8 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon9 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon10 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon11 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon12 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon13 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon14 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon15 {
  margin-top: 30px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon16 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon17 {
  margin-top: 54px;
}
.container .bgs4_new .box4_new1 .box4_new1_item .icon18 {
  margin-top: 48px;
}
.box4_new1_content1 {
  width: 506px;
  height: 76px;
  object-fit: contain;
  margin-bottom: 30px;
}
.box4_new1_content2 {
  width: 389px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 17px;
}
.box4_new1_content3 {
  width: 698px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 10px;
}
.box4_new1_content4 {
  width: 844px;
  height: 221px;
  object-fit: contain;
  margin-bottom: 32px;
}
.box4_new1_content5 {
  width: 499px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 18px;
}
.box4_new1_content6 {
  width: 552px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 75px;
}

.box4_new1_content7 {
  width: 396px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 16px;
}
.box4_new1_content8 {
  width: 452px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box4_new1_content9 {
  width: 431px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box4_new1_content10 {
  width: 428px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box4_new1_content11 {
  width: 491px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 10px;
}
.box4_new1_content12 {
  width: 955px;
  height: 226px;
  object-fit: contain;
  margin-bottom: 50px;
}

.box4_new1_content13 {
  width: 471px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box4_new1_content14 {
  width: 536px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box4_new1_content15 {
  width: 451px;
  height: 97px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box4_new1_content16 {
  width: 428px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box4_new1_content17 {
  width: 569px;
  height: 118px;
  object-fit: contain;
  margin-bottom: 10px;
}
.box4_new1_content18 {
  width: 1025px;
  height: 224.5px;
  object-fit: contain;
  margin-bottom: 56px;
}

.box4_new1_content20 {
  width: 662px;
  height: 299px;
  object-fit: contain;
  margin-left: 46px;
}

.container .bgs4 {
  height: 1548px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/3.jpg?v=10")
    no-repeat top;
  background-size: 2560px 1000px;
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs4 .box4 {
  width: 1359px;
  position: relative;
  height: 1548px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/lt.png?v=11")
    no-repeat top;
  background-size: 100% 100%;
  margin: -150px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 357.5px 0 0 0px;
  z-index: 1;
}
.container .bgs4 .box4 .person_Now {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1200px;
  padding: 0 0 0 64px;
}
.container .bgs4 .box4 .person_Now li {
  width: 165px;

  margin-right: 38px;
  margin-top: 60px;
}
.container .bgs4 .box4 .person_Now li:nth-child(n + 7) {
  margin-top: 50px;
}
.container .bgs4 .box4 .person_Now li img {
  width: 100%;
}
.container .bgs4 .box4 .person_Now li:nth-child(6n) {
  margin-right: 0px;
}
.container .bgs4 .box4 .person_prev_Wrapper {
  width: 1200px;
  position: absolute;
  bottom: 62px;
  top: auto;
}
.container .bgs4 .box4 .person_prev_Wrapper .more_text {
  margin: 0 0 59px auto;
}
.container .bgs4 .box4 .person_prev_Wrapper > .wrapper {
  width: 1200px;
  overflow: hidden;
}
.container .bgs4 .box4 .person_prev_Wrapper > .wrapper .person_prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.container .bgs4 .box4 .person_prev_Wrapper > .wrapper .person_prev li {
  width: 168px;
  height: 170px;
  margin-right: 32px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.container .bgs4 .box4 .person_prev_Wrapper > .wrapper .person_prev li img {
  width: 100%;
  height: 100%;
}
.container .bgs4 .backdround {
  height: 399px;
  position: relative;
  background: url(https://img.zcool.cn/special-resource/cube2021/first/assests/img/4.jpg?v=10)
    no-repeat top;
  background-size: 2560px 1000px;
  z-index: 0;
  margin-top: -249px;
}
.container .bgs5 {
  height: 1641px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/4.jpg?v=10")
    no-repeat top;
  background-size: 2560px 1000px;
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -397px;
}
.container .bgs5 .box5 {
  width: 1322px;
  position: relative;
  height: 1244px;
  margin: 286px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs5 .box5 img {
  width: 100%;
  height: 998px;
}
.container .bgs5 .box5 .yhps {
  height: auto;
  margin-top: 66px;
}
.container .bgs6 {
  height: 997px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/5.jpg?v=10")
    no-repeat top;
  background-size: 2560px 997px;
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*margin-top: -276px;*/
  margin-top: -140px;
}
.container .bgs6 .box6 {
  width: 1360.7px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/zixun.png?v=10")
    no-repeat top;
  background-size: 100% auto;
  position: relative;
  height: 703px;
  margin: 242px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 262.6px;
}
.container .bgs6 .box6 img {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease 0s;
}
.container .bgs6 .box6 .more_Person {
  width: 1200px;
  margin: auto;
}
.container .bgs6 .box6 .more_Person .more_text {
  margin: 0 0 0 auto;
}
.container .bgs6 .box6 .more_Person img {
  height: 18.2px;
}
.container .bgs6 .box6 .more_Person .icon_person img {
  width: 30px;
}
.container .bgs6 .box6 .news {
  margin: 73.2px auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1200px;
}
.container .bgs6 .box6 .news li {
  width: 286px;
}
.container .bgs6 .box6 .news li .news_cover {
  width: 100%;
  height: 214.5px;
  overflow: hidden;
}

.container .bgs6 .box6 .news li .news_cover:hover a img {
  transform: scale(1.1);
}
.container .bgs6 .box6 .news li .title {
  width: 286px;
  font-family: PingFang-SC-Medium;
  margin-top: 13.5px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .bgs6 .box6 .news li .title a {
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .bgsjj {
  height: 32800px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/6.jpg?v=10")
    no-repeat top;
  background-size: 2560px 1000px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -290px;
}
.container .bgsjj .bgsjjBox {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 556px;
  width: 1333.7px;
  height: 1333px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/moments.png?v=13")
    no-repeat top;
  background-size: 100% 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transform: translateY(362px);
  text-align: center;
}
.container .bgsjj .bgsjjBox .img {
  width: 1100px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.container .bgs7 {
  display: none;
  height: 1000px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/6.jpg?v=10")
    no-repeat top;
  background-size: 2560px 1000px;
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs7 .box7 {
  width: 1421px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/goupiao.png?v=10")
    no-repeat top;
  background-size: 100% auto;
  position: relative;
  height: 773.5px;
  margin: 25px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 262px;
}
.container .bgs7 .box7 img {
  width: 100%;
  height: auto;
}
.container .bgs7 .box7 .tikets {
  width: 1041px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
.container .bgs7 .box7 .tikets li {
  position: relative;
  width: 246px;
}
.container .bgs7 .box7 .tikets li .qr_code {
  position: absolute;
  top: 0;
  left: 0%;
  right: 0;
  width: 107px;
  height: 107px;
  background-color: #000000;
  margin: 142.8px auto 0 auto;
}
.container .bgs8 {
  display: none;
  height: 1000px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/7.jpg?v=10")
    no-repeat top;
  background-size: 2560px 1000px;
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs8 .box8 {
  width: 1368px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/map.png?v=10")
    no-repeat top;
  background-size: 100% auto;
  position: relative;
  height: 901.5px;
  margin: -159px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs8 .box8 img {
  width: 100%;
  height: 100%;
}
.container .bgs9 {
  height: 2328.5px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/8.jpg?v=10")
    no-repeat top;
  background-size: 2560px 1350.5px;
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs9 .box9 {
  width: 1350.9px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/hzhb.png?v=17")
    no-repeat top;
  background-size: 100% auto;
  position: relative;
  height: 2223px;
  margin: 120px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs9 .box9 img {
  width: 100%;
  height: 100%;
}
.container .bgs10 {
  height: 1160px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/9.jpg?v=10")
    no-repeat top;
  background-size: 2560px 865px;
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs10 .box10 {
  width: 1239px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/lxfs.png?v=10")
    no-repeat top;
  background-size: 100% auto;
  position: relative;
  height: 742px;
  margin: 172px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .bgs10 .box10 img {
  width: 100%;
  height: 100%;
}
.container .bgs10 .logo_bottom {
  width: 100%;
  height: 58px;
  margin: 100px auto 80px auto;
}
.container .bgs10 .logo_bottom img {
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: block;
}
@-webkit-keyframes mymove {
  from {
    top: -50px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes mymove {
  from {
    top: -50px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes cube5_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -1vw);
    transform: translate(0px, -1vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes cube5_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -1vw);
    transform: translate(0px, -1vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes cube2_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 0.5vw);
    transform: translate(0px, 0.5vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes cube2_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 0.5vw);
    transform: translate(0px, 0.5vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes cube3_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(10px, 1vw);
    transform: translate(10px, 1vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes cube3_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(10px, 1vw);
    transform: translate(10px, 1vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes cube4_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-10px, -1.5vw);
    transform: translate(-10px, -1.5vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes cube4_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-10px, -1.5vw);
    transform: translate(-10px, -1.5vw);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes cube1_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 2.5vw);
    transform: translate(0px, 2.5vw);
  }
  100% {
    -webkit-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
  }
}
@keyframes cube1_move {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 2.5vw);
    transform: translate(0px, 2.5vw);
  }
  100% {
    -webkit-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
  }
}

.prism-player {
  background-color: transparent !important;
}

.prism-player .prism-big-play-btn {
  width: 72px !important;
  height: 83px !important;
  background: url(https://img.zcool.cn/special-resource/cube2021/first/assests/img/play.png?v=10)
    center no-repeat !important;
  background-size: 100% 100% !important;
  cursor: pointer;
}

.shareBox {
  position: fixed;
  right: 10px;
  top: 0;
  bottom: 0%;
  margin: auto 0;
  height: 226px;
  z-index: 20;
  opacity: 0;
}
.shareBox li {
  // margin-top: 5px;
}
.shareBox li .share01 {
  width: 70px;
}
.shareBox li .share01 .imgLiveWrapper {
  position: relative;
}
.shareBox li .share01 .imgLiveWrapper .imgLive {
  width: 70px;
  height: auto;
  cursor: pointer;
}
.shareBox li .share01 .imgLiveWrapper .imgLive:hover + .imgLiveShow {
  opacity: 1;
  display: block;
  -webkit-animation: 1s ease;
  animation: 1s ease;
}
.shareBox li .share01 .imgLiveWrapper .imgLiveShow {
  opacity: 0;
  display: none;
  width: 105px;
  height: 119px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/zhiboewm.png?v=10")
    no-repeat center;
  background-size: 100%;
  position: absolute;
  top: -22px;
  right: 70px;
}
.shareBox li .share01 .imgLiveWrapper .imgLiveShow .jiathis_button_imgLive {
  display: block;
  width: 60px;
  height: 60px;

  margin: 30px auto;
}

.shareBox li .share02 .wechatzc {
  position: relative;
}
.shareBox li .share02 .wechatzc .jiathis_button_showImg {
  width: 70px;
  cursor: pointer;
}
.shareBox li .share02 .wechatzc .jiathis_button_showImg img {
  width: 70px;
  height: auto;
}
.shareBox li .share02 .wechatzc .jiathis_button_showImg:hover + .wechatShow {
  opacity: 1;
  -webkit-animation: 1s ease;
  animation: 1s ease;
}
.shareBox li .share02 .wechatzc .wechatShow {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  width: 110px;
  height: 128px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/weixinewm.png?v=12")
    no-repeat center;
  background-size: 100%;
  position: absolute;
  top: -26px;
  right: 74px;
}
.shareBox li .share02 .wechatzc .wechatShow .jiathis_button_weixin {
  display: block;
  width: 60px;
  height: 60px;
  border: 5px solid #fff;
  margin: 30px auto;
}

.shareBox li .share03 .sinazc .jiathis_button_tsina {
  width: 70px;
  cursor: pointer;
}
.shareBox li .share03 .sinazc .jiathis_button_tsina img {
  width: 70px;
  height: auto;
}

.shareBox li .share04 .wechatzc {
  position: relative;
}
.shareBox li .share04 .wechatzc .jiathis_button_showImg {
  width: 70px;
  cursor: pointer;
}
.shareBox li .share04 .wechatzc .jiathis_button_showImg img {
  width: 70px;
  height: auto;
}
.shareBox li .share04 .wechatzc .jiathis_button_showImg:hover + .wechatShow {
  opacity: 1;
  -webkit-animation: 1s ease;
  animation: 1s ease;
}
.shareBox li .share04 .wechatzc .wechatShow {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  width: 110px;
  height: 128px;
  background: url("https://img.zcool.cn/special-resource/cube2021/first/assests/img/guanzhu-hover.png?v=11")
    no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 0px;
  right: 74px;
}
.shareBox li .share04 .wechatzc .wechatShow .jiathis_button_weixin {
  display: block;
  width: 60px;
  height: 60px;

  margin: 30px auto;
}

.sidebar-fixed-wrapper {
  position: fixed;
  left: 50%;
  bottom: 40px;
  z-index: 10;
}
@media screen and (max-width: 1600px) {
  .sidebar-fixed-wrapper {
    margin-left: 606px;
  }
}
@media screen and (min-width: 1601px) {
  .sidebar-fixed-wrapper {
    margin-left: 700px;
  }
}
.sidebar-fixed-wrapper .sidebar-fixed_box {
  width: 50px;
  height: 50px;
  margin-top: 10px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.back-to-top {
  background-color: #dddddd;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZGNDRCMDUzQUZDRTExRTZBM0MxRUE1MDJCQURBMUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZGNDRCMDU0QUZDRTExRTZBM0MxRUE1MDJCQURBMUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkY0NEIwNTFBRkNFMTFFNkEzQzFFQTUwMkJBREExQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkY0NEIwNTJBRkNFMTFFNkEzQzFFQTUwMkJBREExQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7PJl6MAAAAmUlEQVR42mL4//8/Aw6sBsQHoTRWNbg06gPxi/8QAKINiNVsBcTvoRrfQun3UHG8mt2B+CtUwyog5oHS/6Hi7rg0hwDxT6jC2UDMDBUH0XOg4iD5UHTNyUD8B6qgG4gZ0VwE4vdA5f9A1YM1FwPxP6hENZ7QZ4DK/4eqLwYJdADxXyDOIqARhrOg6jtgTjIjUiMMg9QzAgQYANxouJaSk05sAAAAAElFTkSuQmCC);
  display: none;
}
/*# sourceMappingURL=index.b2905104.css.map*/