@font-face {
  font-family: "PingFang-SC-Bold";
  src: url(/src/styles/Montserrat-Bold.ttf);
}

@font-face {
  font-family: "PingFang-SC-Regular";
  src: url(/src/styles/Montserrat-Regular.ttf);
}

body {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
}

img {
  display: inline-block;
  vertical-align: bottom;
}

#body {
  width: 100%;
}

video {
  -o-object-fit: fill;
  object-fit: fill;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

input {
  border: 0px;
  height: 26px;
  font-family: "Alibaba PuHuiTi";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}

.banner1 {
  display: block;
  min-width: 1200px;
  width: 100%;
  height: auto;
}

.background1 {
  max-width: none;
  display: block;
  width: 100%;
  height: auto;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

.raceCom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.raceCom .raceComLi {
  width: 589px;
  height: 429px;
  margin: 55px 0 0px;
}

.raceCom .raceComLi:nth-child(1) {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/sd_2_bg.png?version=1002");
  background-size: 100%;
}

.raceCom .raceComLi:nth-child(2) {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/sd_1_bg.png?version=1002");
  background-size: 100%;
}

.raceCom .raceComLi ul {
  padding-top: 92px;
}

.raceCom .raceComLi ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 28px 10px;
}

.raceCom .raceComLi ul li img {
  height: 98px;
}

.popJq {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2002;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popJq.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popJq .popJqConWrap {
  width: 1040px;
  max-height: 90vh;
  position: relative;
}

.popJq .popJqConWrap .myclose {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/myclose.png?v=1002") no-repeat center center;
  background-size: 36px 36px;
  position: absolute;
  right: -18px;
  top: -18px;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  display: block;
  width: 36px;
  height: 36px;
  z-index: 20;
}

.popJq .popJqConWrap .myclose:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  position: absolute;
}

.popJq .popJqConWrap .popJqContent {
  overflow-x: hidden;
  overflow: auto;
  width: 1040px;
  max-height: 90vh;
  position: relative;
}

.popJq .popJqConWrap .popJqContent img {
  max-width: 100%;
  display: none;
  width: 750px;
}

.popJq .popJqConWrap .popJqContent video {
  max-width: 100%;
  display: none;
}

.popJqContent>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popJqConWrapVideo {
  width: 1040px;
  height: 585px;
}

.popJqConWrapVideo .popJqContentVideo {
  width: 1040px;
  height: 585px;
}

.dpop {
  position: absolute;
  left: 0;
  top: 0;
  width: 1200px;
  height: 220px;
  z-index: 22;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.dpop.sd1 {
  top: 210px;
}

.dpop.sd2 {
  top: 210px;
}

.dpop.sd3 {
  top: 210px;
}

.dpop.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.dpop .dpopCon {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 1200px;
  height: 220px;
  background-size: 100%;
  position: absolute;
  background-repeat: no-repeat;
}

.dpop .dpopCon .swiperWrap {
  width: 1132px;
  margin: 0 auto;
  position: relative;
  padding: 24px 0 0 0;
}

.dpop .dpopCon .myclose {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/myclose.png?v=1002") no-repeat center center;
  background-size: 36px 36px;
  position: absolute;
  right: -18px;
  top: -8px;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  display: block;
  width: 36px;
  height: 36px;
  z-index: 20;
}

.dpop .dpopCon .myclose:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.dpop .dpopCon.d1 {
  background-image: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/1/bg.png?v=1002");
  top: 0px;
}

.dpop .dpopCon.d2 {
  background-image: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/2/bg.png?v=1002");
  top: 0px;
}

.dpop .dpopCon.d3 {
  background-image: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/3/bg.png?v=1002");
  top: 0px;
}

.dpop .dpopCon.d4 {
  background-image: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/4/bg.png?v=1002");
  top: 0px;
}

.dpop .dpopCon.d4 .swiperWrap {
  padding: 13px 0 0 0;
}

.dpop .dpopCon.d4 .myclose {
  right: -18px;
  top: -18px;
}

.dpop .dpopCon.d5 {
  background-image: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/5/bg.png?v=1002");
  top: 0px;
}

.dpop .dpopCon.d5 .swiperWrap {
  padding: 13px 0 0 0;
}

.dpop .dpopCon.d5 .myclose {
  right: -18px;
  top: -18px;
}

.dpop .dpopCon.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.dpop .dpopCon img {
  width: 370px;
  height: 182px;
}

.dpop .swiper-button-prev {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/lll.png?v=1002") no-repeat center center;
  background-size: 10px 17px;
  left: 4px;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

.dpop .swiper-button-prev:after {
  display: none;
}

.dpop .swiper-button-prev:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.dpop .swiper-button-next {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/danyuan/rrr.png?v=1002") no-repeat center center;
  background-size: 10px 17px;
  right: 4px;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

.dpop .swiper-button-next:after {
  display: none;
}

.dpop .swiper-button-next:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.content {
  font-family: "Microsoft YaHei";
  position: relative;
  min-width: 1200px;
  width: 100%;
  height: auto;
  background-color: #1c1c2b;
}

.content .introduction {
  width: 100%;
  height: 800px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/introduction.jpg?version=0.3632862110160542) no-repeat;
  background-size: 2560px 800px;
  background-position: center 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content .introduction .centerContent {
  width: 1200px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .introduction .centerContent .introTitle {
  position: relative;
  top: 80px;
  left: 0px;
  color: #ffffff;
  width: 203px;
  height: 158px;
}

.content .introduction .centerContent .introTitle .introTitle1 {
  margin-top: 10px;
  font-family: "PingFang-SC-Regular";
  font-size: 40px;
  letter-spacing: -0.19px;
  line-height: 62px;
  font-weight: 300;
}

.content .introduction .centerContent .introTitle .introTitle2 {
  font-weight: 500;
  font-family: "PingFang-SC-Regular";
  font-size: 60px;
  letter-spacing: -0.28px;
  line-height: 62px;
}

.content .introduction .centerContent .introText {
  font-weight: 300;
  width: 556px;
  position: relative;
  top: 75px;
  left: 0px;
  font-family: "PingFang-SC-Regular";
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 29px;
}

.content .introduction .centerContent .introImg {
  position: relative;
  right: 30px;
  top: 245px;
}

.content .reviewMessage {
  position: relative;
  width: 100%;
  height: 445px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/reviewImg.jpg?version=0.6016039066707242) no-repeat;
  background-size: 2560px auto;
  background-position: center 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content .reviewMessage .centerContent {
  width: 1200px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .reviewMessage .centerContent .swiper-container {
  margin-top: 45px;
}

.content .reviewMessage .centerContent .swiper-container .swiper-pagination-bullet-active {
  background-color: #b4b4bd !important;
}

.content .reviewMessage .centerContent .swiper-container .swiper-pagination-bullet {
  margin-left: 10px;
  background-color: #50526d;
}

.content .reviewPeople {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content .reviewPeople .centerContent {
  width: 1200px;
  height: auto;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/juryImg.png?version=0.9562723802285431) no-repeat;
  background-size: 1200px 292px;
}

.content .reviewPeople .centerContent .totalJudge {
  width: 100%;
  height: auto;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeTitle {
  margin-top: 20px;
  font-family: "PingFang-SC-Regular";
  color: #ffffff;
  letter-spacing: 0;
  line-height: 40px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeTitle .totalJudgeTitle1 {
  font-size: 20px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeTitle .totalJudgeTitle2 {
  font-size: 32px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox {
  margin-top: 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox {
  height: 340px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleImg {
  position: relative;
  width: 189.7px;
  height: 188.8px;
  background-size: 100% 100% !important;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleImg .sexImg {
  width: 42px;
  height: 42px;
  position: relative;
  top: 0px;
  left: 150.4px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 {
  display: none;
  z-index: 9;
  position: absolute;
  right: 62px;
  top: 0px;
  width: 287px;
  height: 311px;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  color: #000000;
  font-family: "PingFang-SC-Regular";
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 .peopleFloat1 {
  height: 44px;
  position: relative;
  left: 21px;
  top: 26px;
  font-size: 32px;
  letter-spacing: -0.15px;
  line-height: 44px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 .peopleFloat2 {
  height: 21px;
  position: relative;
  left: 21px;
  top: 32px;
  font-size: 16px;
  line-height: 21px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 .peopleFloat3 {
  width: 243px;
  height: 158px;
  position: relative;
  left: 21px;
  top: 72px;
  font-size: 12px;
  line-height: 21px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleName {
  margin-top: 6px;
  font-family: "PingFang-SC-Regular";
  font-size: 20px;
  color: #ffffff;
  letter-spacing: -0.09px;
  text-align: center;
  line-height: 44px;
}

.content .reviewPeople .centerContent .totalJudge .totalJudgeBox .peopleBox .peopleInfo {
  font-family: "PingFang-SC-Regular";
  font-size: 12px;
  color: #64647c;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
}

.content .reviewPeople .centerContent .totalJudge .juryDataImg {
  width: 829px;
  height: 126px;
  margin-left: 185px;
  margin-bottom: 50px;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox {
  margin-top: 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox {
  width: 220px;
  height: 340px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg {
  position: relative;
  width: 189.7px;
  height: 188.8px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/judgePeopleImg.png?version=0.8164870018566057) no-repeat;
  background-size: 100% 100% !important;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .sexImg {
  width: 42px;
  height: 42px;
  position: relative;
  top: 0px;
  left: 150.4px;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg:hover .sexImg {
  -webkit-animation: rot 2s linear infinite;
  animation: rot 2s linear infinite;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg:hover .peopleInfoFloat1 {
  display: block !important;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg:hover .peopleInfoFloat2 {
  display: block !important;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 {
  display: none;
  z-index: 9;
  position: absolute;
  right: 62px;
  top: 0px;
  width: 300px;
  height: auto;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  color: #000000;
  font-family: "PingFang-SC-Regular";
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 .peopleFloat1 {
  height: 44px;
  position: relative;
  left: 21px;
  top: 26px;
  font-size: 32px;
  letter-spacing: -0.15px;
  line-height: 44px;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 .peopleFloat2 {
  position: relative;
  left: 21px;
  margin-top: 32px;
  font-size: 16px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 260px;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat1 .peopleFloat3 {
  width: 260px;
  position: relative;
  left: 21px;
  margin-top: 20px;
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 20px;
  white-space: normal;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat2 {
  display: none;
  z-index: 9;
  position: absolute;
  right: -310px;
  top: 0px;
  width: 300px;
  height: auto;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  color: #000000;
  font-family: "PingFang-SC-Regular";
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat2 .peopleFloat1 {
  height: 44px;
  position: relative;
  left: 21px;
  top: 26px;
  font-size: 32px;
  letter-spacing: -0.15px;
  line-height: 44px;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat2 .peopleFloat2 {
  position: relative;
  left: 21px;
  margin-top: 32px;
  font-size: 16px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 260px;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleImg .peopleInfoFloat2 .peopleFloat3 {
  width: 260px;
  position: relative;
  left: 21px;
  margin-top: 20px;
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 20px;
  white-space: normal;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleName {
  margin-top: 6px;
  font-family: "PingFang-SC-Regular";
  font-size: 20px;
  color: #ffffff;
  letter-spacing: -0.09px;
  text-align: center;
}

.content .reviewPeople .centerContent .totalJudge .otherJudgeBox .peopleBox .peopleInfo {
  font-family: "PingFang-SC-Regular";
  font-size: 12px;
  color: #64647c;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
}

.content .reviewPeople .centerContent .totalJudge .morePeople {
  width: 100%;
  text-align: center;
}

.content .reviewPeople .centerContent .totalJudge .morePeople .pullBtu {
  cursor: pointer;
  width: 45px;
  height: 25.5px;
}

.content .reviewPeople .centerContent .totalJudge .morePeople .clickMore {
  cursor: pointer;
  font-family: "PingFang-SC-Regular";
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
}

.content .reviewPeople .centerContent .totalJudge .JudgeBottomTip {
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: "PingFang-SC-Regular";
  font-weight: 300;
  font-size: 14px;
  color: #ffffff;
  line-height: 25px;
}

.content .DiversifiedModals {
  width: 100%;
  height: 785px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/DiversifiedImg.jpg?version=0.502380966362608) no-repeat;
  background-size: 2560px 785px;
  background-position: center 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content .DiversifiedModals .centerContent {
  width: 1200px;
  height: auto;
}

.content .DiversifiedModals .centerContent .Dmodals {
  position: relative;
  margin-top: 30px;
  width: 1200px;
  height: 440px;
  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;
}

.content .DiversifiedModals .centerContent .Dmodals .DmodalBox {
  width: 392px;
  height: 220px;
}

.content .DiversifiedModals .centerContent .Dmodals .DmodalBox .DmodalImg {
  border-radius: 22px;
  cursor: pointer;
  width: 384px;
  height: 196px;
}

.content .DiversifiedModals .centerContent .Dmodals .DmodalBox .DmodalImg:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-filter: brightness(2);
  filter: brightness(2);
}

.content .raceModals {
  width: 100%;
  height: 1080px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/raceBG.jpg?version=0.9472932224601049) no-repeat;
  background-size: 2560px 1080px;
  background-position: center 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content .raceModals .centerContent {
  width: 1200px;
  height: auto;
}

.content .raceModals .centerContent .raceBox {
  margin-top: 55px;
  width: 100%;
  height: 533px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content .raceModals .centerContent .raceBox .raceImg1 {
  cursor: pointer;
  width: 444.4px;
  height: 521px;
}

.content .raceModals .centerContent .raceBox .raceImg1:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.content .raceModals .centerContent .raceBox .raceImg2 {
  cursor: pointer;
  margin-left: 46.3px;
  width: 444.4px;
  height: 521px;
}

.content .raceModals .centerContent .raceBox .raceImg2:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.content .raceModals .centerContent .raceBottom {
  margin-top: 55px;
  width: 100%;
  text-align: center;
}

.content .raceModals .centerContent .raceBottom .expectTip {
  width: 308px;
  height: 82px;
}

.content .listModals {
  width: 100%;
  height: 1216.85px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/listModalImg.jpg?version=0.21629377530847127) no-repeat;
  background-size: 2560px 1216.85px;
  background-position: center 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content .listModals .centerContentList {
  width: 1200px;
  height: auto;
}

.content .listModals .centerContentList .swiperBox {
  width: 1240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .listModals .centerContentList .swiper-button-prev {
  z-index: 99;
  position: relative;
  width: 39.8px;
  height: 39.8px;
  margin-top: 360px;
  color: transparent !important;
  left: -20px !important;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/listLeftBtu1.png?version=0.8022354779138752) no-repeat;
  background-size: 39.8px 39.8px;
}

.content .listModals .centerContentList .swiper-button-prev:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/listLeftBtu2.png?version=0.27907251158450275) no-repeat;
  background-size: 39.8px 39.8px;
}

.content .listModals .centerContentList .swiper-container {
  position: absolute;
  margin-left: -11.5px;
  margin-top: 42px;
  width: 1221px;
  height: 800px;
}

.content .listModals .centerContentList .swiper-container .swiper-wrapper .swiper-slide {
  width: 407px;
  height: 760px;
  text-align: center;
}

.content .listModals .centerContentList .swiper-container .swiper-pagination-bullet-active {
  background-color: #ffffff !important;
}

.content .listModals .centerContentList .swiper-container .swiper-pagination-bullet {
  margin-left: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}

.content .listModals .centerContentList .swiper-button-next {
  z-index: 99;
  position: relative;
  width: 39.8px;
  height: 39.8px;
  margin-top: 360px;
  color: transparent !important;
  left: 1140px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/listRightBtu1.png?version=0.5857137590047974) no-repeat;
  background-size: 39.8px 39.8px;
}

.content .listModals .centerContentList .swiper-button-next:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/listRightBtu2.png?version=0.9293445644033433) no-repeat;
  background-size: 39.8px 39.8px;
}

.content .listModals .centerContentList .listTextTip {
  margin-top: 500px;
  font-family: "PingFang-SC-Regular";
  font-size: 14px;
  color: #ffffff;
  letter-spacing: -0.07px;
  line-height: 23px;
  font-weight: 300;
}

.content .gcModal {
  width: 100%;
  height: 891px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/gcbg.jpg?v=1002") no-repeat;
  background-size: 2560px 891px;
  background-position: center 0;
}

.content .gcModal .centerContent {
  width: 1200px;
  height: auto;
}

.content .gcModal .jqlist {
  padding: 70px 0 0 0;
}

.content .gcModal .jqlist ul {
  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;
}

.content .gcModal .jqlist ul li {
  width: 188px;
  height: 73px;
  overflow: hidden;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  margin: 0 0 15px;
}

.content .gcModal .jqlist ul li>img {
  width: 188px;
  height: 73px;
}

.content .gcModal .jqlist ul li:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.content .gcModal .jqlist ul li.canclick {
  cursor: pointer;
}

.content .growModal {
  width: 100%;
  height: 986px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/growBG.jpg?version=0.1520668071540774) no-repeat;
  background-size: 2560px 986px;
  background-position: center 0;
}

.content .growModal .centerContent {
  width: 1200px;
  height: auto;
}

.content .growModal .centerContent .growBox {
  margin-top: 65px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.content .growModal .centerContent .growBox .growModal1 {
  width: 384px;
  height: 462px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/growModal2.png?version=0.5522772429096929) no-repeat;
  background-size: 100% 100%;
}

.content .growModal .centerContent .growBox .growModal1 .growBtu1 {
  cursor: pointer;
  margin-left: 92px;
  margin-top: 384px;
  width: 200px;
  height: 52px;
  background: #61febb;
  border-radius: 51px;
  border: 0px;
  font-family: "PingFang-SC-Regular";
  font-size: 20px;
  color: #ffffff;
  letter-spacing: -0.09px;
  -webkit-animation: breath 2s linear infinite;
  animation: breath 2s linear infinite;
}

.content .growModal .centerContent .growBox .growModal2 {
  width: 384px;
  height: 462px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/growModal3.png?version=0.4718648903683551) no-repeat;
  background-size: 100% 100%;
}

.content .growModal .centerContent .growBox .growModal2 .growBtu2 {
  cursor: pointer;
  margin-left: 92px;
  margin-top: 384px;
  width: 200px;
  height: 52px;
  background: #ffe4fc;
  border-radius: 51px;
  border: 0px;
  font-family: "PingFang-SC-Regular";
  font-size: 20px;
  color: #ec832e;
  letter-spacing: -0.09px;
  -webkit-animation: breath 2s linear infinite;
  animation: breath 2s linear infinite;
}

.content .growModal .centerContent .growBox .growModal3 {
  width: 384px;
  height: 462px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/growModal1.png?version=0.9656437988845259) no-repeat;
  background-size: 100% 100%;
}

.content .growModal .centerContent .growBox .growModal3 .growBtu3 {
  cursor: pointer;
  margin-left: 92px;
  margin-top: 384px;
  width: 200px;
  height: 52px;
  background: #fff642;
  border-radius: 51px;
  border-radius: 51px;
  border: 0px;
  font-family: "PingFang-SC-Regular";
  font-size: 20px;
  color: #90908d;
  letter-spacing: -0.09px;
  -webkit-animation: breath 2s linear infinite;
  animation: breath 2s linear infinite;
}

.content .growModal .centerContent .growTextTip {
  margin-top: 30px;
  font-family: "PingFang-SC-Regular";
  font-size: 14px;
  color: #ffffff;
  letter-spacing: -0.07px;
  line-height: 23px;
}

.content .growModal .centerContent .growBottom {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/growBottomBtu.png?version=0.5952091083610944);
  margin-top: 40px;
  width: 1200px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: 100% 100%;
}

.content .growModal .centerContent .growBottom .growBottomBtu {
  cursor: pointer;
  opacity: 0;
  margin-left: 1050px;
  width: 155px;
  height: 48px;
  background: #fff642;
  border-radius: 48px;
  font-family: "PingFang-SC-Regular";
  font-size: 20px;
  color: #000000;
  letter-spacing: -0.09px;
  text-align: center;
}

.content .aPlanModal {
  width: 100%;
  height: 889px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/aPlanImg.jpg?version=0.38459593024128846) no-repeat;
  background-size: 2560px 889px;
  background-position: center 0;
}

.content .aPlanModal .centerContent {
  width: 1200px;
  height: auto;
}

.content .aPlanModal .centerContent .aPlanBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 47px;
}

.content .aPlanModal .centerContent .aPlanBox>div {
  width: 590px;
  height: 486px;
  padding-top: 135px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content .aPlanModal .centerContent .aPlanBox ul {
  height: 330px;
  width: 533px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow: auto;
  padding-right: 13px;
}

.content .aPlanModal .centerContent .aPlanBox ul li {
  margin-bottom: 20px;
}

.content .aPlanModal .centerContent .aPlanBox ul li img {
  width: 521px;
}

.content .aPlanModal .centerContent .aPlanBox ul li:last-child {
  margin-bottom: 0;
}

.content .aPlanModal .centerContent .aPlanBox .aPlanBoxLeft {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/add_1_bg.png?v=1002");
  background-size: 100%;
}

.content .aPlanModal .centerContent .aPlanBox .aPlanBoxRight {
  background: url("https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/add_2_bg.png?v=1002");
  background-size: 100%;
}

.content .createModals {
  width: 100%;
  height: 1743px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/createBG.jpg?version=0.7428228791439164) no-repeat;
  background-size: 2560px 1643px;
  background-position: center 0;
}

.content .createModals .centerContent {
  width: 1200px;
  height: auto;
}

.content .createModals .centerContent .createModal {
  width: 100%;
  margin-top: 54px;
}

.content .createModals .centerContent .createModal .createTitle {
  font-family: "PingFang-SC-Regular";
  font-size: 32px;
  color: #ffffff;
  letter-spacing: -0.15px;
  line-height: 36px;
  margin-bottom: 30px;
}

.content .createModals .centerContent .createModal .createContent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.content .createModals .centerContent .createModal .createContent .createBox1 {
  margin-top: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  width: 110px;
  height: 60px;
}

.content .createModals .centerContent .createModal .createContent .createBox2 {
  margin-top: 10px;
  margin-left: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  width: 110px;
  height: 60px;
}

.content .createModals .centerContent .createTip {
  margin-top: 50px;
  font-family: "PingFang-SC-Regular";
  font-size: 14px;
  color: #ffffff;
  letter-spacing: -0.07px;
  line-height: 23px;
}

.footer1 {
  width: 100%;
  height: 150px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/foot.jpg?version=0.409046097854737) no-repeat;
  background-size: 2560px 150px;
  background-position: center 0;
  background-color: #15151d;
}

.floatTip {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  opacity: 0;
  top: 15vh;
}

.floatTip .floatTipImg {
  z-index: 2;
  margin-left: -650px;
}

.floatAn {
  -webkit-animation: float 2s ease-in 1;
  animation: float 2s ease-in 1;
}

.leftList {
  z-index: 999;
  position: fixed;
  left: 0px;
  top: 20vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.leftList .leftList1 {
  margin-top: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -120px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.leftList .leftList1:hover {
  -webkit-transform: translateX(120px);
  transform: translateX(120px);
}

.leftList .leftList2 {
  cursor: pointer;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -60px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.leftList .leftList2:hover {
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
}

.leftList .leftList3 {
  cursor: pointer;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -60px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.leftList .leftList3:hover {
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
}

.leftFloat {
  z-index: 999;
  position: fixed;
  right: 15px;
  top: 5vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.leftFloat .leftModal1 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat01.png?version=0.3517672593291892);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal1:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat11.png?version=0.8561092235997616);
}

.leftFloat .leftModal1A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat11.png?version=0.8561092235997616) !important;
  background-size: 100% 100% !important;
}

.leftFloat .leftModal2 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat02.png?version=0.18630532121188303);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal2:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat12.png?version=0.37262316606220414);
}

.leftFloat .leftModal2A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat12.png?version=0.37262316606220414) !important;
  background-size: 100% 100% !important;
}

.leftFloat .leftModal3 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat03.png?version=0.04940563855115809);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal3:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat13.png?version=0.3103873863370239);
}

.leftFloat .leftModal3A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat13.png?version=0.3103873863370239) !important;
  background-size: 100% 100% !important;
}

.leftFloat .leftModal5 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat04.png?version=0.027365256577346786);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal5:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat14.png?version=0.05570449931308197);
}

.leftFloat .leftModal5A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat14.png?version=0.05570449931308197);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal4 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat05.png?version=0.4405993608162888);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal4:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat15.png?version=0.005077752359017307);
}

.leftFloat .leftModal4A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat15.png?version=0.005077752359017307) !important;
  background-size: 100% 100% !important;
}

.leftFloat .leftModal6 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat06.png?version=0.7058801377196415);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal6:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat16.png?version=0.7987672656382836);
}

