.banner {
  position: relative
}

.banner img {
  width: 100%
}

.banner .text {
  position: absolute;
  left: 28.90625vw;
  top: 6.67708vw;
  color: white;
  padding: 0;
  width: auto
}

img {
  display: block
}

.form_success {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  display: none
}

.form_success.show {
  display: flex
}

.form_success .content {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  align-items: center;
  justify-content: center
}

.form_success .content .p1 {
  color: #323232;
  font-size: 3.90625vw;
  font-weight: 700
}

.form_success .content .p2 {
  margin: 1.19792vw 0 2.39583vw 0;
  color: #323232;
  text-align: center
}

.form_success .content .icons {
  display: flex;
  gap: 1.71875vw
}

.form_success .content .icons a {
  transition: all 600ms;
  position: relative;
  padding-bottom: .57292vw
}

.form_success .content .icons a .icon {
  position: relative
}

.form_success .content .icons a .icon img {
  width: 1.77083vw;
  transition: all 600ms
}

.form_success .content .icons a .icon img:nth-child(2) {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0
}

.form_success .content .icons a .code {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 4.01042vw;
  height: 4.01042vw;
  display: none;
  border: 4px solid #1D2088;
  border-radius: 5px
}

.form_success .content .icons a .code::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 10px solid #1D2088
}

.form_success .content .icons a .code img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.form_success .content .icons a:hover .icon img:nth-child(1) {
  opacity: 0
}

.form_success .content .icons a:hover .icon img:nth-child(2) {
  opacity: 1
}

.form_success .content .icons a:hover .code {
  display: block
}

.form_success .content .back {
  margin-top: 6.77083vw;
  display: flex;
  justify-content: center;
  gap: .52083vw;
  cursor: pointer;
  align-items: center
}

.form_success .content .back .icon {
  width: 2.34375vw;
  height: 2.34375vw;
  border: 1px solid #1D2088;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 600ms
}

.form_success .content .back .icon svg {
  width: 1.14583vw;
  display: block
}

.form_success .content .back .icon svg path {
  transition: all 600ms
}

.form_success .content .back:hover .icon {
  background: #1D2088
}

.form_success .content .back:hover .icon svg path {
  fill: #fff
}

.form_success.show {
  display: flex
}

.container {
  border-radius: 3.64583vw 3.64583vw 0 0;
  background: #FFF;
  margin-top: -6.25vw;
  z-index: 10;
  position: relative
}

.container .section1 {
  padding: 8.38542vw 0 0
}

.container .section1 .wrap {
  width: 65.625vw;
  margin: 0 auto
}

.container .section1 .wrap .common_text {
  margin: 1.61458vw 0 4.94792vw
}

.container .section1 .wrap .img {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.container .section1 .wrap .img video {
  display: block;
  width: 100%;
  border-radius: 1.04167vw
}

.container .section1 .wrap .play {
  width: 14.0625vw;
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.6s
}

.container .section1 .wrap .play .sq {
  width: 2.08333vw
}

.container .section1 .wrap .play .sq img {
  display: block;
  width: 100%
}

.container .section1 .wrap .play .cir {
  width: 4.58333vw
}

.container .section1 .wrap .play .cir img {
  display: block;
  width: 100%
}

.container .section1 .wrap .play.on {
  opacity: 0;
  pointer-events: none
}

.container .section2 {
  padding: 11.45833vw 0 0
}

.container .section2 .common_text {
  margin: .98958vw 0 6.25vw
}

.container .section3 {
  padding: 11.61458vw 0 0
}

.container .section3 .wrap {
  width: 81.66667vw;
  margin: 0 auto
}

.container .section3 .wrap .common_text {
  margin: .98958vw 0 5.41667vw
}

.container .section3 .wrap .list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2.96875vw 0
}

