/**/
.swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.global-crumb {
  margin: 5rem 0 3rem;
}

@media (max-width: 991.98px) {
  .global-crumb {
    margin: .8rem 0;
  }
}
/* 产品解决方案 */
.p-ptsolt {
  background: #000;
  color: #fff;
}
.p-ptsolt::-webkit-scrollbar {
  width: 0px;
}

.ptsolt-sect-header {
  width: 100%;
  text-align: center;
  margin-bottom: 2.4rem;
  position: relative;
  z-index: 10;
}

.ptsolt-toptit {
  font-size: .2rem;
  line-height: 1.4em;
  margin-bottom: 4px;
  text-align: center;
  font-weight: 600;
  font-family: "SofiaPro-Regular";
}

.ptsolt-heading {
  font-size: 2.8rem;
  line-height: 1.4em;
  font-weight: 700;
}
.ptsolt-heading img {
  height: 2.2rem;
  display: inline;
  margin: -0.2em 0.25em 0 0;
}
.ptsolt-heading .en {
  font-family: "SofiaPro-SemiBold";
  font-weight: 600;
}
.ptsolt-heading i {
  font-style: normal;
}

.ptsolt-slogan {
  font-size: 1.4rem;
  line-height: 1.45em;
  color: #fe2c55;
  margin-top: 0.6rem;
}

.ptsolt-header-desc {
  font-size: 1.2rem;
  line-height: 1.46em;
  color: #fff;
  margin-top: .9rem;
}

.ptsolt-topbox {
  width: 100%;
  position: relative;
}

.ptsolt-topbox-banner {
  width: 100%;
  height: calc(100vh - 5rem);
  max-height: 800px;
  position: relative;
  z-index: 5;
  color: #fff;
}
.ptsolt-topbox-banner .s-imgs {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.ptsolt-topbox-banner .s-imgs img {
  width: 100%;
  display: block;
  position: relative;
}
.ptsolt-topbox-banner .s-body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 10;
}
.ptsolt-topbox-banner .s-en {
  font-family: "SofiaPro-SemiBold";
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4em;
  color: #fe2c55;
  margin-bottom: -0.25em;
}
.ptsolt-topbox-banner .s-heading {
  font-size: 3.6rem;
  line-height: 1.44em;
  font-weight: 700;
}
.ptsolt-topbox-banner .s-desc {
  max-width: 27.5em;
  font-size: .9rem;
  line-height: 1.44em;
  margin-top: 0.8rem;
}

.ptsolt-topbox-datas {
  width: 100%;
  position: relative;
  z-index: 10;
}