.leftFloat .leftModal6A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat16.png?version=0.7987672656382836) !important;
  background-size: 100% 100% !important;
}

.leftFloat .leftModal7 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat07.png?version=0.15493802697657744);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal7:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat17.png?version=0.8048894581648929);
}

.leftFloat .leftModal7A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat17.png?version=0.8048894581648929) !important;
  background-size: 100% 100% !important;
}

.leftFloat .leftModal8 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat08.png?version=0.7158673251476035);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal8:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat18.png?version=0.2431830498665799);
}

.leftFloat .leftModal8A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat18.png?version=0.2431830498665799) !important;
  background-size: 100% 100% !important;
}

.leftFloat .leftModal9 {
  cursor: pointer;
  right: 0px;
  width: 90px;
  height: 42px;
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat09.png?version=0.37606950610077505);
  background-size: 100% 100% !important;
}

.leftFloat .leftModal9:hover {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat19.png?version=0.3569599952684013);
}

.leftFloat .leftModal9A {
  background: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/leftFloat19.png?version=0.3569599952684013) !important;
  background-size: 100% 100% !important;
}

.leftFloat2 {
  z-index: 2;
  position: fixed;
  right: 15px;
  top: 58vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.leftFloat2 .leftPicture {
  margin-right: 16px;
  margin-top: 7.2px;
}

.leftFloat2 .leftPicture2 {
  margin-right: 16px;
  margin-top: 7.2px;
}

.leftFloat2 .leftPicture2 .leftQCode {
  display: none;
  position: absolute;
  right: 80px;
  top: 173px;
}

.leftFloat2 .leftPicture2:hover .leftQCode {
  display: block;
}

.createFloat {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.699);
  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;
}