.container .section3 .wrap .list .item {
  width: 40.15625vw;
  border-radius: 1.04167vw;
  cursor: pointer;
  background: linear-gradient(180deg, #D4DEFF -378.11%, #E9EEFF -96.24%, #fff 163.95%)
}

.container .section3 .wrap .list .item .block {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5.57292vw;
  padding: 0 2.5vw 0 1.92708vw
}

.container .section3 .wrap .list .item .block .icon {
  width: 3.64583vw;
  height: 3.64583vw;
  display: flex;
  align-items: center;
  justify-content: center
}

.container .section3 .wrap .list .item .block .icon img {
  max-width: 100%;
  max-height: 100%
}

.container .section3 .wrap .list .item .block p {
  width: 31.77083vw;
  padding: 0 2.08333vw 0 4.21875vw;
  color: #323232;
  font-weight: 600
}

.container .section3 .wrap .list .item .block .jt {
  width: 1.04167vw;
  transition: 0.6s
}

.container .section3 .wrap .list .item .block .jt img {
  width: 100%
}

.container .section3 .wrap .list .item .block:hover .jt {
  transform: rotate(90deg)
}

.container .section3 .wrap .list .item .none {
  padding: 0 2.13542vw 1.30208vw;
  display: none
}

.container .section3 .wrap .list .item .none p {
  color: #000;
  font-weight: 400
}

.container .section4 {
  padding: 11.61458vw 0 0
}

.container .section4 .wrap .common_text {
  margin: .98958vw 0 6.25vw
}

.container .section5 {
  padding: 11.61458vw 0 0
}

.container .section5 .wrap .common_text {
  margin: .98958vw 0 5.98958vw
}

.container .section6 {
  padding: 15.52083vw 0 15.10417vw
}

.container .section6 .wrap {
  width: 77.5vw;
  margin: 0 auto
}

.container .section6 .wrap .title {
  text-align: center;
  position: relative;
  margin-bottom: 5.20833vw
}

.container .section6 .wrap .title .en {
  color: #F4F4F4;
  font-weight: 400
}

.container .section6 .wrap .title .cn {
  color: #242424;
  font-weight: 600;
  margin: -3.64583vw 0 0
}

.container .section6 .wrap .list .item .block {
  padding: 1.14583vw 2.08333vw 1.40625vw 1.25vw;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.6s
}

.container .section6 .wrap .list .item .block p {
  color: #242424;
  font-weight: 400
}

.container .section6 .wrap .list .item .block .jia {
  width: 1.35417vw;
  height: 1.35417vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #C1C1C1
}

.container .section6 .wrap .list .item .block .jia span {
  display: block;
  width: .52083vw;
  height: 1px;
  background: #000000;
  position: absolute;
  transition: 0.6s
}

.container .section6 .wrap .list .item .block .jia span:nth-child(1) {
  transform: rotate(90deg)
}

.container .section6 .wrap .list .item .none {
  display: none;
  padding: 2.03125vw 2.44792vw 1.875vw 1.25vw
}

.container .section6 .wrap .list .item .none p {
  color: #242424;
  font-weight: 400
}

.container .section6 .wrap .list .item:nth-last-child(1) .none {
  border-bottom: 1px solid #c1c1c1
}

.container .section6 .wrap .list .item.item_active .block {
  background: linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #F4F4F4 50%, rgba(244, 244, 244, 0) 100%)
}

.container .section6 .wrap .list .item.item_active .block .jia span:nth-child(1) {
  opacity: 0
}

.container .section6 .wrap .des {
  color: #848484;
  font-weight: 400;
  text-align: center;
  margin: 2.08333vw 0 0
}

.container .sec_form {
  padding: 0 14.16667vw 9.375vw 14.16667vw;
  display: flex;
  justify-content: space-between
}

.container .sec_form .lbox {
  width: 26.5625vw
}

.container .sec_form .lbox .en {
  color: #F4F4F4;
  font-size: 3.4375vw
}

.container .sec_form .lbox .cn {
  font-weight: 600;
  padding-bottom: .83333vw;
  border-bottom: 1px solid #8C8C8C
}

.container .sec_form .lbox .tip {
  margin: .78125vw 0 2.34375vw 0;
  color: #848484
}

.container .sec_form .lbox .st {
  color: #848484
}

.container .sec_form .lbox .st2 {
  color: #000;
  font-weight: 600;
  margin-bottom: .625vw
}

.container .sec_form .lbox .code {
  display: flex;
  gap: 1.30208vw;
  align-items: center
}

.container .sec_form .lbox .code .cb {
  text-align: center
}

.container .sec_form .lbox .code .cb .pic {
  position: relative;
  padding: .52083vw
}

.container .sec_form .lbox .code .cb .pic img {
  width: 4.6875vw
}

.container .sec_form .lbox .code .cb .pic .j1 {
  width: .46875vw;
  position: absolute;
  left: 0;
  top: 0
}

.container .sec_form .lbox .code .cb .pic .j2 {
  width: .46875vw;
  position: absolute;
  right: 0;
  top: 0
}

.container .sec_form .lbox .code .cb .pic .j3 {
  width: .46875vw;
  position: absolute;
  right: 0;
  bottom: 0
}

.container .sec_form .lbox .code .cb .pic .j4 {
  width: .46875vw;
  position: absolute;
  left: 0;
  bottom: 0
}

.container .sec_form .lbox .code .cb p {
  margin-top: .78125vw
}

.container .sec_form .rbox {
  width: 31.66667vw
}

.container .sec_form .rbox .form .item {
  position: relative
}

.container .sec_form .rbox .form .item:not(:last-child) {
  margin-bottom: 1.875vw
}

.container .sec_form .rbox .form .item:nth-child(4) {
  margin-bottom: 0
}

.container .sec_form .rbox .form .item input {
  border-radius: 1.04167vw;
  background: #F1F1F1;
  height: 4.6875vw;
  font-size: 1.25vw;
  padding: 1.25vw 2.23958vw;
  width: 100%;
  outline: none;
  border: none;
  font-family: 'PingFang-Light'
}

.container .sec_form .rbox .form .item input::placeholder {
  color: #BCBCBC
}

.container .sec_form .rbox .form .item textarea {
  border-radius: 1.04167vw;
  background: #F1F1F1;
  height: 11.61458vw;
  font-size: 1.25vw;
  padding: 1.25vw 2.23958vw;
  width: 100%;
  outline: none;
  border: none;
  font-family: 'PingFang-Light';
  resize: none
}

.container .sec_form .rbox .form .item textarea::placeholder {
  color: #BCBCBC
}

.container .sec_form .rbox .form .item .icon {
  position: absolute;
  right: 2.23958vw;
  top: 50%;
  transform: translateY(-50%)
}

.container .sec_form .rbox .form .item .icon img {
  width: 1.71875vw
}

.container .sec_form .rbox .form .submit {
  margin-top: 1.82292vw;
  padding: .3125vw 3.38542vw;
  border-radius: 1.04167vw;
  border: 1px solid #1D2088;
  display: inline-block;
  color: #1D2088;
  cursor: pointer;
  transition: all 600ms
}

.container .sec_form .rbox .form .submit:hover {
  background: #1D2088;
  color: #fff
}

.container .section7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.container .section7 .bg {
  width: 100%
}

.container .section7 .bg img {
  display: block;
  width: 100%
}

.container .section7 .text {
  position: absolute;
  left: 0;
  top: 7.86458vw;
  width: 100%
}

.container .section7 .text .h5 {
  color: #FFF;
  text-align: center;
  font-weight: 600;
  line-height: 1.25
}

.container .section7 .text a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.22917vw;
  height: 1.97917vw;
  border-radius: .98958vw;
  background: #FFFFFF;
  color: #1D2088;
  font-weight: 400;
  margin: 0 auto;
  transition: 0.6s
}