.ptsolt-datas-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ptsolt-datas-list .dataitem {
  padding: 0 2.2rem;
  text-align: center;
  flex: none;
  max-width: 33.33%;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.ptsolt-datas-list .dataitem.is-antd {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
.ptsolt-datas-list .item-datas {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 4.4rem;
  line-height: 1em;
  height: 1em;
  font-family: "SofiaPro-SemiBold";
  font-weight: 600;
}
.ptsolt-datas-list .item-datas .unit {
  font-size: 45%;
  line-height: 1.3em;
}
.ptsolt-datas-list .item-desc {
  max-width: 12.75em;
  font-size: .8rem;
  line-height: 1.75em;
  margin: .9rem auto 0;
}

.ptsolt-project {
  padding: 4.25rem 0 4.2rem;
  margin: 9.15rem 0 8rem;
  overflow: hidden;
}
.ptsolt-project .ptsolt-sect-header {
  margin-bottom: 2.6rem;
}

.ptsolt-project-flex {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.ptsolt-project-navbox {
  width: 9rem;
  flex: none;
  white-space: nowrap;
  margin: 0;
  position: relative;
}

.ptsolt-project-navswip {
  width: 100%;
  height: 13.1rem;
  display: block;
  position: relative;
  padding: 0 1.7rem 0 0;
}
.ptsolt-project-navswip a {
  width: 100%;
  font-size: 1rem;
  line-height: 1.4em;
  cursor: pointer;
  display: block;
  color: #4D4D4D;
  text-align: right;
}
.ptsolt-project-navswip .swiper-wrapper {
  flex-direction: column;
  justify-content: space-between;
}
.ptsolt-project-navswip .swiper-slide {
  height: 1.7rem;
  display: flex;
  align-items: center;
}
.ptsolt-project-navswip .is-active a {
  color: #fe2c55;
  font-size: 1.2rem;
  line-height: 1.7rem;
  font-weight: 700;
}

.ptsolt-progress-bar {
  width: 1px;
  height: 100%;
  display: block;
  background: #4D4D4D;
  border-radius: 1px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.ptsolt-progress {
  width: 4px;
  height: 1.7rem;
  display: block;
  border-radius: 2px;
  background: #fe2c55;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: top 0.4s linear;
  -webkit-transition: top 0.4s linear;
}

.ptsolt-project-body {
  flex: 0 0 46rem;
  max-width: 78%;
}

.ptsolt-project-swip {
  width: 100%;
  height: 22.4rem;
  position: relative;
}
.ptsolt-project-swip::after {
  content: '';
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -100;
  transform: translate(-55%, -50%);
  -webkit-transform: translate(-55%, -50%);
}
.ptsolt-project-swip > .swiper-wrapper {
  z-index: 20;
}
.ptsolt-project-swip > .swiper-wrapper > .swiper-slide {
  height: 22.4rem;
}

.ptsolt-card-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.ptsolt-card-swip {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.ptsolt-card-swip .swiper-slide.had-button .card-desc {
  height: auto;
}

.ptsolt-card-row {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 1.8rem 0 3.45rem;
}

.ptsolt-card-imgs {
  width: 12rem;
  height: 100%;
  display: block;
  overflow: hidden;
  background: #000;
  border: solid 1px #fff;
  border-radius: 16px;
  padding: .5rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
.ptsolt-card-imgs .imgs {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.ptsolt-card-imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  position: relative;
  border-radius: 16px;
}

.ptsolt-card-body {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  background: #1E1E1E;
  border-radius: 16px;
  padding: 2.5rem 2.4rem 2rem 15.2rem;
  color: #fff;
}
.ptsolt-card-body .card-box {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.ptsolt-card-body .card-title {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.ptsolt-card-body .card-desc {
  font-size: .8rem;
  line-height: 1.75em;
  opacity: .8;
  overflow: hidden;
}
.ptsolt-card-body .card-desc ul {
  margin-top: 0.6rem;
}
.ptsolt-card-body .card-desc ul li {
  position: relative;
  padding-left: 1.5em;
}
.ptsolt-card-body .card-desc ul li::before {
  content: '';
  display: block;
  width: .25em;
  height: .25em;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  left: 0.5em;
  top: calc((1.75em - 0.25em) / 2 - 1px);
}
.ptsolt-card-body .card-tool {
  width: 100%;
  display: flex;
  margin: 1.05rem 0 0;
}

.ptsolt-card-toolbar {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
}

.ptsolt-card-ctrl {
  width: 2rem;
  height: 2rem;
  display: block;
  cursor: pointer;
  position: relative;
  background: no-repeat center center;
  background-size: contain;
}
.ptsolt-card-ctrl.prev {
  background-image: url("/img/static/swip-left-gray2.svg");
}
.ptsolt-card-ctrl.next {
  background-image: url("/img/static/swip-right-gray2.svg");
}
.ptsolt-card-ctrl.swiper-button-disabled {
  pointer-events: none;
}

.ptsolt-card-titswip {
  max-width: 10.4rem;
  height: 2rem;
  margin: 0 1rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: .9rem;
  line-height: 2rem;
  color: #4D4D4D;
  font-weight: 500;
}
.ptsolt-card-titswip a {
  display: block;
  padding: 0 1rem;
  text-align: center;
}
.ptsolt-card-titswip .swiper-slide {
  width: auto;
}
.ptsolt-card-titswip .swiper-slide-thumb-active {
  color: #fe2c55;
}

.ptsolt-cases {
  margin: 10.8rem 0 3rem;
}

.ptsolt-source {
  margin: 3rem 0 5rem;
}
.ptsolt-source .doc {
  font-size: .8rem;
  line-height: 1.44em;
  color: #808080;
}

@media (min-width: 992px) {
  .ptsolt-topbox-banner .s-heading br {
    display: none;
  }

  .pctv-topswip-box, .ptsolt-topbox-datas {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    position: relative;
    z-index: 20;
  }
  .pctv-topswip-box.is-antd, .ptsolt-topbox-datas.is-antd {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .ptsolt-project.is-fixed .ptsolt-project-swip::after {
    display: block;
    z-index: 1;
  }

  .ptsolt-card-ctrl:not(.swiper-button-disabled).prev:hover {
    background-image: url("/img/static/swip-left-red.svg");
  }
  .ptsolt-card-ctrl:not(.swiper-button-disabled).next:hover {
    background-image: url("/img/static/swip-right-red.svg");
  }
}
@media (max-width: 991.98px) {
  .ptsolt-heading {
    font-size: .56rem;
    line-height: 1.4em;
  }
  .ptsolt-heading img {
    height: .48rem;
    margin-top: -0.3em;
  }
  .ptsolt-heading .en {
    font-weight: 700;
  }

  .ptsolt-slogan {
    font-size: .28rem;
    line-height: 1.43em;
    margin-top: .16rem;
  }

  .ptsolt-header-desc {
    font-size: .24rem;
    line-height: .34rem;
    margin-top: .24rem;
  }

  .ptsolt-sect-header {
    margin-bottom: 0.8rem;
  }

  .ptsolt-topbox-banner {
    height: auto;
    max-height: none;
    padding: 1.2rem 0 2rem;
  }
  .ptsolt-topbox-banner .s-body {
    position: relative;
    top: unset;
    text-align: center;
  }
  .ptsolt-topbox-banner .s-en {
    font-size: .32rem;
    margin-bottom: 2px;
  }
  .ptsolt-topbox-banner .s-heading {
    width: 100%;
    min-height: 1.46em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .96rem;
    line-height: 1.2em;
  }
  .ptsolt-topbox-banner .s-desc {
    font-size: .26rem;
    margin: 8px auto 0;
    max-width: 7rem;
  }

  .ptsolt-topbox-datas {
    margin: 0;
  }

  .ptsolt-datas-list {
    flex-direction: column;
    margin: 0;
  }
  .ptsolt-datas-list .dataitem {
    width: 100%;
    max-width: none;
    display: flex;
    justify-content: center;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    padding: 0;
    margin-bottom: .8rem;
  }
  .ptsolt-datas-list .dataitem:last-child {
    margin-bottom: 0;
  }
  .ptsolt-datas-list .box {
    width: 65vw;
  }
  .ptsolt-datas-list .item-datas {
    font-size: 1.04rem;
  }
  .ptsolt-datas-list .item-datas .unit {
    font-size: 46%;
  }
  .ptsolt-datas-list .item-desc {
    width: 100%;
    max-width: none;
    font-size: .24rem;
    line-height: 1.4em;
    margin-top: .16rem;
  }

  .ptsolt-project {
    padding: 0;
    margin: 2.96rem 0 0;
  }
  .ptsolt-project .ptsolt-sect-header {
    margin-bottom: 0.72rem;
  }

  .ptsolt-project-flex {
    display: block;
  }

  .ptsolt-project-navbox {
    width: 100%;
    margin: 0 0 0.72rem;
  }

  .ptsolt-project-navswip {
    height: auto;
    padding: 0 0 .28rem;
  }
  .ptsolt-project-navswip a {
    width: 4em;
    font-size: .24rem;
    line-height: 1.42em;
    text-align: center;
  }
  .ptsolt-project-navswip .swiper-wrapper {
    flex-direction: row;
  }
  .ptsolt-project-navswip .swiper-slide {
    width: 1.32rem;
    height: auto;
    justify-content: center;
  }
  .ptsolt-project-navswip .is-active a {
    font-size: .24rem;
    line-height: 1.42em;
  }

  .ptsolt-progress-bar {
    width: 100%;
    height: 1px;
    left: 0;
    top: unset;
    bottom: 0;
  }

  .ptsolt-progress {
    width: 1.32rem;
    height: 2px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    top: 50%;
    transition: left 0.4s linear;
    -webkit-transition: left 0.4s linear;
  }

  .ptsolt-project-swip {
    height: auto;
  }
  .ptsolt-project-swip > .swiper-wrapper > .swiper-slide {
    height: auto;
  }

  .ptsolt-project-body {
    flex: none;
    max-width: none;
    width: 100%;
  }

  .ptsolt-card-wrap {
    height: auto;
  }

  .ptsolt-card-swip .swiper-slide.had-button .card-desc {
    height: auto;
  }

  .ptsolt-card-row {
    width: 100%;
    height: auto;
    padding: 0;
    display: block;
  }

  .ptsolt-card-imgs {
    width: 2.7rem;
    height: auto;
    margin: 0 auto .24rem;
    position: relative;
    border-radius: .32rem;
    padding: .16rem;
  }

  .ptsolt-card-body {
    width: 100%;
    height: auto;
    background: transparent;
    padding: 0;
    border-radius: 0px;
  }
  .ptsolt-card-body .card-title {
    font-size: .36rem;
    line-height: 1.44em;
    margin-bottom: .48rem;
    text-align: center;
  }
  .ptsolt-card-body .card-desc {
    font-size: .24rem;
    line-height: 1.5em;
  }
  .ptsolt-card-body .card-desc ul {
    margin-top: .24rem;
  }
  .ptsolt-card-body .card-tool {
    margin-top: 0.8rem;
    justify-content: center;
  }
  .ptsolt-card-body .card-tool .btn {
    width: 1.6rem;
    height: calc(.62rem + 2px);
    font-size: .24rem;
  }

  .ptsolt-card-toolbar {
    width: 100%;
    justify-content: center;
    position: static;
    margin: .4rem auto 0;
    padding: 3px 0;
  }

  .ptsolt-card-ctrl {
    width: .44rem;
    height: .44rem;
  }

  .ptsolt-card-titswip {
    max-width: 44vw;
    margin: 0 .4rem !important;
    font-size: .28rem;
    line-height: .4rem;
    height: .4rem;
  }
  .ptsolt-card-titswip a {
    padding: 0 0.4rem !important;
  }

  .ptsolt-cases {
    margin: 1.16rem 0 0.8rem;
  }

  .ptsolt-source {
    margin: 0.8rem 0 1.2rem;
  }
  .ptsolt-source .doc {
    font-size: .2rem;
    line-height: 2em;
    color: #666;
  }
}
/* game on */
.p-game {
  background: #000;
  color: #fff;
}

.game-main .ptsolt-topbox .s-en {
  color: #25F4EE;
}

.gmsolt-section {
  margin: 9.5rem 0 calc(6.15rem - 25rem);
  position: relative;
  z-index: 10;
}
.gmsolt-section .ptsolt-sect-header {
  margin-bottom: 3rem;
}
.gmsolt-section .ptsolt-toptit {
  color: #25F4EE;
}

.gmsolt-mark1 {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 5.8rem;
}

.gmsolt-tab-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.gmsolt-tablist {
  display: flex;
  margin: 0 -0.5rem;
  position: relative;
  z-index: 10;
}

.gmsolt-tabitem {
  padding: 0 0.5rem;
  flex: 1;
  cursor: pointer;
  transition: opacity 0.01s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 0.01s cubic-bezier(0.4, 0, 0.2, 1);
}
.gmsolt-tabitem.item1, .gmsolt-tabitem.item2 {
  flex: 0 0 18.5%;
  max-width: 220px;
}
.gmsolt-tabitem.is-antd .gmsolt-tabitem-box .item-action {
  opacity: 1;
}
.gmsolt-tabitem.is-antd.item1 .gmsolt-tabitem-box .item-action {
  transition-delay: 0s;
}
.gmsolt-tabitem.is-antd.item2 .gmsolt-tabitem-box .item-action {
  transition-delay: 0.07s;
}
.gmsolt-tabitem.is-antd.item3 .gmsolt-tabitem-box .item-action {
  transition-delay: 0.19s;
}
.gmsolt-tabitem.is-antd.item4 .gmsolt-tabitem-box .item-action {
  transition-delay: 0.4s;
}

.gmsolt-tabitem-box {
  width: 100%;
  height: 20rem;
  display: block;
  overflow: hidden;
  border-radius: 16px;
  position: relative;
  background: #25F4EE;
}
.gmsolt-tabitem-box .item-action {
  color: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 22.01%, rgba(255, 255, 255, 0.224) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 50%;
  top: 1.4rem;
  text-align: center;
  z-index: 10;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  font-size: 3.2rem;
  line-height: 1.4em;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.gmsolt-tabitem-lvtit {
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4em;
  color: #fff;
  font-weight: 700;
  margin-top: 1.2rem;
}

.gmsolt-tab-curve {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -10px;
  right: -10px;
  top: 5.8rem;
  z-index: 15;
  color: #fff;
  pointer-events: none;
}
.gmsolt-tab-curve svg {
  width: 100%;
  position: relative;
  stroke-width: 10;
}
.gmsolt-tab-curve svg * {
  fill: none;
  stroke: currentColor;
}
.gmsolt-tab-curve svg .st1 {
  visibility: hidden;
}
.gmsolt-tab-curve .gameImg {
  width: 100%;
  height: 100%;
  display: block;
  background: url("/img/static/game-line.svg") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.gmsolt-sect-body {
  width: 100%;
  margin: 1.6rem 0 0;
}

.gmsolt-swip-wrap {
  width: 100%;
  position: relative;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.gmsolt-swip {
  width: 100%;
  position: relative;
}
.gmsolt-swip .slide-box {
  width: 100%;
  border-radius: 16px;
  background: #28282B;
  overflow: hidden;
  position: relative;
  padding: 3rem;
  height: 20.4rem;
  display: flex;
  align-items: stretch;
}
.gmsolt-swip .slide-imgs {
  flex: 0 0 15.2rem;
  max-width: 15.2rem;
  margin: 0 3rem 0 0;
  position: relative;
  height: 100%;
}
.gmsolt-swip .slide-imgs .imgs {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
}
.gmsolt-swip .slide-imgs img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
  border-radius: inherit;
}
.gmsolt-swip .slide-body {
  flex: 1;
  max-width: 100%;
  color: #fff;
}
.gmsolt-swip .slide-lvtit {
  font-size: 2.2rem;
  line-height: 1.45em;
  font-weight: 700;
  margin-bottom: .6rem;
}
.gmsolt-swip .slide-desc {
  font-size: .8rem;
  line-height: 1.8em;
  max-height: 3.6em;
  overflow: hidden;
}
.gmsolt-swip .slide-solt {
  margin: 1.2rem 0 0;
}
.gmsolt-swip .slide-solt .tit {
  font-size: 1.2rem;
  line-height: 1.46em;
  font-weight: 700;
  margin-bottom: .8rem;
}
.gmsolt-swip .slide-solt .doc {
  font-size: .8rem;
  line-height: 1.44em;
  color: rgba(255, 255, 255, 0.8);
}
.gmsolt-swip .slide-solt .doc li {
  position: relative;
  margin: 0 0 0.5rem;
  padding-left: 1.25em;
}
.gmsolt-swip .slide-solt .doc li::before {
  content: '';
  display: block;
  width: .5em;
  height: .5em;
  border-radius: 100%;
  background: #25F4EE;
  position: absolute;
  left: 0;
  top: calc((1.44em - .5em) / 2);
}
.gmsolt-swip .slide-solt .doc li:last-child {
  margin-bottom: 0;
}
.gmsolt-swip .slide-solt .doc a[href]::after {
  content: '';
  flex: none;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
  background: url("/img/static/ico-skip.svg") no-repeat center center;
  background-size: contain;
  margin: -2px 0 0 6px;
  vertical-align: middle;
}

@media (min-width: 992px) {
  .game-main .ptsolt-cases {
    margin-top: 4.25rem;
  }

  .gmsolt-swip-wrap .ps-swip-toolbar {
    justify-content: flex-end;
    margin-top: 1.3rem;
  }
}
@media (max-width: 991.98px) {
  .game-main .ptsolt-topbox-banner {
    padding: .64rem 0 2.16rem;
  }
  .game-main .ptsolt-cases {
    margin-top: 1.2rem;
  }

  .gmsolt-section {
    margin: 2rem 0 calc(1.16rem - 230px);
  }
  .gmsolt-section .ptsolt-sect-header {
    margin-bottom: 0.96rem;
  }

  .gmsolt-tablist {
    margin: 0 -3px;
  }

  .gmsolt-tabitem {
    padding: 0 3px;
  }
  .gmsolt-tabitem.item1, .gmsolt-tabitem.item2 {
    max-width: 14.6vw;
  }

  .gmsolt-tabitem-box {
    height: 3.2rem;
    border-radius: .16rem;
  }
  .gmsolt-tabitem-box .item-action {
    font-size: .4rem;
    top: .12rem;
  }

  .gmsolt-tabitem-lvtit {
    margin: .24rem 0 0;
    font-size: .28rem;
  }

  .gmsolt-tab-curve {
    top: 1.1rem;
    left: -3px;
    right: -3px;
  }

  .gmsolt-sect-body {
    margin: .32rem 0 0;
  }

  .gmsolt-swip-wrap .ps-swip-toolbar {
    justify-content: center;
    margin-top: .5rem;
  }

  .gmsolt-swip .slide-box {
    display: block;
    border-radius: .32rem;
    padding: .4rem;
    height: 8.5rem;
  }
  .gmsolt-swip .slide-imgs {
    flex: none;
    max-width: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .gmsolt-swip .slide-imgs .imgs {
    padding: 50% 0 0;
    height: auto;
    border-radius: .32rem;
  }
  .gmsolt-swip .slide-body {
    padding: .4rem 0.2rem 0;
  }
  .gmsolt-swip .slide-lvtit {
    font-size: .44rem;
    margin-bottom: .16rem;
  }
  .gmsolt-swip .slide-desc {
    font-size: .24rem;
    line-height: .36rem;
    max-height: none;
  }
  .gmsolt-swip .slide-solt {
    margin-top: .4rem;
  }
  .gmsolt-swip .slide-solt .tit {
    font-size: .28rem;
    line-height: .4rem;
    margin-bottom: .12rem;
  }
  .gmsolt-swip .slide-solt .doc {
    font-size: .24rem;
    line-height: 1.4em;
  }
  .gmsolt-swip .slide-solt .doc li {
    margin-bottom: .08rem;
    padding-left: 10px;
  }
  .gmsolt-swip .slide-solt .doc li::before {
    width: 4px;
    height: 4px;
    left: 0;
    top: calc((1.4em - 4px) / 2);
  }
  .gmsolt-swip .slide-solt .doc a[href]::after {
    width: 1em;
    height: 1em;
  }
}
/* shop now */
.p-shop {
  background: #000;
  color: #fff;
}

.pshop-market-section {
  margin: -4.8rem 0 0;
  padding: 4.8rem 0 1.2rem;
  position: relative;
  z-index: 15;
}

.pshop-market-flex {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  margin: 2.4rem 0 0;
  justify-content: space-between;
  position: relative;
  align-items: center;
}

.pshop-market-flvwrap {
  flex: none;
  margin: 0 6% 0 0;
  display: block;
  position: relative;
}

.pshop-market-flvbox {
  width: 520px;
  height: 520px;
  position: relative;
}

.pshop-flv-layer1 {
  width: 440px;
  height: 420px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 10;
}
.pshop-flv-layer1 .item {
  position: absolute;
}
.pshop-flv-layer1 .item1 {
  width: 110px;
  height: 110px;
  left: 161px;
  top: 0;
}
.pshop-flv-layer1 .item2 {
  width: 110px;
  height: 110px;
  left: 161px;
  top: 169px;
}
.pshop-flv-layer1 .item3 {
  width: 84px;
  height: 84px;
  right: 0;
  top: 86px;
}
.pshop-flv-layer1 .item4 {
  width: 76px;
  height: 76px;
  left: 0;
  top: 101px;
}
.pshop-flv-layer1 .item5 {
  width: 84px;
  height: 84px;
  right: 0;
  top: 278px;
}
.pshop-flv-layer1 .item6 {
  width: 60px;
  height: 60px;
  left: 16px;
  top: 277px;
}
.pshop-flv-layer1 .item7 {
  width: 48px;
  height: 48px;
  left: 178px;
  bottom: 0;
}
.pshop-flv-layer1 .human {
  width: 100%;
  height: 100%;
  display: block;
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  transform-origin: center center !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  border-radius: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.pshop-flv-layer1 .human1 {
  background-image: url("/img/static/shop-human.svg");
}
.pshop-flv-layer1 .human2 {
  background-image: url("/img/static/shop-human.svg");
}
.pshop-flv-layer1 .human3 {
  background-image: url("/img/static/shop-human.svg");
}
.pshop-flv-layer1 .human4 {
  background-image: url("/img/static/shop-human2.svg");
}
.pshop-flv-layer1 .human5 {
  background-image: url("/img/static/shop-human2.svg");
}
.pshop-flv-layer1 .human6 {
  background-image: url("/img/static/shop-human2.svg");
}
.pshop-flv-layer1 .human7 {
  background-image: url("/img/static/shop-human3.svg");
}
.pshop-flv-layer1 .widget {
  display: block;
  position: absolute;
  border-radius: 4px;
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  transform-origin: left bottom !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 5;
}
.pshop-flv-layer1 .widget .ico {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.pshop-flv-layer1 .widget1 {
  width: 36px;
  height: 65px;
  background: #fe2c55;
  left: 75%;
  top: -18px;
}
.pshop-flv-layer1 .widget1 .ico {
  width: 21px;
  height: 21px;
  background-image: url("/img/static/shop-clothes.svg");
}
.pshop-flv-layer1 .widget2 {
  width: 40px;
  height: 72px;
  background: #25F4EE;
  left: 73%;
  top: -18px;
}
.pshop-flv-layer1 .widget2 .ico {
  width: 24px;
  height: 24px;
  background-image: url("/img/static/shop-check.svg");
}
.pshop-flv-layer1 .widget3 {
  width: 36px;
  height: 65px;
  background: #25F4EE;
  left: 73%;
  top: -18px;
}
.pshop-flv-layer1 .widget3 .ico {
  width: 21px;
  height: 21px;
  background-image: url("/img/static/shop-bag.svg");
}
.pshop-flv-layer1 .widget4 {
  width: 32px;
  height: 56px;
  background: #003A8A;
  left: 78%;
  top: -28px;
}
.pshop-flv-layer1 .widget4 .ico {
  width: 14px;
  height: 14px;
  background-image: url("/img/static/shop-clothes.svg");
}
.pshop-flv-layer1 .widget5 {
  width: 32px;
  height: 56px;
  background: #982396;
  left: 65%;
  top: -31px;
}
.pshop-flv-layer1 .widget5 .ico {
  width: 18px;
  height: 18px;
  background-image: url("/img/static/shop-cart.svg");
}
.pshop-flv-layer1 .widget6 {
  width: 32px;
  height: 56px;
  background: #0046A6;
  left: 75%;
  top: -35px;
}
.pshop-flv-layer1 .widget6 .ico {
  width: 18px;
  height: 18px;
  background-image: url("/img/static/shop-bag.svg");
}

.pshop-flv-circle1 {
  width: 70%;
  height: 70%;
  max-width: 360px;
  max-height: 360px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}
.pshop-flv-circle1 .circle {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100%;
  border: solid 3px #3C3D4A;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.pshop-flv-circle2 {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.pshop-flv-circle2 .circle {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100%;
  border: solid 1px #3C3D4A;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.pshop-flv-heart {
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 20;
}
.pshop-flv-heart .heart {
  width: 100%;
  height: 100%;
  display: block;
  background: url("/img/static/shop-heart.svg") no-repeat center center;
  background-size: contain;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.pshop-market-flvswip {
  width: 80vw;
  margin: 0 auto;
  position: relative;
  margin-bottom: .66rem;
}
.pshop-market-flvswip .imgs {
  width: 100%;
  position: relative;
  display: block;
}
.pshop-market-flvswip .imgs img {
  width: 100%;
  display: block;
  position: relative;
}

.pshop-market-swipbox {
  flex: 0 0 40%;
  max-width: 23.25rem;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
}
.pshop-market-swipbox .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.pshop-market-swipbox .slide-tit {
  font-size: 1.6rem;
  line-height: 1.2em;
  opacity: .3;
  font-weight: 700;
  white-space: nowrap;
}
.pshop-market-swipbox .slide-desc {
  font-size: 1.1rem;
  line-height: 1.6rem;
  opacity: 0;
  margin-top: 1rem;
  height: 0;
  overflow: hidden;
}

.pshop-path-section {
  padding: 4.8rem 0 4.4rem;
  position: relative;
  z-index: 10;
}

.pshop-path-box .svgbox {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.pshop-path-box.web {
  width: 50vw;
  max-width: 744px;
  position: relative;
  margin: 6.5rem auto 0;
}
.pshop-path-box.web::before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.pshop-path-box.web .bg {
  width: 100%;
  display: block;
}
.pshop-path-box.app {
  width: 100%;
  margin: 1.44rem auto 0;
}

#shopVoute {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
#shopVoute .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 11;
  stroke-miterlimit: 10;
  fill-rule: evenodd;
  opacity: 0;
}

.pshop-nodes {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
}
.pshop-nodes .item {
  width: calc(32% + 50vw);
  height: 33.33%;
  position: absolute;
  z-index: 20;
  display: block;
  cursor: pointer;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.pshop-nodes .item.is-active {
  opacity: 1;
}
.pshop-nodes .box {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 4px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.pshop-nodes .ico {
  width: 2.6rem;
  height: 2.6rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
.pshop-nodes .ico img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: scale-down;
  -webkit-object-fit: scale-down;
  object-position: center center;
  -webkit-object-position: center center;
  position: relative;
}
.pshop-nodes .txtbox {
  position: absolute;
  z-index: 30;
  text-align: center;
  color: #fff;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.pshop-nodes .tit {
  font-size: 1.2rem;
  line-height: 1.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.pshop-nodes .doc {
  width: 24em;
  font-size: 0.9rem;
  line-height: 1.45em;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  height: 0px;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  margin-top: 5px;
}
.pshop-nodes .item1 {
  height: calc(33% + 6rem);
  right: 68%;
  top: -5.5rem;
  padding: 6rem 0 0 50vw;
}
.pshop-nodes .item2 {
  height: calc(33% + 6rem);
  right: 68%;
  bottom: -5.5rem;
  padding: 0 0 6rem 50vw;
}
.pshop-nodes .item2 .box {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.pshop-nodes .middle {
  width: 34.3%;
  height: auto;
  padding-top: 34.3%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 40;
}
.pshop-nodes .middle .box {
  position: absolute;
  left: 0;
  top: 0;
}
.pshop-nodes .middle .ico {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.pshop-nodes .item3 {
  height: calc(33% + 6rem);
  left: 68%;
  top: -5.5rem;
  padding: 6rem 50vw 0 0;
}
.pshop-nodes .item4 {
  height: calc(33% + 6rem);
  left: 68%;
  bottom: -5.5rem;
  padding: 0 50vw 6rem 0;
}
.pshop-nodes .item4 .box {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.pshop-nodes .item1 .txtbox,
.pshop-nodes .item3 .txtbox {
  left: 50%;
  bottom: 100%;
  padding-bottom: 1.35rem;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.pshop-nodes .item2 .txtbox,
.pshop-nodes .item4 .txtbox {
  left: 50%;
  top: 100%;
  padding-top: 1.35rem;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

.pshopApp-nodes-box {
  width: 70.3vw;
  max-width: 5.48rem;
  margin: 0 auto;
  position: relative;
}
.pshopApp-nodes-box::before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.pshopApp-nodes-box .bg {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pshopApp-nodes-box .shopAvgApp {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.pshopApp-nodes-box .shopAvgApp .st0 {
  opacity: 0;
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}

.pshopApp-nodes {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.pshopApp-nodes .item {
  width: 36%;
  height: 33.33%;
  position: absolute;
  z-index: 20;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  padding: .12rem 0;
}
.pshopApp-nodes .ico {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
.pshopApp-nodes .ico img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: scale-down;
  -webkit-object-fit: scale-down;
  object-position: center center;
  -webkit-object-position: center center;
  position: relative;
}
.pshopApp-nodes .txtbox {
  position: absolute;
  z-index: 30;
  text-align: center;
  color: #fff;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.pshopApp-nodes .tit {
  font-size: 0.24rem;
  line-height: 1.4em;
  font-weight: 700;
  white-space: nowrap;
}
.pshopApp-nodes .item1 {
  left: 0;
  top: 0;
}
.pshopApp-nodes .item2 {
  left: 0;
  bottom: 0;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.pshopApp-nodes .middle {
  width: 40%;
  height: auto;
  padding-top: 40%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 40;
}
.pshopApp-nodes .middle .ico {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.pshopApp-nodes .item3 {
  right: 0;
  top: 0;
}
.pshopApp-nodes .item4 {
  right: 0;
  bottom: 0;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.pshopApp-nodes .item1 .txtbox,
.pshopApp-nodes .item3 .txtbox {
  left: 50%;
  bottom: 100%;
  padding-bottom: 0.12rem;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.pshopApp-nodes .item2 .txtbox,
.pshopApp-nodes .item4 .txtbox {
  left: 50%;
  top: 100%;
  padding-top: 0.12rem;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

.pshopApp-lcDet {
  width: 100%;
  margin-top: 1.12rem;
}
.pshopApp-lcDet li {
  margin-bottom: .32rem;
  font-size: .24rem;
  line-height: 1.4em;
  color: #fff;
}
.pshopApp-lcDet li:last-child {
  margin-bottom: 0;
}
.pshopApp-lcDet .tit {
  margin-bottom: 6px;
}
.pshopApp-lcDet .doc {
  opacity: .5;
}

.pshop-ads-section {
  margin: 5rem 0 9.8rem;
  max-height: 800px;
  position: relative;
  padding: 3rem 0;
}
.pshop-ads-section .ptsolt-header-desc {
  font-size: 1rem;
  line-height: 1.5em;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.6em;
}
.pshop-ads-section .pshop-anchor {
  width: 100%;
  height: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: -5rem;
  z-index: -9;
  visibility: hidden;
  opacity: 0;
}

.pshop-ads-bigswip {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.pshop-ads-bigswip .imgs {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.pshop-ads-bigswip img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: relative;
}

.pshop-ads-content {
  width: 100%;
  position: relative;
  z-index: 10;
}

.pshop-ads-imgsbox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  pointer-events: none;
}

.pshop-ads-imgswip {
  width: 15rem;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 2.8rem;
  top: 0;
}

.pshop-ads-detswip {
  width: 100%;
  height: 28rem;
  position: relative;
  padding: 3.85rem 0;
  overflow: hidden;
  z-index: 10;
}
.pshop-ads-detswip .slide-imgs {
  width: 38.5vw;
  max-width: 3rem;
  margin: 0 auto .4rem;
}
.pshop-ads-detswip .slide-content {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.pshop-ads-detswip .slide-content .box {
  flex: 0 0 71%;
  max-width: 840px;
  height: 100%;
  background: #fff;
  position: relative;
  border-radius: 16px;
  padding: 3rem 3rem 3rem 3.9rem;
  color: #000;
}
.pshop-ads-detswip .slide-lvtit {
  font-size: 2.2rem;
  line-height: 1.45em;
  font-weight: 700;
}
.pshop-ads-detswip .slide-desc {
  font-size: .8rem;
  line-height: 1.8em;
  opacity: .8;
  margin-top: .5em;
}
.pshop-ads-detswip .slide-advant {
  margin-top: 1.4rem;
}
.pshop-ads-detswip .slide-advant .tit {
  font-size: 1.2rem;
  line-height: 1.75rem;
  margin-bottom: .5em;
  font-weight: 700;
}
.pshop-ads-detswip .slide-advant .doc {
  font-size: .8rem;
  line-height: 1.15rem;
  opacity: .8;
}
.pshop-ads-detswip .slide-advant .doc li {
  margin-bottom: .3rem;
  position: relative;
}
.pshop-ads-detswip .slide-advant .doc li:last-child {
  margin-bottom: 0;
}
.pshop-ads-detswip .slide-advant .doc ul li {
  padding-left: 1.25em;
}
.pshop-ads-detswip .slide-advant .doc ul li::before {
  content: '';
  display: block;
  width: .5em;
  height: .5em;
  border-radius: 100%;
  background: #fe2c55;
  position: absolute;
  left: 0;
  top: calc((1.15rem - 0.5em) / 2);
}

.pshop-ads-paging {
  display: block;
  position: absolute;
  left: calc(50% + 32.4rem);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 10;
}
.pshop-ads-paging .bullet {
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 100%;
  margin: 0 0 .6rem;
  background: #fff;
  cursor: pointer;
}
.pshop-ads-paging .bullet:last-child {
  margin: 0;
}
.pshop-ads-paging .bullet.active {
  background: #fe2c55;
}

.pshop-ads-ctrl {
  width: .8rem;
  height: .8rem;
  display: block;
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 34.8vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 20;
}
.pshop-ads-ctrl.prev {
  left: 0.48rem;
  background-image: url("/img/static/swip-left-red.svg");
}
.pshop-ads-ctrl.prev.swiper-button-disabled {
  background-image: url("/img/static/swip-left-gray2.svg");
}
.pshop-ads-ctrl.next {
  right: .48rem;
  background-image: url("/img/static/swip-right-red.svg");
}
.pshop-ads-ctrl.next.swiper-button-disabled {
  background-image: url("/img/static/swip-right-gray2.svg");
}
.pshop-ads-ctrl.swiper-button-disabled {
  pointer-events: none;
}

@media (max-width: 1440px) {
  .pshop-market-flvwrap {
    margin: 0;
  }

  .pshop-path-box.web {
    width: 40vw;
  }

  .pshop-nodes .ico {
    width: 2.1rem;
    height: 2.1rem;
  }
  .pshop-nodes .tit {
    font-size: 18px;
  }
  .pshop-nodes .doc {
    width: 18em;
    font-size: 16px;
  }
  .pshop-nodes .item1 .doc {
    width: 15em;
  }
  .pshop-nodes .item2 .doc br {
    display: none;
  }
  .pshop-nodes .item3 .doc, .pshop-nodes .item4 .doc {
    width: 16em;
  }
  .pshop-nodes .item1, .pshop-nodes .item3 {
    top: -5.7rem;
  }
  .pshop-nodes .item2, .pshop-nodes .item4 {
    bottom: -5.7rem;
  }

  .pshop-ads-paging {
    left: unset;
    right: calc((8.9vw - 12px) / 2);
  }
}
@media (max-width: 1366px) {
  .pshop-market-flvbox {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
}
@media (max-width: 1280px) {
  .pshop-market-flvbox {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
}
@media (max-width: 1200px) {
  .pshop-ads-paging {
    left: unset;
    right: calc((2rem - 8px) / 2);
  }
  .pshop-ads-paging .bullet {
    width: 8px;
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-height: 800px) {
  .pshop-market-flvbox {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
}
@media (min-width: 1000px) and (max-height: 630px) {
  .pshop-market-flvbox {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}
@media (min-width: 992px) {
  .pshop-market-swipbox .swiper-wrapper {
    display: block;
  }
  .pshop-market-swipbox .swiper-slide {
    height: auto;
    margin-bottom: 3rem;
  }
  .pshop-market-swipbox .swiper-slide:last-child {
    margin: 0;
  }
  .pshop-market-swipbox .slide-tit, .pshop-market-swipbox .slide-desc {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .pshop-market-swipbox .is-active_after .slide-tit {
    opacity: 1;
    font-size: 2.2rem;
  }
  .pshop-market-swipbox .is-active_after .slide-desc {
    opacity: 1;
    visibility: visible;
    height: auto;
  }

  .pshop-ads-section .ptsolt-sect-header {
    margin: 0 0 2.6rem;
  }

  .pshop-ads-imgswip .gphone-imgs2 {
    width: 100%;
    height: 100%;
  }
  .pshop-ads-imgswip .gphone-imgs2 .box {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 991.98px) {
  .p-shop .ptsolt-topbox-banner {
    padding: 0.64rem 0 4.26rem;
  }

  .pshop-market-section {
    margin: 0;
    padding: 0.96rem 0 1.6rem;
  }
  .pshop-market-section .ptsolt-sect-header {
    margin-bottom: .66rem;
  }

  .pshop-market-flex {
    width: 100%;
    display: block;
    margin: 0;
  }

  .pshop-market-flvwrap {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    pointer-events: none;
  }

  .pshop-market-flvbox {
    width: 84vw;
    height: 84vw;
    transform: none;
    -webkit-transform: none;
    margin: 0 auto;
  }

  .pshop-flv-layer1 {
    width: 67.7vw;
    height: 64.1vw;
  }
  .pshop-flv-layer1 .item1 {
    width: 17vw;
    height: 17vw;
    left: 36.6%;
  }
  .pshop-flv-layer1 .item2 {
    width: 17vw;
    height: 17vw;
    left: 36.6%;
    top: 39.68%;
  }
  .pshop-flv-layer1 .item3 {
    width: 12.8vw;
    height: 12.8vw;
    right: 0;
    top: 20.56%;
  }
  .pshop-flv-layer1 .item4 {
    width: 11.8vw;
    height: 11.8vw;
    left: 0%;
    top: 24.14%;
  }
  .pshop-flv-layer1 .item5 {
    width: 12.8vw;
    height: 12.8vw;
    right: 3.78%;
    top: 66.53%;
  }
  .pshop-flv-layer1 .item6 {
    width: 9.2vw;
    height: 9.2vw;
    left: 3.6%;
    top: 66.14%;
  }
  .pshop-flv-layer1 .item7 {
    width: 7.43vw;
    height: 7.43vw;
    left: 40.45%;
    bottom: 0%;
  }
  .pshop-flv-layer1 .widget1 {
    width: 5.6vw;
    height: 10vw;
    top: -2.8vw;
  }
  .pshop-flv-layer1 .widget1 .ico {
    width: 3vw;
    height: 3vw;
  }
  .pshop-flv-layer1 .widget2 {
    width: 6.15vw;
    height: 11vw;
    top: -2.8vw;
  }
  .pshop-flv-layer1 .widget2 .ico {
    width: 3.6vw;
    height: 3.6vw;
  }
  .pshop-flv-layer1 .widget3 {
    width: 5.6vw;
    height: 10vw;
    top: -6.6vw;
  }
  .pshop-flv-layer1 .widget3 .ico {
    width: 2.56vw;
    height: 2.56vw;
  }
  .pshop-flv-layer1 .widget4 {
    width: 4.87vw;
    height: 8.7vw;
    top: -4.3vw;
  }
  .pshop-flv-layer1 .widget4 .ico {
    width: 3.6vw;
    height: 3.6vw;
  }
  .pshop-flv-layer1 .widget5 {
    width: 4.87vw;
    height: 8.7vw;
    top: -4.6vw;
  }
  .pshop-flv-layer1 .widget5 .ico {
    width: 2.56vw;
    height: 2.56vw;
  }
  .pshop-flv-layer1 .widget6 {
    width: 4.87vw;
    height: 8.7vw;
    top: -5vw;
  }
  .pshop-flv-layer1 .widget6 .ico {
    width: 2.8vw;
    height: 2.8vw;
  }

  .pshop-flv-heart {
    width: 15.4vw;
    height: 15.4vw;
    max-width: 60px;
    max-height: 60px;
  }

  .pshop-market-swipbox {
    flex: none;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    position: relative;
    z-index: 20;
  }

  .pshop-market-swip {
    width: 62vw;
    position: relative;
    text-align: center;
    padding: calc(84vw + 0.66rem) 0 0;
    margin: 0 auto;
  }
  .pshop-market-swip .swiper-slide {
    width: auto;
    min-width: 100%;
  }
  .pshop-market-swip .slide-tit {
    font-size: .44rem;
    line-height: 1.2em;
    opacity: .3;
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .pshop-market-swip .slide-desc {
    max-width: 5rem;
    font-size: .24rem;
    line-height: 1.42em;
    opacity: .3;
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    margin: 1em auto 0;
    visibility: visible;
    height: auto;
  }
  .pshop-market-swip .swiper-slide-active .slide-tit, .pshop-market-swip .swiper-slide-active .slide-desc {
    opacity: 1;
  }

  .pshop-market-paging {
    position: static;
    margin: .6rem 0 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pshop-market-paging .bullet {
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100%;
    background: #fff;
    margin: 0 3px !important;
  }
  .pshop-market-paging .bullet.active {
    background: #fe2c55;
  }

  .pshop-path-section {
    padding: 1rem 0 0.24rem;
  }

  .pshop-ads-section {
    margin: 0.8rem 0 1.2rem;
    padding: .96rem 0 .8rem;
    max-height: none;
  }
  .pshop-ads-section .ptsolt-sect-header {
    margin-bottom: .68rem;
  }
  .pshop-ads-section .ptsolt-header-desc {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: .36rem;
  }
  .pshop-ads-section .pshop-anchor {
    top: -0.24rem;
  }

  .pshop-ads-detswip {
    padding: 0;
    height: auto;
  }
  .pshop-ads-detswip .slide-content {
    display: block;
  }
  .pshop-ads-detswip .slide-content .box {
    width: 100%;
    flex: none;
    height: auto;
    max-width: none;
    padding: .4rem 0.52rem .48rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
  }
  .pshop-ads-detswip .slide-lvtit {
    font-size: .36rem;
    line-height: .44rem;
  }
  .pshop-ads-detswip .slide-desc {
    font-size: .24rem;
    line-height: .36rem;
    margin-top: .16rem;
  }
  .pshop-ads-detswip .slide-advant {
    margin-top: .4rem;
  }
  .pshop-ads-detswip .slide-advant .tit {
    font-size: .28rem;
    line-height: .4rem;
    margin-bottom: .16rem;
  }
  .pshop-ads-detswip .slide-advant .doc {
    font-size: .24rem;
    line-height: .34rem;
  }
  .pshop-ads-detswip .slide-advant .doc li {
    margin-bottom: 4px;
  }
  .pshop-ads-detswip .slide-advant .doc ul li {
    padding-left: 10px;
  }
  .pshop-ads-detswip .slide-advant .doc ul li::before {
    width: 4px;
    height: 4px;
    left: 0;
    top: calc((.34rem - 4px) / 2);
  }

  .pshop-ads-paging {
    position: static;
    margin: .46rem 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .pshop-ads-paging .bullet {
    width: 6px;
    height: 6px;
    margin: 0 6px !important;
  }
}
/* 创意解决方案 */
.p-creative {
  background: #000;
  color: #fff;
}

.creative-main .ptsolt-topbox-banner .s-en {
  color: #25F4EE;
}

.pctv-topswip {
  width: 100%;
  position: relative;
}
.pctv-topswip .swiper-slide {
  width: auto;
}
.pctv-topswip .slide-tit {
  font-size: 2.2rem;
  line-height: 1.2em;
  font-weight: 700;
  position: relative;
  padding: 0 0 calc(1.2rem + 6px);
  margin-bottom: 1.2rem;
}
.pctv-topswip .slide-tit::after {
  content: '';
  display: block;
  width: 5.5rem;
  height: 6px;
  border-radius: 3px;
  background: #25F4EE;
  position: absolute;
  left: 0;
  bottom: 0;
}
.pctv-topswip .slide-desc {
  width: 14.5em;
  max-width: 100%;
  font-size: 1rem;
  line-height: 1.45em;
  opacity: .8;
}

.pctv-solt-section {
  width: 100%;
  position: relative;
  margin: 6rem 0 4.5rem;
  padding: 4.5rem 0 0;
}
.pctv-solt-section .pctv-anchor {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: calc(4.5rem - 5rem);
}
.pctv-solt-section .ptsolt-sect-header {
  margin-bottom: 2.5rem;
}
.pctv-solt-section .ptsolt-slogan {
  line-height: 1.5em;
}

.pctv-solt-tabbox {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto 8px;
}

.pctv-solt-tablist {
  height: 3.4rem;
  border-radius: 1.7rem;
  background: #252525;
  padding: 4px;
  display: flex;
  position: relative;
  align-items: center;
}
.pctv-solt-tablist .tabitem {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 1.2rem 0 0;
  flex: none;
}
.pctv-solt-tablist .tabitem::after {
  content: '';
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("/img/static/arrow-right-white.svg") no-repeat center center;
  background-size: contain;
  margin: 0 0 0 1.2rem;
  flex: none;
}
.pctv-solt-tablist .tabitem:last-child {
  margin: 0;
}
.pctv-solt-tablist .tabitem:last-child::after {
  display: none;
}
.pctv-solt-tablist .tabitem.active a {
  background: #25F4EE;
  color: #000;
}
.pctv-solt-tablist a {
  flex: none;
  width: 8.85rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 1rem;
  line-height: 1.4em;
  font-weight: 700;
  border-radius: 1.5rem;
  white-space: nowrap;
  text-align: center;
}

.pctv-solt-pane {
  display: none;
}
.pctv-solt-pane.show .pctv-solt-row {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.pctv-solt-pane.active {
  display: block;
}

.pctv-solt-row {
  width: 100%;
  min-height: 25.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transition: all 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  padding: 0 1.6rem;
}

.pctv-soltcol-svg {
  flex: none;
  width: calc(50% - 4.5rem);
  height: 100%;
  position: relative;
}

.pctv-svg-swip {
  width: 100%;
  height: 100%;
  position: relative;
}

.pctv-svg {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pctv-svg svg {
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: relative;
  overflow: visible;
}
.pctv-svg svg * {
  transform-box: fill-box !important;
}

.pctv-imgs {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
}
.pctv-imgs .imgs {
  flex: none;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.pctv-imgs .imgs.web {
  padding: 82.35% 0 0;
  border-radius: 16px;
}
.pctv-imgs .imgs.app {
  padding: 49.27% 0 0;
  border-radius: .32rem;
}
.pctv-imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: inherit;
}

#pctvSoltSvg_TCC .st1, #pctvSoltSvg_TCC .st2, #pctvSoltSvg_TCC .st3, #pctvSoltSvg_TCC .st4, #pctvSoltSvg_TCC .st5, #pctvSoltSvg_TCC .st6, #pctvSoltSvg_TCC .st7 {
  opacity: 0;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_TCC .st8 {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center !important;
  transition: all 0.8s cubic-bezier(0.16, 2.46, 0.49, 0.26);
  -webkit-transition: all 0.8s cubic-bezier(0.16, 2.46, 0.49, 0.26);
}

#pctvSoltSvg_Capcut .st1, #pctvSoltSvg_Capcut .st_image {
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_Capcut .stline {
  opacity: 0;
  transform: translateX(-120px);
  -webkit-transform: translateX(-120px);
  transition: transform 0.9s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: transform 0.9s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_Capcut .st2, #pctvSoltSvg_Capcut .st3, #pctvSoltSvg_Capcut .st4, #pctvSoltSvg_Capcut .st5, #pctvSoltSvg_Capcut .st6, #pctvSoltSvg_Capcut .st7 {
  opacity: 0;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform-origin: center center !important;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

#pctvSoltSvg_TTCM .st1, #pctvSoltSvg_TTCM .st2, #pctvSoltSvg_TTCM .st3, #pctvSoltSvg_TTCM .st4, #pctvSoltSvg_TTCM .st5, #pctvSoltSvg_TTCM .st6 {
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: transform 0.8s cubic-bezier(0.16, 2.46, 0.49, 0.26), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: transform 0.8s cubic-bezier(0.16, 2.46, 0.49, 0.26), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_TTCM .st_line {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

#pctvSoltSvg_TTCX .st1, #pctvSoltSvg_TTCX .st2, #pctvSoltSvg_TTCX .st3, #pctvSoltSvg_TTCX .st4, #pctvSoltSvg_TTCX .st5 {
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: transform 0.8s cubic-bezier(0.16, 2.46, 0.49, 0.26), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: transform 0.8s cubic-bezier(0.16, 2.46, 0.49, 0.26), opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_TTCX .st_line {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

#pctvSoltSvg_TTCC .circle1, #pctvSoltSvg_TTCC .circle2 {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center !important;
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_TTCC .st1 {
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center !important;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_TTCC .st2, #pctvSoltSvg_TTCC .st3, #pctvSoltSvg_TTCC .st4, #pctvSoltSvg_TTCC .st5, #pctvSoltSvg_TTCC .st6, #pctvSoltSvg_TTCC .st7 {
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center !important;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

#pctvSoltSvg_SF .rect {
  perspective: 300px;
  -webkit-perspective: 300px;
}
#pctvSoltSvg_SF .rect rect {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -webkit-transform-style: preserve-3d !important;
  transform-style: preserve-3d !important;
  transform-origin: center center !important;
  transition: all 0.8s cubic-bezier(0.5, 1.81, 0.1, 0.82);
  -webkit-transition: all 0.8s cubic-bezier(0.5, 1.81, 0.1, 0.82);
}
#pctvSoltSvg_SF .st1, #pctvSoltSvg_SF .st2, #pctvSoltSvg_SF .st3 {
  perspective: 300px;
  -webkit-perspective: 300px;
}
#pctvSoltSvg_SF .st1-1, #pctvSoltSvg_SF .st2-1, #pctvSoltSvg_SF .st3-1 {
  opacity: 1;
  transform: rotaetY(0deg);
  -webkit-transform: rotaetY(0deg);
  -webkit-transform-style: preserve-3d !important;
  transform-style: preserve-3d !important;
  transform-origin: center center !important;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#pctvSoltSvg_SF .st1-2, #pctvSoltSvg_SF .st2-2, #pctvSoltSvg_SF .st3-2 {
  opacity: 0;
  transform: rotaetY(90deg);
  -webkit-transform: rotaetY(90deg);
  -webkit-transform-style: preserve-3d !important;
  transform-style: preserve-3d !important;
  transform-origin: center center !important;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

#pctvSoltSvg_SC .st_cloud {
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center !important;
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_SC .st1 {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_SC .st2 {
  opacity: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform-origin: left center !important;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_SC .st3 {
  opacity: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform-origin: right center !important;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

#pctvSoltSvg_CD .st1, #pctvSoltSvg_CD .st3 {
  transform: translateY(80px);
  -webkit-transform: translateY(80px);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_CD .st2 {
  transform: translateY(-80px);
  -webkit-transform: translateY(-80px);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#pctvSoltSvg_CD .st4 {
  opacity: 0;
  transform: translate(40px, 50px);
  -webkit-transform: translate(40px, 50px);
  transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}

.is-active_after #pctvSoltSvg_TCC .st1, .is-active_after #pctvSoltSvg_TCC .st2, .is-active_after #pctvSoltSvg_TCC .st3, .is-active_after #pctvSoltSvg_TCC .st4, .is-active_after #pctvSoltSvg_TCC .st5, .is-active_after #pctvSoltSvg_TCC .st6, .is-active_after #pctvSoltSvg_TCC .st7 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
.is-active_after #pctvSoltSvg_TCC .st8 {
  animation: bounceIn 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  -webkit-animation: bounceIn 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.is-active_after #pctvSoltSvg_TCC .st2 {
  transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
}
.is-active_after #pctvSoltSvg_TCC .st3 {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.is-active_after #pctvSoltSvg_TCC .st4 {
  transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
}
.is-active_after #pctvSoltSvg_TCC .st5 {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.is-active_after #pctvSoltSvg_TCC .st6 {
  transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
}
.is-active_after #pctvSoltSvg_TCC .st7 {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.is-active_after #pctvSoltSvg_Capcut .st1, .is-active_after #pctvSoltSvg_Capcut .st_image {
  opacity: 1;
}
.is-active_after #pctvSoltSvg_Capcut .stline {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
.is-active_after #pctvSoltSvg_Capcut .st2 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.is-active_after #pctvSoltSvg_Capcut .st3 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.is-active_after #pctvSoltSvg_Capcut .st4 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.is-active_after #pctvSoltSvg_Capcut .st5 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.is-active_after #pctvSoltSvg_Capcut .st6 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.is-active_after #pctvSoltSvg_Capcut .st7 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.is-active_after #pctvSoltSvg_TTCM .st1, .is-active_after #pctvSoltSvg_TTCM .st2, .is-active_after #pctvSoltSvg_TTCM .st3, .is-active_after #pctvSoltSvg_TTCM .st4, .is-active_after #pctvSoltSvg_TTCM .st5, .is-active_after #pctvSoltSvg_TTCM .st6 {
  animation: bounceIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  -webkit-animation: bounceIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  transform-origin: center center;
}
.is-active_after #pctvSoltSvg_TTCM .st2 {
  animation-delay: 0.05s;
  -webkit-animation-delay: 0.05s;
}
.is-active_after #pctvSoltSvg_TTCM .st3 {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.is-active_after #pctvSoltSvg_TTCM .st4 {
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
}
.is-active_after #pctvSoltSvg_TTCM .st5 {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.is-active_after #pctvSoltSvg_TTCM .st6 {
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
}
.is-active_after #pctvSoltSvg_TTCM .st_line {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  transform-origin: center center;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.is-active_after #pctvSoltSvg_TTCX .st1, .is-active_after #pctvSoltSvg_TTCX .st2, .is-active_after #pctvSoltSvg_TTCX .st3, .is-active_after #pctvSoltSvg_TTCX .st4, .is-active_after #pctvSoltSvg_TTCX .st5 {
  animation: bounceIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  -webkit-animation: bounceIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  transform-origin: center center;
}
.is-active_after #pctvSoltSvg_TTCX .st2 {
  animation-delay: 0.05s;
  -webkit-animation-delay: 0.05s;
}
.is-active_after #pctvSoltSvg_TTCX .st3 {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.is-active_after #pctvSoltSvg_TTCX .st4 {
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
}
.is-active_after #pctvSoltSvg_TTCX .st5 {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.is-active_after #pctvSoltSvg_TTCX .st_line {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  transform-origin: center center;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.is-active_after #pctvSoltSvg_TTCC .circle1, .is-active_after #pctvSoltSvg_TTCC .circle2 {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.is-active_after #pctvSoltSvg_TTCC .st1 {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.is-active_after #pctvSoltSvg_TTCC .st2, .is-active_after #pctvSoltSvg_TTCC .st3, .is-active_after #pctvSoltSvg_TTCC .st4, .is-active_after #pctvSoltSvg_TTCC .st5, .is-active_after #pctvSoltSvg_TTCC .st6, .is-active_after #pctvSoltSvg_TTCC .st7 {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.is-active_after #pctvSoltSvg_TTCC .st5, .is-active_after #pctvSoltSvg_TTCC .st6, .is-active_after #pctvSoltSvg_TTCC .st7 {
  transition-delay: .2s;
  -webkit-transition-delay: .2s;
}
.is-active_after #pctvSoltSvg_SF .rect rect {
  transform: rotateX(-360deg);
  -webkit-transform: rotateX(-360deg);
}
.is-active_after #pctvSoltSvg_SF .rect1 rect {
  transition-delay: .2s;
  -webkit-transition-delay: .2s;
}
.is-active_after #pctvSoltSvg_SF .rect2 rect {
  transition-delay: .3s;
  -webkit-transition-delay: .3s;
}
.is-active_after #pctvSoltSvg_SF .rect3 rect {
  transition-delay: .4s;
  -webkit-transition-delay: .4s;
}
.is-active_after #pctvSoltSvg_SF .st1-1, .is-active_after #pctvSoltSvg_SF .st2-1, .is-active_after #pctvSoltSvg_SF .st3-1 {
  opacity: 0;
  transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
}
.is-active_after #pctvSoltSvg_SF .st1-2, .is-active_after #pctvSoltSvg_SF .st2-2, .is-active_after #pctvSoltSvg_SF .st3-2 {
  opacity: 1;
  transform: rotaetY(0deg);
  -webkit-transform: rotaetY(0deg);
}
.is-active_after #pctvSoltSvg_SF .st1-1 {
  transition-delay: .2s;
  -webkit-transition-delay: .2s;
}
.is-active_after #pctvSoltSvg_SF .st2-1 {
  transition-delay: .3s;
  -webkit-transition-delay: .3s;
}
.is-active_after #pctvSoltSvg_SF .st3-1 {
  transition-delay: .4s;
  -webkit-transition-delay: .4s;
}
.is-active_after #pctvSoltSvg_SF .st1-2 {
  transition-delay: .4s;
  -webkit-transition-delay: .4s;
}
.is-active_after #pctvSoltSvg_SF .st2-2 {
  transition-delay: .5s;
  -webkit-transition-delay: .5s;
}
.is-active_after #pctvSoltSvg_SF .st3-2 {
  transition-delay: .6s;
  -webkit-transition-delay: .6s;
}
.is-active_after #pctvSoltSvg_SC .st_cloud {
  transform: scale(1);
  -webkit-transform: scale(1);
  transition-delay: .04s;
  -webkit-transition-delay: .04s;
}
.is-active_after #pctvSoltSvg_SC .st1 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
.is-active_after #pctvSoltSvg_SC .st2 {
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.is-active_after #pctvSoltSvg_SC .st3 {
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.is-active_after #pctvSoltSvg_CD .st1, .is-active_after #pctvSoltSvg_CD .st2, .is-active_after #pctvSoltSvg_CD .st3, .is-active_after #pctvSoltSvg_CD .st4 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}

.pctv-solt-body {
  flex: none;
  width: 50%;
  max-width: 595px;
}

.pctv-solt-swipbox {
  width: 100%;
  position: relative;
}

.pctv-solt-swip {
  width: 100%;
  position: relative;
}
.pctv-solt-swip .slide-t1 {
  font-size: 1rem;
  line-height: 1.45em;
  color: #25F4EE;
  margin-bottom: 4px;
}
.pctv-solt-swip .slide-t2 {
  font-size: 2.2rem;
  line-height: 1.45em;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.pctv-solt-swip .slide-desc {
  font-size: .8rem;
  line-height: 1.8em;
  min-height: 3.6em;
  margin-top: 1.5em;
}
.pctv-solt-swip .slide-tool {
  width: 100%;
  display: flex;
  margin-top: 2.4rem;
}

.pctv-solt-toolbar {
  height: calc(2.2rem + 4px);
  background: #000;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
}
.pctv-solt-toolbar .ptsolt-card-titswip {
  margin: 0 1rem;
}
.pctv-solt-toolbar .ptsolt-card-titswip a {
  padding: 0 0.5rem;
}
.pctv-solt-toolbar .ptsolt-card-titswip .swiper-slide-thumb-active {
  color: #25F4EE;
}

@media (min-width: 992px) {
  .creative-main .ptsolt-cases {
    margin-top: 4.8rem;
  }

  .pctv-solt-swip .slide-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .pctv-solt-swip .slide-tool {
    height: calc(2.2rem + 4px);
  }

  .pctv-no-topswip .swiper-wrapper {
    justify-content: space-between;
  }

  .pctv-svg {
    height: 25.6rem;
  }

  #pctvSoltswip3_title {
    max-width: 12rem;
  }
}
@media (max-width: 991.98px) {
  .creative-main .ptsolt-topbox-banner {
    padding-bottom: 1.88rem;
  }
  .creative-main .ptsolt-topbox-banner .s-desc {
    max-width: none;
  }

  .pctv-topswip-box {
    padding: 0 1.1rem 0 0.52rem;
  }

  .pctv-topswip .swiper-slide {
    width: 100%;
  }
  .pctv-topswip .slide-box {
    padding: 0.32rem 0.16rem;
  }
  .pctv-topswip .slide-tit {
    font-size: .56rem;
    line-height: .82rem;
    margin-bottom: .32rem;
    padding-bottom: calc(.32rem + 3px);
  }
  .pctv-topswip .slide-tit::after {
    width: 1.12rem;
    height: 3px;
  }
  .pctv-topswip .slide-desc {
    width: 100%;
    font-size: .24rem;
    line-height: .36rem;
    opacity: .7;
    max-width: none;
  }

  .pctv-no-topswip {
    padding: 0;
  }
  .pctv-no-topswip .swiper-wrapper {
    display: block;
  }
  .pctv-no-topswip .swiper-slide {
    margin-bottom: .4rem;
    text-align: center;
  }
  .pctv-no-topswip .swiper-slide:last-child {
    margin-bottom: 0;
  }
  .pctv-no-topswip .slide-tit {
    line-height: .84rem;
    padding: 0;
    margin-bottom: .3rem;
  }
  .pctv-no-topswip .slide-tit::after {
    display: none;
  }
  .pctv-no-topswip .slide-desc {
    max-width: 4.8rem;
    margin: 0 auto;
  }

  .pctv-solt-section {
    margin: 2.46rem 0 1.8rem;
    padding: 0;
  }
  .pctv-solt-section .pctv-anchor {
    top: -1.2rem;
  }
  .pctv-solt-section .ptsolt-sect-header {
    margin-bottom: .72rem;
  }

  .pctv-solt-tabbox {
    margin-bottom: .48rem;
  }

  .pctv-solt-tablist {
    width: 100%;
    height: .8rem;
    padding: 4px;
    border-radius: .4rem;
    justify-content: space-around;
  }
  .pctv-solt-tablist .tabitem {
    margin: 0;
  }
  .pctv-solt-tablist .tabitem::after {
    width: .24rem;
    height: .24rem;
    margin: 0;
  }
  .pctv-solt-tablist .tabitem.active a {
    padding: 0 0.34rem;
  }
  .pctv-solt-tablist a {
    width: auto;
    border-radius: .4rem;
    font-size: .22rem;
    margin: 0 0.1rem;
  }

  .pctv-solt-row {
    min-height: 0;
    display: block;
    padding: 0;
  }

  .pctv-soltcol-svg {
    width: 100%;
    max-width: none;
    margin: 0 0 0.6rem;
  }

  .pctv-svg-swip {
    width: 100%;
    height: 4.5rem;
  }
  .pctv-svg-swip .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pctv-solt-body {
    width: 100%;
    max-width: none;
    text-align: center;
  }

  .pctv-solt-swip .slide-t1 {
    font-size: .24rem;
    line-height: .34rem;
    margin: 0;
  }
  .pctv-solt-swip .slide-t2 {
    font-size: .44rem;
    line-height: 1.45em;
  }
  .pctv-solt-swip .slide-desc {
    font-size: .24rem;
    line-height: 1.5em;
    min-height: 0;
    margin: .32rem 0 0;
  }
  .pctv-solt-swip .slide-tool {
    justify-content: center;
    margin: .4rem 0 0;
  }
  .pctv-solt-swip .btn {
    width: 1.6rem;
    height: calc(.62rem + 2px);
    border-radius: .32rem;
    font-size: .24rem;
  }

  .pctv-solt-toolbar {
    width: 100%;
    justify-content: center;
    position: static;
    height: auto;
    margin: .48rem 0 0;
    padding: 3px 0;
  }

  #pctvSoltSvg_TCC {
    max-height: 5.16rem;
  }

  #pctvSoltSvg_Capcut {
    max-height: 4.76rem;
  }

  #pctvSoltSvg_TTCM {
    max-height: 4.4rem;
  }

  #pctvSoltSvg_TTCX {
    max-height: 4.4rem;
  }

  #pctvSoltSvg_TTCC {
    max-height: 5.08rem;
  }

  #pctvSoltSvg_SF {
    max-height: 3.76rem;
  }

  #pctvSoltSvg_SC {
    max-height: 4.3rem;
  }

  #pctvSoltSvg_CD {
    max-height: 5.6rem;
  }

  #pctvSoltswip3_title {
    max-width: 60vw;
  }
}
/* 新海计划 */
.p-xinhai {
  background: #000;
  color: #fff;
}
.p-xinhai .modal:not(.modal-appnav) {
  background: rgba(0, 0, 0, 0.7);
}

.xinhai-main .ptsolt-cases {
  margin-top: 8rem;
}

.xinhai-yybox {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 3rem;
  z-index: 50;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.xinhai-yybox .btn {
  width: 8rem;
}
.xinhai-yybox.is-show {
  opacity: 1;
  visibility: visible;
}

.xinhai-topbox-word {
  width: 48.6%;
  max-width: 700px;
  z-index: 20;
  font-size: 0.9rem;
  line-height: 1.5em;
  color: #fff;
  padding: 2.05rem 0 2.05rem 3.5rem;
  margin: 0 auto 5.35rem;
  position: relative;
}
.xinhai-topbox-word .quote {
  width: 2.75rem;
  height: 2.75rem;
  position: absolute;
  left: 0;
  top: 0;
}
.xinhai-topbox-word .quote .bi {
  width: 2rem;
  height: 2rem;
  display: block;
  background: url("/img/static/bi_quote.svg") no-repeat center center;
  background-size: contain;
  margin: 0 auto;
}

.zbg-next {
  width: 16%;
  max-width: 190px;
  height: calc(100% + 30px);
  display: block;
  position: absolute;
  right: -1px;
  top: -20px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 20;
  pointer-events: none;
}

.zbg-prev {
  width: 16%;
  max-width: 190px;
  height: calc(100% + 30px);
  display: block;
  position: absolute;
  left: -1px;
  top: -20px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 20;
  pointer-events: none;
}

.marketRes-ctrl {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  border-radius: 100%;
  background: #fff;
  color: #000;
  border: solid 1px #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 25;
  cursor: pointer;
}
.marketRes-ctrl .bi {
  width: .7rem;
  height: .7rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: no-repeat center center;
  background-size: contain;
}
.marketRes-ctrl.prev {
  right: 100%;
  margin-right: 2rem;
}
.marketRes-ctrl.prev .bi {
  background-image: url("/img/market/left-black.svg");
}
.marketRes-ctrl.next {
  left: 100%;
  margin-left: 2rem;
}
.marketRes-ctrl.next .bi {
  background-image: url("/img/market/right-black.svg");
}

.gswip-paging {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin-top: 1.5rem;
  position: static;
  z-index: 20;
}
.gswip-paging .bullet {
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 6px;
  background: #fff;
  opacity: .3;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0 8px;
  cursor: pointer;
}
.gswip-paging .bullet.active {
  opacity: 1;
  width: 2rem;
}

.marketRes-section {
  margin: 9rem 0 8rem;
  position: relative;
  z-index: 20;
}
.marketRes-section .ptsolt-heading.web {
  line-height: 1.5em;
}
.marketRes-section .ptsolt-sect-header {
  margin-bottom: 2.5rem;
}

.marketRes-swipbox {
  width: 100%;
  position: relative;
}
.marketRes-swipbox.not-swip .marketRes-swip .swiper-wrapper {
  justify-content: center;
}

.marketRes-swip {
  width: 100%;
  position: relative;
  overflow: hidden;
  visibility: visible !important;
  margin: -20px auto;
  padding: 20px 0;
}
.marketRes-swip .swiper-slide {
  width: 31.3%;
}
.marketRes-swip .box {
  width: 100%;
  display: block;
  background: #28282B;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.marketRes-swip .slide-click {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 3.5rem;
  z-index: 20;
  cursor: pointer;
}
.marketRes-swip .slide-imgs {
  width: 100%;
  padding-top: 56.32%;
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.marketRes-swip .slide-imgs .imgs {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  object-fit: cover;
  -webkit-object-fit: cover;
  object-position: center center;
  -webkit-object-position: center center;
  border-radius: inherit;
}
.marketRes-swip .icon-play {
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 20;
  cursor: pointer;
}
.marketRes-swip .icon-play::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: url("/img/market/video-bigplay.svg") no-repeat center center;
  background-size: contain;
}
.marketRes-swip .icon-play::after {
  content: '';
  display: block;
  width: 50%;
  height: 50%;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}
.marketRes-swip .slide-bd {
  padding: 1.5rem 1rem;
}
.marketRes-swip .tit {
  font-size: 1rem;
  line-height: 1.4em;
  height: 1.4em;
  color: #fff;
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.9rem;
  font-weight: 500;
}
.marketRes-swip .desc {
  font-size: .75rem;
  line-height: 1.15rem;
  height: 3.45rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.marketRes-swip .tool {
  margin-top: 0.9rem;
  font-size: 0.6rem;
  line-height: 1.6rem;
  overflow: hidden;
  min-height: 1.6rem;
}
.marketRes-swip .btn-deft {
  height: 1.6rem;
  font-size: .7rem;
  line-height: 1em;
  border-radius: 1.6rem;
  padding: 0 1em;
  white-space: nowrap;
  background: #FE2C55;
  border: solid 2px #FE2C55;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #fff;
  cursor: pointer;
}
.marketRes-swip .btn-deft .bi {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin: 0 4px 0 0;
  background: no-repeat center center;
  background-size: contain;
}
.marketRes-swip .btn-deft:focus {
  color: #fff;
}
.marketRes-swip .btn-play .bi {
  background-image: url("/img/market/icon-play-white.svg");
}
.marketRes-swip .btn-viewdet .bi, .marketRes-swip .btn-learnmore .bi {
  background-image: url("/img/market/icon-more-white.svg");
}
.marketRes-swip .btn-QRcode .bi {
  background-image: url("/img/static/love-white.svg");
}
.marketRes-swip .btn-download {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 1em;
  line-height: inherit;
  color: #FE2C55;
  font-weight: 400;
  white-space: nowrap;
}
.marketRes-swip .btn-download .bi {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin: 0 4px 0 0;
  flex: none;
  -webkit-flex: none;
}
.marketRes-swip .swiper-slide-prev .box, .marketRes-swip .swiper-slide-next .box {
  cursor: pointer;
}
.marketRes-swip .swiper-slide-active .icon-play {
  display: block;
}

.marketRes-swipbox .zbg-prev,
.marketRes-swipbox .zbg-next {
  top: -20px;
  height: calc(100% + 20px);
}

.marketRes-swipbox.not-swip .zbg-prev,
.marketRes-swipbox.not-swip .zbg-next,
.marketRes-swipbox.not-swip .swip-ctrl {
  display: none !important;
}

.marketRes-swipbox.not-swip .icon-play {
  display: block;
}

.xinhai-demand-section {
  width: 100%;
  position: relative;
  margin: 8rem 0;
  z-index: 20;
}

.xhdemand-tabbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.2rem;
}
.xhdemand-tabbox .word {
  font-size: 1.6rem;
  line-height: 1em;
  color: #fff;
  font-weight: 700;
  margin: 0 1rem 0 0;
  white-space: nowrap;
}
.xhdemand-tabbox .box {
  height: 3.4rem;
  padding: 4px;
  background: #252525;
  border-radius: 1.7rem;
  display: flex;
  align-items: center;
}
.xhdemand-tabbox .tablist {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 -1.2rem;
}
.xhdemand-tabbox .tablist li {
  height: 100%;
  padding: 0 1.2rem;
  position: relative;
}
.xhdemand-tabbox .tablist li::after {
  content: '';
  width: 3px;
  height: 2.2rem;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  border-radius: 3px;
}
.xhdemand-tabbox .tablist li:last-child::after {
  display: none;
}
.xhdemand-tabbox .tablist li.active a {
  background: #25F4EE;
  color: #000;
}
.xhdemand-tabbox .tablist a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  position: relative;
  border-radius: 1.7rem;
  background: #373737;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  overflow: hidden;
  padding: 0 1.3rem;
  min-width: 10rem;
}

.xhdemand-list {
  margin: -0.5rem;
}
.xhdemand-list .item {
  padding: 0.5rem;
}
.xhdemand-list .item-box {
  width: 100%;
  position: relative;
  border-radius: 16px;
  background: #28282B;
}
.xhdemand-list .item-box::before {
  content: '';
  display: block;
  position: absolute;
  left: -5px;
  top: -5px;
  bottom: -5px;
  right: -5px;
  border: solid 5px #000;
  border-radius: 22px;
  z-index: 5;
  pointer-events: none;
}
.xhdemand-list .item-imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.xhdemand-list .imgs {
  width: 100%;
  padding: 56.25% 0 0;
  display: block;
  overflow: hidden;
  position: relative;
}
.xhdemand-list .imgs img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center center;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.xhdemand-list .icon-play {
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 20;
  cursor: pointer;
}
.xhdemand-list .icon-play::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: url("/img/market/video-bigplay.svg") no-repeat center center;
  background-size: contain;
}
.xhdemand-list .icon-play::after {
  content: '';
  display: block;
  width: 50%;
  height: 50%;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}
.xhdemand-list .item-body {
  padding: 1.5rem 1rem 1.5rem;
  color: #fff;
}
.xhdemand-list .item-tag {
  width: 100%;
  display: flex;
  position: absolute;
  left: 1rem;
  top: 1rem;
  z-index: 20;
}
.xhdemand-list .taglist {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  white-space: nowrap;
  font-size: .6rem;
  line-height: 1em;
}
.xhdemand-list .taglist li {
  padding: 0 5px;
}
.xhdemand-list .taglist li > * {
  display: flex;
  height: 1.5rem;
  align-items: center;
  padding: 0 0.6rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1.6rem;
}
.xhdemand-list .item-title {
  font-size: 1rem;
  line-height: 1.4em;
  height: 2.8em;
  overflow: hidden;
  font-weight: 500;
}
.xhdemand-list .item-desc {
  font-size: 0.75rem;
  line-height: 1.4em;
  height: 4.2em;
  overflow: hidden;
  margin-top: 0.4rem;
  font-weight: 300;
}
.xhdemand-list .item-foot {
  width: 100%;
  min-height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.2rem;
}
.xhdemand-list .fl, .xhdemand-list .fr {
  display: flex;
  align-items: center;
}
.xhdemand-list .btn-download {
  font-size: .6rem;
  line-height: 1.6rem;
  color: #fe2c55;
  display: flex;
  align-items: center;
}
.xhdemand-list .btn-download .bi {
  flex: none;
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
}
.xhdemand-list .btn-deft {
  display: flex;
  min-width: 5.2rem;
  height: calc(1.4rem + 4px);
  line-height: 1em;
  font-size: .7rem;
  color: #fff;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 0 .6rem;
  background: #fe2c55;
  border: solid 2px #fe2c55;
  border-radius: 1.6rem;
}
.xhdemand-list .btn-deft .bi {
  flex: none;
  width: 1em;
  height: 1em;
  margin: 0 4px 0 0;
  background: no-repeat center center;
  background-size: contain;
}
.xhdemand-list .btn-play .bi {
  background-image: url("/img/market/icon-play-white.svg");
}
.xhdemand-list .btn-viewdet .bi, .xhdemand-list .btn-learnmore .bi {
  background-image: url("/img/market/icon-more-white.svg");
}
.xhdemand-list .btn-QRcode .bi {
  background-image: url("/img/static/love-white.svg");
}

.xhdemand-paging {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}
.xhdemand-paging .btn {
  width: 13rem;
  min-width: 0;
  height: calc(2.8rem + 4px);
  font-size: 1rem;
  border-radius: 2.8rem;
}
.xhdemand-paging .btn .bi {
  width: 1.1em;
  height: 1.1em;
  margin: 0 0 0 0.8rem;
}

@media (min-width: 992px) {
  .xinhai-main .ptsolt-heading {
    font-size: 2.4rem;
    line-height: 1.5em;
    font-weight: bold;
  }
  .xinhai-main .ptsolt-topbox-banner {
    max-height: none;
    height: auto;
    padding: 10rem 0 7rem;
  }
  .xinhai-main .ptsolt-topbox-banner .s-body {
    position: relative;
    top: unset;
  }
  .xinhai-main .ptsolt-topbox-banner .s-heading img {
    height: 5rem;
    display: block;
    object-fit: scale-down;
    object-position: left center;
  }
  .xinhai-main .ptsolt-topbox-banner .s-desc {
    max-width: 33.5rem;
    line-height: 1.5em;
  }
  .xinhai-main .pctv-topswip .slide-tit {
    padding: 0 0 calc(0.85rem + 6px);
  }
  .xinhai-main .pctv-topswip .slide-tit span {
    height: 2.4em;
    display: flex;
    align-items: center;
  }
  .xinhai-main .pctv-topswip .slide-desc {
    font-size: 0.75rem;
    line-height: 1.5em;
    width: 20em;
  }
  .xinhai-main .pctv-topswip.num4 .swiper-slide {
    max-width: 22%;
  }

  .xinhai-topbox-word {
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .xinhai-topbox-word.is-antd {
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  .marketRes-swipbox.is-num2 .marketRes-swip {
    width: 61.7vw;
  }
  .marketRes-swipbox.is-num2 .swiper-wrapper {
    width: auto;
    margin: 0 -2rem;
  }
  .marketRes-swipbox.is-num2 .swiper-slide {
    width: 50%;
    padding: 0 2rem;
  }
  .marketRes-swipbox.is-num2 .tit {
    font-size: 1.8rem;
    line-height: 2.6rem;
    height: 2.6rem;
    margin-bottom: 1rem;
  }
  .marketRes-swipbox.is-num2 .desc {
    font-size: 1rem;
    line-height: 1.45em;
    height: 4.35em;
  }
  .marketRes-swipbox.is-num2 .btn-download {
    font-size: 1rem;
  }
  .marketRes-swipbox.is-num2 .btn-download .bi {
    width: 1.2rem;
    height: 1.2rem;
  }
  .marketRes-swipbox.is-num3 .swiper-wrapper {
    width: auto;
    margin: 0 -1.5rem;
  }
  .marketRes-swipbox.is-num3 .swiper-slide {
    width: 33.33%;
    padding: 0 1.5rem;
  }
  .marketRes-swipbox.is-hover_prev .zbg-prev {
    top: -20px;
  }
  .marketRes-swipbox.is-hover_next .zbg-next {
    top: -20px;
  }
  .marketRes-swipbox:hover .swip-ctrl {
    opacity: 1;
    visibility: visible;
  }

  .marketRes-swip .tool {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    overflow: visible;
  }
  .marketRes-swip .swiper-slide:hover .box {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
  }
  .marketRes-swip .btn-play:hover .bi {
    background-image: url("/img/market/icon-play-red.svg");
  }
  .marketRes-swip .btn-viewdet:hover .bi, .marketRes-swip .btn-learnmore:hover .bi {
    background-image: url("/img/market/icon-more-red.svg");
  }
  .marketRes-swip .btn-QRcode:hover .bi {
    background-image: url("/img/static/love-red.svg");
  }
  .marketRes-swip .btn-deft:hover {
    background: #fff;
    color: #fe2c55;
  }

  .marketRes-ctrl:hover {
    border-color: #FE2C55;
    background: #FE2C55;
    color: #fff;
  }
  .marketRes-ctrl.prev:hover .bi {
    background-image: url("/img/market/left-white.svg");
  }
  .marketRes-ctrl.next:hover .bi {
    background-image: url("/img/market/right-white.svg");
  }

  .xinhai-demand-section .ptsolt-sect-header {
    margin-bottom: 2.5rem;
  }
  .xinhai-demand-section .ptsolt-heading {
    line-height: 1.5em;
  }

  .xhdemand-list .item-box:hover .imgs img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
  .xhdemand-list .item-box:hover .btn-play:hover .bi {
    background-image: url("/img/market/icon-play-red.svg");
  }
  .xhdemand-list .item-box:hover .btn-viewdet:hover .bi, .xhdemand-list .item-box:hover .btn-learnmore:hover .bi {
    background-image: url("/img/market/icon-more-red.svg");
  }
  .xhdemand-list .item-box:hover .btn-QRcode:hover .bi {
    background-image: url("/img/static/love-red.svg");
  }
  .xhdemand-list .item-box:hover .btn-deft:hover {
    background: #fff;
    color: #fe2c55;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .marketRes-section {
    margin: 11.2vw 0;
  }
  .marketRes-section .ptsolt-sect-header {
    margin-bottom: 2.75vw;
  }
  .marketRes-section .ptsolt-heading.web {
    font-size: 3.9vw;
    line-height: 1.5em;
  }

  .marketRes-swip .slide-bd {
    padding: 2vw 1.3vw;
  }
  .marketRes-swip .slide-click {
    bottom: 4.85vw;
  }
  .marketRes-swip .tit {
    font-size: 1.4vw;
    line-height: 1.4em;
    height: 1.4em;
    margin-bottom: 1.25vw;
  }
  .marketRes-swip .desc {
    font-size: 1vw;
    line-height: 1.5em;
    height: 4.5em;
  }
  .marketRes-swip .tool {
    margin-top: 1.3vw;
    font-size: .83vw;
    line-height: 2.25vw;
  }
  .marketRes-swip .btn-download .bi {
    width: 1vw;
    height: 1vw;
    margin-right: 3px;
  }
  .marketRes-swip .btn-deft {
    height: 2.25vw;
    font-size: 1vw;
    border-radius: 2.25vw;
  }
  .marketRes-swip .btn-deft .bi {
    width: 1em;
    height: 1em;
  }
}
@media (max-width: 991.98px) {
  .xinhai-main .ptsolt-cases {
    margin-top: 1.6rem;
  }
  .xinhai-main .ptsolt-topbox-banner .s-heading img {
    width: 100%;
    height: 1.34rem;
    display: block;
    object-fit: scale-down;
    object-position: center center;
  }
  .xinhai-main .ptsolt-topbox-banner .s-desc {
    max-width: 6rem;
  }
  .xinhai-main .pctv-topswip .slide-tit span {
    height: 1.68rem;
    display: flex;
    align-items: flex-end;
  }
  .xinhai-main .pctv-topswip .slide-desc {
    font-size: .23rem;
  }

  .xinhai-yybox {
    bottom: 0.8rem;
  }
  .xinhai-yybox .btn {
    width: 2.08rem;
    font-size: .28rem;
  }

  .xinhai-topbox-word {
    margin: 1rem 0 0.26rem;
    width: 100%;
    padding: 0.14rem 1rem 0 0.48rem;
    font-size: .24rem;
    line-height: .36rem;
    position: relative;
    left: 0;
    bottom: unset;
    transform: none;
    -webkit-transform: none;
  }
  .xinhai-topbox-word .box {
    width: 100%;
    position: relative;
    padding: 0 0 0 0.66rem;
  }
  .xinhai-topbox-word .quote {
    width: .64rem;
    height: .64rem;
  }
  .xinhai-topbox-word .quote .bi {
    width: .5rem;
    height: .5rem;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }

  .marketRes-section {
    margin: 1.8rem 0;
  }
  .marketRes-section .ptsolt-sect-header {
    margin-bottom: 0.68rem;
  }
  .marketRes-section .ptsolt-heading img {
    display: inline;
    transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
  }

  .marketRes-swipbox {
    padding: 0 5.38vw;
  }

  .marketRes-swip {
    padding: 0;
    margin: 0;
    overflow: visible;
  }
  .marketRes-swip .swiper-slide {
    width: 100%;
  }
  .marketRes-swip .box {
    padding: 0.4rem;
  }
  .marketRes-swip .slide-click {
    bottom: 1.6rem;
    display: none;
  }
  .marketRes-swip .icon-play {
    width: 1rem;
    height: 1rem;
  }
  .marketRes-swip .slide-bd {
    padding: 0.32rem 0 0;
  }
  .marketRes-swip .tit {
    font-size: .36rem;
    line-height: .52rem;
    height: .52rem;
    margin-bottom: 0.14rem;
  }
  .marketRes-swip .desc {
    font-size: .24rem;
    line-height: .34rem;
    height: 1.02rem;
  }
  .marketRes-swip .tool {
    margin-top: .18rem;
    min-height: 0;
  }
  .marketRes-swip .fl, .marketRes-swip .fr {
    float: none;
    width: 100%;
    display: flex;
    display: -webkit-flex;
  }
  .marketRes-swip .fl {
    height: .36rem;
    margin-bottom: .3rem;
  }
  .marketRes-swip .fr {
    height: 0.76rem;
  }
  .marketRes-swip .btn-download {
    font-size: .24rem;
    line-height: .36rem;
  }
  .marketRes-swip .btn-download .bi {
    width: .32rem;
    height: .32rem;
    flex: none;
    display: block;
  }
  .marketRes-swip .btn-deft {
    height: .76rem;
    font-size: .28rem;
    padding: 0 0.4rem;
  }
  .marketRes-swip .btn-deft .bi {
    width: .4rem;
    height: .4rem;
  }

  .marketRes-ctrl {
    display: none;
  }

  .gswip-paging {
    margin-top: .4rem;
  }
  .gswip-paging .bullet {
    width: 6px;
    height: 6px;
    margin: 4px;
  }
  .gswip-paging .bullet.active {
    width: 20px;
  }

  .xinhai-demand-section {
    margin: 1.8rem 0 1.6rem;
  }
  .xinhai-demand-section .ptsolt-sect-header {
    margin-bottom: .48rem;
  }
  .xinhai-demand-section .ptsolt-heading {
    margin: 0 -0.3rem;
  }

  .xhdemand-tabbox {
    margin-top: .48rem;
    flex-direction: column;
  }
  .xhdemand-tabbox .word {
    font-size: .32rem;
    margin: 0 0 .24rem;
  }
  .xhdemand-tabbox .box {
    height: .8rem;
    border-radius: .4rem;
  }
  .xhdemand-tabbox .tablist {
    margin: 0 -0.28rem;
  }
  .xhdemand-tabbox .tablist li {
    padding: 0 0.28rem;
  }
  .xhdemand-tabbox .tablist li::after {
    width: 2px;
    height: .44rem;
  }
  .xhdemand-tabbox .tablist a {
    font-size: .24rem;
    padding: 0 .3rem;
    min-width: 2.4rem;
    border-radius: .32rem;
  }

  .xhdemand-list {
    margin: -.12rem;
  }
  .xhdemand-list .item {
    padding: 0.12rem;
  }
  .xhdemand-list .item-box::before {
    display: none;
  }
  .xhdemand-list .icon-play {
    width: 0.7rem;
    height: 0.7rem;
  }
  .xhdemand-list .item-body {
    padding: .4rem;
  }
  .xhdemand-list .item-tag .taglist {
    font-size: .2rem;
    line-height: .46rem;
  }
  .xhdemand-list .item-tag .taglist li > * {
    height: .46rem;
    padding: 0 .2rem;
    border-radius: .5rem;
  }
  .xhdemand-list .item-title {
    font-size: .28rem;
    line-height: .42rem;
    height: .84rem;
  }
  .xhdemand-list .item-desc {
    font-size: .24rem;
    line-height: .36rem;
    height: 1.08rem;
    margin-top: 4px;
  }
  .xhdemand-list .item-foot {
    min-height: 0;
    margin-top: .4rem;
  }
  .xhdemand-list .btn-download {
    font-size: .24rem;
    line-height: .5rem;
  }
  .xhdemand-list .btn-deft {
    min-width: 1.68rem;
    height: calc(.48rem + 2px);
    border-radius: .48rem;
    font-size: .24rem;
    padding: 0 0.18rem;
  }

  .xhdemand-paging {
    margin-top: .8rem;
  }
  .xhdemand-paging .btn {
    width: 2.54rem;
    height: calc(.88rem + 2px);
    border-radius: .88rem;
    font-size: .24rem;
  }
  .xhdemand-paging .btn .bi {
    width: .24rem;
    height: .24rem;
    margin-left: .16rem;
  }
}
/* 短剧解决方案 */
.p-playlet {
  background: #000;
  color: #fff;
}

.playlet-main .ptsolt-topbox-banner .s-en {
  color: #25F4EE;
}

.ptsolt-banswip-box {
  width: 100%;
  position: relative;
}

.ptsolt-banswip {
  width: 100%;
  height: calc(100vh - 5rem);
  position: relative;
  z-index: 5;
  color: #fff;
  overflow: hidden;
}
.ptsolt-banswip .s-imgs {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.ptsolt-banswip .s-imgs img {
  width: 100%;
  display: block;
  position: relative;
}
.ptsolt-banswip .s-body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 10;
}
.ptsolt-banswip .s-en {
  font-family: "SofiaPro-SemiBold";
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4em;
  color: #25F4EE;
  margin-bottom: -0.25em;
  height: 1.4em;
}
.ptsolt-banswip .s-heading {
  font-size: 3.6rem;
  line-height: 1.44em;
  font-weight: 700;
}
.ptsolt-banswip .s-desc {
  max-width: 27.5em;
  font-size: .9rem;
  line-height: 1.44em;
  margin-top: 0.8rem;
  min-height: 5.76em;
}
.ptsolt-banswip .s-tool {
  width: 100%;
  display: flex;
  position: relative;
  margin: 2.75rem 0 0;
}

.ptsolt-banswip-paging-box {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2.7rem;
  z-index: 20;
}

.ptsolt-banswip-paging {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.ptsolt-banswip-paging .bullet {
  width: .6rem;
  height: .6rem;
  display: block;
  border-radius: 100%;
  background: #fff;
  margin: 0 .6rem 0 0;
}
.ptsolt-banswip-paging .bullet.active {
  background: #fe2c55 !important;
}

@media (min-width: 992px) {
  .ptsolt-banswip .s-heading br {
    display: none;
  }
  .ptsolt-banswip .btn {
    min-width: 10.5rem;
    height: calc(2.8rem + 4px);
    border-radius: 2.8rem;
    font-size: 1rem;
  }
  .ptsolt-banswip .slide-layout-center .s-body {
    top: 8%;
  }
  .ptsolt-banswip .slide-layout-center .global-inner {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .ptsolt-banswip .slide-layout-center .global-inner::before, .ptsolt-banswip .slide-layout-center .global-inner::after {
    display: none;
  }
  .ptsolt-banswip .slide-layout-center .s-box {
    width: 100%;
    max-width: none;
  }
  .ptsolt-banswip .slide-layout-center .s-desc {
    max-width: 35em;
    margin-left: auto;
    margin-right: auto;
  }
  .ptsolt-banswip .slide-layout-center .s-tool {
    margin-top: 2.4rem;
    justify-content: center;
  }
  .ptsolt-banswip .slide-layout-center .btn {
    min-width: 12.15rem;
  }

  .playlet-main .ptsolt-datas-list .item-desc {
    max-width: 14em;
  }
  .playlet-main .pctv-anchor {
    top: -1rem;
  }
  .playlet-main .pctv-solt-tabbox {
    margin-bottom: 3rem;
  }
  .playlet-main .pctv-solt-row {
    min-height: 0;
    justify-content: center;
  }
  .playlet-main .pctv-soltcol-svg {
    width: calc(40% - 2.1rem);
    max-width: 380px;
    margin: 0 2.1rem 0 0;
  }
  .playlet-main .pctv-solt-body {
    width: 60%;
  }
  .playlet-main .ptsolt-card-titswip {
    width: 10.4rem;
    max-width: none;
  }
  .playlet-main .ptsolt-card-titswip a {
    padding: 0;
  }
  .playlet-main .ptsolt-card-titswip.no-swip {
    width: 13.4rem;
  }
  .playlet-main .ptsolt-card-titswip.no-swip .swiper-slide {
    flex: 1;
  }
  .playlet-main #pctvSoltswip1_title {
    width: 11rem;
  }
  .playlet-main #pctvSoltswip3_title {
    width: 14rem;
    max-width: none;
  }
}
@media (max-width: 991.98px) {
  .ptsolt-banswip {
    height: auto;
    max-height: none;
    overflow: visible;
    padding: 0;
  }
  .ptsolt-banswip .s-body {
    height: 158.2vw;
    position: relative;
    top: unset;
    text-align: center;
    padding: 15.38vw 0 28.2vw;
    max-height: 95vh;
  }
  .ptsolt-banswip .s-box {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .ptsolt-banswip .s-en {
    font-size: .32rem;
    margin-bottom: 2px;
  }
  .ptsolt-banswip .s-heading {
    width: 100%;
    min-height: 1.46em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .96rem;
    line-height: 1.2em;
  }
  .ptsolt-banswip .s-desc {
    font-size: .26rem;
    margin: 8px auto 0;
    max-width: 7rem;
  }
  .ptsolt-banswip .s-tool {
    margin: 0;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .ptsolt-banswip .btn > * {
    padding: 0 0.8rem;
  }

  .ptsolt-banswip-paging-box {
    bottom: 12.56vw;
  }

  .ptsolt-banswip-paging {
    justify-content: center;
  }
  .ptsolt-banswip-paging .bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px;
  }

  .playlet-main .pctv-solt-section {
    margin-bottom: 28vw;
  }
  .playlet-main .pctv-solt-tabbox {
    width: 68.2vw;
  }
  .playlet-main .pctv-solt-tablist {
    justify-content: space-between;
  }
  .playlet-main .pctv-solt-tablist .tabitem:not(.active) a {
    padding: 0 .2rem;
  }
  .playlet-main .pctv-soltcol-svg {
    width: 70.26vw;
    margin-left: auto;
    margin-right: auto;
  }
  .playlet-main .pctv-svg-swip {
    height: auto;
  }
  .playlet-main .ptsolt-card-titswip {
    width: 100%;
    max-width: none;
  }
  .playlet-main .ptsolt-card-titswip a {
    padding: 0 !important;
  }
  .playlet-main .ptsolt-card-titswip.no-swip .swiper-wrapper {
    justify-content: center;
  }
  .playlet-main .ptsolt-card-titswip.no-swip .swiper-slide {
    flex: 1;
  }
  .playlet-main #pctvSoltswip3_title {
    max-width: none;
    width: 100%;
  }
}
/* 短剧解决方案-2期 */
.p-series {
  background: #000;
  color: #fff;
}

.pseries-main .ptsolt-topbox-banner .s-en {
  color: #25F4EE;
}

.pseries-solt-section {
  margin: 9.3rem 0 10.25rem;
  position: relative;
}
.pseries-solt-section .ptsolt-sect-header {
  margin-bottom: 3rem;
}
.pseries-solt-section .ptsolt-heading {
  font-size: 2.2rem;
  line-height: 1.55em;
}
.pseries-solt-section .pctv-anchor {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: -5rem;
}

.pseries-solttab-web {
  width: 100%;
  position: relative;
}

.pseries-solt-inner {
  width: 100%;
  max-width: 800px;
  position: relative;
  margin: 0 auto;
}

.pseries-webtab-list {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.pseries-webtab-list::after {
  content: '';
  display: block;
  width: 100vw;
  height: 8px;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(34, 34, 34, 0) 0%, #222 5.35%, #222 93.5%, rgba(34, 34, 34, 0) 100%);
}

.pseries-webtab-item {
  position: relative;
  z-index: 5;
  transition: margin 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: margin 0.3s cubic-bezier(0, 0, 0.58, 1);
}
.pseries-webtab-item.is-active .pseries-webtab-lv1 {
  color: #25F4EE;
}
.pseries-webtab-item.is-active .pseries-webtab-lv2box {
  pointer-events: auto;
  z-index: 20;
  opacity: 1;
  visibility: visible;
}
.pseries-webtab-item.is-active .pseries-webtab-lv2inner {
  transform: none;
  -webkit-transform: none;
}
.pseries-webtab-item.is-active .pseries-webtab-lv2inner::before {
  transform: none;
  -webkit-transform: none;
}
.pseries-webtab-item.is-active .pseries-webtab-block {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
.pseries-webtab-item.is-active.pseries-webtab-item1 {
  margin: 0 21.75% 0 0;
}
.pseries-webtab-item.is-active.pseries-webtab-item2 {
  margin: 0 5.5% 0 0;
}
.pseries-webtab-item.is-active.pseries-webtab-item3 {
  margin: 0 0 0 5.5%;
}
.pseries-webtab-item.show-step .pseries-webtab-lv2box {
  pointer-events: auto;
  z-index: 20;
  opacity: 1;
  visibility: visible;
}
.pseries-webtab-item.show-step .pseries-webtab-lv2inner {
  transform: none;
  -webkit-transform: none;
}
.pseries-webtab-item.show-step .pseries-webtab-lv2inner::before {
  transform: none;
  -webkit-transform: none;
}
.pseries-webtab-item.show-step .pseries-webtab-lv2list .lv2item.is-show {
  color: #25F4EE;
}

.pseries-webtab-lv1 {
  font-size: 1.5rem;
  line-height: 1.1em;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  padding: 0 0 calc(1.8rem + 8px);
  position: relative;
  transition: color 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: color 0.3s cubic-bezier(0, 0, 0.58, 1);
}
.pseries-webtab-lv1::after {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  background: url("/img/series/point.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, calc(-50% - 4px));
  -webkit-transform: translate(-50%, calc(-50% - 4px));
}
.pseries-webtab-lv1 a {
  display: block;
  transition: none;
  -webkit-transition: none;
}

.pseries-webtab-lv2box {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, calc(-50% - 4px));
  -webkit-transform: translate(-50%, calc(-50% - 4px));
  border-radius: 2.5rem;
  height: 2.7rem;
  padding: .4rem;
  opacity: 0;
  visibility: hidden;
  z-index: -999;
  pointer-events: none;
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1);
}

.pseries-webtab-lv2inner {
  position: relative;
  height: 100%;
}
.pseries-webtab-lv2inner::before {
  content: '';
  display: block;
  position: absolute;
  left: -0.4rem;
  top: -0.4rem;
  right: -0.4rem;
  bottom: -0.4rem;
  background: #232323;
  border-radius: 2.5rem;
  z-index: 1;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center !important;
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
}

.pseries-webtab-lv2list {
  height: 100%;
  position: relative;
  display: flex;
  white-space: nowrap;
  align-items: center;
  z-index: 5;
  margin: 0 -0.2rem;
}
.pseries-webtab-lv2list .lv2item {
  height: 100%;
  position: relative;
  font-size: .7rem;
  line-height: 1em;
  color: rgba(255, 255, 255, 0.3);
  margin: 0 .2rem;
  transition: width 0.3s cubic-bezier(0, 0, 0.58, 1), margin 0.3s cubic-bezier(0, 0, 0.58, 1), transform 0.3s cubic-bezier(0, 0, 0.58, 1), opacity 0.1s cubic-bezier(0, 0, 0.58, 1), color 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1), font-weight 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.58, 1), margin 0.3s cubic-bezier(0, 0, 0.58, 1), transform 0.3s cubic-bezier(0, 0, 0.58, 1), opacity 0.1s cubic-bezier(0, 0, 0.58, 1), color 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1), font-weight 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1);
}
.pseries-webtab-lv2list .lv2item a {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 1.2rem;
  transition: none;
  -webkit-transition: none;
  text-align: center;
  justify-content: center;
}
.pseries-webtab-lv2list .lv2item.active {
  color: #000;
  font-weight: 700;
  transition: width 0.05s cubic-bezier(0, 0, 0.58, 1), margin 0.05s cubic-bezier(0, 0, 0.58, 1), transform 0.1s cubic-bezier(0, 0, 0.58, 1), opacity 0.1s 0.1s cubic-bezier(0, 0, 0.58, 1), color 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1), font-weight 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: width 0.05s cubic-bezier(0, 0, 0.58, 1), margin 0.05s cubic-bezier(0, 0, 0.58, 1), transform 0.1s cubic-bezier(0, 0, 0.58, 1), opacity 0.1s 0.1s cubic-bezier(0, 0, 0.58, 1), color 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1), font-weight 0.2s 0.1s cubic-bezier(0, 0, 0.58, 1);
}
.pseries-webtab-lv2list .lv2item.active a {
  background: #25F4EE;
  transition: background 0.1s 0.2s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: background 0.1s 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.pseries-webtab-lv2list .lv2item.is-hide {
  width: 0;
  margin: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
}

.pseries-webtab-block {
  height: 100%;
  border-radius: 1.2rem;
  background: #25F4EE;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  pointer-events: none;
  transition: left 0.2s cubic-bezier(0, 0, 0.58, 1), transform 0.2s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: left 0.2s cubic-bezier(0, 0, 0.58, 1), transform 0.2s cubic-bezier(0, 0, 0.58, 1);
}

.pseries-webtab-item1 .pseries-webtab-lv2box {
  left: 0;
  transform: translate(0, calc(-50% - 4px));
  -webkit-transform: translate(0, calc(-50% - 4px));
}

.pseries-tabcont-wrapper {
  width: 100%;
  position: relative;
  margin: 4.1rem auto 0;
}

.pseries-tabcont-layout {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.pseries-tabcont-body {
  flex: 0 0 55%;
  max-width: 440px;
  position: relative;
}

.pseries-tabcont-svgbox {
  flex: 0 0 47.5%;
  position: relative;
  margin: 0 -10% 0 auto;
}

.pseries-tabcont-svg {
  width: 100%;
  height: 15rem;
  display: block;
  position: relative;
}
.pseries-tabcont-svg svg {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.pseries-tabcont-panel {
  display: none;
  width: 100%;
  position: relative;
}
.pseries-tabcont-panel.active {
  display: block;
}

.pseries-solt-slide {
  width: 100%;
  min-height: 15em;
  display: flex;
  align-items: center;
  position: relative;
}
.pseries-solt-slide .slide-box {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.pseries-solt-slide .slide-svgbox {
  display: none;
}
.pseries-solt-slide .slide-body {
  width: 100%;
  position: relative;
}
.pseries-solt-slide .slide-lvtit {
  font-size: 2.2rem;
  line-height: 1em;
  color: #25F4EE;
  position: relative;
  font-weight: 700;
  margin-bottom: 1rem;
}
.pseries-solt-slide .slide-lvtit sup {
  transform: scale(0.36);
  -webkit-transform: scale(0.36);
  transform-origin: left top !important;
  font-weight: 400;
  font-family: "SofiaPro-Regular";
  position: relative;
  top: -2em;
}
.pseries-solt-slide .slide-desc {
  font-size: .8rem;
  line-height: 1.8em;
  color: rgba(255, 255, 255, 0.8);
  min-height: 7.2em;
}
.pseries-solt-slide .slide-tool {
  width: 100%;
  display: flex;
  margin: 1.6rem 0 0;
}
.pseries-solt-slide .slide-tips {
  display: flex;
  padding: .4rem .8rem;
  background: #222222;
  font-size: .8rem;
  line-height: 2em;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  border-radius: .6rem;
  white-space: nowrap;
}

.pseries-apptab-swip {
  width: 100vw;
  font-size: 3.6vw;
  line-height: 1.1em;
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 50%;
  top: 59.5vw;
  z-index: 50;
  font-weight: 700;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.pseries-apptab-swip::after {
  content: '';
  width: 21.5vw;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
}
.pseries-apptab-swip::before {
  content: '';
  width: 21.5vw;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
}
.pseries-apptab-swip .swiper-slide {
  width: auto;
  white-space: nowrap;
}
.pseries-apptab-swip .swiper-slide-active,
.pseries-apptab-swip .swiper-slide-thumb-active {
  color: #25F4EE;
}

.pseries-swip-ctrl {
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  cursor: pointer;
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  z-index: 20;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(51, 51, 51, 0.4);
  color: #fff;
  border: solid 2px transparent;
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
}
.pseries-swip-ctrl .bi {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.pseries-swip-ctrl.prev {
  left: -2.4rem;
}
.pseries-swip-ctrl.next {
  right: -2.4rem;
}

.pseries-slide-svg {
  opacity: 0;
}
.pseries-slide-svg[data-id="seriesSolt1_svg_1"] .ant-path {
  transform-origin: center center !important;
  transition: all 600ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 600ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_1"] .st1 {
  transform: rotate(80deg);
  -webkit-transform: rotate(80deg);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_1"] .st2 {
  transform: rotate(-17.6deg);
  -webkit-transform: rotate(-17.6deg);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_1"] .st3 {
  transform: rotate(167.78deg);
  -webkit-transform: rotate(167.78deg);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_2"] .antd-rect {
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform-origin: center bottom !important;
  transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_2"] .antd-text {
  transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_2"] .text-left {
  transform-origin: center left !important;
}
.pseries-slide-svg[data-id="seriesSolt1_svg_2"] .text-right {
  transform-origin: center right !important;
}
.pseries-slide-svg[data-id="seriesSolt1_svg_2"] .antd-path {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform-origin: right top !important;
  transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_2"] .antd-black {
  transform: none;
  -webkit-transform: none;
  transform-origin: left center !important;
  transition: all 800ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 800ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_3"] .antd-card {
  opacity: 0;
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform-origin: left center !important;
  transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt1_svg_3"] .antd-rect {
  transform: translate(-35%, 0);
  -webkit-transform: translate(-35%, 0);
  opacity: 0;
  transform-origin: left center !important;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}
.pseries-slide-svg[data-id="seriesSolt1_svg_3"] .antd-scissor {
  opacity: 0;
  transform: scale(0.5) translate(0, -100%);
  -webkit-transform: scale(0.5) translate(0, -100%);
  transform-origin: center top !important;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}
.pseries-slide-svg[data-id="seriesSolt2_svg_1"] .antd-block {
  opacity: 0;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
}
.pseries-slide-svg[data-id="seriesSolt2_svg_1"] .block-right {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.pseries-slide-svg[data-id="seriesSolt2_svg_1"] .block-left {
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
}
.pseries-slide-svg[data-id="seriesSolt2_svg_1"] .block-middle {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: center center !important;
  transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt2_svg_1"] .antd-bar {
  opacity: 0;
  width: 0;
  transform-origin: left center !important;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
}
.pseries-slide-svg[data-id="seriesSolt2_svg_2"] {
  transform-style: preserve-3d;
  perspective: 500px;
  -webkit-perspective: 500px;
}
.pseries-slide-svg[data-id="seriesSolt2_svg_2"] .antd-block-left {
  transform: rotateY(90deg) scale(0.4);
  -webkit-transform: rotateY(90deg) scale(0.4);
  transform-origin: left center !important;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt2_svg_2"] .antd-block-right {
  transform: rotateY(-45deg) scale(0.5);
  -webkit-transform: rotateY(-45deg) scale(0.5);
  transform-origin: right center !important;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt2_svg_2"] .antd-plus {
  opacity: 0;
  transform: scale(0.1);
  -webkit-transform: scale(0.1);
  transform-origin: 35% 85% !important;
  transition: all 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_1"] .antd-block-left {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  opacity: 0;
  transform-origin: left center !important;
  transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_1"] .antd-block-big {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  opacity: 0;
  transform-origin: center center !important;
  transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_1"] .antd-block-white {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  opacity: 0;
  transform-origin: 40% 80% !important;
  transition: all 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_1"] .antd-ads {
  transform: scale(0.23);
  -webkit-transform: scale(0.23);
  opacity: 0;
  transform-origin: 60% 80% !important;
  transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_1"] .antd-arrow {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  opacity: 0;
  transform-origin: 60% 20% !important;
  transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 400ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_2"] .antd-block {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  opacity: 0;
  transform-origin: center center !important;
  transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_2"] .antd-bar {
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform-origin: center bottom !important;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_2"] .antd-line path {
  stroke-dasharray: 298;
  stroke-dashoffset: 298;
}
.pseries-slide-svg[data-id="seriesSolt3_svg_3"] .antd-phone {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  opacity: 0;
  transform-origin: left center !important;
  transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_3"] .antd-block {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  opacity: 0;
  transform-origin: center center !important;
  transition: all 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-slide-svg[data-id="seriesSolt3_svg_3"] .antd-bar {
  width: 0;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
}

@keyframes drawPath {
  0% {
    stroke-dashoffset: 298;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes drawPath {
  0% {
    stroke-dashoffset: 298;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.pseries-tabcont-fadeIn {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd {
  opacity: 1;
  transition: opacity 300ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: opacity 300ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_1"] .antd-path {
  transition: all 600ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 600ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_1"] .st1, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_1"] .st2, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_1"] .st3 {
  transform: none;
  -webkit-transform: none;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_2"] .antd-rect, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_2"] .antd-text, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_2"] .antd-path {
  transform: none;
  -webkit-transform: none;
  transition: all 300ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 300ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_2"] .antd-black {
  transform: translate(100%, -100%);
  -webkit-transform: translate(100%, -100%);
  transition: all 800ms 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 800ms 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_3"] .antd-card {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition: all 300ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 300ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_3"] .antd-rect, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt1_svg_3"] .antd-scissor {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 300ms 300ms ease;
  -webkit-transition: all 300ms 300ms ease;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_1"] .antd-block {
  transform: none;
  -webkit-transform: none;
  transition: all 600ms 400ms ease;
  -webkit-transition: all 600ms 400ms ease;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_1"] .block-right {
  opacity: .6;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_1"] .block-left {
  opacity: .4;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_1"] .block-middle {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_1"] .antd-bar {
  opacity: 1;
  width: 44px;
  transition: all 600ms 400ms ease;
  -webkit-transition: all 600ms 400ms ease;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_2"] .antd-block-left, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_2"] .antd-block-right {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 400ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 400ms 50ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt2_svg_2"] .antd-plus {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition: all 300ms 450ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 300ms 450ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_1"] .antd-block-left, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_1"] .antd-block-big {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_1"] .antd-block-white {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 300ms 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 300ms 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_1"] .antd-ads, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_1"] .antd-arrow {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 400ms 750ms cubic-bezier(0.45, 1.45, 0.8, 1);
  -webkit-transition: all 400ms 750ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_2"] .antd-block, .pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_2"] .antd-bar {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_2"] .antd-line path {
  animation: drawPath 600ms 450ms ease-in-out forwards;
  -webkit-animation: drawPath 600ms 450ms ease-in-out forwards;
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_3"] .antd-phone {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 400ms 50ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_3"] .antd-block {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  transition: all 300ms 330ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
  -webkit-transition: all 300ms 330ms cubic-bezier(0.7, -0.4, 0.4, 1.4);
}
.pseries-tabcont-fadeIn .pseries-slide-svg.is-antd[data-id="seriesSolt3_svg_3"] .antd-bar {
  width: 44px;
  transition: all 600ms 630ms ease;
  -webkit-transition: all 600ms 630ms ease;
}

@media (min-width: 992px) {
  .p-series .ptsolt-cases {
    margin: 10.25rem auto 4.5rem;
  }
  .p-series.zoom-xl .pseries-solt-section .ptsolt-sect-header {
    margin-bottom: 2.5rem;
  }
  .p-series.zoom-xl .pseries-tabcont-wrapper {
    margin-top: 2.5rem;
  }
  .p-series .ptsolt-datas-list .item-desc {
    max-width: 17.9em;
  }

  .pseries-swip-ctrl:hover {
    color: #25F4EE;
    border-color: #25F4EE;
  }
}
@media (max-width: 991.98px) {
  .pseries-solt-section {
    margin: 3.36rem 0 1.3rem;
  }
  .pseries-solt-section .ptsolt-sect-header {
    margin-bottom: .52rem;
  }
  .pseries-solt-section .ptsolt-heading {
    font-size: .5rem;
    line-height: 1.4em;
  }
  .pseries-solt-section .pctv-anchor {
    top: -1.5rem;
  }
  .pseries-solt-section .pctv-solt-tabbox {
    width: 100%;
  }
  .pseries-solt-section .pctv-solt-tablist {
    width: auto;
    justify-content: space-between;
  }
  .pseries-solt-section .pctv-solt-tablist .tabitem:not(.active) a {
    margin: 0;
    padding: 0 .2rem;
  }
  .pseries-solt-section .pctv-solt-tablist .tabitem.active a {
    margin: 0 0.2rem;
    padding: 0 0.35rem;
  }
  .pseries-solt-section .pctv-solt-tablist .tabitem.active:first-child a {
    margin: 0 0.2rem 0 0;
  }
  .pseries-solt-section .pctv-solt-tablist .tabitem.active:last-child a {
    margin: 0 0 0 0.2rem;
  }

  .pseries-solt-inner {
    max-width: none;
  }

  .pseries-tabcont-wrapper {
    margin: 8.2vw 0 0;
  }

  .pseries-tabcont-layout {
    max-width: none;
    display: block;
  }

  .pseries-tabcont-body {
    flex: none;
    max-width: none;
  }

  .pseries-solt-slide .slide-svgbox {
    width: 65vw;
    height: 51.3vw;
    display: block;
    position: relative;
    margin: 0 auto 17vw;
  }
  .pseries-solt-slide .slide-svgbox svg {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
  }
  .pseries-solt-slide .slide-lvtit {
    display: none;
  }
  .pseries-solt-slide .slide-desc {
    font-size: 3vw;
    line-height: 2em;
    min-height: 8em;
    text-align: center;
  }
  .pseries-solt-slide .slide-tool {
    justify-content: center;
    margin: 6.15vw 0 0;
  }
  .pseries-solt-slide .btn {
    height: calc(.6rem + 2px);
    font-size: .24rem;
  }
  .pseries-solt-slide .btn > * {
    padding: 0 0.3rem;
  }
  .pseries-solt-slide .slide-tips {
    padding: 3vw 4.1vw;
    border-radius: 5vw;
    font-size: 3vw;
    line-height: 1em;
  }

  .pseries-swip-ctrl {
    width: .8rem;
    height: .8rem;
    top: 25.65vw;
  }
  .pseries-swip-ctrl.prev {
    left: -2vw;
  }
  .pseries-swip-ctrl.next {
    right: -2vw;
  }
}