.createFloat .floatBox {
  position: relative;
  width: 420px;
  height: auto;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
}

.createFloat .floatBox .floatContent {
  font-family: "PingFang-SC-Regular";
  margin-left: 33px;
  margin-top: 35px;
  margin-bottom: 30px;
  width: 365px;
  height: auto;
  font-size: 14px;
  color: #000000;
  letter-spacing: -0.08px;
  line-height: 25px;
  font-weight: 300;
}

.createFloat .floatBox .floatContent .floatCT {
  font-weight: 400;
  font-size: 16px;
}

.createFloat .floatBox .createDelet {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 16px;
  top: 16px;
  background-image: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/delet.png?version=0.8511534366296769);
  background-size: 100% 100%;
}

.dmodalFloat {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.699);
  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;
}

.dmodalFloat .floatBox {
  width: 610px;
  height: auto;
  border-radius: 20px;
  position: relative;
  background: #ffffff;
}

.dmodalFloat .floatBox .floatContent {
  margin-top: 27px;
  margin-left: 23px;
}

.dmodalFloat .floatBox .floatContent .dmodalTitle {
  font-family: "PingFang-SC-Regular";
  font-size: 24px;
  color: #000000;
  letter-spacing: -0.11px;
}

.dmodalFloat .floatBox .floatContent .dmodalTitle2 {
  line-height: 18px;
  font-family: "Montserrat-Medium";
  font-size: 16px;
  color: #000000;
  letter-spacing: -0.08px;
}

