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

body {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}
img {
  display: inline-block;
  vertical-align: bottom;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
.container {
  width: 100%;
}
.bannerWrap {
  width: 100%;
  position: relative;
}
.bannerWrap .banner_video {
  width: 100%;
  min-width: 1200px;
  height: auto;
  -o-object-fit: fill;
  object-fit: fill;
  display: block;
}
.bannerWrap .bannerBtn {
  cursor: pointer;
  position: absolute;
  width: 10vw;
  height: 10vw;
  left: 22.69vw;
  top: 20.23vw;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/uploadBtu01.png?version=0.8763496743098789);
  background-size: 100% 100%;
  -webkit-animation: changeright 6s linear infinite;
  animation: changeright 6s linear infinite;
}
.bannerWrap .bannerBtn:hover {
  -webkit-animation: breath 2s linear infinite;
  animation: breath 2s linear infinite;
}
.navWrapper {
  position: fixed;
  z-index: 9;
  right: 0;
  top: 63px;
  width: 180px;
}
.navWrapper .nav_li {
  text-align: center;
  line-height: 56px;
  width: 100%;
  height: 56px;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  background: linear-gradient(67.81deg, #ffb89e 16.44%, #ff6b8b 85.51%);
}
.navWrapper .nav_li:hover {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}
.navWrapper .nav_li a {
  color: #ffffff;
}
.navWrapper .active {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}
.mainWrapper {
  width: 100%;
}
.mainWrapper .mainContent {
  position: relative;
  width: 100%;
  height: 5878px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/background01.jpg?version=Cm2);
  background-repeat: no-repeat;
  background-size: 2560px auto;
  background-position: center 0;
}
.mainWrapper .mainContent .modal1 {
  position: absolute;
  top: 80px;
  width: 1100px;
  height: 921px;
  left: 50%;
  margin-left: -550px;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mainWrapper .mainContent .modal1 .uploadNowText {
  position: absolute;
  top: 563px;
  width: 868px;
  height: 288px;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 48px;
  text-align: justify;
  color: #9665cb;
}

.mainWrapper .mainContent .modal1 .uploadNowText .uploadNowBtu {
  cursor: pointer;
  font-weight: 700;
  font-size: 30px;
  line-height: 48px;
  text-align: justify;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #562f8f;
}

.mainWrapper .mainContent .modal1 .uploadNowText .uploadNowBtu:hover {
  color: #ef70b0;
}

.mainWrapper .mainContent .modal1 .checkActivityRule {
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 781px;
  width: 310px;
  height: 70px;
  background: linear-gradient(179.67deg, #ffa8bb 0.37%, #a259ff 99.8%);
  -webkit-box-shadow: inset 0px 0px 11px #ffffff;
  box-shadow: inset 0px 0px 11px #ffffff;
  border-radius: 100px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #aa61ff;
}

.mainWrapper .mainContent .modal1 .checkActivityRule:hover {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}

.mainWrapper .mainContent .modal2 {
  position: absolute;
  width: 1100px;
  height: 1343px;
  left: 50%;
  margin-left: -550px;
  top: 1101px;
  border-radius: 30px;
}

.mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip01 {
  left: 170px;
  top: 246px;
  position: absolute;
  width: 160px;
  height: 51.42px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip10e.png?version=Cm2)
    no-repeat;
  background-size: 100% 100%;
}

.mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip1 {
  left: 170px;
  top: 246px;
  position: absolute;
  width: 160px;
  height: 51.42px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip10.png?version=Cm2)
    no-repeat;
  background-size: 100% 100%;
}

/* .mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip1:hover {
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip11.png?version=Cm2)
} */

.mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip02 {
  left: 470px;
  top: 246px;
  position: absolute;
  width: 160px;
  height: 51.42px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip20e.png?version=0.5827909643556715)
    no-repeat;
  background-size: 100% 100%;
}
.mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip2 {
  left: 470px;
  top: 246px;
  position: absolute;
  width: 160px;
  height: 51.42px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip20.png?version=0.5277935746014812)
    no-repeat;
  background-size: 100% 100%;
}

/* .mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip2:hover {
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip21.png?version=Cm2)
} */

.mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip03 {
  left: 770px;
  top: 246px;
  position: absolute;
  width: 160px;
  height: 51.42px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip30e.png?version=Cm2)
    no-repeat;
  background-size: 100% 100%;
}
.mainWrapper .mainContent .modal2 .modal2BarBox .modal2BarTip3 {
  left: 770px;
  top: 246px;
  position: absolute;
  width: 160px;
  height: 51.42px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2BarTip30.png?version=Cm2)
    no-repeat;
  background-size: 100% 100%;
}
.mainWrapper .mainContent .modal2 .modal2BarBox .modal2Bar {
  position: absolute;
  width: 900px;
  height: 40px;
  left: 100px;
  top: 334px;
}
.mainWrapper .mainContent .modal2 .noOpenMoneyBtu {
  position: absolute;
  width: 310px;
  height: 70px;
  left: 395px;
  top: 428px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal2openMoneyBtu0.png?version=Cm2)
    no-repeat;
  background-size: 100% 100%;
}
.mainWrapper .mainContent .modal2 .OpenMoneyBtu {
  border: 0;
  cursor: pointer;
  position: absolute;
  width: 310px;
  height: 70px;
  left: 395px;
  top: 428px;
  background: linear-gradient(179.67deg, #ffa8bb 0.37%, #a259ff 99.8%);
  -webkit-box-shadow: inset 0px 0px 11px #ffffff;
  box-shadow: inset 0px 0px 11px #ffffff;
  border-radius: 100px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #aa61ff;
}
.mainWrapper .mainContent .modal2 .OpenMoneyBtu:hover {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}
.mainWrapper .mainContent .modal2 .checkMyPrize {
  cursor: pointer;
  position: absolute;
  height: 33px;
  left: 796px;
  top: 528px;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 33px;
  text-align: center;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #562f8f;
}
.mainWrapper .mainContent .modal2 .checkMyPrize:hover {
  color: #ff178c;
}
.mainWrapper .mainContent .modal3 {
  position: absolute;
  width: 1100px;
  height: 1356px;
  left: 50%;
  margin-left: -550px;
  top: 2544px;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mainWrapper .mainContent .modal3 .modal31 {
  display: none;
  position: absolute;
  top: 152px;
  width: 978px;
  height: 288px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal31Box.png?version=Cm2);
  background-size: 100% 100%;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-container {
  margin-top: 70px;
  margin-left: 80px;
  width: 825px;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-slide {
  width: 165px;
  height: 190px;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-slide .card {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-slide .card .peopleImg {
  width: 118px;
  height: 118px;
  border: 1px solid #9e4ffc;
  -webkit-filter: drop-shadow(0px 7px 10px rgba(222, 168, 249, 0.27));
  filter: drop-shadow(0px 7px 10px rgba(222, 168, 249, 0.27));
  border-radius: 60px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-slide .card .peopleTip {
  margin-top: 10px;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-slide .card .peopleTip p {
  color: #562f8f;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-slide .card .peopleTip span {
  width: 130px;
  font-weight: 600;
  color: #562f8f;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mainWrapper
  .mainContent
  .modal3
  .modal31
  .swiper-slide
  .card:hover
  .peopleImg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.mainWrapper
  .mainContent
  .modal3
  .modal31
  .swiper-slide
  .card:hover
  .peopleTip
  span {
  color: #ae64ff;
}
.mainWrapper
  .mainContent
  .modal3
  .modal31
  .swiper-slide
  .card:hover
  .peopleTip
  p {
  color: #ae64ff;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-button-prev {
  color: transparent !important;
  left: 30px !important;
  width: 37px;
  height: 43px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal31left0.png?version=Cm2)
    no-repeat;
  background-size: 37px 43px;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-button-prev:hover {
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal31left1.png?version=Cm2);
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-button-next {
  color: transparent !important;
  right: 30px !important;
  width: 37px;
  height: 43px;
  background: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal31right0.png?version=Cm2)
    no-repeat;
  background-size: 37px 43px;
}
.mainWrapper .mainContent .modal3 .modal31 .swiper-button-next:hover {
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal31right1.png?version=Cm2);
}
.mainWrapper .mainContent .modal3 .modal32Title {
  display: none;
  position: absolute;
  top: 500px;
  width: 269px;
  height: 61px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal32Title.png?version=Cm2);
  background-size: 100% 100%;
}
.mainWrapper .mainContent .modal3 .modal32 {
  position: absolute;
  top: 100px;
  left: 50px;
}
.mainWrapper .mainContent .modal3 .modal32 .workLists {
  width: 1000px;
  height: auto;
  /* max-height: 605px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-x: hidden;
}
.mainWrapper .mainContent .modal3 .modal32 .workLists .workCard {
  margin-top: 24px;
  margin-left: 14px;
  width: 235px;
  height: 278.5px;
}
.mainWrapper .mainContent .modal3 .modal32 .workLists .workCard .cardImg {
  width: 235px;
  height: 178.5px;
  background: #cacaca;
  border-radius: 5px 5px 0px 0px;
  background-size: 100% 100% !important;
}
.mainWrapper .mainContent .modal3 .modal32 .workLists .workCard .cardInfom {
  width: 235px;
  height: 100px;
  border-radius: 0px 0px 5px 5px;
  background-color: #ffffff;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom1 {
  margin-left: 6px;
  height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom1
  .workTitle {
  font-size: 13.2px;
  margin-top: 7px;
  width: 100%;
  display: inline-block;
  float: left;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom2 {
  margin-top: 9px;
  display: block;
  font-size: 11.5px;
  color: #bbbbbb;
  margin-left: 6px;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom2
  .view {
  margin-right: 9px;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom2
  .view:before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDE3IDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMjk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGVza3RvcC1IRCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzOS4wMDAwMDAsIC0xNDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJDbGlwLTIiIHBvaW50cz0iMzQ3LjAzOTUgMTUyLjQyMTcgMzU1LjA3OSAxNTIuNDIxNyAzNTUuMDc5IDE0MC45OTk4OTMgMzM5LjAwMDAwMSAxNDAuOTk5ODkzIDMzOS4wMDAwMDEgMTUyLjQyMTcgMzQ3LjAzOTUgMTUyLjQyMTciPjwvcG9seWdvbj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTI5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzkuMDAwMDAwLCAxNDEuMDAwMDAwKSIgZmlsbD0iI0M3QzdDNyI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC4zMTU5MjgyMSwxMS4yODgwMDgzIEM1LjEyNjE5NjI5LDExLjIyMDg0MTcgMi4zMDEyMTY2MSw5LjIzNjE3NSAxLjA2OTUxNzAxLDYuMjI5OTI1IEMyLjMxODEzMjY1LDMuMDc5NTkxNjcgNS4zNjgzMDcxOSwxLjAxNTg0MTY3IDguNjgzODUyMjEsMS4wODUxNzUgQzExLjg3MzU4NDEsMS4xNTM0MjUgMTQuNjk5NjIxMSwzLjEzNzAwODMzIDE1LjkzMDI2MzQsNi4xNDMyNTgzMyBDMTQuNjgxNjQ3OCw5LjI5MzU5MTY3IDExLjYzODg3NCwxMS4zNTUxNzUgOC4zMTU5MjgyMSwxMS4yODgwMDgzIE0xNi45Njg0ODU3LDUuODYwNTA4MzMgQzE1LjYwNjc0NCwyLjM3ODY3NSAxMi4zNjQxNDk1LDAuMDc5ODQxNjY2NyA4LjcwNDk5NzI2LDAuMDAxODQxNjY2NjcgQzQuODk1NzE1MTYsLTAuMDc4MzI1IDEuNDEyMDY2OTQsMi4zMTA0MjUgMC4wMzM0MDkxOTQ4LDUuOTQ2MDkxNjcgQy0wLjAwMTQ4MDE1MDAzLDYuMDM3MDkxNjcgLTAuMDAyNTM3NDAyOSw2LjEzMDI1ODMzIDAuMDExMjA2ODg0NSw2LjIyMDE3NSBDLTAuMDA1NzA5MTYxNTIsNi4zMTY1OTE2NyAtMC4wMDY3NjY0MTQzOSw2LjQxNTE3NSAwLjAzMTI5NDY4OTEsNi41MTI2NzUgQzEuMzkxOTc5MTQsOS45OTQ1MDgzMyA0LjYzNTYzMDk1LDEyLjI5MzM0MTcgOC4yOTM3MjU5LDEyLjM3MTM0MTcgQzguMzU3MTYxMDcsMTIuMzcyNDI1IDguNDE5NTM4OTksMTIuMzczNTA4MyA4LjQ4MDg1OTY1LDEyLjM3MzUwODMgQzEyLjIxNjEzNDEsMTIuMzczNTA4MyAxNS42MDk5MTU4LDEwLjAwMzE3NSAxNi45Njc0Mjg1LDYuNDI3MDkxNjcgQzE3LjAwMTI2MDYsNi4zMzYwOTE2NyAxNy4wMDIzMTc4LDYuMjQyOTI1IDE2Ljk4OTYzMDgsNi4xNTMwMDgzMyBDMTcuMDA1NDg5Niw2LjA1NjU5MTY3IDE3LjAwNjU0NjgsNS45NTgwMDgzMyAxNi45Njg0ODU3LDUuODYwNTA4MzMiIGlkPSJGaWxsLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjU0MTg2MjUsOC40MDM1MjUgQzcuMzQzMzYyNSw4LjQwMzUyNSA2LjM2Nzk4NzUsNy40MDkwMjUgNi4zNjc5ODc1LDYuMTg3MDI1IEM2LjM2Nzk4NzUsNC45NjM5NDE2NyA3LjM0MzM2MjUsMy45Njk0NDE2NyA4LjU0MTg2MjUsMy45Njk0NDE2NyBDOS43NDE0MjUsMy45Njk0NDE2NyAxMC43MTY4LDQuOTYzOTQxNjcgMTAuNzE2OCw2LjE4NzAyNSBDMTAuNzE2OCw3LjQwOTAyNSA5Ljc0MTQyNSw4LjQwMzUyNSA4LjU0MTg2MjUsOC40MDM1MjUgTTguNTQxODYyNSwyLjg4NjEwODMzIEM2Ljc1Njg2MjUsMi44ODYxMDgzMyA1LjMwNTQ4NzUsNC4zNjcwMjUgNS4zMDU0ODc1LDYuMTg3MDI1IEM1LjMwNTQ4NzUsOC4wMDU5NDE2NyA2Ljc1Njg2MjUsOS40ODY4NTgzMyA4LjU0MTg2MjUsOS40ODY4NTgzMyBDMTAuMzI2ODYyNSw5LjQ4Njg1ODMzIDExLjc3OTMsOC4wMDU5NDE2NyAxMS43NzkzLDYuMTg3MDI1IEMxMS43NzkzLDQuMzY3MDI1IDEwLjMyNjg2MjUsMi44ODYxMDgzMyA4LjU0MTg2MjUsMi44ODYxMDgzMyIgaWQ9IkZpbGwtNCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
    no-repeat 0 4px;
  background-size: 16px auto;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom2
  .comment {
  margin-right: 9px;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom2
  .comment:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 5px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDE1IDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+6K+E6K66PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIxNC45NzE3ODU5IDEzIDAgMTMgMCAwIDE0Ljk3MTc4NTkgMCAxNC45NzE3ODU5IDEzIj48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGVza3RvcC1IRCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyMS4wMDAwMDAsIC0xNDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIxLjAwMDAwMCwgMTQxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0yIj48L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMy4wOTI4NzExNiwxLjAzMzQ2ODQ4IEMxLjk1NzA4OTMsMS4wMzM0Njg0OCAxLjAzMzE2ODQ4LDEuOTU3Mzg5MyAxLjAzMzE2ODQ4LDMuMDkzMTcxMTYgTDEuMDMzMTY4NDgsOC4zODE0MjkzNyBDMS4wMzMxNjg0OCw5LjUxNzIxMTIzIDEuOTU3MDg5MywxMC40NDExMzIgMy4wOTI4NzExNiwxMC40NDExMzIgTDUuNjI2OTM1ODcsMTAuNDQxMTMyIEM1Ljc0Nzg1MTY4LDEwLjQ0MTEzMiA1Ljg2NTY2NzA5LDEwLjQ4MzUwNDMgNS45NTg2NzkyNSwxMC41NjEwMTQ0IEw3LjQ1NjE3NTA4LDExLjgxNDYxMTcgTDkuMDI0OTgwMjMsMTAuNTU0ODEzNiBDOS4xMTY5NTg5MiwxMC40ODA0MDM4IDkuMjMwNjQwNDYsMTAuNDQxMTMyIDkuMzQ4NDU1ODYsMTAuNDQxMTMyIEwxMS44Nzk0MjAyLDEwLjQ0MTEzMiBDMTMuMDE1MjAyLDEwLjQ0MTEzMiAxMy45MzgwODk0LDkuNTE3MjExMjMgMTMuOTM4MDg5NCw4LjM4MTQyOTM3IEwxMy45MzgwODk0LDMuMDkzMTcxMTYgQzEzLjkzODA4OTQsMS45NTczODkzIDEzLjAxNTIwMiwxLjAzMzQ2ODQ4IDExLjg3OTQyMDIsMS4wMzM0Njg0OCBMMy4wOTI4NzExNiwxLjAzMzQ2ODQ4IFogTTcuNDQ5OTc0MjcsMTMgQzcuMzMyMTU4ODYsMTMgNy4yMTQzNDM0NSwxMi45NTk2OTQ3IDcuMTE4MjMwODgsMTIuODc5MDg0MiBMNS40Mzg4NDQ2MSwxMS40NzQ2MDA1IEwzLjA5Mjg3MTE2LDExLjQ3NDYwMDUgQzEuMzg3NjQ4MTcsMTEuNDc0NjAwNSAtMC4wMDAzLDEwLjA4NjY1MjQgLTAuMDAwMyw4LjM4MTQyOTM3IEwtMC4wMDAzLDMuMDkzMTcxMTYgQy0wLjAwMDMsMS4zODc5NDgxNyAxLjM4NzY0ODE3LDAgMy4wOTI4NzExNiwwIEwxMS44Nzk0MjAyLDAgQzEzLjU4NDY0MzIsMCAxNC45NzE1NTc5LDEuMzg3OTQ4MTcgMTQuOTcxNTU3OSwzLjA5MzE3MTE2IEwxNC45NzE1NTc5LDguMzgxNDI5MzcgQzE0Ljk3MTU1NzksMTAuMDg2NjUyNCAxMy41ODQ2NDMyLDExLjQ3NDYwMDUgMTEuODc5NDIwMiwxMS40NzQ2MDA1IEw5LjUzMDM0NjMyLDExLjQ3NDYwMDUgTDcuNzczNDQ5OSwxMi44ODYzMTg1IEM3LjY3OTQwNDI3LDEyLjk2MTc2MTcgNy41NjQ2ODkyNywxMyA3LjQ0OTk3NDI3LDEzIEw3LjQ0OTk3NDI3LDEzIFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNDN0M3QzciIG1hc2s9InVybCgjbWFzay0yKSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTI3IiBtYXNrPSJ1cmwoI21hc2stMikiIGZpbGw9IiNDN0M3QzciPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMjAwMDEyLCA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41MTEyLDEuNTI1NiBDMi41MTEyLDIuMDc3NiAyLjA2MzIsMi41MjU2IDEuNTExMiwyLjUyNTYgQzAuOTU5MiwyLjUyNTYgMC41MTEyLDIuMDc3NiAwLjUxMTIsMS41MjU2IEMwLjUxMTIsMC45NzM2IDAuOTU5MiwwLjUyNTYgMS41MTEyLDAuNTI1NiBDMi4wNjMyLDAuNTI1NiAyLjUxMTIsMC45NzM2IDIuNTExMiwxLjUyNTYiIGlkPSJGaWxsLTQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMjM3NCwxLjUyNTYgQzYuMjM3NCwyLjA3NzYgNS43ODk0LDIuNTI1NiA1LjIzNzQsMi41MjU2IEM0LjY4NTQsMi41MjU2IDQuMjM3NCwyLjA3NzYgNC4yMzc0LDEuNTI1NiBDNC4yMzc0LDAuOTczNiA0LjY4NTQsMC41MjU2IDUuMjM3NCwwLjUyNTYgQzUuNzg5NCwwLjUyNTYgNi4yMzc0LDAuOTczNiA2LjIzNzQsMS41MjU2IiBpZD0iRmlsbC02Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4wNDY5LDEuNTI1NiBDMTAuMDQ2OSwyLjA3NzYgOS41OTg5LDIuNTI1NiA5LjA0NjksMi41MjU2IEM4LjQ5NDksMi41MjU2IDguMDQ2OSwyLjA3NzYgOC4wNDY5LDEuNTI1NiBDOC4wNDY5LDAuOTczNiA4LjQ5NDksMC41MjU2IDkuMDQ2OSwwLjUyNTYgQzkuNTk4OSwwLjUyNTYgMTAuMDQ2OSwwLjk3MzYgMTAuMDQ2OSwxLjUyNTYiIGlkPSJGaWxsLTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
    no-repeat 0 2px;
  background-size: 16px auto;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom2
  .recomment {
  margin-right: 9px;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom2
  .recomment:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 5px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+6LWePC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIxMy44MTE5IDE0IDAgMTQgMCAwLjQxOSAxMy44MTE5IDAuNDE5IDEzLjgxMTkgMTQiPjwvcG9seWdvbj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXNrdG9wLUhEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzAwLjAwMDAwMCwgLTE0MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAwLjAwMDAwMCwgMTM5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjU4MTEwMCkiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMiI+PC9nPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjczNDksNS43MjE0IEMxLjc3NzksNS43MjE0IDAuOTk5OSw2LjQ5OTQgMC45OTk5LDcuNDU2NCBMMC45OTk5LDExLjI2NTQgQzAuOTk5OSwxMi4yMjE0IDEuNzc3OSwxMy4wMDA0IDIuNzM0OSwxMy4wMDA0IEwxMS4wNzY5LDEzLjAwMDQgQzEyLjAzMzksMTMuMDAwNCAxMi44MTE5LDEyLjIyMTQgMTIuODExOSwxMS4yNjU0IEwxMi44MTE5LDcuNDU2NCBDMTIuODExOSw2LjQ5OTQgMTIuMDMzOSw1LjcyMTQgMTEuMDc2OSw1LjcyMTQgTDkuNTY2OSw1LjcyMTQgQzkuNDA4OSw1LjcyMTQgOS4yNTk5LDUuNjQ2NCA5LjE2NTksNS41MTk0IEM5LjA3MDksNS4zOTE0IDkuMDQyOSw1LjIyNzQgOS4wODg5LDUuMDc1NCBDOS42MzY5LDMuMjc2NCA5LjUwNzksMi4yNzA0IDkuMzgxOSwxLjgzMDQgQzkuMzQxOSwxLjcxMTQgOC45NjA5LDEuMzg1NCA4LjU1MjksMS40MjE0IEM4LjAwNzksMS40Njk0IDcuODEyOSwyLjI0NTQgNy43NDU5LDIuNzAzNCBDNy4zODE5LDUuMTY0NCA1LjM4NjksNS42ODU0IDUuMzAxOSw1LjcwNjQgQzUuMjYxOSw1LjcxNjQgNS4yMjE5LDUuNzIxNCA1LjE4MTksNS43MjE0IEwyLjczNDksNS43MjE0IFogTTExLjA3NjksMTQuMDAwNCBMMi43MzQ5LDE0LjAwMDQgQzEuMjI2OSwxNC4wMDA0IC0wLjAwMDEsMTIuNzczNCAtMC4wMDAxLDExLjI2NTQgTC0wLjAwMDEsNy40NTY0IEMtMC4wMDAxLDUuOTQ4NCAxLjIyNjksNC43MjE0IDIuNzM0OSw0LjcyMTQgTDUuMTA5OSw0LjcyMTQgQzUuMzYzOSw0LjYzNzQgNi41MTc5LDQuMTcwNCA2Ljc1NTksMi41NTY0IEM3LjAyODksMC43MTY0IDguMDY3OSwwLjQ1MTQgOC41MDE5LDAuNDIyNCBDOS4zNTc5LDAuMzY1NCAxMC4xNzc5LDAuOTc0NCAxMC4zNDM5LDEuNTU2NCBDMTAuNTExOSwyLjE0NTQgMTAuNjExOSwzLjE1MzQgMTAuMjIzOSw0LjcyMTQgTDExLjA3NjksNC43MjE0IEMxMi41ODQ5LDQuNzIxNCAxMy44MTE5LDUuOTQ4NCAxMy44MTE5LDcuNDU2NCBMMTMuODExOSwxMS4yNjU0IEMxMy44MTE5LDEyLjc3MzQgMTIuNTg0OSwxNC4wMDA0IDExLjA3NjksMTQuMDAwNCBMMTEuMDc2OSwxNC4wMDA0IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNDN0M3QzciIG1hc2s9InVybCgjbWFzay0yKSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuMzA3NCwxMi45ODQxIEMzLjAzMTQsMTIuOTg0MSAyLjgwNzQsMTIuNzYwMSAyLjgwNzQsMTIuNDg0MSBMMi44MDc0LDcuNDAwMSBDMi44MDc0LDcuMTIzMSAzLjAzMTQsNi45MDAxIDMuMzA3NCw2LjkwMDEgQzMuNTgzNCw2LjkwMDEgMy44MDc0LDcuMTIzMSAzLjgwNzQsNy40MDAxIEwzLjgwNzQsMTIuNDg0MSBDMy44MDc0LDEyLjc2MDEgMy41ODM0LDEyLjk4NDEgMy4zMDc0LDEyLjk4NDEiIGlkPSJGaWxsLTQiIGZpbGw9IiNDN0M3QzciPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
    no-repeat;
  background-size: 16px 16px;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom3 {
  margin-top: 16px;
  margin-left: 6px;
  font-size: 11.5px;
  color: #282828;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom3
  .cardPeopleImg {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom3:hover {
  color: #448fee;
}
.mainWrapper
  .mainContent
  .modal3
  .modal32
  .workLists
  .workCard
  .cardInfom
  .cardInfom3:hover
  .cardPeopleImg {
  border: 1px solid #2a65d5;
}
.mainWrapper .mainContent .modal3 .modal32 .workLists .noWorkCard {
  margin-top: 24px;
  margin-left: 14px;
  width: 235px;
  height: 278.5px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/modal32moreWorks.png?version=Cm2);
  background-size: 100% 100%;
}
.mainWrapper .mainContent .modal3 .modal32Btu {
  display: none;
  cursor: pointer;
  position: absolute;
  border: 0;
  left: 395px;
  top: 1234px;
  width: 310px;
  height: 70px;
  -webkit-box-shadow: inset 0px 0px 11px #ffffff;
  box-shadow: inset 0px 0px 11px #ffffff;
  border-radius: 100px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #aa61ff;
  background: linear-gradient(179.67deg, #ffa8bb 0.37%, #a259ff 99.8%);
}
.mainWrapper .mainContent .modal3 .modal32Btu:hover {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}
.mainWrapper .mainContent .modal4 {
  position: absolute;
  width: 1100px;
  height: 739px;
  left: 50%;
  margin-left: -550px;
  top: 4000px;
}
.mainWrapper .mainContent .modal5 {
  position: absolute;
  width: 1100px;
  height: 525px;
  top: 4839px;
  left: 50%;
  margin-left: -550px;
}
.mainWorks {
  width: 100%;
}
.mainWorks .mainWorksContent {
  position: relative;
  width: 100%;
  height: 5878px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/background01.jpg?version=Cm2);
  background-repeat: no-repeat;
  background-size: 2560px 5878px;
  background-position: center 0;
}
.gongshiContent {
  height: 2220px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/background01.jpg?version=Cm2);
  background-repeat: no-repeat;
  background-size: 2560px 5878px;
  background-position: center 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.gongshiContent .courseModal {
  position: relative;
  margin-top: 80px;
  background-color: #fff;
  width: 1140px;
  height: 1790px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gongshiContent .courseModal .total {
  top: 28px;
  position: absolute;
  left: 40px;
  font-weight: 400;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
}
.gongshiContent .courseModal .total span {
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
}
.gongshiContent .courseModal .courseList {
  margin-left: 43px;
  margin-top: 124px;
}
.gongshiContent .courseModal .courseList .workItem {
  width: 244px;
  height: 300.5px;
  display: inline-block;
  margin-right: 21px;
}
.gongshiContent .courseModal .courseList .workItem .workImg {
  width: 244px;
  height: 184px;
  border-radius: 4px 4px 0 0;
  display: block;
}
.gongshiContent .courseModal .courseList .workItem .bottomTitle {
  background-color: #fff;
  border-radius: 4px 4px 4px 4px;
}
.gongshiContent .courseModal .courseList .workItem .title {
  margin-top: 12px;
  margin-left: 12px;
  color: #282828;
  width: 240px;
  height: 20px;
  line-height: 20px;
  font-weight: 400;
  font-size: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}
.gongshiContent .courseModal .courseList .workItem .cardInfom {
  font-size: 12px;
  color: #bbbbbb;
  margin-top: 7px;
  margin-left: 12px;
}
.gongshiContent .courseModal .courseList .workItem .cardInfom .view {
  margin-right: 12px;
}
.gongshiContent .courseModal .courseList .workItem .cardInfom .view img {
  width: 16px;
  height: 16px;
}
.gongshiContent .courseModal .courseList .workItem .cardInfom .comment {
  margin-right: 12px;
}
.gongshiContent .courseModal .courseList .workItem .cardInfom .comment img {
  width: 16px;
  height: 16px;
}
.gongshiContent .courseModal .courseList .workItem .cardInfom .recomment {
  margin-right: 12px;
}
.gongshiContent .courseModal .courseList .workItem .cardInfom .recomment img {
  width: 16px;
  height: 16px;
}
.gongshiContent .courseModal .courseList .workItem .authorInfom {
  top: 10px;
  font-size: 12px;
  position: relative;
  padding: 0 12px 10px;
  color: #000;
}
.gongshiContent .courseModal .courseList .workItem .authorInfom img {
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.gongshiContent .courseModal .mt40 {
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 60px;
}
.gongshiContent .courseModal .laypage_main {
  width: 100%;
  margin: 0;
  text-align: center;
}
.gongshiContent .courseModal .laypageskin_default .laypage_curr {
  font-weight: normal;
  color: #333;
  background: #ffe300;
  border-radius: 4px;
  border: 1px solid #ffe300;
}
.footerLogo {
  position: relative;
  width: 100%;
}
.uploadBtuFloat {
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 9;
  width: 100%;
  min-width: 1200px;
}
.uploadBtuFloat .floatBtu {
  cursor: pointer;
  z-index: 10;
  position: absolute;
  top: 34%;
  width: 15.5%;
  height: 40%;
  border-radius: 5vw;
  border: 0;
  background: linear-gradient(179.67deg, #bc79ff 0.37%, #8e3afa 99.8%);
  -webkit-box-shadow: inset 0px 8.7px 16.4px #ffc9e9;
  box-shadow: inset 0px 8.7px 16.4px #ffc9e9;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 400;
  font-size: 1.9vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #ffffff;
}
.uploadBtuFloat .floatBtu:hover {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}
.activityRuleFolat {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  min-width: 1200px;
  height: 100vh;
  z-index: 99;
  background-color: rgba(48, 48, 48, 0.7);
  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;
}
.activityRuleFolat .activityRuleImg {
  position: absolute;
  width: 450px;
}
.activityRuleFolat .activityRuleImg .activityRuleFolatDel {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -46px;
  top: -46px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/deletIcon.png?version=Cm2);
  background-size: 100% 100%;
}
.inviteFriendsFolat {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  min-width: 1200px;
  height: 100vh;
  z-index: 99;
  background-color: rgba(48, 48, 48, 0.7);
  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;
}
.inviteFriendsFolat .inviteFriendsImg {
  position: absolute;
  width: 400px;
}
.inviteFriendsFolat .inviteFriendsImg .copyCode {
  cursor: pointer;
  position: absolute;
  left: 106px;
  top: 148px;
  width: 189px;
  height: 42.68px;
  border: 0;
  background: linear-gradient(179.67deg, #ffa8bb 0.37%, #a259ff 99.8%);
  -webkit-box-shadow: inset 0px 0px 11px #ffffff;
  box-shadow: inset 0px 0px 11px #ffffff;
  border-radius: 100px;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
.inviteFriendsFolat .inviteFriendsImg .copyCode:hover {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}
.inviteFriendsFolat .inviteFriendsImg .inviteFriendsFolatDel {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -46px;
  top: -46px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/deletIcon.png?version=Cm2);
  background-size: 100% 100%;
}
.myPrizeFolat {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  min-width: 1200px;
  height: 100vh;
  z-index: 99;
  background-color: rgba(48, 48, 48, 0.7);
  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;
}
.myPrizeFolat .myPrizeImg {
  position: absolute;
  width: 400px;
}
.myPrizeFolat .myPrizeImg .prizeTitle {
  width: 280px;
  z-index: 101;
  position: absolute;
  left: 56px;
  top: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  background-color: #ffffff;
}
.myPrizeFolat .myPrizeImg .prizeListsBox {
  position: absolute;
  width: 331px;
  height: 245px;
  overflow-y: auto;
  left: 56px;
  top: 106px;
}
.myPrizeFolat .myPrizeImg .prizeListsBox .prizeLists {
  margin-top: 34px;
  width: 100%;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 167%;
  text-align: justify;
  color: #000000;
}
.myPrizeFolat .myPrizeImg .prizeListsBox .prizeLists .prize {
  width: 275px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.myPrizeFolat .myPrizeImg .addAddress {
  cursor: pointer;
  position: absolute;
  width: max-content;
  left: 50%;
  top: 371px;
  transform: translateX(-50%);
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #9e4ffc;
}
.myPrizeFolat .myPrizeImg .prizeListsBox::-webkit-scrollbar {
  width: 4px !important;
  background: transparent;
}
.myPrizeFolat .myPrizeImg .prizeListsBox::-webkit-scrollbar-thumb {
  border-radius: 2px !important;
  background: #d9d9d9;
}
.myPrizeFolat .myPrizeImg .myPrizeFolatDel {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -46px;
  top: -46px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/deletIcon.png?version=Cm2);
  background-size: 100% 100%;
}
.myInputFolat {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  min-width: 1200px;
  height: 100vh;
  z-index: 99;
  background-color: rgba(48, 48, 48, 0.7);
  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;
}
.myInputFolat .myInputImg {
  position: absolute;
  width: 400px;
}
.myInputFolat .myInputImg .myInputInfoBox {
  position: absolute;
  width: 275px;
  height: 200px;
  left: 95px;
  top: 80px;
}
.myInputFolat .myInputImg .myInputInfoBox .inputBox {
  height: 25px;
  margin-top: 24px;
}
.myInputFolat .myInputImg .myInputInfoBox .inputBox input {
  border: 0px;
  height: 100%;
  background-color: transparent !important;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}
.myInputFolat .myInputImg .clickSubmit {
  cursor: pointer;
  position: absolute;
  width: 220px;
  height: 50px;
  left: 90px;
  top: 386px;
  border: 0;
  background: linear-gradient(179.67deg, #ffa8bb 0.37%, #a259ff 99.8%);
  -webkit-box-shadow: inset 0px 0px 11px #ffffff;
  box-shadow: inset 0px 0px 11px #ffffff;
  border-radius: 100px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #aa61ff;
}
.myInputFolat .myInputImg .clickSubmit:hover {
  background: linear-gradient(272.9deg, #ff7c9c 0%, #ab3bfe 100%);
}
.myInputFolat .myInputImg .unClickSubmit {
  position: absolute;
  width: 220px;
  height: 50px;
  left: 90px;
  top: 386px;
  border: 0;
  background: linear-gradient(179.67deg, #d3a5ff 0.37%, #c191ff 99.8%);
  -webkit-box-shadow: inset 0px 3px 4px #ecdaff;
  box-shadow: inset 0px 3px 4px #ecdaff;
  border-radius: 100px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #aa61ff;
}
.myInputFolat .myInputImg .myInputFolatDel {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -46px;
  top: -46px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/deletIcon.png?version=Cm2);
  background-size: 100% 100%;
}
.openMoneyRain {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  min-width: 1200px;
  height: 100vh;
  z-index: 99;
  background-color: rgba(48, 48, 48, 0.7);
  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;
}
.openMoneyRain .openRainBox {
  width: 1100px;
  text-align: center;
}
.openMoneyRain .openRainBox #clickMask {
  cursor: pointer;
}
.QcodeFloat {
  display: none;
  position: fixed;
  z-index: 9;
  top: 352px;
  right: 43px;
  width: 93px;
  height: 103px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/QcodeBorder.png?version=Cm2);
  background-size: 100% 100%;
}
.QcodeFloat .QcodeImg {
  width: 85px;
  position: absolute;
  left: 4px;
  top: 12px;
}
.showPrizeFloat {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  min-width: 1200px;
  height: 100vh;
  z-index: 99;
  background-color: rgba(48, 48, 48, 0.7);
  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;
}
.showPrizeFloat .showPrizeBox {
  width: 460px;
  position: absolute;
}
.showPrizeFloat .showPrizeBox .showPrizeFloatDel {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -36px;
  top: -46px;
  background-image: url(https://public-static.zcool.com.cn/special-resource/ecommerce/assets/img/deletIcon.png?version=Cm2);
  background-size: 100% 100%;
}
.toastTip {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  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;
}
.toastTip .toastText {
  width: 350px;
  height: 100px;
  font-size: 20px;
  text-align: center;
  line-height: 100px;
  border-radius: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}
@-webkit-keyframes changeright {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes breath {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@media screen and (max-width: 1200px) {
  .uploadBtuFloat .floatBtu {
    font-size: 22px;
  }
}
@media screen and (max-width: 2000px) {
  .mainContent {
    height: 4702.4px !important;
    background-size: 2048px auto !important;
  }
  .mainContent .modal1 {
    top: 30px !important;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .mainContent .modal2 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 840px !important;
  }
  .mainContent .modal3 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 2030px !important;
  }
  .mainContent .modal4 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 3280px !important;
  }
  .mainContent .modal5 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 3990px !important;
  }
}

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