.container .section7 .text a:hover {
  background: #1D2088;
  color: #FFFFFF
}

.footer {
  margin-top: -3.54167vw;
  position: relative;
  z-index: 10
}

.common_title {
  text-align: center;
  color: #323232;
  font-weight: 600
}

.common_text {
  color: #323232;
  text-align: center;
  font-weight: 100
}

.common_list {
  display: flex;
  justify-content: center;
  gap: 0 1.5625vw
}

.common_list .item {
  width: 13.02083vw;
  position: relative;
  padding: 3.64583vw 0 0
}

.common_list .item:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/images/merchants/bg.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: 0.6s
}

.common_list .item .icon {
  width: 8.33333vw;
  height: 7.03125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.04167vw;
  position: relative;
  z-index: 3
}

.common_list .item .icon img {
  display: block;
  max-width: 100%;
  max-height: 100%
}

.common_list .item p {
  position: relative;
  z-index: 3;
  color: #000;
  font-weight: 400;
  text-align: center
}

.common_list .item:hover:after {
  opacity: 1
}

@media screen and (max-width: 768px) {
  .banner .text {
    left: 5%;
    top: 10%
  }

  .banner .text .en {
    font-size: 24px
  }

  .form_success .content {
    padding: 0 5%
  }

  .form_success .content .p1 {
    font-size: 24px
  }

  .form_success .content .p2 {
    margin: 12px 0 23px 0
  }

  .form_success .content .icons {
    gap: 10px;
    width: 100%;
    justify-content: center;
    margin-top: 10px
  }

  .form_success .content .icons a {
    padding-bottom: 10px
  }

  .form_success .content .icons a .icon img {
    width: 30px
  }

  .form_success .content .icons a .code {
    width: 60px;
    height: 60px
  }

  .form_success .content .back {
    margin-top: 90px;
    gap: 10px
  }

  .form_success .content .back .icon {
    width: 35px;
    height: 35px
  }

  .form_success .content .back .icon svg {
    width: 15px
  }

  .common_text {
    font-size: 15px;
    margin: 15px 0 30px !important
  }

  .common_list {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px 0
  }

  .common_list .item {
    width: 48%;
    padding: 30px 0 0
  }
  .common_list .item:nth-child(3) {
    width: 30%;
  }
  .common_list .item:nth-child(4) {
    width: 33%;
  }
  .common_list .item:nth-child(5) {
    width: 33%;
  }
  .common_list .item:after {
    width: 80%;
    height: 80vw;
    left: 10%;
    background-size: 100% auto
  }

  .common_list .item .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px
  }

  .container {
    margin-top: -10px;
    border-radius: 10px 10px 0 0
  }

  .container .sec_form {
    flex-direction: column;
    padding: 40px 5%
  }

  .container .sec_form .lbox {
    width: 100%
  }

  .container .sec_form .lbox .en {
    font-size: 32px
  }

  .container .sec_form .lbox .cn {
    padding-bottom: 8px
  }

  .container .sec_form .lbox .tip {
    margin: 15px 0 20px 0
  }

  .container .sec_form .lbox .st2 {
    margin: 6px 0 15px 0
  }

  .container .sec_form .lbox .code {
    gap: 15px
  }

  .container .sec_form .lbox .code .cb .pic img {
    width: 90px
  }

  .container .sec_form .lbox .code .cb .pic .j1,
  .container .sec_form .lbox .code .cb .pic .j2,
  .container .sec_form .lbox .code .cb .pic .j3,
  .container .sec_form .lbox .code .cb .pic .j4 {
    width: 10px
  }

  .container .sec_form .rbox {
    width: 100%;
    margin-top: 20px
  }

  .container .sec_form .rbox .form .item:not(:last-child) {
    margin-bottom: 18px
  }

  .container .sec_form .rbox .form .item input {
    height: 45px;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 15px
  }

  .container .sec_form .rbox .form .item textarea {
    height: 100px;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 15px
  }

  .container .sec_form .rbox .form .item .icon {
    right: 20px
  }

  .container .sec_form .rbox .form .item .icon img {
    width: 15px
  }

  .container .sec_form .rbox .form .submit {
    margin: 20px auto 0 auto;
    padding: 3px 40px;
    border-radius: 15px;
    width: fit-content;
    display: block
  }

  .container .section1 {
    padding: 50px 0 0
  }

  .container .section1 .wrap {
    width: 90%;
    margin: 0 auto
  }

  .container .section1 .wrap .common_text {
    margin: 15px 0 30px
  }

  .container .section1 .wrap .common_text br {
    display: none
  }

  .container .section1 .wrap .img .play {
    width: 100px
  }

  .container .section1 .wrap .img .play .sq {
    width: 20px
  }

  .container .section1 .wrap .img .play .cir {
    width: 60px
  }

  .container .section2,
  .container .section4,
  .container .section5 {
    padding: 50px 0 0
  }

  .container .section2 .wrap,
  .container .section4 .wrap,
  .container .section5 .wrap {
    width: 90%;
    margin: 0 auto
  }

  .container .section3 {
    padding: 50px 0 0
  }

  .container .section3 .wrap {
    width: 90%;
    margin: 0 auto
  }

  .container .section3 .wrap .list .item {
    width: 100%;
    border-radius: 15px
  }

  .container .section3 .wrap .list .item .block {
    height: unset;
    padding: 20px
  }

  .container .section3 .wrap .list .item .block .icon {
    width: 40px;
    height: 50px
  }

  .container .section3 .wrap .list .item .block p {
    width: calc(100% - 50px);
    padding: 0 20px
  }

  .container .section3 .wrap .list .item .block .jt {
    width: 10px
  }

  .container .section3 .wrap .list .item .none {
    padding: 0 20px 20px
  }

  .container .section3 .wrap .list .item .none p {
    font-size: 15px
  }

  .container .section6 {
    padding: 50px 0
  }

  .container .section6 .wrap {
    width: 90%
  }

  .container .section6 .wrap .list .item .block {
    padding: 20px 10px
  }

  .container .section6 .wrap .list .item .block .jia {
    width: 26px;
    height: 26px
  }

  .container .section6 .wrap .list .item .block .jia span {
    width: 10px
  }

  .container .section6 .wrap .list .item .none {
    font-size: 15px;
    padding: 20px 10px
  }

  .container .section6 .wrap .list .item .none span {
    font-size: 17px
  }

  .container .section7 {
    padding: 100px 0
  }

  .container .section7 .bg {
    position: absolute;
    height: 100%
  }

  .container .section7 .bg img {
    height: 100%;
    object-fit: cover
  }

  .container .section7 .text {
    position: unset
  }

  .container .section7 .text .h5 {
    margin-bottom: 15px
  }

  .container .section7 .text a {
    width: 120px;
    height: 40px;
    border-radius: 20px
  }

  .footer {
    margin-top: -35px
  }
}