[v-cloak] {
  display: none;
}

.container {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.max-width {
  margin: 0 auto;
  max-width: 72.92vw;
}

.hover-scale {
  transition: transform .3s;
}

.hover-scale:hover {
  transform: scale(1.05);
}

/* 头部样式 */

.header {
  top: 0;
  left: 0;
  width: 100%;
  height: 3.13vw;
  background-color: rgba(255, 255, 255, 0);
  z-index: 10;
}

.header .line {
  height: 0.05vw;
  border-bottom: 0.05vw solid rgba(24, 0, 215, 0.04);
}

.header-content {
  height: 100%;
}

.header-logo {
  height: 2.08vw;
}

.nav-list {
  padding-bottom: 0.26vw;
}

.nav {
  padding: 0 1.3vw;
  font-size: .89vw;
  line-height: 1.25vw;
  color: #666666;
}

.nav-line {
  bottom: 0.05vw;
  left: 0;
  width: 0;
  height: 0.1vw;
  background-color: #1450ef;
  transition: width .3s, left .3s;
}

.to-register {
  padding: 0.42vw .83vw;
  width: 4.58vw;
  height: 1.88vw;
  font-size: .73vw;
  color: #FFFFFF;
  line-height: 1.04vw;
  background: linear-gradient(90deg, #1350EF 0%, #7F4FF8 100%);
  border-radius: .42vw;
  text-wrap: nowrap;
  white-space: nowrap;
}

.to-login {
  margin-left: 0.64vw;
  padding: 0.42vw 1.02vw;
  width: 3.54vw;
  height: 1.88vw;
  font-size: .73vw;
  color: #333333;
  line-height: 1.04vw;
  background-color: #fff;
  border: .05vw solid #CCCCCC;
  border-radius: .21vw;
  text-wrap: nowrap;
  white-space: nowrap;
}

/* 公共 */
.floor-title {
  font-weight: 500;
  font-size: 1.77vw;
  color: #333333;
  line-height: 2.5vw;
  letter-spacing: .05vw;
  text-align: center;
}

.floor-subtitle {
  margin-top: .83vw;
  font-size: .83vw;
  color: #535B73;
  line-height: 1.15vw;
  text-align: center;
}

/* 第一层 */
.floor-1 {
  padding: 14.17vw 0 0 7.34vw;
  height: 50.64vw;
  background: url(../img/Frame_2746_1.png) no-repeat left top / 100% 45.2vw,
    linear-gradient(#F0F4FD, #F0F4FD 46.04vw, transparent 46.04vw);
}

.floor-1 .top {
  position: relative;
  z-index: 1;
}

@keyframes bg-animation {
  0% {
    opacity: 1;
  }

  33% {
    translate: 0 .3vw;
  }

  50% {
    opacity: .6;
    translate: 0;
  }

  66% {
    translate: 0 .3vw;
  }

  100% {
    opacity: 1;
  }

}

.floor-1 .bg-element {
  --delay: 0;
  z-index: 0;
  animation: bg-animation 6s calc(var(--delay) * .2s) linear infinite;
}

.floor-1 .bg-element1 {
  top: 6.3vw;
  left: 52.6vw;
  width: 8.33vw;
  height: 8.02vw;
}

.floor-1 .bg-element2 {
  top: 10.68vw;
  left: 67.19vw;
  width: 3.85vw;
  height: 3.85vw;
}

.floor-1 .bg-element3 {
  top: 10.47vw;
  left: 86.15vw;
  width: 7.08vw;
  height: 11.35vw;
}

.floor-1 .bg-element4 {
  top: 14.9vw;
  left: 63.18vw;
  width: 3.65vw;
  height: 3.65vw;
}

.floor-1 .bg-element5 {
  top: 17.4vw;
  left: 68.02vw;
  width: 3.54vw;
  height: 3.54vw;
}

.floor-1 .bg-element6 {
  top: 20.89vw;
  left: 64.84vw;
  width: 3.23vw;
  height: 3.23vw;
}

.floor-1 .bg-element7 {
  top: 23.28vw;
  left: 35vw;
  width: 17.66vw;
  height: 14.58vw;
}

.floor-1 .bg-element8 {
  top: 29.38vw;
  left: 89.9vw;
  width: 12.34vw;
  height: 6.88vw;
}

.floor-1 .bg-element9 {
  top: 32.58vw;
  left: 73.33vw;
  width: 14.84vw;
  height: 17.86vw;
}

.floor-1 .floor-title {
  margin-bottom: 0.16vw;
  font-weight: 600;
  font-size: 3.4vw;
  color: #2E3752;
  line-height: 5.52vw;
  text-align: left;
}

.floor-1 .floor-subtitle {
  width: 40vw;
  font-size: 1.04vw;
  color: #959CB2;
  line-height: 1.87vw;
  text-align: left;
}

.floor-1 .free-use {
  margin-top: 1.98vw;
  padding: .73vw 3.96vw;
  width: 12.50vw;
  height: 3.07vw;
  font-size: 1.15vw;
  color: #FFFFFF;
  line-height: 1.61vw;
  background: linear-gradient(90deg, #1350EF 0%, #7F4FF8 100%);
  box-shadow: 0 .83vw 1.25vw 0 rgba(19, 80, 239, 0.3);
  border-radius: .42vw;
  text-wrap: nowrap;
  white-space: nowrap;
}

.floor-1 .floor-content {
  bottom: 0;
  left: 0;
  /* margin-bottom: -4.58vw; */
  padding-left: 13.7vw;
  width: 100%;
}

.floor-1 .content-col {
  margin-right: 2.29vw;
  width: 16.2vw;
  height: 7.34vw;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFBFE 52%);
  box-shadow: .21vw .52vw 1.04vw 0 rgba(24, 0, 215, 0.04);
  border-radius: .31vw;
  border: .16vw solid #fff;
}

.floor-1 .content-col-inner {
  padding: 1.04vw .8vw 0 1.09vw;
  width: 15.89vw;
  height: 7.19vw;
  background: linear-gradient(180deg, #EFF3FE 0%, #FEFEFF 100%);
  border-radius: .21vw;
}

.floor-1 .col-ico {
  margin-right: 0.52vw;
  width: 2.2vw;
  height: 2.2vw;
}

.floor-1 .col-title {
  margin-bottom: .5vw;
  font-weight: 500;
  font-size: 1.25vw;
  color: #555555;
  line-height: 1.77vw;
}

.floor-1 .col-subtitle {
  font-size: .83vw;
  color: #959CB2;
  line-height: 1.15vw;
}

/* 第二层 */
.floor-2 {
  margin-top: 4.17vw;
  padding-top: 4.16vw;
}

.floor-2 .floor-subtitle {
  margin-bottom: 3.13vw;
}

.floor-2 .content-item {
  padding-bottom: 1.46vw;
  width: 12.14vw;
  height: 8.49vw;
  font-size: .83vw;
  color: #333333;
  line-height: 1.2vw;
  transition: color .3s;
}

.floor-2 .second-ico {
  margin-bottom: 0.52vw;
  width: 5.12vw;
  height: 5.12vw;
}

.floor-2 .active {
  font-size: .94vw;
  font-weight: 500;
  color: #1350EF;
}

.floor-2 .content-item-line {
  left: 0;
  bottom: 0;
  width: 9.69vw;
  height: .21vw;
  background: linear-gradient(90deg, #1350EF 0%, #7F4FF8 100%);
  transition: left .3s;
}

.floor-2 .item-content-list {
  background-color: #F0F4FD;
  box-shadow: inset 00 .42vw .83vw 0 rgba(126, 164, 248, 0.1);
  transition: margin-left .3s;
}

.floor-2 .item-content {
  width: 100vw;
  min-height: 28.49vw;
  flex-shrink: 0;
}

.floor-2 .item-ico {
  margin-right: 5.21vw;
  width: 38.12vw;
  height: 21.3vw;
}

.floor-2 .item-text {
  padding-left: 13.54vw;
}

.floor-2 .item-title {
  margin-bottom: 0.52vw;
  font-weight: 500;
  font-size: 1.77vw;
  color: #535B73;
  line-height: 2.5vw;
  letter-spacing: 0.52vw;
}

.floor-2 .item-trans {
  margin-bottom: 1.77vw;
  font-weight: 500;
  font-size: 1.25vw;
  color: #959CB2;
  line-height: 1.77vw;
}

.floor-2 .remark {
  margin-bottom: 2.29vw;
  font-weight: 500;
  font-size: .94vw;
  color: #959CB2;
  line-height: 1.67vw;
}

.floor-2 .button {
  padding: 0.63vw 3.96vw;
  font-size: 1.15vw;
  color: #FFFFFF;
  line-height: 1.61vw;
  background: linear-gradient(90deg, #1350EF 0%, #7F4FF8 100%);
  box-shadow: 0 .83vw 1.25vw 0 rgba(19, 80, 239, 0.3);
  border-radius: .42vw;
}

/* 第三层 */
.floor-3 {
  margin-top: 5.12vw;
}

.floor-3 .floor-title {
  margin-bottom: 0.83vw;
}

.floor-3 .floor-subtitle {
  margin-bottom: 4.27vw;
}

.floor-3 .third-item-out {
  margin-right: 1.88vw;
  height: 29.38vw;
  background: linear-gradient(180deg, #EFF3FE 0%, #FFFFFF 100%);
  box-shadow: 0 .83vw 2.08vw 0 rgba(24, 0, 215, 0.08), inset .21vw .21vw 0 0 #FFFFFF, inset -.21vw -.21vw 0 0 #FFFFFF;
  border-radius: .21vw;
  flex-shrink: 0;
}

.floor-3 .third-item-out:last-child {
  margin-right: 0;
}

.floor-3 .third-item {
  width: 13.75vw;
  height: 100%;
  transition: width .3s;
}

.floor-3 .third-line {
  margin-top: 1.25vw;
  width: 1.77vw;
  height: .21vw;
  background-color: #1350EF;
  transition: margin-top .3s, height .3s;
}

.floor-3 .third-ico {
  margin-top: 6.88vw;
  width: 4.17vw;
  height: 4.17vw;
  transition: margin-top .3s, width .3s, height .3s;
}

.floor-3 .third-title {
  margin-top: 1.25vw;
  font-weight: 500;
  font-size: 1.25vw;
  color: #535B73;
  line-height: 1.77vw;
  transition: margin-top .3s, font-size .3s, line-height .3s;
}

.floor-3 .third-remark {
  margin-top: 2.08vw;
  width: 18.8vw;
  height: 0;
  font-size: .94vw;
  color: #535B73;
  line-height: 1.67vw;
  overflow: hidden;
  opacity: 0;
  transition: margin-top .3s, opacity 1s;
}

.floor-3 .third-bracket {
  margin: auto 0 2.81vw;
  width: 1.25vw;
  height: 0.63vw;
  color: #abafbb;
}

.floor-3 .active {
  width: 26.04vw;
}

.floor-3 .active .third-line {
  margin-top: 0;
  height: 0;
}

.floor-3 .active .third-ico {
  margin-top: -3.13vw;
  width: 6.25vw;
  height: 6.25vw;
}

.floor-3 .active .third-title {
  margin-top: 3.13vw;
  font-weight: 500;
  font-size: 1.77vw;
  color: #535B73;
  line-height: 2.5vw;
}

.floor-3 .active .third-remark {
  height: unset;
  opacity: 1;
}

/* 第四层 */
.floor-4 {
  margin-top: 4.17vw;
  padding: 4.16vw 0 5.21vw;
  /* height: 52.92vw; */
}

.floor-4 .fourth-list {
  margin-top: 3.23vw;
  background-color: #F7F9FE;
  border-radius: .42vw;
}

.floor-4 .fourth-item {
  padding: 1.04vw 0;
  font-weight: 500;
  font-size: 1.25vw;
  color: #535B73;
  line-height: 1.77vw;
  z-index: 1;
}

.floor-4 .active {
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 .1vw .83vw 0 rgba(19, 80, 239, 0.15);
  border-radius: .42vw;
  z-index: 0;
  transition: left .3s;
}

.floor-4 .fourth-content-list {
  margin-top: 3.13vw;
  width: 72.92vw;
  height: 27.6vw;
}

.floor-4 .fourth-text,
.floor-4 .fourth-ico {
  flex-shrink: 0;
}

.floor-4 .fourth-item-content {
  left: 0;
  top: 0;
  padding: 3.65vw 2.5vw 5.78vw 3.13vw;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  transition: opacity .3s;
}

.floor-4 .content-active {
  opacity: 1;
  z-index: 1;
}

.floor-4 .fourth-title {
  font-weight: 500;
  font-size: 1.35vw;
  color: #1350EF;
  line-height: 1.88vw;
}

.floor-4 .fourth-subtitle {
  margin-top: 2.08vw;
  font-weight: 500;
  font-size: 1.15vw;
  color: #535B73;
  line-height: 1.61vw;
}

.floor-4 .fourth-remark {
  margin-top: 0.42vw;
  width: 31.25vw;
  font-size: .94vw;
  color: #535B73;
  line-height: 1.67vw;
}

.floor-4 .fourth-ico {
  width: 32.29vw;
  height: 18.16vw;
  border-radius: .42vw;
}


/* 第五层 */
.floor-5 {
  padding: 4.17vw 0 3.13vw;
  background-color: #F0F4FD;
  box-shadow: inset 0 .42vw .83vw 0 rgba(126, 164, 248, 0.1);
}

.floor-5 .fifth-list {
  margin-top: 3.13vw;
  padding: 0 2.92vw;
}

.floor-5 .fifth-item {
  margin-right: 1.25vw;
  width: 7.29vw;
  height: 7.66vw;
  border-radius: 1.04vw;
  flex-shrink: 0;
}

.floor-5 .fifth-item:last-child {
  margin-right: 0;
}

.floor-5 .active {
  background: linear-gradient(180deg, #EFF3FE 0%, #FFFFFF 100%);
  box-shadow: 0 .47vw 1.17vw 0 rgba(24, 0, 215, 0.04), inset .12vw .12vw 0 0 #FFFFFF, inset -.12vw -.12vw 0 0 #FFFFFF;
}

.floor-5 .fifth-ico {
  margin-bottom: 1.04vw;
  width: 2.19vw;
  height: 2.19vw;
}

.floor-5 .fifth-title {
  font-weight: 500;
  font-size: .94vw;
  color: #535B73;
  line-height: 1.3vw;
}

.floor-5 .fifth-content-list {
  margin-top: 1.56vw;
  height: 27.6vw;
  background-color: #fff;
  box-shadow: 0 0 .21vw 0 rgba(19, 80, 239, 0.2);
  border-radius: 2.08vw;
}

.floor-5 .fifth-item-content {
  padding: 4.22vw 5.21vw;
  width: 100%;
  height: 27.6vw;
  background: no-repeat top left / 100% 100%;
  transition: margin-left .3s;
  flex-shrink: 0;
}

.floor-5 .fifth-subtitle {
  margin: 3.13vw 0 1.25vw;
  font-weight: 500;
  font-size: 1.4vw;
  color: #535B73;
  line-height: 2.5vw;
}

.floor-5 .fifth-tip {
  margin-bottom: 0.83vw;
  /* width: 17.40vw; */
  font-size: .9vw;
  color: #535B73;
  line-height: 1.46vw;
}

.floor-5 .fifth-li-ico {
  margin: .26vw 0.36vw 0 0;
  width: .99vw;
  height: .99vw;
}

.floor-5 .fifth-li-ico-i {
  margin: .26vw 0.36vw 0 0;
}

.floor-5 .fifth-li-ico-i::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 0.73vw;
  height: 0.73vw;
  border-radius: 0.21vw;
  background: linear-gradient(45deg, #1350EF 0%, #7F4FF8 100%);
  transform: rotate(45deg);
}

/* 第六层 */
.floor-6 {
  margin-top: 2.61vw;
  padding: 2.6vw 0 5.21vw;
}

.floor-6 .floor-content {
  margin-top: 3.13vw;
  grid-template-columns: repeat(5, 12.92vw);
  grid-column-gap: 2.08vw;
  grid-row-gap: 2.08vw;
}

.floor-6 .sixth-item {
  padding: 1.82vw 0 1.56vw;
  height: 15.63vw;
  background: linear-gradient(180deg, #EFF3FE 0%, #FFFFFF 100%);
  box-shadow: 0 .47vw 1.17vw 0 rgba(24, 0, 215, 0.04), inset .12vw .12vw 0 0 #FFFFFF, inset -.12vw -.12vw 0 0 #FFFFFF;
  border-radius: .21vw;
}

.floor-6 .sixth-img {
  margin-bottom: 0.99vw;
  width: 11.25vw;
  height: 9.79vw;
  background: no-repeat center center / auto 100%;
}

.floor-6 .sixth-title {
  font-weight: 500;
  font-size: 1.04vw;
  color: #535B73;
  line-height: 1.46vw;
}

/* 第七层 */
.floor-7 {
  padding: 5.21vw 0;
  background-color: #F0F4FD;
  box-shadow: inset 0 .42vw .83vw 0 rgba(126, 164, 248, 0.1);
}

.floor-7 .floor-content {
  margin-top: 4.32vw;
  grid-template-columns: repeat(2, 35.05vw);
  grid-column-gap: 2.81vw;
  grid-row-gap: 2.5vw;
}

.floor-7 .seventh-item {
  padding: 0 2.71vw;
  height: 12.29vw;
  background: linear-gradient(180deg, #EFF3FE 0%, #FFFFFF 100%);
  box-shadow: 0 .83vw 1.56vw 0 rgba(24, 0, 215, 0.04), inset .21vw .21vw 0 0 #FFFFFF, inset -.21vw -.21vw 0 0 #FFFFFF;
  border-radius: .21vw;
}

.floor-7 .seventh-ico {
  margin-top: -1.2vw;
  width: 3.13vw;
  height: 3.13vw;
}

.floor-7 .seventh-title {
  margin-top: 2vw;
  font-weight: 500;
  font-size: 1.3vw;
  color: #535B73;
  line-height: 1.46vw;
}

.floor-7 .seventh-remark {
  margin-top: 1.5vw;
  font-size: .83vw;
  color: #535B73;
  line-height: 1.51vw;
}

/* 第八层 */
.floor-8 {
  margin-top: 5.21vw;
  padding: 0 0 8.33vw;
}

.floor-8 .floor-content {
  margin-top: 3.23vw;
}

.floor-8 .eighth-item-box {
  margin-right: 2.08vw;
  width: 16.67vw;
  height: 30.42vw;
  border-radius: .52vw;
  flex-shrink: 0;
}

.floor-8 .eighth-item-box:last-child {
  margin-right: 0;
}

.floor-8 .eighth-item {
  padding: 1.67vw 1.67vw 2.34vw;
  height: 100%;
  background: linear-gradient(180deg, #EFF3FE 0%, #FFFFFF 100%);
  box-shadow: 0 .83vw 2.08vw 0 rgba(24, 0, 215, 0.08), inset .21vw .21vw 0 0 #FFFFFF, inset -.21vw -.21vw 0 0 #FFFFFF;
  border-radius: .52vw;
}

.floor-8 .eighth-item-box:not(.active):hover .eighth-item {
  box-shadow: 0 .83vw 2.08vw 0 rgba(24, 0, 215, 0.08), inset .21vw .21vw 0 0 #1350EF, inset -.21vw -.21vw 0 0 #1350EF;
}

.floor-8 .active .eighth-item {
  box-shadow: 0 .83vw 2.08vw 0 rgba(24, 0, 215, 0.08);
}


.floor-8 .active {
  background: linear-gradient(136deg, rgba(19, 80, 239, 1), rgba(127, 79, 248, 1));
  border: .21vw solid transparent;
}

.floor-8 .eighth-title {
  margin-bottom: 0.52vw;
  font-weight: 500;
  font-size: 1.25vw;
  color: #535B73;
  line-height: 1.77vw;
}

.floor-8 .eighth-subtitle {
  margin-bottom: 1.56vw;
  font-weight: 500;
  font-size: .83vw;
  color: #959CB2;
  line-height: 1.15vw;
}

.floor-8 .old-price {
  font-weight: 500;
  font-size: .94vw;
  color: #535B73;
  line-height: 1.3vw;
}

.floor-8 .old-number {
  text-decoration-line: line-through;
}

.floor-8 .price {
  margin-bottom: 1.77vw;
  font-weight: 500;
  font-size: .94vw;
  color: #FF083C;
  line-height: 1.3vw;
}

.floor-8 .curr-price {
  font-weight: 600;
  font-size: 2.29vw;
  line-height: 3.23vw;
}

.floor-8 .to-buy {
  margin-bottom: 1.67vw;
  padding: .63vw 0;
  font-weight: 500;
  font-size: .83vw;
  color: #1350EF;
  line-height: 1.15vw;
  background-color: #E3EAFB;
  border-radius: .42vw;
}

.floor-8 .active .to-buy {
  color: #fff;
  background: linear-gradient(90deg, #1350EF 0%, #7F4FF8 100%);
  box-shadow: 0 .83vw 1.25vw 0 rgba(19, 80, 239, 0.2);
}

.floor-8 .tip-row {
  margin-bottom: 0.83vw;
  font-size: .83vw;
  color: #959CB2;
  line-height: 1.15vw;
}

.floor-8 .center {
  justify-content: center;
}

.floor-8 .right-ico {
  width: 0.83vw;
  height: 0.83vw;
}

.floor-8 .center .right-ico {
  display: none;
}

.floor-8 .right {
  color: #12b56a;
}

.floor-8 .tip-row:last-child {
  margin-bottom: 0;
}

.floor-8 .active-tip {
  display: none;
  top: -.18vw;
  right: 0;
  padding: 0.31vw .73vw;
  font-weight: 500;
  font-size: .73vw;
  color: #FFFFFF;
  line-height: 1.04vw;
  background: linear-gradient(90deg, #7F4FF8 0%, #1350EF 100%);
  border-radius: 0 .52vw 0 .52vw;
}

.floor-8 .active .active-tip {
  display: block;
}

.floor-8 .active-ico {
  margin-right: 0.16vw;
  width: 0.83vw;
  height: 0.83vw;
}

/* 第九层 */
.floor-9 {
  padding: 4.17vw 0;
  background-color: #F0F4FD;
  box-shadow: inset 0 .42vw .83vw 0 rgba(126, 164, 248, 0.1);
}

.floor-9 .line {
  top: 0;
  left: 7vw;
  right: 7vw;
  height: 0.21vw;
  background-color: rgba(19, 80, 239, .3);
  z-index: 0;
}

.floor-9 .floor-content {
  margin: 3.65vw 9.11vw 0;
  /* border-top: .21vw solid rgba(19, 80, 239, .3); */
}

.floor-9 .ninth-item {
  z-index: 1;
}

.floor-9 .ninth-item:not(:last-child) {
  margin-right: 8.65vw;
}


.floor-9 .ninth-point {
  margin-top: -0.52vw;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
}

.floor-9 .ninth-count {
  margin-top: 0.89vw;
  font-family: DingTalk JinBuTi, DingTalk JinBuTi;
  font-size: 1.67vw;
  color: #C7C8CF;
  line-height: 1.98vw;
  letter-spacing: .1vw;
}

.floor-9 .ninth-title {
  margin-top: .52vw;
  font-weight: 500;
  font-size: 1.04vw;
  color: #535B73;
  line-height: 1.46vw;
}

.floor-9 .ninth-subtitle {
  margin-top: 0.31vw;
  width: 13.96vw;
  font-size: .83vw;
  color: #535B73;
  line-height: 1.51vw;
}

/* 第十层 */
.floor-10 {
  padding: 1.25vw 0;
  background: linear-gradient(91deg, #1350EF 0%, #7F4FF8 100%);
}

.floor-10 .floor-title {
  font-weight: 500;
  font-size: 1.56vw;
  color: #fff;
  line-height: 2.19vw;
}

.floor-10 .floor-subtitle {
  margin-top: 1.04vw;
}

.floor-10 .button {
  padding: 0.63vw 3.96vw;
  font-weight: 500;
  font-size: 1.15vw;
  color: #1350EF;
  line-height: 1.61vw;
  background-color: #fff;
  box-shadow: 0 .83vw 1.25vw 0 rgba(255, 255, 255, 0.2);
  border-radius: .42vw;
}

/* 第十一层 */
.floor-11 {
  padding: 3.13vw 18.28vw 2.76vw 21.98vw;
  font-size: .73vw;
  color: #FFFFFF;
  line-height: 1.04vw;
  background-color: #1b1b1b;
}

.floor-11 .footer-title {
  margin-bottom: 1.56vw;
  font-size: 1.04vw;
  line-height: 1.46vw;
}

.floor-11 .footer-logo {
  margin-bottom: 2.5vw;
  height: 2.08vw;
}

.floor-11 .select-input {
  margin-left: 0.47vw;
  padding: 0.26vw .63vw;
  background-color: #4a4747;
}

.floor-11 .langs {
  margin-bottom: 0.83vw;
  font-size: 1.1vw;
  line-height: 1.3vw;
}

.floor-11 .footer-left {
  margin-bottom: 1vw;
}

.floor-11 .footer-left .footer-title {
  margin-bottom: 0.83vw;
  font-size: 1.04vw;
  line-height: 1.46vw;
}

.floor-11 .footer-center .footer-title {
  margin-bottom: 1.56vw;
}

.floor-11 .qrcode-item {
  margin-right: 1.67vw;
}

.floor-11 .qrcode-item:last-child {
  margin-right: 0;
}

.floor-11 .footer-nav {
  margin-bottom: 1.04vw;
}

.floor-11 .right-text {
  margin-bottom: 0.63vw;
  font-size: .95vw;
}

.floor-11 .no-thing {
  margin: 0;
}

.floor-11 .no-thing+.qrcode-list .qrcode-img {
  margin-bottom: 1.1vw;
}

.floor-11 .qrcode-img {
  margin-bottom: 0.47vw;
  width: 4.58vw;
  height: 4.58vw;
  background-color: #fff;
  transition: transform .3s;
  transform-origin: 50% 170%;
}

.floor-11 .qrcode-item:hover .qrcode-img.poa {
  transform: scale(2.5);
}

.floor-11 .qrcode-img.poa {
  top: 0;
  left: 0;
}

/* 第十二层 */
.floor-12 {
  height: 2.5vw;
  color: #fff;
  font-size: 0.73vw;
  line-height: 1.04vw;
  border-top: 0.05vw solid #333333;
  background-color: #1b1b1b;
}

.floor-12> :not(:last-child) {
  margin-right: 2.92vw;
}

/* 浮动按钮 */
.flexd {
  bottom: 5.21vw;
  right: 1.25vw;
  z-index: 100;
}

.flexd> :nth-child(n) {
  width: 3.65vw;
  background-color: #fff;
  border-radius: 5.16vw;
  box-shadow: 0 0 1.04vw 0 rgba(19, 80, 239, 0.1);
}

.flexd .to-top {
  height: 3.65vw;
}

.flexd .to-top-ico {
  width: 1.25vw;
  height: 1.25vw;
}

.flexd .more-list {
  right: 0;
  bottom: 0;
  padding: .63vw .42vw 1.3vw;
  z-index: 1;
  transition: bottom .3s;
}

.flexd .to-top+.more-list {
  bottom: 4.17vw;
}

.flexd .more-item {
  margin-bottom: 0.83vw;
  font-size: .63vw;
  color: #666666;
  line-height: .89vw;
}

.flexd .more-item:last-child {
  margin-bottom: 0;
}

.flexd .more-ico {
  margin-bottom: 0.21vw;
  width: 2.18vw;
  height: 2.18vw;
}

/* 弹出层 */

.popup {
  background-color: #fff;
  box-shadow: 0 0 1.04vw 0 rgba(19, 80, 239, 0.1);
  border-radius: .52vw;
  z-index: 1001;
}

.popup .popup-tip {
  padding: 1.04vw .94vw;
  text-wrap: nowrap;
  white-space: nowrap;
}

.popup.left {
  translate: calc(-100% - .94vw) 0;
}

.popup .popup-phone {
  padding: 1.04vw .94vw;
  text-wrap: nowrap;
  white-space: nowrap;
}

.popup .popup-phone-title {
  font-size: .73vw;
  color: #666666;
  line-height: 1.04vw;
}

.popup .popup-phone-phone {
  margin-top: 0.1vw;
  font-weight: 500;
  font-size: .83vw;
  color: #0D6EFD;
  line-height: 1.15vw;
}

.popup .popup-qrcode {
  padding: 1.35vw 1.04vw;
  font-size: .73vw;
  color: #999999;
  line-height: 1.04vw;
  text-wrap: nowrap;
  white-space: nowrap;
}

.popup .popup-qrcode-img {
  margin-bottom: 0.1vw;
  width: 4.58vw;
  height: 4.58vw;
}

.popup .popup-qrcode-title {
  margin-bottom: .05vw;
}

/* 联系我们弹窗 */

.contact-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.contact-mask .close-mask {
  top: 2vw;
  right: 2vw;
  width: 0.83vw;
  height: 0.83vw;
}

.contact-mask .mask-inner {
  padding: 2.08vw 0 2.5vw;
  width: 48.96vw;
  color: #535B73;
  background-color: #fff;
  border-radius: 1.04vw;
}


.contact-mask .mask-title {
  margin-bottom: 0.52vw;
  font-size: 1.77vw;
  line-height: 2.5vw;
}

.contact-mask .big {
  margin-left: 0.83vw;
  font-weight: 500;
  font-size: 1.88vw;
  line-height: 2.6vw;
}

.contact-mask .mask-content {
  margin: 0 6.88vw 4.34vw;
}

.contact-mask .mask-subtitle {
  margin-bottom: 4.58vw;
  font-size: 0.83vw;
  line-height: 1.15vw;
}

.contact-mask .form-item {
  margin-bottom: 1.5vw;
  width: 16.67vw;
}

.contact-mask .form-item:nth-child(2n) {
  margin-left: 1.8vw;
}

.contact-mask .form-label {
  font-weight: 500;
  font-size: 0.73vw;
  line-height: 1.04vw;
}

.contact-mask .form-label::before {
  content: '*';
  color: #f56c6c;
}

.contact-mask .form-error {
  top: 120%;
  font-size: .73vw;
  color: #f56c6c;
}

.contact-mask .form-value {
  margin-left: 0.83vw;
  width: 11.51vw;
  background-color: #F9FAFE;
  border-radius: 0.21vw;
  border: 0.05vw solid #E5E8F5;
}

.contact-mask .form-input::placeholder {
  font-weight: 500;
  font-size: 0.73vw;
  color: #CED2DD;
  line-height: 1.04vw;
}

.contact-mask .form-input {
  margin: 0;
  padding: 0.52vw 0.42vw;
  width: 100%;
  border: 0;
  outline: none;
  background-color: transparent;
  line-height: 1.04vw;
}

.contact-mask .free-button {
  padding: 0.73vw 2.4vw;
  font-size: 1.15vw;
  color: #FFFFFF;
  line-height: 1.56vw;
  background: linear-gradient(90deg, #1350EF 0%, #5917FF 100%);
  box-shadow: 0 0.83vw 1.25vw 0 rgba(19, 80, 239, 0.3);
  border-radius: 0.42vw;
  white-space: nowrap;
}