html {
  min-height: 100vh;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul,
li {
  list-style: none;
}
body {
  width: 100%;
  height: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  opacity: 0;
}
.pay_html {
  background: var(--brand-71, #E8F5FC);
  min-height: 100vh;
}
.pay_html .pay_html_main {
  background: linear-gradient(180deg, #3C88EC 0%, #ACDDFC 17.71%, #FFF 46.78%);
  width: 100%;
  max-width: 7.5rem;
  margin: auto;
}
.pay_html .pay_html_main .pay_html_main_t1 {
  width: 3.1744rem;
  height: 0.52rem;
  background: #fff;
  border-radius: 0rem 0rem 0.36rem 0rem;
  display: flex;
  align-items: center;
  padding-left: 0.16rem;
}
.pay_html .pay_html_main .pay_html_main_t1 img {
  width: 0.34rem;
  display: block;
}
.pay_html .pay_html_main .pay_html_main_t1 span {
  padding-left: 0.08rem;
  color: var(--brand-75, #063E73);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Link/10/Medium */
  font-family: PingFang SC;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.28rem;
}
.pay_html .pay_html_main .pay_html_main_t2 {
  padding-top: 0.48rem;
  width: 100%;
}
.pay_html .pay_html_main .pay_html_main_t2 img {
  height: 1.62rem;
  display: block;
  margin: auto;
}
.pay_html .pay_html_main .pay_html_main_t3 {
  width: 4rem;
  height: 0.48rem;
  border-radius: 0.28rem;
  border: 0.02rem solid #FFF;
  margin: auto;
  margin-top: 0.16rem;
  color: var(--color-text-3, #FFF);
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay_html .pay_html_main .pay_html_main_t3 span {
  color: #FF9A2E;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Medium */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
  padding-left: 0.08rem;
}
.pay_html .pay_html_main .pay_html_main_t4 {
  width: 100%;
  margin: auto;
}
.pay_html .pay_html_main .pay_html_main_t4 img {
  display: block;
  width: 100%;
}
.pay_html .pay_html_main .pay_html_main_t5 {
  border-radius: 0.32rem;
  border: 0.04rem solid #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(0.21rem);
  margin-top: -1.6rem;
  padding-top: 0.32rem;
  overflow: hidden;
  position: relative;
  z-index: 88;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 {
  width: 100%;
  width: 6.86rem;
  height: 5.6rem;
  border-radius: 0.32rem;
  margin: auto;
  background: #FFF;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_1 {
  position: relative;
  padding-top: 0.48rem;
  padding-left: 0.32rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_1 .pay_html_main_t5_1_1_l {
  width: 4rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_1 .pay_html_main_t5_1_1_r {
  position: absolute;
  right: 0rem;
  top: -0.2rem;
  width: 0.8rem;
  height: 0.8rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_2 {
  position: relative;
  width: 100%;
  height: 4.36rem;
  overflow: hidden;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_2 .swiperMain {
  height: 2.74rem;
  /* background-color: #fff; */
  position: absolute;
  top: 0.2rem;
  left: 50%;
  transform: translateX(-50.3%);
  width: 95%;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_2 .swiperBox {
  /* width: 200%; */
  clear: both;
  border: 0.02rem solid transparent;
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  transition: transform 0.5s linear;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_2 .swiperItem {
  border-radius: 0.16rem;
  overflow: hidden;
  width: 3.2rem;
  height: 3.2rem;
  flex-shrink: 0;
  transform: scale(0.8);
  transition: transform 0.5s linear;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_2 .swiperItem.swiperAct {
  transform: scale(1);
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_2 .swFooter {
  padding-top: 0.16rem;
  color: var(--color-text-8, #1D2129);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Medium */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_1 .pay_html_main_t5_1_2 .swFooter.swFooterAct {
  opacity: 1;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_2 {
  width: 6.86rem;
  margin: auto;
  border-radius: 0.32rem;
  background: #FFF;
  position: relative;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_2::after {
  content: '';
  position: absolute;
  top: 0rem;
  width: 80%;
  left: 10%;
  border-top: 0.02rem dashed #E8F5FC;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_2 .pay_html_main_t5_2_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.32rem 0.32rem;
  padding-top: 0.04rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_2 .pay_html_main_t5_2_list div {
  margin-top: 0.28rem;
  display: inline-flex;
  padding: 0.12rem 0.24rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.16rem;
  background: linear-gradient(180deg, #E8F5FC 0%, #F6FCFF 100%);
  color: var(--brand-77, #007BFF);
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_3 {
  padding-top: 0.4rem;
  margin: auto;
  width: 6.86rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_3 .pay_html_main_t5_3_top {
  height: 0.64rem;
  border-radius: 0.12rem;
  background: #F2F2F2;
  flex-shrink: 0;
  color: var(--color-text-8, #1D2129);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  transform: rotate(0deg);
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_3 .pay_html_main_t5_3_top .pay_html_main_t5_3_top_l {
  padding: 0rem 0.12rem;
  background: #F2F2F2;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_3 .pay_html_main_t5_3_top .pay_html_main_t5_3_top_l img {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_3 .pay_html_main_t5_3_top .rBox_w {
  flex: 1;
  overflow: hidden;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_3 .pay_html_main_t5_3_top .rBox {
  display: flex;
  padding-left: 0.12rem;
  animation: sr linear 180s infinite;
}
@keyframes sr {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_3 .pay_html_main_t5_3_top .pylItem {
  height: 0.54rem;
  line-height: 0.54rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_4 {
  padding-top: 0.48rem;
  margin: auto;
  width: 6.86rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_4 .pay_html_main_t5_4_l {
  color: #222;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Title/18/Medium */
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_4 .pay_html_main_t5_4_r {
  color: var(--color-text-6, #989A9C);
  font-feature-settings: 'clig' off, 'liga' off;
  display: flex;
  align-items: center;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_4 .pay_html_main_t5_4_r img {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.12rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 {
  margin: auto;
  margin-top: 0.48rem;
  width: 6.86rem;
  margin-bottom: 0.2rem;
  box-shadow: 0rem 0.02rem 0.08rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 0.36rem 0.36rem 0.32rem 0.32rem;
  overflow: hidden;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_top {
  display: flex;
  align-items: center;
  width: 6.86rem;
  height: 0.88rem;
  flex-shrink: 0;
  background: linear-gradient(180deg, #DCF3FF 0%, #FBFEFF 100%);
  overflow: hidden;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_top > div {
  flex: 1;
  color: var(--color-text-1, #063E73);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/16/Medium */
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  line-height: 0.48rem;
  /* 150% */
  display: flex;
  align-items: center;
  height: 0.88rem;
  justify-content: center;
  position: relative;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_top > div.on {
  color: white;
  font-weight: 600;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_top > div.on img {
  display: block;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_top > div img {
  position: absolute;
  left: -10%;
  width: 120%;
  top: 0rem;
  display: none;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_top > div span {
  position: relative;
  z-index: 1;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw {
  background: #FFF;
  overflow: hidden;
  padding-bottom: 0.2rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom {
  padding-top: 0.36rem;
  height: 3.6rem;
  overflow: hidden;
  width: 100%;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_w {
  display: flex;
  overflow-x: auto;
  padding-bottom: 1rem;
  padding-left: 0.32rem;
  padding-top: 0.12rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list {
  border-radius: 0.16rem;
  margin-right: 0.32rem;
  width: 2.32rem;
  height: 2.76rem;
  flex-shrink: 0;
  box-shadow: 0rem 0rem 0.08rem rgba(0, 0, 0, 0.1);
  color: var(--color-text-8, #1D2129);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 142.857% */
  position: relative;
  box-sizing: border-box;
  transition: width 0.5s;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_1 {
  color: var(--color-text-8, #1D2129);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  padding-top: 0.48rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_2 {
  color: var(--color-text-8, #1D2129);
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
  height: 0.96rem;
  padding-top: 0.4rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_2 span {
  color: var(--color-text-8, #1D2129);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 700;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_3 {
  padding-top: 0.08rem;
  color: var(--color-text-5, #C7C9C9);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  /* 141.667% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_4 {
  width: 100%;
  position: absolute;
  border-radius: 0rem 0rem 0.16rem 0.16rem;
  bottom: 0rem;
  left: 0rem;
  color: #FFF;
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_4 img {
  position: absolute;
  left: 0rem;
  width: 100%;
  height: 100%;
  display: block;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_4 span {
  position: relative;
  z-index: 1;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_5 {
  position: absolute;
  left: 0rem;
  top: -0.08rem;
  height: 0.32rem;
  color: #FFF;
  font-family: PingFang SC;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_5.new_user {
  width: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
  border-radius: 0.12rem 0rem 0.2rem 0rem;
  background: linear-gradient(225deg, #FF3E45 5.94%, #FF725E 85.47%);
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list .list_5 img {
  height: 0.32rem;
  display: block;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list.on {
  width: 3.04rem;
  background: linear-gradient(20deg, #D9EDFF 16.32%, #EEF9FF 67.57%, #E3FBFF 97.74%);
  box-shadow: none;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list.on .list_1 {
  color: #063E73;
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list.on .list_2 {
  color: #063E73;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list.on .list_2 span {
  color: #063E73;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom .pay_html_main_t5_5_bottom_list.on .list_3 {
  color: rgba(6, 62, 115, 0.6);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 {
  position: relative;
  z-index: 33;
  padding-left: 0.32rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.32rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_t .spanL {
  color: #080301;
  font-family: PingFang SC;
  font-size: 0.28986rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.39856rem;
  /* 137.5% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_t .spanR {
  color: #FF3E45;
  text-align: right;
  font-family: SF Pro Display;
  font-size: 0.25362rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.39856rem;
  /* 157.143% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_t .spanR.on {
  color: var(--color-text-6, #989A9C);
  font-family: PingFang SC;
  font-size: 0.25362rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36232rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_c {
  color: var(--color-text-6, #989A9C);
  font-family: PingFang SC;
  font-size: 0.25362rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36232rem;
  /* 142.857% */
  padding-top: 0.06rem;
  height: 0.48rem;
  margin-bottom: 0.2rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b {
  flex-shrink: 0;
  height: 2.96rem;
  overflow-y: auto;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b .list_b {
  position: relative;
  width: 6.22rem;
  height: 1.68rem;
  display: flex;
  align-items: center;
  border: 0.02rem solid #EDEDED;
  border-radius: 0.16rem;
  margin-bottom: 0.32rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b .list_b img {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  top: -0.02rem;
  left: -0.02rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b .list_b .list_b_l {
  height: 1.2rem;
  width: 2.16rem;
  color: #FF3E45;
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.72rem;
  /* 128.571% */
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0.02rem dashed #EDEDED;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b .list_b .list_b_r {
  flex: 1;
  padding-left: 0.32rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b .list_b .list_b_r .list_b_r_t1 {
  color: var(--color-text-8, #1D2129);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/14/Medium */
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b .list_b .list_b_r .list_b_r_t2 {
  color: #C7C9C9;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Link/10/Regular */
  font-family: PingFang SC;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 140% */
  padding-top: 0.08rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_5 .pay_html_main_t5_5_bottomw .pay_html_main_t5_5_bottom2 .pay_html_main_t5_5_bottom2_b .list_b .list_b_r .list_b_r_t3 {
  color: #C7C9C9;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Link/10/Regular */
  font-family: PingFang SC;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 140% */
  padding-top: 0.28rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w {
  background: white;
  position: relative;
  z-index: 88;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 {
  margin: auto;
  width: 6.86rem;
  padding-top: 0.48rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_t .pay_html_main_t5_4_l {
  color: #222;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Title/18/Medium */
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_t .pay_html_main_t5_4_r {
  color: var(--color-text-6, #989A9C);
  font-feature-settings: 'clig' off, 'liga' off;
  display: flex;
  align-items: center;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_t .pay_html_main_t5_4_r img {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.12rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b {
  padding-bottom: 0.48rem;
  overflow: hidden;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.32rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_t img {
  width: 0.44rem;
  height: 0.44rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_t div:nth-child(1) {
  flex: 1;
  display: flex;
  justify-content: center;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_t div:nth-child(2) {
  width: 3.04rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_t div:nth-child(3) {
  flex: 1;
  display: flex;
  justify-content: center;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_c {
  display: flex;
  text-align: center;
  padding-top: 0.16rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_c div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #989A9C;
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_c div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.04rem;
  color: var(--color-text-8, #1D2129);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_c div:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #2A97FF;
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_b {
  display: flex;
  text-align: center;
  padding-top: 0.48rem;
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_b div:nth-child(1) {
  flex: 1;
  color: var(--color-text-6, #989A9C);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_b div:nth-child(2) {
  width: 3.04rem;
  color: var(--color-text-8, #1D2129);
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t5 .pay_html_main_t5_6_w .pay_html_main_t5_6 .pay_html_main_t5_6_b .pay_html_main_t5_6_b_b div:nth-child(3) {
  flex: 1;
  color: #2A97FF;
  text-align: center;
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .pay_html_main .pay_html_main_t6 {
  position: fixed;
  bottom: 0rem;
  width: 100%;
  left: 0rem;
  z-index: 89;
}
.pay_html .pay_html_main .pay_html_main_t6 .pay_html_main_t6_main {
  height: 1.68rem;
  background: #FFF;
  width: 100%;
  padding: 0rem 0.32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 7.5rem;
  margin: auto;
}
.pay_html .pay_html_main .pay_html_main_t6 .pay_html_main_t6_main .pay_html_main_t6_l .pay_html_main_t6_l_t {
  display: flex;
  align-items: baseline;
  color: #FF3E45;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 700;
}
.pay_html .pay_html_main .pay_html_main_t6 .pay_html_main_t6_main .pay_html_main_t6_l .pay_html_main_t6_l_t span {
  color: var(--color-text-6, #989A9C);
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  padding-left: 0.1rem;
  text-decoration: line-through;
}
.pay_html .pay_html_main .pay_html_main_t6 .pay_html_main_t6_main .pay_html_main_t6_l .pay_html_main_t6_l_b {
  color: #989A9C;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 140% */
}
.pay_html .pay_html_main .pay_html_main_t6 .pay_html_main_t6_main .pay_html_main_t6_l .pay_html_main_t6_l_b img {
  width: 0.16rem;
  height: 0.16rem;
}
.pay_html .pay_html_main .pay_html_main_t6 .pay_html_main_t6_main .pay_html_main_t6_r {
  border: none;
  width: 3.84rem;
  height: 1.04rem;
  flex-shrink: 0;
  background: linear-gradient(96deg, #007BFF 13.73%, #69E4FB 95.16%);
  color: var(--color-text-3, #FFF);
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Title/18/Medium */
  font-family: PingFang SC;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.52rem;
  /* 144.444% */
  border-radius: 1.04rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay_html .pay_html_main .pay_html_main_t7 {
  margin-top: -0.8rem;
  padding-bottom: 1.8rem;
  background: #F2F2F2;
  padding-top: 0.8rem;
  text-align: center;
}
.pay_html .pay_html_main .pay_html_main_t7 .pay_html_main_t7_t {
  color: var(--color-text-5, #C7C9C9);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Medium */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.4rem;
  /* 166.667% */
  padding-top: 0.3rem;
}
.pay_html .pay_html_main .pay_html_main_t7 .pay_html_main_t7_b {
  color: var(--brand-77, #007BFF);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Medium */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  padding-bottom: 0.4rem;
}
.pay_html .pay_html_main .serve_base_info {
  height: 0.6rem;
  background: #292b3a;
  border-radius: 0.3rem 0 0 0.3rem;
  color: #fff;
  float: right;
  margin-top: 0.1rem;
  padding-right: 0.2rem;
  font-size: 0.24rem;
}
.pay_html .pay_html_main .base_head_img {
  width: 0.58rem;
  height: 0.58rem;
  border: 2px solid #ffffff;
  border-radius: 50%;
}
.pay_html .alert_class1 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0rem;
  left: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}
.pay_html .alert_class1 .alert_class_main {
  width: 5.6rem;
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_top {
  width: 5.6rem;
  padding-bottom: 0.48rem;
  border-radius: 0.32rem;
  background: linear-gradient(180deg, #DCF3FF 0%, #FBFEFF 100%), #FFF;
  flex-shrink: 0;
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_top .alert_class_main_top_1 {
  text-align: center;
  color: var(--color-text-1, #063E73);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Title/20/Medium */
  font-family: PingFang SC;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.56rem;
  /* 140% */
  padding-top: 0.48rem;
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_top .alert_class_main_top_2 {
  margin: auto;
  margin-top: 0.48rem;
  width: 4.32rem;
  height: 4.32rem;
  flex-shrink: 0;
  border-radius: 0.32rem;
  padding: 0.48rem;
  background: #FFF;
  box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(152, 199, 250, 0.25);
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_top .alert_class_main_top_2 img {
  width: 3.36rem;
  height: 3.36rem;
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_top .alert_class_main_top_3 {
  width: 4.64rem;
  height: 0.8rem;
  flex-shrink: 0;
  margin: auto;
  margin-top: 0.48rem;
  border-radius: 0.52rem;
  background: linear-gradient(96deg, #007BFF 13.73%, #69E4FB 95.16%);
  color: #FFF;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.48rem;
  /* 150% */
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_top .alert_class_main_top_4 {
  text-align: center;
  padding-top: 0.24rem;
  color: var(--color-text-5, #C7C9C9);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Link/10/Regular */
  font-family: PingFang SC;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 140% */
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_bottom {
  margin: auto;
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay_html .alert_class1 .alert_class_main .alert_class_main_bottom img {
  width: 0.64rem;
  height: 0.64rem;
}
.pay_html .alert_class2 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0rem;
  left: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}
.pay_html .alert_class2 .alert_class2_main {
  width: 5.6rem;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top {
  width: 5.6rem;
  padding-bottom: 0.48rem;
  border-radius: 0.32rem;
  background: #FFF;
  flex-shrink: 0;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_1 {
  color: var(--color-text-1, #063E73);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Title/20/Medium */
  font-family: PingFang SC;
  font-style: normal;
  line-height: 0.56rem;
  /* 140% */
  padding: 0.48rem;
  padding-bottom: 0rem;
  display: flex;
  justify-content: space-between;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_1 > div {
  font-size: 0.32rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: font-size 0.3s;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_1 > div.on {
  font-weight: 600;
  font-size: 0.4rem;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_2 {
  margin: auto;
  margin-top: 0.16rem;
  padding: 0rem 0.48rem;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_2 > div {
  color: var(--brand-75, #063E73);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/14/Medium */
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.4rem;
  /* 142.857% */
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_2 .input_t {
  padding-top: 0.32rem;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_2 .input {
  width: 100%;
  padding-top: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_2 input {
  border: none;
  width: 100%;
  max-width: 4.64rem;
  height: 0.72rem;
  padding-left: 0.24rem;
  flex-shrink: 0;
  border-radius: 0.16rem;
  background: var(--color-backgroud-2, #F2F2F2);
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_2 .code {
  border: none;
  width: 1.66rem;
  height: 0.72rem;
  flex-shrink: 0;
  border-radius: 0.16rem;
  background: var(--brand-77, #007BFF);
  color: var(--color-text-3, #FFF);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class2_main_top_2 .input2 input {
  width: 2.66rem;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class_main_top_3 {
  width: 4.64rem;
  height: 0.8rem;
  flex-shrink: 0;
  margin: auto;
  margin-top: 0.48rem;
  border-radius: 0.52rem;
  background: linear-gradient(96deg, #007BFF 13.73%, #69E4FB 95.16%);
  color: #FFF;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.48rem;
  /* 150% */
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.pay_html .alert_class2 .alert_class2_main .alert_class2_main_top .alert_class_main_top_4 {
  text-align: center;
  padding-top: 0.24rem;
  color: var(--color-text-5, #C7C9C9);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Link/10/Regular */
  font-family: PingFang SC;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 140% */
}
.pay_html .alert_class2 .alert_class2_main .alert_class_main_bottom {
  margin: auto;
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay_html .alert_class2 .alert_class2_main .alert_class_main_bottom img {
  width: 0.64rem;
  height: 0.64rem;
}
.pay_html .alert_class3 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0rem;
  left: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}
.pay_html .alert_class3 .alert_class3_main {
  width: 7rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top {
  width: 100%;
  border-radius: 0.32rem;
  background: #FFF;
  flex-shrink: 0;
  padding-bottom: 0.48rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_1 {
  color: var(--color-text-8, #1D2129);
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Title/20/Medium */
  font-family: PingFang SC;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.56rem;
  /* 140% */
  padding-top: 0.48rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_11 div:nth-child(1) {
  color: var(--color-text-8, #1D2129);
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/16/Medium */
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.48rem;
  /* 150% */
  padding-top: 0.32rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_11 div:nth-child(2) {
  color: #FF3E45;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 700;
  padding-top: 0.08rem;
  line-height: 0.64rem;
  /* 100% */
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_2 {
  margin: auto;
  margin-top: 0.32rem;
  width: 3.2rem;
  height: 3.2rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_2 > div {
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_3 {
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.16rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_3 span {
  color: #FF3E45;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
  padding: 0rem 0.04rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_4 {
  padding-top: 0.2rem;
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/12/Regular */
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_4 img {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_4 > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_4 div:nth-child(1) {
  color: #00D10D;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_4 div:nth-child(1) {
  color: #189FE4;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_top .alert_class3_main_top_4 span {
  color: var(--color-text-6, #989A9C);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 166.667% */
  padding: 0rem 0.16rem;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_bottom {
  margin: auto;
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay_html .alert_class3 .alert_class3_main .alert_class3_main_bottom img {
  width: 0.64rem;
  height: 0.64rem;
}
.pay_html .alert_class4 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0rem;
  left: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}
.pay_html .alert_class4 .alert_class4_main {
  width: 5.6rem;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_top {
  width: 100%;
  border-radius: 0.32rem;
  background: #FFF;
  flex-shrink: 0;
  padding-bottom: 0.48rem;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_top .alert_class4_main_top_1 {
  color: var(--color-text-1, #063E73);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Title/20/Medium */
  font-family: PingFang SC;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.56rem;
  /* 140% */
  padding-top: 0.48rem;
  text-align: center;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_top .alert_class4_main_top_2 {
  text-align: center;
  color: var(--color-text-1, #063E73);
  font-feature-settings: 'clig' off, 'liga' off;
  /* 常规/Body/14/Regular */
  font-family: PingFang SC;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.44rem;
  /* 157.143% */
  padding-top: 0.16rem;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_top .alert_class4_main_top_4 {
  padding-top: 0.32rem;
  width: 2.3497rem;
  flex-shrink: 0;
  margin: auto;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_top .alert_class4_main_top_4 img {
  width: 2.3497rem;
  height: 2rem;
  flex-shrink: 0;
  margin: auto;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_top .alert_class3_main_top_3 {
  width: 4.64rem;
  height: 0.96rem;
  flex-shrink: 0;
  margin: auto;
  margin-top: 0.48rem;
  border-radius: 0.52rem;
  background: var(--brand-77, #007BFF);
  color: #FFF;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.48rem;
  /* 150% */
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_bottom {
  margin: auto;
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay_html .alert_class4 .alert_class4_main .alert_class4_main_bottom img {
  width: 0.64rem;
  height: 0.64rem;
}
.pay_html .perBox {
  position: fixed;
  bottom: -0.02rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999;
  /* background-color: rgba(0, 0, 0, 0.747); */
}
.pay_html .perBox .dcc-close-circle {
  position: absolute;
  right: 0.3rem;
  color: #ddd;
  font-size: 0.4rem;
  top: -8%;
  filter: brightness(0.5);
}
.pay_html .perBox .pay_card_content {
  color: #fff;
  padding: 0 0.3rem;
  height: 100%;
  overflow-y: auto;
}
.pay_html .perBox .pay_card_content p {
  line-height: 1rem;
  font-size: 0.26rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.01rem solid #4a5060;
}
.pay_html .perBox .pay_card_list {
  margin-top: 0.3rem;
}
.pay_html .perBox .pay_card_content span {
  color: #e0b498;
}
.pay_html .perBox .per_list {
  position: absolute;
  bottom: -0.02rem;
  width: 100%;
  background: #3b404e;
  height: 80%;
  border-radius: 0.2rem 0.2rem 0 0;
  /* overflow: hidden; */
  max-width: 7.5rem;
}
.pay_html .perBox .per_btn {
  /* background: #2a2f3f; */
  border-radius: 0.08rem;
  padding: 0.1rem;
  line-height: 0.3rem;
  height: 0.5rem;
  font-size: 0.32rem;
  color: #db844a;
  font-weight: bold;
}
.pay_html .perBox .pre_cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.33rem 0.24rem 0.33rem;
  justify-content: space-between;
}
.pay_html .perBox .per_card {
  background-color: #fbe1bb;
  width: 2.12rem;
  border: 0.02rem solid #fdc48c;
  border-radius: 0.1rem;
  margin-bottom: 0.2rem;
  text-align: center;
  color: #db844a;
  font-size: 0.24rem;
  padding: 0 0.1rem;
}
.pay_html .perBox .pre_cards i {
  width: 0.62rem;
  height: 0.62rem;
  background: #fceeda;
  display: inline-block;
  border-radius: 50%;
  line-height: 0.62rem;
  margin-top: 0.22rem;
  color: #ee823d;
  font-size: 0.3rem;
}
.pay_html .perBox .per_title {
  font-size: 0.26rem;
  margin: 0.16rem 0 0.22rem 0;
}
.pay_html .perBox .per_des {
  text-align: left;
  margin-bottom: 0.22rem;
}
.pay_html .perBox .pay_titles {
  display: flex;
  justify-content: space-between;
  margin-top: 0.42rem;
  color: #fff;
  border-bottom: 0.02rem solid #323748;
  border-radius: 0.2rem 0.2rem 0 0;
}
.pay_html .perBox .pay_titles div {
  width: 25%;
  text-align: center;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.28rem;
  font-weight: 800;
}
.pay_html .perBox .pay_btn_selected {
  color: #fdd5bb;
  font-size: 0.3rem;
}
.pay_html .perBox .pay_btn_selected .selected_line {
  background: #fdd5bb;
  height: 0.06rem;
  width: 1.4rem;
  margin: 0 auto;
  border-radius: 0.04rem;
}
.pay_html .perBox .pay_btn_selected1 {
  color: #4c240b;
  font-size: 0.36rem;
}
.pay_html .perBox .pay_content1 {
  background: #ffffff;
  border-radius: 0.16rem;
  text-align: center;
  margin: 0 0.19rem;
}
.pay_html .perBox .pay_titles1 {
  background-color: #ffefd0;
  display: flex;
  justify-content: space-between;
  color: #a25d31;
  border-radius: 0.16rem 0.16rem 0 0;
  overflow: hidden;
  transform: rotate(0deg);
  font-size: 0.32rem;
  /* padding: 0 .1rem; */
}
.pay_html .perBox .pay_titles1 div {
  width: 25%;
  text-align: center;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.32rem;
  font-weight: 800;
  position: relative;
}
.pay_html .perBox .gradient_pink_text {
  background-image: linear-gradient(45deg, #ff2d64 0%, #ff4b7d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pay_html .perBox .gradient_green_text {
  background-image: -webkit-linear-gradient(45deg, #269696 0%, #25ed67 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pay_html .perBox .gradient_yellow_text {
  background-image: -webkit-linear-gradient(45deg, #f89462 0%, #f5ae68 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pay_html .perBox .gradient_ocean_text {
  background-image: -webkit-linear-gradient(45deg, #298fdc 0%, #64d9fd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pay_html .perBox .pay_btn_selected1 .selected_line {
  width: 100%;
  height: 0.85rem;
  background: linear-gradient(0deg, #ee823d 0%, #f3d0ab 100%);
  border-radius: 0.16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 0.85rem;
  font-size: 0.36rem;
}
.pay_html .perBox .premission_list {
  color: #fdd5bb;
  padding: 0.33rem;
  display: flex;
  justify-content: space-between;
}