.dmodalFloat .floatBox .floatContent .dmodalImgs {
  margin-top: 18px;
  margin-left: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dmodalFloat .floatBox .floatContent .dmodalImgs .dmodalImg {
  margin-bottom: 16px;
  margin-left: 20px;
  width: 125px;
  height: 52px;
}

.dmodalFloat .floatBox .floatContent .dmodalImgs .dmodalImg2 {
  margin-bottom: 16px;
  margin-left: 20px;
  width: 125px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dmodalFloat .floatBox .floatContent .dmodaltip {
  font-family: "PingFangSC-Regular";
  font-size: 10px;
  color: #000000;
  letter-spacing: -0.05px;
  margin-bottom: 19px;
}

.dmodalFloat .floatBox .dmodalDelet {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 16px;
  top: 16px;
  background-image: url(https://img.zcool.cn/special-resource/zcoolco-creationa/assets/img/delet.png?version=0.8511534366296769);
  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: 300px;
  height: 80px;
  font-size: 20px;
  text-align: center;
  line-height: 80px;
  border-radius: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

.Title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Title .TitleLeft {
  font-family: "PingFang-SC-Regular";
}

.Title .TitleLeft .T1 {
  margin-top: 20px;
  font-size: 12px;
  color: #717182;
  letter-spacing: -0.06px;
  line-height: 15px;
}

.Title .TitleLeft .T2 {
  margin-top: 10px;
  font-size: 40px;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: -0.19px;
  line-height: 68px;
}

.Title .TitleLeft .T3 {
  font-family: "PingFang-SC-Bold";
  font-size: 60px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: -0.28px;
  line-height: 68px;
  margin-bottom: 30px;
}

.Title .TitleLeft .T4 {
  font-size: 20px;
  color: #ffffff;
  letter-spacing: -0.09px;
  line-height: 26px;
  font-weight: 300;
}

.Title .TitleRight {
  height: 200px;
  position: relative;
  top: 105px;
  font-family: "PingFang-SC-Bold";
  font-size: 42px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 50px;
  text-align: end;
}

.bottomLine {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #000000;
}

@-webkit-keyframes rot {
  0% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(90deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
  }

  75% {
    -webkit-transform: rotate(270deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rot {
  0% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(90deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
  }

  75% {
    -webkit-transform: rotate(270deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes float {
  0% {
    opacity: 0;
    top: 25vh;
  }

  100% {
    opacity: 1;
    top: 15vh;
  }
}

@keyframes float {
  0% {
    opacity: 0;
    top: 25vh;
  }

  100% {
    opacity: 1;
    top: 15vh;
  }
}

.center {
  text-align: center;
}

.jBtn a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.jBtn {
  -webkit-animation: breath 2s linear infinite;
  animation: breath 2s linear infinite;
}

/*# sourceMappingURL=index.cc4374e1.css.map*/
/* qqq */