.banner-bg1 {
  position: absolute;
  right: -81px;
  top: 40px;
  width: 816px; }

.banner-bg2,
.banner-bg3 {
  position: absolute;
  right: 0;
  bottom: 0; }

.banner-bg2 {
  z-index: 1;
  width: 1530px;
  right: -228px;
  bottom: -23px; }

.banner-bg3 {
  z-index: 2;
  width: 873px; }

.registerBtn {
  display: none; }

.loginTxt img {
  display: none; }

.header-login-box {
  display: none; }

.spec-table {
  display: flex;
  position: relative;
  box-shadow: 0px 18px 26px 0px rgba(162, 181, 202, 0.15); }
  .spec-table .li {
    position: relative;
    flex: 1;
    border-right: 1px solid #F4F6F8; }
    .spec-table .li:nth-of-type(1) {
      flex: none;
      width: 330px; }
      .spec-table .li:nth-of-type(1) .td,
      .spec-table .li:nth-of-type(1) .tr {
        justify-content: flex-start; }
    .spec-table .li.li1 .li1-box {
      content: '';
      width: 100%;
      height: calc(100% + 56px);
      box-shadow: 0px 4px 5px 0px rgba(255, 72, 0, 0.1);
      border: 4px solid #FF8822;
      border-radius: 10px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      box-sizing: border-box; }
      .spec-table .li.li1 .li1-box .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56px;
        background-color: #FF8822;
        font-size: 20px;
        font-family: Ubuntu-Regular, Ubuntu;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 20px;
        cursor: pointer; }
        .spec-table .li.li1 .li1-box .btn:hover span::after {
          width: 100%; }
        .spec-table .li.li1 .li1-box .btn:hover i {
          transform: translateX(3px); }
        .spec-table .li.li1 .li1-box .btn span {
          position: relative; }
          .spec-table .li.li1 .li1-box .btn span::after {
            content: '';
            display: block;
            width: 0%;
            height: 1px;
            background-color: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all .3s; }
        .spec-table .li.li1 .li1-box .btn i {
          width: 17px;
          height: 9px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/special/jt_r.svg");
          margin-left: 8px;
          transition: all .3s; }
    .spec-table .li.li1 .td {
      background-color: #FFF9F5; }
    .spec-table .li.li1 .tr {
      background-color: #FFF9F5; }
      .spec-table .li.li1 .tr:nth-of-type(2n) {
        background-color: #FFF2EA; }
    .spec-table .li:nth-last-of-type(1) {
      border-right: none; }
    .spec-table .li .td,
    .spec-table .li .tr {
      padding: 0 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff; }
    .spec-table .li .td {
      height: 80px;
      font-size: 22px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #042040;
      line-height: 26px; }
    .spec-table .li .tr {
      font-size: 16px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #55687D;
      line-height: 19px;
      min-height: 48px;
      background-color: #fff; }
      .spec-table .li .tr:nth-of-type(2n) {
        background-color: #FBFBFB; }

.earth-box {
  position: absolute;
  right: -228px;
  top: 127px;
  width: 1387px;
  height: 1274px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(177, 212, 255, 0.27) 0%, rgba(84, 161, 255, 0) 45%); }
  .earth-box .earth-cont {
    position: absolute;
    left: 0;
    top: 49px;
    display: flex; }
    .earth-box .earth-cont .li {
      width: 1512px;
      height: 801px;
      background-image: url("../img/index/earth/erth.svg");
      position: relative; }
      .earth-box .earth-cont .li .countries {
        min-width: 173px;
        padding: 8px 9px 9px 17px;
        display: flex;
        align-items: center;
        transition: all 0.3s;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 2px;
        position: absolute;
        opacity: 0; }
        .earth-box .earth-cont .li .countries img {
          width: 50px;
          height: 50px; }
        .earth-box .earth-cont .li .countries .txt {
          margin-left: 8px; }
          .earth-box .earth-cont .li .countries .txt > span {
            font-size: 16px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #042040;
            line-height: 19px;
            white-space: nowrap; }
          .earth-box .earth-cont .li .countries .txt > p {
            font-size: 16px;
            font-family: Ubuntu-Light, Ubuntu;
            font-weight: 300;
            color: #042040;
            line-height: 18px;
            white-space: nowrap; }
        .earth-box .earth-cont .li .countries.show {
          opacity: 1;
          animation: show linear 1s; }
        .earth-box .earth-cont .li .countries.hide {
          opacity: 0;
          animation: arrow linear 1s; }
        .earth-box .earth-cont .li .countries.countriesCAN {
          left: 188px;
          top: 174px; }
        .earth-box .earth-cont .li .countries.countriesUSA {
          left: 198px;
          top: 255px; }
        .earth-box .earth-cont .li .countries.countriesUK {
          left: 670px;
          top: 180px;
          z-index: 1; }
        .earth-box .earth-cont .li .countries.countriesBRA {
          left: 382px;
          top: 395px;
          z-index: 2; }
        .earth-box .earth-cont .li .countries.countriesFRA {
          left: 780px;
          top: 284px; }
        .earth-box .earth-cont .li .countries.countriesDEU {
          left: 842px;
          top: 195px; }
        .earth-box .earth-cont .li .countries.countriesIND {
          left: 938px;
          top: 399px; }
        .earth-box .earth-cont .li .countries.countriesRUS {
          left: 1098px;
          top: 156px; }
        .earth-box .earth-cont .li .countries.countriesJPN {
          left: 1258px;
          top: 248px; }

.ip-index .banner {
  background-color: #0e6fde;
  position: relative;
  height: 800px; }
  .ip-index .banner.banner1 {
    background-color: #ebf4ff; }
    .ip-index .banner.banner1 .ban-cont .banner-txt .p1 {
      color: #15357a; }
    .ip-index .banner.banner1 .ban-cont .banner-txt h1 {
      color: #15357a; }
      .ip-index .banner.banner1 .ban-cont .banner-txt h1.h1_ru {
        width: 870px; }
      .ip-index .banner.banner1 .ban-cont .banner-txt h1 span {
        color: #0e6fde; }
    .ip-index .banner.banner1 .ban-cont .banner-txt .b-scroll-box3 p {
      color: #355395; }
    .ip-index .banner.banner1 .ban-cont .banner-txt .ban-click > p {
      color: #0e6fde; }
    .ip-index .banner.banner1 .ban-cont .banner-txt .index_banner_txt {
      width: 300px;
      color: #0e6fde; }
      .ip-index .banner.banner1 .ban-cont .banner-txt .index_banner_txt.txt_ru {
        width: 470px; }
      .ip-index .banner.banner1 .ban-cont .banner-txt .index_banner_txt .txtch {
        margin-left: -17px; }
        .ip-index .banner.banner1 .ban-cont .banner-txt .index_banner_txt .txtch:nth-of-type(1) {
          margin-left: 0; }
      .ip-index .banner.banner1 .ban-cont .banner-txt .index_banner_txt.show {
        display: inline-block; }
    .ip-index .banner.banner1 .ban-cont .banner-txt .banner-btnbox .ban-btn {
      background-color: #0e6fde; }
      .ip-index .banner.banner1 .ban-cont .banner-txt .banner-btnbox .ban-btn > p {
        color: #ffffff; }
      .ip-index .banner.banner1 .ban-cont .banner-txt .banner-btnbox .ban-btn.ban-btn1 {
        background-color: transparent;
        border: 2px solid #0e6fde; }
        .ip-index .banner.banner1 .ban-cont .banner-txt .banner-btnbox .ban-btn.ban-btn1 > i {
          background-image: url("../img/index/right_blue.svg"); }
        .ip-index .banner.banner1 .ban-cont .banner-txt .banner-btnbox .ban-btn.ban-btn1 p {
          color: #0e6fde; }
  .ip-index .banner .ban-cont {
    padding-top: 145px;
    position: relative;
    z-index: 3; }
    .ip-index .banner .ban-cont .banner-txt .p1 {
      font-size: 22px;
      font-family: Ubuntu-Regular;
      color: #ffffff;
      line-height: 26px;
      margin-bottom: 10px; }
    .ip-index .banner .ban-cont .banner-txt h1 {
      width: 690px;
      font-size: 72px;
      font-family: Ubuntu-Bold, Ubuntu;
      color: #ffffff;
      line-height: 84px; }
    .ip-index .banner .ban-cont .banner-txt .b-scroll-box3 p {
      max-width: 600px;
      font-size: 26px;
      font-family: Ubuntu-Regular;
      color: #ffffff;
      line-height: 42px; }
    .ip-index .banner .ban-cont .banner-txt .ban-click {
      display: flex;
      align-items: center;
      margin-top: 10px; }
      .ip-index .banner .ban-cont .banner-txt .ban-click > p {
        font-size: 16px;
        font-family: Ubuntu-Light;
        color: #ffffff;
        line-height: 19px;
        margin-left: 5px; }
.ip-index .banner-downnav {
  margin-top: -80px;
  z-index: 11;
  position: relative;
  display: flex;
  justify-content: center; }
  .ip-index .banner-downnav .aft-box {
    position: relative; }
    .ip-index .banner-downnav .aft-box::after {
      content: "";
      display: block;
      width: calc(100% - 120px);
      height: 100%;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 31px;
      background-color: #ffffff;
      box-shadow: 0px 3px 18px 1px rgba(162, 180, 202, 0.3);
      border-radius: 10px 10px 10px 10px;
      z-index: -1; }
    .ip-index .banner-downnav .aft-box .nav-box {
      background-color: #ffffff;
      box-shadow: 0px 3px 18px 1px rgba(162, 180, 202, 0.3);
      border-radius: 19px 19px 19px 19px;
      height: 160px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      z-index: 2; }
      .ip-index .banner-downnav .aft-box .nav-box .li {
        display: flex;
        padding: 0 83.5px; }
        .ip-index .banner-downnav .aft-box .nav-box .li > a {
          display: flex;
          flex-direction: column;
          align-items: center;
          cursor: pointer;
          position: relative; }
          .ip-index .banner-downnav .aft-box .nav-box .li > a.no:hover p {
            color: #94a3b8; }
          .ip-index .banner-downnav .aft-box .nav-box .li > a:hover .img.img1, .ip-index .banner-downnav .aft-box .nav-box .li > a.active .img.img1 {
            background-image: url("../img/header/bandown_win1.svg"); }
          .ip-index .banner-downnav .aft-box .nav-box .li > a:hover .img.img2, .ip-index .banner-downnav .aft-box .nav-box .li > a.active .img.img2 {
            background-image: url("../img/header/bandown_and1.svg"); }
          .ip-index .banner-downnav .aft-box .nav-box .li > a:hover .img.img3, .ip-index .banner-downnav .aft-box .nav-box .li > a.active .img.img3 {
            background-image: url("../img/header/bandown_iOS1.svg"); }
          .ip-index .banner-downnav .aft-box .nav-box .li > a:hover .img.img4, .ip-index .banner-downnav .aft-box .nav-box .li > a.active .img.img4 {
            background-image: url("../img/header/bandown_google1.svg"); }
          .ip-index .banner-downnav .aft-box .nav-box .li > a:hover .img.img5, .ip-index .banner-downnav .aft-box .nav-box .li > a.active .img.img5 {
            background-image: url("../../index/img/header/chrome1.svg"); }
          .ip-index .banner-downnav .aft-box .nav-box .li > a:hover p, .ip-index .banner-downnav .aft-box .nav-box .li > a.active p {
            color: #042040; }
          .ip-index .banner-downnav .aft-box .nav-box .li > a:hover .comcoon {
            display: flex; }
          .ip-index .banner-downnav .aft-box .nav-box .li > a .img {
            width: 45px;
            height: 45px;
            background-repeat: no-repeat;
            background-position: center; }
            .ip-index .banner-downnav .aft-box .nav-box .li > a .img.img1 {
              background-image: url("../img/header/bandown_win.svg"); }
            .ip-index .banner-downnav .aft-box .nav-box .li > a .img.img2 {
              background-image: url("../img/header/bandown_and.svg"); }
            .ip-index .banner-downnav .aft-box .nav-box .li > a .img.img3 {
              background-image: url("../img/header/bandown_iOS.svg"); }
            .ip-index .banner-downnav .aft-box .nav-box .li > a .img.img4 {
              background-image: url("../img/header/bandown_google.svg"); }
            .ip-index .banner-downnav .aft-box .nav-box .li > a .img.img5 {
              background-image: url("../../index/img/header/chrome.svg"); }
          .ip-index .banner-downnav .aft-box .nav-box .li > a p {
            text-align: center;
            font-size: 16px;
            font-family: Ubuntu-Regular, Ubuntu;
            color: #94a3b8;
            line-height: 23px;
            margin-top: 15px; }
          .ip-index .banner-downnav .aft-box .nav-box .li > a span {
            font-size: 14px;
            font-family: Ubuntu-Light;
            color: #94a3b8;
            line-height: 23px; }
          .ip-index .banner-downnav .aft-box .nav-box .li > a .comcoon {
            display: none;
            align-items: center;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -35px;
            padding: 0 20px;
            height: 30px;
            background-color: #a2b4ca;
            border-radius: 36px;
            font-size: 14px;
            font-family: Ubuntu-Regular, Ubuntu;
            font-weight: 400;
            color: #ffffff;
            line-height: 14px;
            white-space: nowrap; }
            .ip-index .banner-downnav .aft-box .nav-box .li > a .comcoon::after {
              content: "";
              display: block;
              width: 10px;
              height: 10px;
              position: absolute;
              bottom: -5px;
              left: 50%;
              background-color: #a2b4ca;
              transform: rotateZ(45deg) translateX(-50%); }
      .ip-index .banner-downnav .aft-box .nav-box .line {
        width: 1px;
        height: 60px;
        background-color: #e4eaf2; }
.ip-index .banner-trait {
  background-color: #1c4396; }
  .ip-index .banner-trait.trait1 {
    background-color: #0e6fde; }
  .ip-index .banner-trait .trait-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0; }
    .ip-index .banner-trait .trait-cont > .li {
      width: 258px;
      padding: 0 12px; }
      .ip-index .banner-trait .trait-cont > .li > p {
        font-size: 54px;
        font-family: Ubuntu-Bold, Ubuntu;
        color: #ffffff;
        line-height: 63px;
        margin-bottom: 5px; }
      .ip-index .banner-trait .trait-cont > .li > span {
        font-size: 18px;
        font-family: Ubuntu-Light;
        color: #ffffff;
        line-height: 21px; }
.ip-index h6 {
  font-size: 14px;
  font-family: Ubuntu-Regular, Ubuntu;
  font-weight: 400;
  color: #ff4800;
  line-height: 18px;
  margin-bottom: 20px; }
.ip-index .introduce .int-li {
  display: flex;
  margin: 0 auto; }
.ip-index .introduce .index-h2 {
  text-align: left; }
.ip-index .introduce .li1 {
  width: 1323px;
  justify-content: space-between;
  padding-bottom: 74px;
  position: relative; }
  .ip-index .introduce .li1.show .int1-img img.img1 {
    opacity: 1; }
  .ip-index .introduce .li1.show .int1-img img.img2 {
    opacity: 1; }
  .ip-index .introduce .li1.show .int1-txt .index-h2,
  .ip-index .introduce .li1.show .int1-txt .int1-charac {
    opacity: 1; }
  .ip-index .introduce .li1 .int1-img {
    position: relative; }
    .ip-index .introduce .li1 .int1-img img {
      position: absolute; }
      .ip-index .introduce .li1 .int1-img img.bg {
        top: 71px;
        left: 179px; }
      .ip-index .introduce .li1 .int1-img img.bg1 {
        display: none; }
      .ip-index .introduce .li1 .int1-img img.img1 {
        opacity: 0;
        transition: all 1.5s;
        top: 398px;
        left: 0px; }
      .ip-index .introduce .li1 .int1-img img.img2 {
        opacity: 0;
        transition: all 1.5s;
        top: 522px;
        left: 345px; }
  .ip-index .introduce .li1 .int1-txt {
    max-width: 650px; }
    .ip-index .introduce .li1 .int1-txt .index-h2 {
      max-width: 546px;
      margin-bottom: 40px;
      margin-left: 0;
      opacity: 0; }
    .ip-index .introduce .li1 .int1-txt .int1-charac {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-bottom: 10px;
      opacity: 0; }
      .ip-index .introduce .li1 .int1-txt .int1-charac .char-li {
        width: 305px;
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px; }
        .ip-index .introduce .li1 .int1-txt .int1-charac .char-li > img {
          width: 40px; }
        .ip-index .introduce .li1 .int1-txt .int1-charac .char-li .txt {
          margin-left: 10px; }
          .ip-index .introduce .li1 .int1-txt .int1-charac .char-li .txt p {
            font-size: 20px;
            font-family: Ubuntu-Bold, Ubuntu;
            font-weight: bold;
            color: #042040;
            line-height: 26px;
            margin-bottom: 10px; }
    .ip-index .introduce .li1 .int1-txt .int1-three {
      display: flex;
      justify-content: space-between; }
      .ip-index .introduce .li1 .int1-txt .int1-three .thr-li {
        width: 200px;
        padding: 25px 36px;
        background-color: #ffffff;
        box-shadow: 0px 3px 18px 1px rgba(162, 180, 202, 0.3);
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer; }
        .ip-index .introduce .li1 .int1-txt .int1-three .thr-li .border {
          width: 96px;
          height: 91px;
          background: linear-gradient(180deg, #3593ff 0%, #384aeb 100%);
          box-shadow: 0px 4px 4px 1px rgba(66, 141, 248, 0.1);
          border-radius: 20px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .ip-index .introduce .li1 .int1-txt .int1-three .thr-li .border.bg1 {
            background: linear-gradient(180deg, #ff99b3 0%, #ff5b8c 100%); }
          .ip-index .introduce .li1 .int1-txt .int1-three .thr-li .border.bg2 {
            background: linear-gradient(180deg, #ffb371 0%, #ff8660 100%); }
          .ip-index .introduce .li1 .int1-txt .int1-three .thr-li .border p {
            font-size: 30px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #ffffff;
            line-height: 39px; }
          .ip-index .introduce .li1 .int1-txt .int1-three .thr-li .border > span {
            color: #ffffff;
            font-size: 16px; }
        .ip-index .introduce .li1 .int1-txt .int1-three .thr-li > b {
          display: block;
          font-size: 15px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 21px;
          text-align: center;
          margin-top: 30px; }
.ip-index .introduce .li2 {
  background-repeat: no-repeat;
  padding-top: 90px;
  padding-bottom: 100px;
  overflow: hidden;
  flex-direction: column;
  align-items: center; }
  .ip-index .introduce .li2.show > .index-h2,
  .ip-index .introduce .li2.show > .int-spansty {
    opacity: 1; }
  .ip-index .introduce .li2.show .int2-ul {
    opacity: 1; }
  .ip-index .introduce .li2 > .index-h2,
  .ip-index .introduce .li2 > .int-spansty {
    opacity: 0;
    max-width: 822px;
    text-align: center; }
  .ip-index .introduce .li2 .int2-ul {
    opacity: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px; }
    .ip-index .introduce .li2 .int2-ul .it2li {
      max-width: 590px;
      min-height: 402px;
      background-color: #ffffff;
      box-shadow: 0px 3px 25px 0px rgba(162, 181, 202, 0.3), inset 0px 6px 0px 0px #0e6fde;
      border-radius: 10px;
      padding: 50px; }
      .ip-index .introduce .li2 .int2-ul .it2li > p {
        font-size: 26px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #042040;
        line-height: 34px;
        margin-top: 20px;
        margin-bottom: 15px; }
.ip-index .introduce .li-brows {
  flex-direction: column;
  align-items: center;
  padding-bottom: 150px; }
  .ip-index .introduce .li-brows.show .tit,
  .ip-index .introduce .li-brows.show .map-box,
  .ip-index .introduce .li-brows.show .more-loca,
  .ip-index .introduce .li-brows.show .lib-ul {
    opacity: 1; }
  .ip-index .introduce .li-brows .tit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0; }
    .ip-index .introduce .li-brows .tit .index-h2 {
      max-width: 560px; }
    .ip-index .introduce .li-brows .tit .libtit-ul {
      display: flex;
      align-items: center; }
      .ip-index .introduce .li-brows .tit .libtit-ul .li {
        padding-left: 20px;
        margin-left: 53px;
        border-left: 1px solid #ff4800; }
        .ip-index .introduce .li-brows .tit .libtit-ul .li p {
          font-size: 30px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 30px;
          margin-bottom: 12px; }
        .ip-index .introduce .li-brows .tit .libtit-ul .li span {
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #55687d;
          line-height: 16px; }
  .ip-index .introduce .li-brows .map-box {
    z-index: -1;
    margin-top: -77px;
    position: relative;
    opacity: 0; }
    .ip-index .introduce .li-brows .map-box .map-li {
      position: absolute;
      z-index: 1; }
      .ip-index .introduce .li-brows .map-box .map-li.mapli1 {
        top: 247px;
        left: -41px;
        text-align: right; }
      .ip-index .introduce .li-brows .map-box .map-li.mapli2 {
        top: 222px;
        left: 293px;
        text-align: right; }
      .ip-index .introduce .li-brows .map-box .map-li.mapli3 {
        top: 341px;
        left: 620px; }
      .ip-index .introduce .li-brows .map-box .map-li.mapli4 {
        top: 302px;
        right: -24px; }
      .ip-index .introduce .li-brows .map-box .map-li span {
        font-size: 18px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: 700;
        color: #55687d;
        line-height: 18px;
        position: relative; }
        .ip-index .introduce .li-brows .map-box .map-li span i {
          -webkit-text-stroke: 4px #ffffff;
          position: absolute;
          color: transparent;
          left: 0;
          top: 0;
          z-index: -1; }
      .ip-index .introduce .li-brows .map-box .map-li p {
        font-size: 26px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040;
        line-height: 26px;
        position: relative;
        margin-top: 12px; }
        .ip-index .introduce .li-brows .map-box .map-li p i {
          -webkit-text-stroke: 3px #ffffff;
          position: absolute;
          left: 0;
          top: 0;
          z-index: -1; }
  .ip-index .introduce .li-brows .more-loca {
    align-items: center;
    cursor: pointer;
    margin-top: -90px;
    opacity: 0; }
    .ip-index .introduce .li-brows .more-loca:hover > span {
      color: #ff4800; }
      .ip-index .introduce .li-brows .more-loca:hover > span::after {
        width: 100%; }
    .ip-index .introduce .li-brows .more-loca:hover > i {
      left: 4px; }
    .ip-index .introduce .li-brows .more-loca > span {
      display: inline-block;
      font-size: 18px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #042040;
      line-height: 23px;
      position: relative;
      margin-right: 8px; }
      .ip-index .introduce .li-brows .more-loca > span::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #ff8822;
        transition: all 0.3s; }
    .ip-index .introduce .li-brows .more-loca > i {
      width: 17px;
      height: 12px;
      background-image: url("../img/index/right_yel.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      position: relative;
      left: 0;
      transition: all 0.3s; }
  .ip-index .introduce .li-brows .lib-ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;
    opacity: 0; }
    .ip-index .introduce .li-brows .lib-ul .li {
      max-width: 390px;
      min-height: 187px;
      background-color: #ffffff;
      box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05);
      border-radius: 10px;
      border: 1px solid #f0f4f5;
      padding: 20px 25px; }
      .ip-index .introduce .li-brows .lib-ul .li p {
        font-size: 20px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #042040;
        line-height: 30px;
        margin-bottom: 5px; }
      .ip-index .introduce .li-brows .lib-ul .li span {
        font-size: 16px;
        font-family: Ubuntu-Light, Ubuntu;
        color: #042040;
        line-height: 24px; }
.ip-index .introduce .li3 {
  padding-bottom: 150px;
  justify-content: space-between; }
  .ip-index .introduce .li3.show .int3-l,
  .ip-index .introduce .li3.show .int3-r {
    opacity: 1; }
  .ip-index .introduce .li3 .int3-l {
    max-width: 546px;
    opacity: 0; }
    .ip-index .introduce .li3 .int3-l .index-h2 {
      margin-bottom: 42px; }
    .ip-index .introduce .li3 .int3-l .l-li {
      display: flex;
      align-items: flex-start;
      margin-bottom: 50px;
      cursor: pointer; }
      .ip-index .introduce .li3 .int3-l .l-li:nth-last-of-type(1) {
        margin-bottom: 42px; }
      .ip-index .introduce .li3 .int3-l .l-li img {
        width: 55px; }
      .ip-index .introduce .li3 .int3-l .l-li .l-txt {
        margin-left: 20px; }
        .ip-index .introduce .li3 .int3-l .l-li .l-txt p {
          font-size: 20px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 26px;
          margin-bottom: 10px; }
  .ip-index .introduce .li3 .int3-r {
    width: 608px;
    height: 489px;
    position: relative;
    margin-top: 51px;
    opacity: 0; }
    .ip-index .introduce .li3 .int3-r img {
      position: absolute; }
    .ip-index .introduce .li3 .int3-r .bg {
      top: 66px;
      left: 50%; }
    .ip-index .introduce .li3 .int3-r .img1 {
      top: -20px;
      left: calc(50% - 102px); }
    .ip-index .introduce .li3 .int3-r .img2 {
      left: 0;
      bottom: 0; }
    .ip-index .introduce .li3 .int3-r .img3 {
      right: 0;
      bottom: 0; }
.ip-index .introduce .li4 {
  padding-bottom: 150px;
  justify-content: space-between; }
  .ip-index .introduce .li4 .int4-l {
    max-width: 545px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all 1.5s;
    opacity: 0; }
    .ip-index .introduce .li4 .int4-l.show {
      opacity: 1; }
    .ip-index .introduce .li4 .int4-l .ipchanger-btnbox {
      display: none; }
  .ip-index .introduce .li4 .int4-r {
    max-width: 575px;
    opacity: 0;
    transition: all 1.5s;
    opacity: 0; }
    .ip-index .introduce .li4 .int4-r.show {
      opacity: 1; }
    .ip-index .introduce .li4 .int4-r h5 {
      margin-top: 20px;
      margin-bottom: 20px; }
    .ip-index .introduce .li4 .int4-r .quest-list {
      margin-top: 30px;
      margin-bottom: 30px; }
      .ip-index .introduce .li4 .int4-r .quest-list .li {
        margin-bottom: 20px;
        border: 1px solid #f0f4f5;
        box-shadow: 0px 3px 25px 0px rgba(162, 181, 202, 0.3);
        border-radius: 4px;
        overflow: hidden; }
        .ip-index .introduce .li4 .int4-r .quest-list .li:nth-last-of-type(1) {
          margin-bottom: 0; }
        .ip-index .introduce .li4 .int4-r .quest-list .li.show .tit i {
          background-image: url("../img//index/introduce/int4_img_pre.svg"); }
        .ip-index .introduce .li4 .int4-r .quest-list .li .tit {
          min-height: 70px;
          padding: 20px 30px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          cursor: pointer;
          background-color: #ffffff; }
          .ip-index .introduce .li4 .int4-r .quest-list .li .tit span {
            font-size: 18px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #042040;
            line-height: 21px; }
          .ip-index .introduce .li4 .int4-r .quest-list .li .tit i {
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/introduce/int4_img_nor.svg"); }
      .ip-index .introduce .li4 .int4-r .quest-list .cont {
        background-color: #fbfcfc;
        padding: 20px 30px;
        display: none;
        overflow: hidden; }
        .ip-index .introduce .li4 .int4-r .quest-list .cont p {
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #55687d;
          line-height: 21px;
          margin-bottom: 8px; }
          .ip-index .introduce .li4 .int4-r .quest-list .cont p:nth-last-of-type(1) {
            margin-bottom: 0px; }
.ip-index .index-h2 {
  max-width: 822px; }
.ip-index .text {
  margin: 0 562px;
  width: 363px;
  height: 2px;
  background: linear-gradient(270deg, #FF5965 0%, #FDCB31 100%);
  border-radius: 2px 2px 2px 2px;
  opacity: 1; }
.ip-index .boost {
  padding-top: 122px;
  padding-bottom: 73px; }
  .ip-index .boost .spec-discuss {
    min-height: 643px;
    background-color: #F9F9FA;
    border-radius: 20px;
    padding: 80px 55px; }
    .ip-index .boost .spec-discuss .index-h2 {
      width: 1100px;
      margin: 0;
      font-size: 38px;
      text-align: justify; }
      .ip-index .boost .spec-discuss .index-h2 i {
        margin-right: 10px; }
    .ip-index .boost .spec-discuss span {
      width: 1100px;
      font-size: 16px;
      font-family: Open Sans-Light, Open Sans;
      font-weight: 300;
      color: #55687D;
      line-height: 27px; }
    .ip-index .boost .spec-discuss .rtit {
      font-size: 14px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #FF4800;
      line-height: 18px;
      margin-bottom: 20px; }
    .ip-index .boost .spec-discuss .tit-box {
      display: flex;
      justify-content: space-between; }
      .ip-index .boost .spec-discuss .tit-box h3 {
        max-width: 500px;
        font-size: 38px;
        font-family: Ubuntu-Light, Ubuntu;
        font-weight: 300;
        color: #042040;
        line-height: 49px; }
        .ip-index .boost .spec-discuss .tit-box h3 b {
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold; }
      .ip-index .boost .spec-discuss .tit-box p {
        max-width: 500px;
        font-size: 16px;
        font-family: Ubuntu-Light, Ubuntu;
        font-weight: 300;
        color: #55687D;
        line-height: 27px; }
    .ip-index .boost .spec-discuss .dis-cont {
      display: flex;
      justify-content: space-between; }
      .ip-index .boost .spec-discuss .dis-cont .li {
        max-width: 355px; }
        .ip-index .boost .spec-discuss .dis-cont .li .txt {
          background-color: #FFFFFF;
          box-shadow: 0px 3px 14px 1px rgba(162, 181, 202, 0.2);
          border-radius: 8px;
          padding: 30px 20px;
          font-size: 18px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #042040;
          line-height: 27px;
          margin-bottom: 38px;
          position: relative; }
          .ip-index .boost .spec-discuss .dis-cont .li .txt::after {
            content: '';
            display: block;
            width: 0px;
            height: 0px;
            position: absolute;
            border-top: 18px solid #fff;
            border-left: 13px solid transparent;
            border-right: 13px solid transparent;
            border-bottom: 0px solid transparent;
            left: 36px;
            bottom: -18px; }
        .ip-index .boost .spec-discuss .dis-cont .li .user {
          display: flex;
          align-items: center;
          margin-left: 22px; }
          .ip-index .boost .spec-discuss .dis-cont .li .user .ceo {
            font-family: Ubuntu-Light, Ubuntu;
            color: #55687D;
            margin-top: 6px; }
          .ip-index .boost .spec-discuss .dis-cont .li .user img {
            width: 54px; }
          .ip-index .boost .spec-discuss .dis-cont .li .user p {
            font-size: 20px;
            font-weight: 600;
            font-family: Ubuntu-Bold, Ubuntu;
            color: #042040;
            line-height: 20px;
            margin-left: 20px; }
  .ip-index .boost .manage {
    width: 1210px;
    height: 659px;
    background-image: url("../img/index/dot-map 1.svg"); }
    .ip-index .boost .manage .index-h2 {
      padding-top: 190px;
      padding-bottom: 40px; }
    .ip-index .boost .manage .ipchanger-btn1 {
      margin: 0 auto; }
    .ip-index .boost .manage span {
      font-size: 16px;
      font-family: Open Sans-Light, Open Sans;
      font-weight: 300;
      color: #55687D;
      padding-bottom: 60px;
      line-height: 27px; }
  .ip-index .boost .boost-nav {
    padding-top: 30px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ip-index .boost .boost-nav > .li {
      padding: 10px 20px;
      font-size: 18px;
      color: #94a3b8;
      font-family: Ubuntu-Regular, Ubuntu;
      line-height: 21px;
      cursor: pointer;
      margin-right: 20px; }
      .ip-index .boost .boost-nav > .li:nth-last-of-type(1) {
        margin-right: 0; }
      .ip-index .boost .boost-nav > .li:hover, .ip-index .boost .boost-nav > .li.active {
        font-family: Ubuntu-Medium;
        background-color: #ffffff;
        box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.1);
        color: #042040; }
  .ip-index .boost .boost-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px; }
    .ip-index .boost .boost-list > .li1 {
      margin-left: 136px;
      margin-right: 0 !important; }
    .ip-index .boost .boost-list > .li {
      position: relative;
      margin-right: 136px;
      display: flex;
      align-items: center;
      width: 460px;
      height: 160px;
      justify-content: center;
      background: #FFFFFF;
      box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
      border-radius: 10px 10px 10px 10px;
      opacity: 1;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      margin-bottom: 32px; }
      .ip-index .boost .boost-list > .li .bg-text {
        display: block;
        width: 250px;
        height: 250px;
        background: #deefff;
        border-radius: 50px 50px 50px 50px;
        opacity: 0.3;
        transform: rotateZ(210deg);
        position: absolute;
        right: -90px;
        top: 120px; }
      .ip-index .boost .boost-list > .li:hover:nth-child(odd) .txt {
        box-shadow: 10px 0px 0px 0px rgba(201, 24, 192, 0.05), inset 10px 0px 0px 0px #FF4800; }
      .ip-index .boost .boost-list > .li:hover .cont1 {
        opacity: 0; }
      .ip-index .boost .boost-list > .li:hover .txt-box {
        left: 0;
        opacity: 1; }
        .ip-index .boost .boost-list > .li:hover .txt-box::after {
          top: -140px; }
        .ip-index .boost .boost-list > .li:hover .txt-box::before {
          top: 78px; }
      .ip-index .boost .boost-list > .li .cont1 {
        display: flex;
        justify-content: center;
        justify-items: center;
        opacity: 1;
        transition: all 0.5s; }
        .ip-index .boost .boost-list > .li .cont1 p {
          font-size: 20px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 26px;
          margin-left: 30px;
          display: flex;
          align-items: center; }
      .ip-index .boost .boost-list > .li:nth-child(odd) .bg-text {
        background: #FFEAE4; }
      .ip-index .boost .boost-list > .li:nth-child(odd) .txt-box .txt {
        box-shadow: 10px 0px 0px 0px rgba(201, 24, 192, 0.05), inset 10px 0px 0px 0px #FF4800 !important; }
      .ip-index .boost .boost-list > .li:nth-child(odd) .txt-box::after {
        background: #FFEAE4; }
      .ip-index .boost .boost-list > .li:nth-child(odd) .txt-box::before {
        background: #FFEAE4; }
      .ip-index .boost .boost-list > .li .txt-box {
        position: absolute;
        left: 460px;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.5s;
        overflow: hidden;
        background-color: #ffffff; }
        .ip-index .boost .boost-list > .li .txt-box .txt {
          font-weight: 300;
          width: 100%;
          height: 100%;
          display: flex;
          box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05), inset 10px 0px 0px 0px #0e6fde;
          border-radius: 16px;
          align-items: center;
          opacity: 1;
          border: 1px solid #f0f4f5;
          padding: 0 75px;
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          color: #55687d;
          line-height: 27px;
          overflow: hidden;
          z-index: 1;
          position: relative; }
          .ip-index .boost .boost-list > .li .txt-box .txt span {
            color: #0e6fde;
            display: inline; }
        .ip-index .boost .boost-list > .li .txt-box::after {
          content: "";
          display: block;
          width: 250px;
          height: 250px;
          background: #deefff;
          border-radius: 50px 50px 50px 50px;
          opacity: 0.3;
          transform: rotateZ(210deg);
          position: absolute;
          right: -70px;
          top: -244px;
          transition: all 1s; }
        .ip-index .boost .boost-list > .li .txt-box::before {
          content: "";
          display: block;
          width: 250px;
          height: 250px;
          background: #deefff;
          border-radius: 50px 50px 50px 50px;
          opacity: 0.3;
          transform: rotateZ(210deg);
          position: absolute;
          right: -90px;
          top: 278px;
          transition: all 1s; }
.ip-index .prosy {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ip-index .prosy .left {
    position: relative; }
    .ip-index .prosy .left .imgt {
      position: absolute;
      top: -17px;
      left: -28px;
      z-index: -1; }
    .ip-index .prosy .left .img1 {
      position: absolute;
      top: -22px;
      right: -110px; }
      .ip-index .prosy .left .img1 p {
        text-align: center;
        font-weight: bold;
        position: absolute;
        top: 45px;
        right: 16px;
        color: #FFFFFF;
        line-height: 19px;
        font-size: 16px;
        font-family: Ubuntu-Bold, Ubuntu;
        width: 178px;
        height: 36px;
        transform: rotateZ(384deg); }
    .ip-index .prosy .left .img2 {
      position: absolute;
      top: 32px;
      left: -94px; }
      .ip-index .prosy .left .img2 p {
        text-align: center;
        font-weight: bold;
        position: absolute;
        top: 45px;
        right: 16px;
        color: #FFFFFF;
        line-height: 19px;
        font-size: 16px;
        font-family: Ubuntu-Bold, Ubuntu;
        width: 178px;
        height: 36px;
        transform: rotateZ(332deg); }
  .ip-index .prosy .right {
    margin-top: 110px;
    width: 500px;
    height: 196px;
    font-size: 20px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 28px; }
.ip-index .help {
  padding-top: 80px; }
  .ip-index .help .main {
    display: flex;
    justify-content: space-between; }
    .ip-index .help .main .right {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .ip-index .help .main .right .list {
        margin-bottom: 20px;
        display: block;
        width: 188px;
        height: 202px;
        padding: 20px 0;
        text-align: center;
        align-items: center;
        background: #FFFFFF;
        box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
        border-radius: 16px 16px 16px 16px;
        opacity: 1; }
        .ip-index .help .main .right .list:nth-child(n+4) {
          height: 181px; }
        .ip-index .help .main .right .list:last-child {
          width: 396px; }
        .ip-index .help .main .right .list p {
          margin-top: 30px;
          height: 42px;
          font-size: 16px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 21px; }
    .ip-index .help .main .left {
      position: relative;
      margin: auto; }
      .ip-index .help .main .left .imgb {
        text-align: center;
        width: 520px;
        height: 153px;
        font-size: 20px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 23px;
        background-image: url("../img//index/Group 1000004276.svg");
        position: absolute;
        top: -126px;
        left: 84px;
        padding: 20px 23px 20px 10px; }
      .ip-index .help .main .left .imgt {
        position: absolute;
        top: -8px;
        left: 32px;
        z-index: -1; }
.ip-index .step .text {
  width: 342px;
  height: 2px;
  background: linear-gradient(270deg, #FF5965 0%, #FDCB31 100%);
  margin: 0 204px; }
.ip-index .step .main {
  display: flex;
  justify-content: space-between;
  position: relative; }
  .ip-index .step .main .sbg2 {
    left: 640px !important; }
  .ip-index .step .main .sbg3 {
    left: 1088px !important; }
  .ip-index .step .main .step-bg {
    font-size: 24px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    padding: 8px 19px 34px 17px;
    width: 110px;
    height: 70px;
    background-image: url("../img/index/Group 1000004277.svg");
    position: absolute;
    top: -50px;
    left: 190px; }
  .ip-index .step .main .list {
    display: block;
    text-align: center; }
    .ip-index .step .main .list h1 {
      margin-top: 40px;
      text-align: left;
      width: 339px;
      font-size: 24px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #042040;
      line-height: 28px; }
    .ip-index .step .main .list p {
      text-align: left;
      margin-top: 10px;
      width: 339px;
      font-size: 16px;
      font-family: Open Sans-Light, Open Sans;
      font-weight: 300;
      color: #55687D;
      line-height: 27px; }
  .ip-index .step .main .list-i {
    margin: 0 47px; }
.ip-index .boosts {
  padding-bottom: 73px; }
  .ip-index .boosts .main {
    display: flex;
    margin-bottom: 50px;
    margin-top: 100px;
    width: 1280px;
    height: 376px;
    background-image: url("../img/index/da-offices 1.svg");
    position: relative; }
    .ip-index .boosts .main .mapitem {
      cursor: pointer;
      position: absolute;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center; }
@keyframes anmit_show {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes circle_outside {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes circle_inside {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
      .ip-index .boosts .main .mapitem .circle-inside {
        animation: circle_inside 4500ms ease-out 500ms infinite; }
      .ip-index .boosts .main .mapitem .circle-outside {
        animation: circle_outside 4500ms ease-out 3250ms infinite; }
      .ip-index .boosts .main .mapitem .circle-inside {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0e6fde;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        opacity: 0.2;
        -webkit-transition: width 0.5s ease-out;
        -moz-transition: width 0.5s ease-out;
        -o-transition: width 0.5s ease-out;
        transition: width 0.5s ease-out; }
      .ip-index .boosts .main .mapitem .circle-outside {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0058ff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        opacity: 0.1;
        -webkit-transition: width 0.5s ease-out;
        -moz-transition: width 0.5s ease-out;
        -o-transition: width 0.5s ease-out;
        transition: width 0.5s ease-out; }
      .ip-index .boosts .main .mapitem .circle-dian {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 10px;
        height: 10px;
        margin: auto;
        border-radius: 50%;
        background: #0058ff;
        opacity: 0.8;
        z-index: 4; }
      .ip-index .boosts .main .mapitem .circle_box {
        width: 44px;
        height: 37px;
        position: relative;
        transform: rotateX(50deg); }
      .ip-index .boosts .main .mapitem .mapicon {
        top: -5px;
        left: 4px;
        position: absolute;
        width: 14px;
        height: 18px; }
      .ip-index .boosts .main .mapitem .iconc {
        position: absolute;
        background: #ffffff;
        box-shadow: 0px 4px 6px 0px rgba(0, 91, 194, 0.05);
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #eff3ff;
        left: -4px;
        top: -90px;
        display: flex;
        padding: 10px;
        z-index: 999;
        width: 198px;
        height: 66px;
        background: #ffffff;
        box-shadow: 0px 4px 6px 0px rgba(0, 91, 194, 0.05);
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        border: 1px solid #eff3ff;
        align-items: center; }
        .ip-index .boosts .main .mapitem .iconc img {
          width: 35px;
          height: 35px;
          margin-right: 10px;
          margin-left: 10px; }
        .ip-index .boosts .main .mapitem .iconc .tt {
          border-radius: 0px 0px 0px 0px;
          opacity: 1; }
          .ip-index .boosts .main .mapitem .iconc .tt .tt1 {
            padding-bottom: 4px;
            font-size: 14px;
            font-family: Inter-Regular, Inter;
            font-weight: 400;
            color: #718494;
            line-height: 16px; }
          .ip-index .boosts .main .mapitem .iconc .tt .tt2 {
            font-size: 18px;
            font-family: Inter-Bold, Inter;
            font-weight: bold;
            color: #22264B;
            line-height: 21px; }
    .ip-index .boosts .main .mapitem:hover .mapicon {
      width: 30px;
      height: 45px;
      top: -21px;
      left: 5px; }
    .ip-index .boosts .main .mapitem:nth-of-type(1) {
      left: 310px;
      top: 260px; }
    .ip-index .boosts .main .mapitem:nth-of-type(2) {
      right: 258px;
      top: 224px; }
      .ip-index .boosts .main .mapitem:nth-of-type(2) .iconc {
        width: 170px;
        left: -124px; }
    .ip-index .boosts .main .mapitem:nth-of-type(3) {
      right: 174px;
      top: 160px; }
    .ip-index .boosts .main .mapitem:nth-of-type(4) {
      left: 115px;
      top: 88px; }
      .ip-index .boosts .main .mapitem:nth-of-type(4) .iconc {
        left: -94px; }
    .ip-index .boosts .main .mapitem:nth-of-type(5) {
      left: 658px;
      top: 275px; }
      .ip-index .boosts .main .mapitem:nth-of-type(5) .iconc {
        left: -14px; }
    .ip-index .boosts .main .mapitem:nth-of-type(6) {
      left: 532px;
      top: 94px; }
    .ip-index .boosts .main .mapitem:nth-of-type(7) {
      left: 230px;
      top: 122px; }
    .ip-index .boosts .main .mapitem:nth-of-type(8) {
      right: 148px;
      top: 288px; }
    .ip-index .boosts .main .mapitem:nth-of-type(9) {
      right: 250px;
      top: 934px; }
    .ip-index .boosts .main .mapitem:nth-of-type(10) {
      left: 256px;
      top: 300px; }
@keyframes mapicon {
  100% {
    opacity: 0.5;
    height: 20px;
    width: 36px; } }
  .ip-index .boosts .fot {
    margin: 0 auto;
    margin-top: 40px;
    width: 820px;
    height: 81px;
    font-size: 16px;
    font-family: Open Sans-Light, Open Sans;
    font-weight: 300;
    color: #55687D;
    line-height: 27px;
    text-align: center; }
  .ip-index .boosts .foot {
    width: 980px;
    height: 126px;
    background: #FFFFFF;
    box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
    border-radius: 16px 16px 16px 16px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; }
    .ip-index .boosts .foot .list {
      margin: auto;
      width: 260px;
      height: 86px;
      border-radius: 0px 0px 0px 0px;
      opacity: 1;
      text-align: center;
      font-family: Ubuntu-Bold, Ubuntu; }
      .ip-index .boosts .foot .list p {
        padding-bottom: 20px;
        font-size: 38px;
        font-weight: bold;
        color: #FF4800;
        line-height: 38px; }
      .ip-index .boosts .foot .list span {
        font-size: 24px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040;
        line-height: 28px; }
  .ip-index .boosts .index-h2-box {
    text-align: center; }
    .ip-index .boosts .index-h2-box p {
      margin: 0 auto;
      width: 900px;
      font-size: 18px;
      font-family: Inter-Light, Inter;
      font-weight: 300;
      color: #718494;
      line-height: 30px; }
  .ip-index .boosts .index-h2 {
    font-size: 44px;
    font-weight: normal;
    color: #22264B;
    line-height: 55px;
    padding: 20px 0; }
  .ip-index .boosts .pi {
    margin: 0 auto;
    width: 236px;
    background: linear-gradient(90deg, #F4F6FD 0%, rgba(244, 246, 253, 0) 100%);
    border-radius: 4px 4px 4px 4px;
    opacity: 1; }
    .ip-index .boosts .pi i {
      padding: 10px 20px;
      font-size: 20px;
      font-family: Inter-Semi Bold, Inter;
      font-weight: normal;
      color: #2C68FF;
      line-height: 27px; }
  .ip-index .boosts .boost-nav {
    padding-top: 30px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ip-index .boosts .boost-nav > .li {
      padding: 10px 20px;
      font-size: 18px;
      color: #94a3b8;
      font-family: Ubuntu-Regular, Ubuntu;
      line-height: 21px;
      cursor: pointer;
      margin-right: 20px; }
      .ip-index .boosts .boost-nav > .li:nth-last-of-type(1) {
        margin-right: 0; }
      .ip-index .boosts .boost-nav > .li:hover, .ip-index .boosts .boost-nav > .li.active {
        font-family: Ubuntu-Medium;
        background-color: #ffffff;
        box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.1);
        color: #042040; }
  .ip-index .boosts .boost-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px; }
    .ip-index .boosts .boost-list > .li {
      width: 290px;
      min-height: 200px;
      background: #ffffff;
      box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05);
      border-radius: 16px;
      border: 1px solid #f0f4f5;
      padding: 30px 50px;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      margin-bottom: 17px; }
      .ip-index .boosts .boost-list > .li.li1 {
        display: flex;
        align-items: center;
        justify-content: center; }
        .ip-index .boosts .boost-list > .li.li1 p {
          font-size: 18px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 23px;
          margin-top: 15px;
          text-align: center; }
      .ip-index .boosts .boost-list > .li:hover .cont1 {
        opacity: 0; }
      .ip-index .boosts .boost-list > .li:hover .txt-box {
        top: 0;
        opacity: 1; }
        .ip-index .boosts .boost-list > .li:hover .txt-box::after {
          top: -44px; }
        .ip-index .boosts .boost-list > .li:hover .txt-box::before {
          top: 78px; }
      .ip-index .boosts .boost-list > .li .cont1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 1;
        transition: all 0.5s; }
        .ip-index .boosts .boost-list > .li .cont1 p {
          font-size: 18px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 23px;
          margin-top: 15px;
          text-align: center; }
      .ip-index .boosts .boost-list > .li .txt-box {
        position: absolute;
        left: 0%;
        top: 210px;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.5s;
        overflow: hidden;
        background-color: #ffffff; }
        .ip-index .boosts .boost-list > .li .txt-box .txt {
          width: 100%;
          height: 100%;
          box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05), inset 0px 4px 0px 0px #2C68FF;
          border-radius: 16px;
          opacity: 1;
          border: 1px solid #f0f4f5;
          padding: 27px 25px 20px;
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #55687d;
          line-height: 27px;
          overflow: hidden;
          z-index: 1;
          position: relative; }
          .ip-index .boosts .boost-list > .li .txt-box .txt span {
            color: #2C68FF;
            display: inline; }
        .ip-index .boosts .boost-list > .li .txt-box::after {
          content: "";
          display: block;
          width: 250px;
          height: 250px;
          background: #deefff;
          border-radius: 50px 50px 50px 50px;
          opacity: 0.3;
          transform: rotateZ(330deg);
          position: absolute;
          left: -90px;
          top: -244px;
          transition: all 1s; }
        .ip-index .boosts .boost-list > .li .txt-box::before {
          content: "";
          display: block;
          width: 250px;
          height: 250px;
          background: #deefff;
          border-radius: 50px 50px 50px 50px;
          opacity: 0.3;
          transform: rotateZ(330deg);
          position: absolute;
          left: -90px;
          top: 278px;
          transition: all 1s; }
.ip-index .h2-box {
  margin-top: 100px; }
  .ip-index .h2-box .index {
    width: 358px;
    height: 44px;
    font-size: 38px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 45px; }
    .ip-index .h2-box .index i {
      display: inline;
      color: #FF4800; }
.ip-index .trusted .trswiper-box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 150px; }
  .ip-index .trusted .trswiper-box .trus-l {
    position: relative;
    width: 100%;
    max-width: 550px; }
    .ip-index .trusted .trswiper-box .trus-l h4 {
      font-size: 48px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #042040;
      line-height: 62px;
      margin-bottom: 20px; }
      .ip-index .trusted .trswiper-box .trus-l h4 span {
        display: inline;
        font-family: Ubuntu-Light, Ubuntu; }
  .ip-index .trusted .trswiper-box .swiper-horizontal > .swiper-pagination-bullets,
  .ip-index .trusted .trswiper-box .swiper-pagination-bullets.swiper-pagination-horizontal,
  .ip-index .trusted .trswiper-box .swiper-pagination-custom,
  .ip-index .trusted .trswiper-box .swiper-pagination-fraction {
    position: relative;
    bottom: 0;
    text-align: left;
    margin-top: 28px;
    margin-bottom: 28px; }
  .ip-index .trusted .trswiper-box .trus-r .swiper-box {
    position: relative;
    left: 20px;
    width: 566px;
    height: 297px; }
  .ip-index .trusted .trswiper-box .trus-r .swiper-slide {
    padding: 20px;
    padding-left: 33px;
    padding-top: 40px; }
    .ip-index .trusted .trswiper-box .trus-r .swiper-slide .userh {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }
    .ip-index .trusted .trswiper-box .trus-r .swiper-slide .cont {
      width: 513px;
      height: 237px;
      background-color: #ffffff;
      box-shadow: 0px 3px 18px 1px rgba(162, 180, 202, 0.3);
      border-radius: 15px;
      padding: 40px;
      position: relative; }
      .ip-index .trusted .trswiper-box .trus-r .swiper-slide .cont p {
        font-size: 20px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040;
        line-height: 20px;
        margin-top: 30px;
        margin-bottom: 10px; }
      .ip-index .trusted .trswiper-box .trus-r .swiper-slide .cont .sw-yin {
        position: absolute;
        bottom: 40px;
        right: 40px; }
  .ip-index .trusted .trswiper-box .swiper-btn-box {
    display: flex;
    justify-content: flex-end;
    margin-top: 35px;
    position: relative; }
  .ip-index .trusted .trswiper-box .swiper-button-next,
  .ip-index .trusted .trswiper-box .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    box-shadow: 0px 3px 18px 1px rgba(162, 180, 202, 0.3);
    border-radius: 50%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
    outline: none;
    background-size: 17px 12px; }
    .ip-index .trusted .trswiper-box .swiper-button-next::after,
    .ip-index .trusted .trswiper-box .swiper-button-prev::after {
      content: "";
      display: block;
      width: 17px;
      height: 12px;
      background-repeat: no-repeat;
      background-position: center; }
    .ip-index .trusted .trswiper-box .swiper-button-next:hover,
    .ip-index .trusted .trswiper-box .swiper-button-prev:hover {
      background-color: #0e6fde; }
  .ip-index .trusted .trswiper-box .swiper-button-next::after {
    background-image: url("../img/index/swiper_right.svg"); }
  .ip-index .trusted .trswiper-box .swiper-button-next:hover::after {
    background-image: url("../img/index/swiper_right1.svg"); }
  .ip-index .trusted .trswiper-box .swiper-button-prev {
    margin-right: 8px; }
    .ip-index .trusted .trswiper-box .swiper-button-prev::after {
      background-image: url("../img/index/swiper_left.svg"); }
    .ip-index .trusted .trswiper-box .swiper-button-prev:hover::after {
      background-image: url("../img/index/swiper_left1.svg"); }
.ip-index .index-blog {
  width: 1244px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 150px; }
  .ip-index .index-blog .index-h2 {
    text-align: left; }
  .ip-index .index-blog .blog-l {
    max-width: 546px; }
    .ip-index .index-blog .blog-l .l-ul {
      margin-top: 40px;
      padding-bottom: 20px; }
      .ip-index .index-blog .blog-l .l-ul .l-li {
        margin-bottom: 20px;
        display: flex;
        align-items: center; }
        .ip-index .index-blog .blog-l .l-ul .l-li .li-l {
          width: 135px;
          height: 91px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/index/blog_libg.svg");
          border-radius: 10px;
          padding: 0 18px;
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          .ip-index .index-blog .blog-l .l-ul .l-li .li-l p {
            font-size: 32px;
            font-family: Ubuntu-Light, Ubuntu;
            font-weight: 300;
            color: #3a6da5;
            line-height: 32px;
            letter-spacing: -1.61px;
            margin-right: 5px; }
          .ip-index .index-blog .blog-l .l-ul .l-li .li-l .li-y {
            width: 33px; }
            .ip-index .index-blog .blog-l .l-ul .l-li .li-l .li-y span {
              font-size: 14px;
              font-family: Open Sans-Regular, Open Sans;
              font-weight: 400;
              color: #3a6da5;
              line-height: 14px;
              margin-bottom: 3px; }
              .ip-index .index-blog .blog-l .l-ul .l-li .li-l .li-y span:nth-last-of-type(1) {
                margin-bottom: 0; }
        .ip-index .index-blog .blog-l .l-ul .l-li .txt {
          margin-left: 25px; }
          .ip-index .index-blog .blog-l .l-ul .l-li .txt p {
            font-size: 18px;
            font-family: Ubuntu-Regular, Ubuntu;
            font-weight: 400;
            color: #042040;
            line-height: 27px;
            margin-bottom: 10px; }
            .ip-index .index-blog .blog-l .l-ul .l-li .txt p:hover {
              color: #ff4800; }
          .ip-index .index-blog .blog-l .l-ul .l-li .txt .txt-user {
            display: flex;
            align-items: center; }
            .ip-index .index-blog .blog-l .l-ul .l-li .txt .txt-user > div {
              display: flex;
              align-items: center; }
              .ip-index .index-blog .blog-l .l-ul .l-li .txt .txt-user > div:nth-of-type(1) {
                margin-right: 20px; }
              .ip-index .index-blog .blog-l .l-ul .l-li .txt .txt-user > div > img {
                margin-right: 4px; }
              .ip-index .index-blog .blog-l .l-ul .l-li .txt .txt-user > div span {
                font-size: 15px;
                font-family: Ubuntu-Light, Ubuntu;
                font-weight: 300;
                color: #55687d;
                line-height: 15px; }
  .ip-index .index-blog .blog-r {
    max-width: 550px; }
    .ip-index .index-blog .blog-r .blog-nav {
      margin-top: 30px;
      display: flex;
      padding-bottom: 15px;
      position: relative; }
      .ip-index .index-blog .blog-r .blog-nav::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #d9d9d9; }
      .ip-index .index-blog .blog-r .blog-nav .nav-li {
        margin-right: 40px;
        font-size: 18px;
        font-family: Ubuntu-Regular, Ubuntu;
        font-weight: 400;
        color: #55687d;
        line-height: 27px;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center; }
        .ip-index .index-blog .blog-r .blog-nav .nav-li::after {
          content: "";
          display: block;
          width: 0;
          height: 1px;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -16px;
          z-index: 22;
          transition: all 0.3s; }
        .ip-index .index-blog .blog-r .blog-nav .nav-li:nth-last-of-type(1) {
          margin-right: 0; }
        .ip-index .index-blog .blog-r .blog-nav .nav-li:hover, .ip-index .index-blog .blog-r .blog-nav .nav-li.active {
          color: #042040; }
          .ip-index .index-blog .blog-r .blog-nav .nav-li:hover:after, .ip-index .index-blog .blog-r .blog-nav .nav-li.active:after {
            width: 100%;
            background-color: #0e6fde; }
    .ip-index .index-blog .blog-r .r-cont {
      padding-top: 30px;
      padding-bottom: 40px; }
      .ip-index .index-blog .blog-r .r-cont > a {
        display: block;
        font-size: 18px;
        font-family: Ubuntu-Regular, Ubuntu;
        font-weight: 400;
        color: #042040;
        line-height: 27px;
        margin-bottom: 20px; }
        .ip-index .index-blog .blog-r .r-cont > a:hover {
          color: #ff4800; }
      .ip-index .index-blog .blog-r .r-cont span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; }
  .ip-index .index-blog .bli-a {
    display: flex;
    align-items: center;
    cursor: pointer; }
    .ip-index .index-blog .bli-a:hover > span {
      color: #ff4800; }
      .ip-index .index-blog .bli-a:hover > span::after {
        width: 100%; }
    .ip-index .index-blog .bli-a:hover > i {
      left: 4px; }
    .ip-index .index-blog .bli-a > span {
      display: inline-block;
      font-size: 14px;
      font-family: Ubuntu-Regular, Ubuntu;
      font-weight: 300;
      line-height: 18px;
      color: #042040;
      position: relative;
      margin-right: 14px; }
      .ip-index .index-blog .bli-a > span::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #ff8822;
        transition: all 0.3s; }
    .ip-index .index-blog .bli-a > i {
      width: 17px;
      height: 12px;
      background-image: url("../img/index/right_yel.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      position: relative;
      left: 0;
      transition: all 0.3s; }
.ip-index .foot-ted {
  display: flex;
  justify-content: space-between;
  padding-bottom: 150px;
  opacity: 0; }
  .ip-index .foot-ted.show {
    opacity: 1; }
  .ip-index .foot-ted .ted-li {
    width: 250px; }
    .ip-index .foot-ted .ted-li .quan {
      position: relative;
      width: 28px;
      height: 28px;
      margin-bottom: 20px; }
      .ip-index .foot-ted .ted-li .quan .cont {
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border: 1px solid #d7d1d1;
        border-radius: 50%;
        z-index: 1;
        animation: ripple 3s infinite;
        position: relative;
        box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.2); }
        .ip-index .foot-ted .ted-li .quan .cont::after, .ip-index .foot-ted .ted-li .quan .cont::before {
          content: "";
          display: block;
          position: absolute;
          border-radius: 50%;
          box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.2);
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          animation: ripple 3s infinite; }
        .ip-index .foot-ted .ted-li .quan .cont::after {
          animation-delay: 0.6s; }
        .ip-index .foot-ted .ted-li .quan .cont::before {
          animation-delay: 0.9s; }
      .ip-index .foot-ted .ted-li .quan:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #ff4800;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 9; }
    .ip-index .foot-ted .ted-li h3 {
      font-size: 65px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #0e6fde;
      line-height: 76px;
      margin-bottom: 20px; }
    .ip-index .foot-ted .ted-li p {
      font-size: 18px;
      font-family: Ubuntu-Regular, Ubuntu;
      font-weight: 400;
      color: #042040;
      line-height: 21px;
      margin-bottom: 20px; }
.ip-index .lecooken {
  width: 1210px;
  height: 65px;
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.15);
  border-radius: 4px;
  border: 1px solid #e5e6ed;
  padding: 0 20px;
  z-index: 999; }
  .ip-index .lecooken .txt {
    font-size: 14px;
    font-family: Ubuntu-Light;
    color: #042040;
    line-height: 16px; }
    .ip-index .lecooken .txt a {
      color: #ff8822; }
  .ip-index .lecooken .btn {
    height: 35px;
    background-color: #ff8822;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    font-size: 14px;
    font-family: Ubuntu-Light;
    color: #ffffff;
    line-height: 16px;
    cursor: pointer; }
.ip-index .fixed-img {
  position: absolute;
  z-index: -1; }
  .ip-index .fixed-img .border {
    width: 313px;
    height: 929px;
    background-repeat: no-repeat;
    background-position: center; }
  .ip-index .fixed-img .bg {
    width: 291px;
    height: 929px;
    position: absolute;
    z-index: -2;
    top: -152px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s; }
  .ip-index .fixed-img.img1 {
    top: 1160px;
    right: 0; }
    .ip-index .fixed-img.img1 .bg {
      right: 0;
      background-image: url("../img/index/fixed_r_cont.svg");
      background-position: right; }
    .ip-index .fixed-img.img1 .border {
      background-image: url("../img/index/fixed_r_border.svg");
      background-position: right; }
  .ip-index .fixed-img.img2 {
    top: 2290px;
    left: 0; }
    .ip-index .fixed-img.img2 .bg {
      left: 0;
      background-image: url("../img/index/fixed_l_cont.svg");
      background-position: left; }
    .ip-index .fixed-img.img2 .border {
      background-image: url("../img/index/fixed_l_border.svg");
      background-position: left; }
  .ip-index .fixed-img.img3 {
    top: 4290px;
    right: 0; }
    .ip-index .fixed-img.img3 .bg {
      right: 0;
      background-image: url("../img/index/fixed_r_cont.svg");
      background-position: right; }
    .ip-index .fixed-img.img3 .border {
      background-image: url("../img/index/fixed_r_border.svg");
      background-position: right; }
  .ip-index .fixed-img.img4 {
    top: 5320px;
    left: 0; }
    .ip-index .fixed-img.img4 .bg {
      left: 0;
      background-image: url("../img/index/fixed_l_cont.svg");
      background-position: left; }
    .ip-index .fixed-img.img4 .border {
      background-image: url("../img/index/fixed_l_border.svg");
      background-position: left; }
.ip-index .index-bg1 {
  position: absolute;
  top: 916px;
  right: 0;
  z-index: -1; }
.ip-index .index-bg6 {
  position: absolute;
  top: 1040px;
  right: 0;
  z-index: -1; }
.ip-index .index-bg2 {
  position: absolute;
  top: 5808px;
  left: 123px;
  z-index: 1; }
.ip-index .index-bg3 {
  position: absolute;
  top: 5320px;
  left: 0;
  z-index: -1; }
.ip-index .index-bg5 {
  position: absolute;
  top: 4002px;
  right: 0;
  z-index: -1; }
.ip-index .index-bg4 {
  position: absolute;
  top: 4742px;
  left: 13px; }
.ip-index .index-bg7 {
  position: absolute;
  top: 2290px;
  left: 0;
  z-index: -1; }
.ip-index .index-bg8 {
  position: absolute;
  top: 2414px;
  z-index: -1;
  left: 0; }

.ad-verifica .ad-banner {
  background-color: #EBF4FF;
  min-height: 640px;
  position: relative; }
  .ad-verifica .ad-banner .cont {
    display: flex;
    justify-content: space-between; }
    .ad-verifica .ad-banner .cont .sban-l {
      max-width: 600px;
      flex: none;
      z-index: 1; }
      .ad-verifica .ad-banner .cont .sban-l .ipchanger-btn1 {
        height: 58px; }
        .ad-verifica .ad-banner .cont .sban-l .ipchanger-btn1 p {
          font-family: 'Ubuntu';
          font-style: normal;
          font-weight: 400;
          font-size: 20px;
          line-height: 23px; }
      .ad-verifica .ad-banner .cont .sban-l h1 {
        font-size: 60px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #15357A;
        line-height: 70px;
        margin-bottom: 10px; }
      .ad-verifica .ad-banner .cont .sban-l h3 {
        font-family: 'Open Sans';
        font-style: normal;
        font-size: 18px;
        color: #355395;
        line-height: 29px;
        margin-top: 10px;
        font-weight: 400; }
        .ad-verifica .ad-banner .cont .sban-l h3 span {
          color: #FF6E30;
          font-weight: 700; }
      .ad-verifica .ad-banner .cont .sban-l .ad-btnbox {
        display: flex;
        align-items: center; }
      .ad-verifica .ad-banner .cont .sban-l .sban-bt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .ad-verifica .ad-banner .cont .sban-l .sban-bt .list {
          display: flex;
          align-items: center;
          margin-bottom: 26px; }
          .ad-verifica .ad-banner .cont .sban-l .sban-bt .list p {
            margin-left: 10px;
            width: 240px;
            font-size: 18px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #042040;
            line-height: 23px; }
      .ad-verifica .ad-banner .cont .sban-l .ban-ul .li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 14px; }
        .ad-verifica .ad-banner .cont .sban-l .ban-ul .li p {
          font-size: 18px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #355395;
          line-height: 21px;
          margin-left: 10px; }
    .ad-verifica .ad-banner .cont .sban-r {
      z-index: 1; }
.ad-verifica .foll_position_img1 {
  position: absolute;
  right: 250px;
  top: 784px;
  z-index: -1; }
.ad-verifica .ad-img1 {
  position: absolute;
  top: 870px;
  left: 0;
  z-index: -1; }
.ad-verifica .ad-img4 {
  position: absolute;
  left: 0;
  top: 1380px;
  z-index: -1; }
.ad-verifica .ad-img5 {
  position: absolute;
  right: 0;
  top: 3316px;
  z-index: -1; }
.ad-verifica .ad-img6 {
  position: absolute;
  right: 0;
  top: 3420px;
  z-index: -1; }
.ad-verifica .ad-img8 {
  position: absolute;
  left: 0;
  top: 1380px;
  z-index: -1; }
.ad-verifica .ad-img9 {
  position: absolute;
  right: 0;
  top: 3316px;
  z-index: -1; }
.ad-verifica .ad-img0 {
  position: absolute;
  right: 0;
  top: 3420px;
  z-index: -1; }
.ad-verifica .ad-img7 {
  position: absolute;
  left: 288px;
  top: 3704px;
  z-index: -1; }
.ad-verifica .ad-img2 {
  position: absolute;
  top: 1830px;
  right: 0;
  z-index: -1; }
.ad-verifica .ad-img3 {
  position: absolute;
  top: 1550px;
  right: 0; }
.ad-verifica .bg1 {
  position: absolute;
  top: 0;
  right: 0; }
.ad-verifica .bg2 {
  position: absolute;
  top: 0;
  left: 0; }
.ad-verifica .t-h {
  font-size: 38px;
  font-family: Ubuntu-Bold, Ubuntu;
  font-weight: bold;
  color: #042040;
  line-height: 49px;
  z-index: 1; }
.ad-verifica .ipchanger-btn1 {
  height: 51px;
  margin-right: 15px; }
.ad-verifica .ad-btn {
  background: none;
  border: 2px solid #0E6FDE; }
  .ad-verifica .ad-btn p {
    color: #0E6FDE;
    font-family: Ubuntu-Regular, Ubuntu;
    font-weight: 400; }
  .ad-verifica .ad-btn > i {
    background-image: url("../img/index/Frame (8).svg"); }
.ad-verifica .ad-body {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -80px;
  left: 0; }
  .ad-verifica .ad-body .list {
    text-align: center;
    width: 380px;
    height: 226px;
    padding: 40px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
    border-radius: 16px 16px 16px 16px;
    opacity: 1; }
    .ad-verifica .ad-body .list p {
      margin-top: 30px;
      font-size: 20px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #042040;
      line-height: 26px; }
.ad-verifica .ad-main .header {
  width: 911px;
  text-align: center;
  margin: 0 auto; }
  .ad-verifica .ad-main .header h1 {
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 62px; }
  .ad-verifica .ad-main .header p {
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 27px; }
.ad-verifica .ad-main .he-list {
  display: flex;
  justify-content: space-between; }
  .ad-verifica .ad-main .he-list .he-li {
    padding: 40px 62px;
    box-shadow: 0px 3px 18px rgba(162, 180, 202, 0.3);
    border-radius: 16px;
    text-align: center; }
    .ad-verifica .ad-main .he-list .he-li p {
      margin-top: 30px;
      font-family: 'Ubuntu';
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 130%;
      color: #042040; }
      .ad-verifica .ad-main .he-list .he-li p.p1 {
        width: 286px; }
.ad-verifica .ad-main .main .list3 .right {
  margin-left: 37px; }
.ad-verifica .ad-main .main .list {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ad-verifica .ad-main .main .list .right span {
    margin-top: 20px;
    width: 605px;
    font-size: 16px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    color: #55687D;
    line-height: 27px; }
    .ad-verifica .ad-main .main .list .right span i {
      color: #FF6E30;
      font-weight: 700; }
    .ad-verifica .ad-main .main .list .right span p {
      display: inline; }
  .ad-verifica .ad-main .main .list .right .t-b {
    display: flex;
    justify-content: space-between; }
    .ad-verifica .ad-main .main .list .right .t-b .t-list h2 {
      font-size: 20px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #042040;
      line-height: 26px;
      margin-top: 20px; }
    .ad-verifica .ad-main .main .list .right .t-b .t-list span {
      width: 272px;
      margin-top: 10px; }
  .ad-verifica .ad-main .main .list .right .li {
    display: flex;
    margin-bottom: 14px;
    align-items: center; }
    .ad-verifica .ad-main .main .list .right .li p {
      margin-left: 10px;
      font-size: 16px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #55687D;
      line-height: 19px; }
  .ad-verifica .ad-main .main .list .right .ipchanger-btn1 {
    display: inline-flex;
    margin-top: 26px; }
  .ad-verifica .ad-main .main .list .right .r-list {
    display: flex;
    margin-top: 40px;
    justify-content: space-between; }
    .ad-verifica .ad-main .main .list .right .r-list h4 {
      font-family: 'Ubuntu';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 130%;
      color: #042040;
      margin-top: 20px;
      margin-bottom: 10px; }
    .ad-verifica .ad-main .main .list .right .r-list p {
      font-family: 'Ubuntu';
      font-style: normal;
      font-weight: 300;
      width: 300px;
      font-size: 16px;
      line-height: 170%;
      color: #55687D; }
.ad-verifica .spec-discuss {
  margin-bottom: 150px; }
  .ad-verifica .spec-discuss .t-h {
    width: 500px; }
  .ad-verifica .spec-discuss p {
    font-family: Open Sans-Light, Open Sans; }
  .ad-verifica .spec-discuss .dis-cont .txt {
    font-size: 16px !important;
    font-family: Open Sans-Light, Open Sans !important; }

.brand-verifica .ipchanger-btn1 p {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px; }
.brand-verifica .ipchanger-btn1.btn2 {
  border: 2px solid #0e6fde; }
.brand-verifica .brand-banner {
  background-color: #EBF4FF;
  min-height: 640px;
  position: relative; }
  .brand-verifica .brand-banner .cont {
    display: flex;
    justify-content: space-between; }
    .brand-verifica .brand-banner .cont .sban-l {
      max-width: 600px;
      flex: none;
      z-index: 1; }
      .brand-verifica .brand-banner .cont .sban-l h1 {
        font-size: 60px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #15357A;
        line-height: 70px;
        margin-bottom: 10px; }
      .brand-verifica .brand-banner .cont .sban-l h3 {
        font-size: 18px;
        font-family: Open Sans-Regular, Open Sans;
        color: #355395;
        line-height: 29px;
        margin-top: 10px;
        font-weight: 400; }
      .brand-verifica .brand-banner .cont .sban-l .sban-bt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .brand-verifica .brand-banner .cont .sban-l .sban-bt .list {
          display: flex;
          align-items: center;
          margin-bottom: 26px; }
          .brand-verifica .brand-banner .cont .sban-l .sban-bt .list p {
            margin-left: 10px;
            width: 240px;
            font-size: 18px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #042040;
            line-height: 23px; }
      .brand-verifica .brand-banner .cont .sban-l .ban-ul .li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 14px; }
        .brand-verifica .brand-banner .cont .sban-l .ban-ul .li p {
          font-size: 18px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #355395;
          line-height: 21px;
          margin-left: 10px; }
    .brand-verifica .brand-banner .cont .sban-r {
      z-index: 1; }
.brand-verifica .foll_position_img1 {
  position: absolute;
  right: 280px;
  top: 784px;
  z-index: -1; }
.brand-verifica .ad-img1 {
  position: absolute;
  top: 751px;
  left: 0;
  z-index: -1; }
.brand-verifica .ad-img2 {
  position: absolute;
  top: 1900px;
  right: 0;
  z-index: -1; }
.brand-verifica .ad-img3 {
  position: absolute;
  top: 1600px;
  right: 0; }
.brand-verifica .bg1 {
  position: absolute;
  top: 0;
  right: 0; }
.brand-verifica .bg2 {
  position: absolute;
  top: 0;
  left: 0; }
.brand-verifica .t-h {
  font-size: 38px;
  font-family: Ubuntu-Bold, Ubuntu;
  font-weight: bold;
  color: #042040;
  line-height: 49px; }
.brand-verifica .ad-body {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -80px;
  left: 0; }
  .brand-verifica .ad-body .list {
    text-align: center;
    width: 380px;
    height: 226px;
    padding: 40px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
    border-radius: 16px 16px 16px 16px;
    opacity: 1; }
    .brand-verifica .ad-body .list p {
      margin-top: 30px;
      font-size: 20px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #042040;
      line-height: 26px; }
.brand-verifica .brand-main .header {
  width: 860px;
  text-align: center;
  margin: 0 auto; }
  .brand-verifica .brand-main .header h1 {
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 62px; }
  .brand-verifica .brand-main .header p {
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 27px; }
.brand-verifica .brand-main .main .list {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .brand-verifica .brand-main .main .list .right {
    max-width: 605px; }
    .brand-verifica .brand-main .main .list .right span {
      margin-top: 20px;
      width: 605px;
      font-size: 16px;
      font-family: Ubuntu-Light, Ubuntu;
      font-weight: 300;
      color: #55687D;
      line-height: 27px; }
    .brand-verifica .brand-main .main .list .right .t-b {
      display: flex;
      justify-content: space-between; }
      .brand-verifica .brand-main .main .list .right .t-b .t-list h2 {
        font-size: 20px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040;
        line-height: 26px;
        margin-top: 20px; }
      .brand-verifica .brand-main .main .list .right .t-b .t-list span {
        width: 272px;
        margin-top: 10px; }
    .brand-verifica .brand-main .main .list .right .li {
      display: flex;
      margin-bottom: 14px;
      align-items: center; }
      .brand-verifica .brand-main .main .list .right .li p {
        margin-left: 10px;
        font-size: 16px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #55687D;
        line-height: 19px; }
    .brand-verifica .brand-main .main .list .right .ipchanger-btn1 {
      display: inline-flex;
      margin-top: 26px; }
.brand-verifica .quest-box {
  padding-bottom: 150px; }
  .brand-verifica .quest-box .quest-list .ipchanger-btn1 {
    height: 75px;
    background: #fff;
    justify-content: left; }
    .brand-verifica .quest-box .quest-list .ipchanger-btn1:hover {
      box-shadow: none; }
    .brand-verifica .quest-box .quest-list .ipchanger-btn1 span {
      font-family: 'Ubuntu';
      font-style: normal;
      font-weight: 500;
      font-size: 22px;
      line-height: 25px;
      color: #042040; }
    .brand-verifica .quest-box .quest-list .ipchanger-btn1 i {
      padding-right: 100px;
      width: 32px;
      height: 30px;
      background-image: url("../img/index/Frame (9).svg") !important; }

.retail .ipchanger-btn1 p {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px; }

.index-h2 {
  font-size: 48px;
  font-family: Ubuntu-Bold, Ubuntu;
  color: #042040;
  line-height: 62px;
  text-align: center;
  margin: 0 auto;
  font-weight: bold; }
  .index-h2 i {
    display: inline;
    color: #0E6FDE;
    border-bottom: linear-gradient(180deg, #B1D4FF 0%, rgba(84, 161, 255, 0) 100%);
    border-radius: 2px 2px 2px 2px; }

.int-spansty {
  font-size: 16px;
  font-family: Ubuntu-Light, Ubuntu;
  font-weight: 300;
  color: #55687d;
  line-height: 27px; }

.int-spansty-center {
  font-size: 16px;
  font-family: Ubuntu-Light, Ubuntu;
  font-weight: 300;
  color: #55687d;
  line-height: 27px;
  margin: 0 auto;
  text-align: center; }

.downlaod .banner-box {
  background-color: #0e6fde;
  height: 750px;
  position: relative;
  overflow: hidden; }
  .downlaod .banner-box > div {
    display: flex;
    align-items: center;
    height: 100%; }
  .downlaod .banner-box .banner {
    width: 100%;
    position: relative;
    z-index: 5; }
    .downlaod .banner-box .banner .txt {
      width: 600px; }
      .downlaod .banner-box .banner .txt h1 {
        font-size: 65px;
        font-family: Ubuntu-Bold, Ubuntu;
        color: #ffffff;
        line-height: 70px; }
      .downlaod .banner-box .banner .txt > p {
        font-size: 24px;
        font-family: Ubuntu-Light;
        color: #ffffff;
        line-height: 42px;
        margin-top: 20px;
        margin-bottom: 20px; }
      .downlaod .banner-box .banner .txt > .li {
        display: flex;
        margin-bottom: 13px; }
        .downlaod .banner-box .banner .txt > .li i {
          flex: none;
          width: 22px;
          height: 22px;
          margin-right: 10px;
          background-image: url("../img/download/ban_icon.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 22px 22px; }
        .downlaod .banner-box .banner .txt > .li > span {
          font-size: 20px;
          font-family: Ubuntu-Light;
          color: #ffffff;
          line-height: 23px; }
    .downlaod .banner-box .banner .banner-bg1 {
      width: 715px;
      top: 0;
      right: 0; }
    .downlaod .banner-box .banner .banner-btnbox .ban-btn > i {
      background-image: url("../img/index/right_blue.svg"); }
    .downlaod .banner-box .banner .banner-btnbox .ban-btn.ban-btn1 > i {
      background-image: url("../img/index/right_white.svg"); }
  .downlaod .banner-box .banner-bg2 {
    width: 1300px; }
.downlaod h2 {
  font-size: 40px;
  font-family: Ubuntu-Bold, Ubuntu;
  color: #042040;
  line-height: 50px;
  text-align: center;
  margin: 0 auto; }
.downlaod .tit-p {
  font-size: 24px;
  font-family: Ubuntu-Light;
  color: #55687d;
  line-height: 28px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center; }
.downlaod .line {
  width: 100%;
  height: 1px;
  background-color: #ebf5ff;
  margin: 50px 0; }
.downlaod .w100p {
  width: 100% !important; }
.downlaod .explore h2 {
  width: 1040px; }
.downlaod .explore > p {
  font-size: 24px;
  font-family: Ubuntu-Light;
  color: #55687d;
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center; }
.downlaod .explore > ul {
  width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  .downlaod .explore > ul > .li {
    width: 210px;
    height: 195px;
    padding: 40px 0;
    background: #ffffff;
    box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.05);
    border-radius: 4px;
    opacity: 1;
    border: 1px solid #f0f4f5;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: hidden; }
    .downlaod .explore > ul > .li:hover {
      box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.15); }
    .downlaod .explore > ul > .li > img {
      width: 80px;
      height: 80px; }
    .downlaod .explore > ul > .li > p {
      font-size: 20px;
      font-weight: 400;
      color: #042040;
      line-height: 30px;
      margin-top: 25px; }
    .downlaod .explore > ul > .li.no {
      background-color: #fdfdfd;
      box-shadow: none; }
    .downlaod .explore > ul > .li.downAndroid::after {
      content: "Emulator Acceptable";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 23px;
      line-height: 23px;
      background-color: #e5ebf1;
      border-top: 1px solid #f0f4f5;
      font-size: 14px;
      font-family: Ubuntu-Light;
      color: #55687d;
      text-align: center; }
    .downlaod .explore > ul > .li.nohas {
      background-color: #fdfdfd;
      box-shadow: none; }
      .downlaod .explore > ul > .li.nohas::after {
        content: "Comming soon...";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 34px;
        line-height: 34px;
        background-color: #e5ebf1;
        border-top: 1px solid #f0f4f5;
        font-size: 16px;
        font-family: Ubuntu-Light;
        color: #55687d;
        text-align: center; }
.downlaod .what > h2 {
  width: 860px; }
.downlaod .what > h3 {
  font-size: 24px;
  font-family: Ubuntu-Light;
  font-weight: 400;
  color: #55687d;
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center; }
.downlaod .what > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .downlaod .what > ul > li {
    width: 620px;
    background: #f7f8fa rgba(255, 255, 255, 0.84);
    box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.1);
    border-radius: 4px;
    opacity: 1;
    border: 1px solid #f0f4f5;
    padding: 20px 45px 50px;
    overflow: hidden;
    position: relative; }
    .downlaod .what > ul > li:hover {
      box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.15); }
      .downlaod .what > ul > li:hover::after {
        width: 100%; }
    .downlaod .what > ul > li::after {
      content: "";
      display: block;
      width: 0;
      height: 10px;
      background-color: #0e6fde;
      transition: all 0.5s;
      position: absolute;
      top: 0;
      left: 0; }
    .downlaod .what > ul > li > img {
      width: 530px;
      height: 360px; }
    .downlaod .what > ul > li > p {
      margin-top: 10px;
      font-size: 20px;
      font-family: Ubuntu-Light;
      color: #55687d;
      line-height: 34px;
      text-align: left; }
.downlaod .enjoy > h2 {
  width: 860px;
  margin-bottom: 50px; }
.downlaod .enjoy > .line {
  width: 100%;
  height: 1px;
  background-color: #ebf5ff;
  margin: 50px 0; }
.downlaod .enjoy .enjoy-li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px; }
  .downlaod .enjoy .enjoy-li > img {
    width: 600px;
    height: 430px; }
  .downlaod .enjoy .enjoy-li .txt {
    width: 546px;
    text-align: left; }
    .downlaod .enjoy .enjoy-li .txt > p {
      font-size: 35px;
      font-family: Ubuntu-Bold, Ubuntu;
      color: #042040;
      line-height: 57px;
      margin-bottom: 10px; }
    .downlaod .enjoy .enjoy-li .txt .ptit {
      font-size: 35px;
      font-family: Ubuntu-Bold, Ubuntu;
      color: #042040;
      line-height: 45px; }
    .downlaod .enjoy .enjoy-li .txt .p1 {
      font-size: 24px;
      font-family: Ubuntu-Medium, Ubuntu;
      color: #042040;
      line-height: 31px; }
    .downlaod .enjoy .enjoy-li .txt .p2 {
      font-size: 20px;
      font-family: Ubuntu-Light;
      font-weight: 400;
      color: #55687d;
      line-height: 34px; }
    .downlaod .enjoy .enjoy-li .txt > span {
      font-size: 20px;
      font-family: Ubuntu-Light;
      color: #55687d;
      line-height: 35px; }
    .downlaod .enjoy .enjoy-li .txt .icon-li {
      display: flex;
      align-items: center;
      margin-top: 10px; }
      .downlaod .enjoy .enjoy-li .txt .icon-li i {
        display: block;
        width: 22px;
        height: 22px;
        background-image: url("../img/download/enjoy_icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        margin-right: 10px; }
      .downlaod .enjoy .enjoy-li .txt .icon-li > p {
        font-size: 20px;
        font-family: Ubuntu-Light;
        color: #55687d;
        line-height: 23px; }
    .downlaod .enjoy .enjoy-li .txt .trait {
      margin-top: 20px;
      margin-bottom: 30px;
      display: flex; }
      .downlaod .enjoy .enjoy-li .txt .trait > .line {
        width: 1px;
        background-color: #cde3ff;
        margin: 0 30px; }
      .downlaod .enjoy .enjoy-li .txt .trait > .i span {
        font-size: 16px;
        font-family: Ubuntu-Light;
        color: #55687d;
        line-height: 19px; }
      .downlaod .enjoy .enjoy-li .txt .trait > .i > p {
        font-size: 34px;
        font-family: Ubuntu-Bold, Ubuntu;
        color: #042040;
        line-height: 40px;
        margin-top: 5px; }
.downlaod .down-chara-box {
  text-align: left;
  background-color: #ebf4ff; }
  .downlaod .down-chara-box .down-chara {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .downlaod .down-chara-box .down-chara > .line {
      width: 1px;
      background-color: #cde3ff;
      margin: 0 30px; }
    .downlaod .down-chara-box .down-chara .li {
      width: 370px; }
      .downlaod .down-chara-box .down-chara .li > img {
        width: 100px;
        height: 100px; }
      .downlaod .down-chara-box .down-chara .li > p {
        font-size: 26px;
        font-family: Ubuntu-Bold, Ubuntu;
        color: #042040;
        line-height: 30px;
        margin-top: 25px;
        margin-bottom: 15px; }
      .downlaod .down-chara-box .down-chara .li > span {
        font-size: 20px;
        font-family: Ubuntu-Light;
        color: #55687d;
        line-height: 32px; }
.downlaod .works {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  .downlaod .works > img {
    width: 600px; }
  .downlaod .works .txt {
    width: 546px; }
    .downlaod .works .txt > h5 {
      font-size: 35px;
      font-family: Ubuntu-Bold, Ubuntu;
      color: #042040;
      line-height: 45px; }
    .downlaod .works .txt > p {
      margin-top: 10px;
      font-size: 20px;
      font-family: Ubuntu-Light;
      color: #55687d;
      line-height: 32px; }
.downlaod .steps h2 {
  width: 1023px; }
.downlaod .steps > p {
  font-size: 24px;
  font-family: Ubuntu-Light;
  color: #55687d;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center; }
.downlaod .steps > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px; }
  .downlaod .steps > ul > li {
    width: 410px;
    box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.05);
    border-radius: 10px 10px 4px 4px;
    opacity: 1;
    border: 1px solid #f0f4f5;
    padding-bottom: 19px; }
    .downlaod .steps > ul > li > img {
      width: 100%;
      max-width: 410px; }
    .downlaod .steps > ul > li .txt {
      padding: 0 25px;
      padding-top: 30px; }
      .downlaod .steps > ul > li .txt > p {
        font-size: 24px;
        font-family: Ubuntu-Regular, Ubuntu;
        color: #042040;
        line-height: 28px;
        margin-bottom: 15px; }
      .downlaod .steps > ul > li .txt > span {
        font-size: 18px;
        font-family: Ubuntu-Light;
        color: #55687d;
        line-height: 28px; }
        .downlaod .steps > ul > li .txt > span a {
          color: #0e6fde; }
.downlaod .faq-box {
  background-color: #f9f9f9;
  padding-top: 80px;
  padding-bottom: 120px; }
  .downlaod .faq-box .faq .li {
    border: 1px solid #f0f4f5;
    margin-bottom: 20px; }
    .downlaod .faq-box .faq .li .tit {
      padding: 30px 40px 20px;
      background-color: #ffffff;
      border-radius: 4px;
      opacity: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      .downlaod .faq-box .faq .li .tit > p {
        max-width: 1080px;
        font-size: 24px;
        font-family: Ubuntu-Bold, Ubuntu;
        color: #042040;
        line-height: 28px; }
      .downlaod .faq-box .faq .li .tit i {
        width: 30px;
        height: 30px;
        background-image: url("../img/download/faq_nor.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
    .downlaod .faq-box .faq .li .li-cont {
      width: 100%;
      height: 10px;
      background-color: #fff; }
      .downlaod .faq-box .faq .li .li-cont > p {
        height: 0;
        overflow: hidden;
        font-size: 18px;
        font-family: Ubuntu-Light;
        color: #55687d;
        line-height: 28px; }
    .downlaod .faq-box .faq .li.show .tit i {
      background-image: url("../img/download//faq_pre.svg"); }
    .downlaod .faq-box .faq .li.show .li-cont {
      background-color: #fbfcfc;
      padding: 40px;
      height: auto; }
      .downlaod .faq-box .faq .li.show .li-cont > p {
        height: auto; }
.downlaod .trusted {
  padding-top: 60px;
  padding-bottom: 60px; }
  .downlaod .trusted .more-then {
    background-color: #1d49a9;
    padding: 54px 54px 54px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .downlaod .trusted .more-then .left-txt {
      max-width: 755px; }
      .downlaod .trusted .more-then .left-txt h5 {
        position: relative;
        font-size: 35px;
        font-family: Ubuntu-Bold, Ubuntu;
        color: #ffffff;
        line-height: 41px;
        margin-bottom: 25px; }
        .downlaod .trusted .more-then .left-txt h5::after {
          content: "";
          position: absolute;
          left: 0px;
          bottom: -15px;
          display: block;
          width: 357px;
          height: 15px;
          background-image: url("../img/index/morethen.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
      .downlaod .trusted .more-then .left-txt > p {
        font-size: 20px;
        font-family: Ubuntu-Light;
        font-weight: 300;
        color: #ffffff;
        line-height: 32px; }
    .downlaod .trusted .more-then .r-btn {
      margin-right: -24px; }
      .downlaod .trusted .more-then .r-btn .btn-box {
        position: relative;
        min-width: 264px;
        height: 55px;
        display: flex;
        justify-content: flex-start; }
        .downlaod .trusted .more-then .r-btn .btn-box .ipchanger-btn1 {
          height: 100%;
          background-color: #78a917; }
          .downlaod .trusted .more-then .r-btn .btn-box .ipchanger-btn1:hover {
            background-color: #78a917;
            box-shadow: none; }
          .downlaod .trusted .more-then .r-btn .btn-box .ipchanger-btn1 > p {
            font-size: 18px;
            font-family: Ubuntu-Light;
            line-height: 21px; }
      .downlaod .trusted .more-then .r-btn .guarant {
        display: flex;
        align-items: center;
        margin-top: 10px; }
        .downlaod .trusted .more-then .r-btn .guarant img {
          width: 18px;
          height: 18px;
          margin-right: 5px; }
        .downlaod .trusted .more-then .r-btn .guarant > p {
          font-size: 16px;
          font-family: Ubuntu-Light;
          color: #ffffff;
          line-height: 19px; }
.downlaod .city-box {
  padding-top: 120px;
  padding-bottom: 30px; }
  .downlaod .city-box .ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px; }
    .downlaod .city-box .ul > .li {
      width: 226px;
      padding: 10px 0px 10px 25px;
      display: flex;
      align-items: center;
      transition: all 0.3s;
      margin-right: 37px;
      margin-bottom: 30px;
      border-radius: 2px; }
      .downlaod .city-box .ul > .li:nth-of-type(5n) {
        margin-right: 0; }
      .downlaod .city-box .ul > .li:hover {
        background-color: #f7f8fa; }
      .downlaod .city-box .ul > .li img {
        width: 54px;
        height: 54px; }
      .downlaod .city-box .ul > .li .txt {
        margin-left: 10px; }
        .downlaod .city-box .ul > .li .txt > span {
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #042040;
          line-height: 19px;
          white-space: nowrap; }
        .downlaod .city-box .ul > .li .txt > p {
          font-size: 16px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 19px;
          margin-top: 6px;
          white-space: nowrap; }
.downlaod .apkfile {
  background-color: #f9f9fa;
  padding-top: 60px;
  padding-bottom: 60px; }
  .downlaod .apkfile .txt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .downlaod .apkfile .txt h4 {
      font-size: 35px;
      font-family: Ubuntu-Bold, Ubuntu;
      color: #042040;
      line-height: 41px; }
    .downlaod .apkfile .txt > p {
      max-width: 740px;
      font-size: 20px;
      font-family: Ubuntu-Light;
      font-weight: 400;
      color: #55687d;
      line-height: 34px; }
  .downlaod .apkfile .line {
    margin-top: 30px;
    background-color: #eff3f8;
    display: flex;
    align-items: center;
    padding: 13px 20px; }
    .downlaod .apkfile .line p {
      font-size: 16px;
      font-family: Ubuntu-Light;
      font-weight: 400;
      color: #355395;
      line-height: 27px;
      margin-left: 16px; }
.downlaod .how-does {
  padding-top: 80px;
  padding-bottom: 60px; }
  .downlaod .how-does .cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .downlaod .how-does .cont > img {
      width: 100%;
      max-width: 574px; }
    .downlaod .how-does .cont .txt-box {
      max-width: 630px; }
      .downlaod .how-does .cont .txt-box .li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 40px; }
        .downlaod .how-does .cont .txt-box .li:nth-last-of-type(1) {
          margin-bottom: 0; }
        .downlaod .how-does .cont .txt-box .li > img {
          max-width: 60px;
          flex: none;
          margin-right: 25px; }
        .downlaod .how-does .cont .txt-box .li .txt p {
          font-size: 26px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 30px;
          margin-bottom: 15px; }
        .downlaod .how-does .cont .txt-box .li .txt span {
          font-size: 20px;
          font-family: Ubuntu-Light;
          font-weight: 400;
          color: #55687d;
          line-height: 32px; }
.downlaod .encrypt {
  padding-top: 60px;
  padding-bottom: 60px; }
  .downlaod .encrypt .cont {
    margin-top: 50px; }
    .downlaod .encrypt .cont > img {
      width: 100%;
      max-width: 600px; }
    .downlaod .encrypt .cont .txt-box {
      max-width: 546px; }
      .downlaod .encrypt .cont .txt-box .li p {
        font-size: 24px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #042040;
        line-height: 31px; }
      .downlaod .encrypt .cont .txt-box .li span {
        font-size: 20px;
        font-family: Ubuntu-Light;
        font-weight: 400;
        color: #55687d;
        line-height: 34px;
        display: inline-block;
        margin-top: 10px; }
.downlaod .makes .tit-p {
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 50px;
  max-width: 1000px; }
.downlaod .makes .makes-li > img {
  width: 100%;
  max-width: 600px; }
.downlaod .makes .makes-li .txt {
  max-width: 576px; }
  .downlaod .makes .makes-li .txt .li {
    padding-left: 30px;
    border-left: 2px solid #94a3b8;
    margin-bottom: 40px;
    cursor: pointer; }
    .downlaod .makes .makes-li .txt .li:nth-last-of-type(1) {
      margin-bottom: 0; }
    .downlaod .makes .makes-li .txt .li.active {
      border-left: 2px solid #0e6fde; }
      .downlaod .makes .makes-li .txt .li.active p {
        color: #042040; }
      .downlaod .makes .makes-li .txt .li.active span {
        display: block; }
    .downlaod .makes .makes-li .txt .li p {
      font-size: 24px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #94a3b8;
      line-height: 31px; }
    .downlaod .makes .makes-li .txt .li span {
      display: none;
      margin-top: 10px;
      font-size: 20px;
      font-family: Ubuntu-Light;
      font-weight: 400;
      color: #55687d;
      line-height: 34px; }
.downlaod .totally .tit-p {
  max-width: 1000px;
  margin-top: 15px;
  margin-bottom: 50px; }
.downlaod .totally .total-ul {
  max-width: 940px;
  margin: 0 auto; }
  .downlaod .totally .total-ul li {
    width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px 4px 4px 4px;
    padding: 20px 0; }
    .downlaod .totally .total-ul li:hover {
      background: #ffffff;
      box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.15); }
    .downlaod .totally .total-ul li > img {
      width: 60px; }
    .downlaod .totally .total-ul li p {
      font-size: 20px;
      font-family: Ubuntu-Regular, Ubuntu;
      font-weight: 400;
      color: #042040;
      line-height: 23px;
      margin-top: 10px; }
.downlaod .a-box {
  display: flex;
  justify-content: center; }
.downlaod .lemore {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-family: Poppins-Light, Poppins;
  color: #0e6fde;
  margin: 0 auto;
  line-height: 32px; }
  .downlaod .lemore:hover i {
    left: 6px; }
  .downlaod .lemore i {
    width: 17px;
    height: 12px;
    background-image: url("../img/index/icon_rjiantou.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 14px;
    position: relative;
    left: 0;
    transition: all 0.3s; }

.com-ben-nav {
  background-color: #f4f9ff; }
  .com-ben-nav .cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px; }
    .com-ben-nav .cont .li {
      width: 320px;
      text-align: center; }
      .com-ben-nav .cont .li p {
        font-size: 38px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040;
        line-height: 45px;
        margin-bottom: 5px; }
      .com-ben-nav .cont .li span {
        font-size: 22px;
        font-family: Ubuntu-Light;
        color: #55687d;
        line-height: 26px; }

.com-main-cont > img {
  width: 100%;
  max-width: 600px; }
.com-main-cont .txt {
  max-width: 546px; }
  .com-main-cont .txt .p-tit {
    font-size: 35px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 45px;
    margin-bottom: 10px; }
  .com-main-cont .txt .p {
    font-size: 20px;
    font-family: Ubuntu-Light;
    color: #55687d;
    line-height: 34px;
    margin-bottom: 10px; }
  .com-main-cont .txt .gou-li {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .com-main-cont .txt .gou-li i {
      display: block;
      width: 22px;
      height: 22px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/collection/icon_click.png");
      background-size: contain;
      margin-right: 10px; }
    .com-main-cont .txt .gou-li span {
      font-size: 20px;
      font-family: Ubuntu-Light;
      font-weight: 400;
      color: #55687d;
      line-height: 23px; }

.ip-city h1 {
  width: 1114px;
  margin: 0 auto;
  font-size: 55px;
  font-family: Ubuntu-Bold, Ubuntu;
  color: #15357a;
  line-height: 84px;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 20px;
  font-size: 48px;
  font-family: Ubuntu-Bold, Ubuntu;
  font-weight: bold;
  color: #042040;
  line-height: 56px; }
.ip-city h2 {
  width: 1114px;
  margin: 0 auto;
  font-size: 26px;
  font-family: Ubuntu-Light;
  color: #355395;
  line-height: 42px;
  text-align: center;
  width: 815px;
  height: 70px;
  font-size: 22px;
  font-family: Open Sans-Regular, Open Sans;
  font-weight: 400;
  color: #55687d;
  line-height: 35px; }
.ip-city .Location-banner {
  display: flex;
  width: 1210px;
  margin: 0 auto;
  margin-top: 122px;
  margin-bottom: 62px;
  align-items: center;
  gap: 24px;
  align-self: stretch; }
  .ip-city .Location-banner .banner-left {
    width: 495px; }
    .ip-city .Location-banner .banner-left > p {
      color: var(--PIA_BK-01, #042040);
      align-self: stretch;
      font-family: 'Open Sans';
      font-size: 47px;
      font-style: normal;
      font-weight: 700;
      line-height: 130%;
      /* 61.1px */ }
    .ip-city .Location-banner .banner-left > .text > p {
      color: var(--PIA_BK-01, #042040);
      font-family: Open Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 16px */
      margin-top: 20px; }
      .ip-city .Location-banner .banner-left > .text > p > i {
        width: 16px;
        height: 16px;
        background: url(../img/index/location-icon.svg) no-repeat center;
        margin-right: 8px; }
    .ip-city .Location-banner .banner-left > .btn-list {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      margin-top: 40px; }
      .ip-city .Location-banner .banner-left > .btn-list > a:first-child {
        display: flex;
        padding: 14px 15px;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        background: var(--PIA_VI-01, #0E6FDE);
        color: #FFF;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 18px */
        text-transform: capitalize; }
      .ip-city .Location-banner .banner-left > .btn-list > a:last-child {
        display: flex;
        padding: 14px 25px;
        align-items: flex-start;
        gap: 10px;
        border-radius: 4px;
        border: 1px solid var(--PIA_VI-01, #0E6FDE);
        background: #FFF;
        color: var(--PIA_VI-01, #0E6FDE);
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 29px;
        /* 18px */
        text-transform: capitalize; }
  .ip-city .Location-banner .map-img {
    width: 691px;
    height: 322px;
    margin: 0 auto;
    position: relative; }
    .ip-city .Location-banner .map-img img {
      width: 100%; }
    .ip-city .Location-banner .map-img .mapitem {
      cursor: pointer;
      position: absolute;
      width: 22px;
      height: 24px;
      display: flex;
      justify-content: center;
      align-items: center; }
@keyframes anmit_show {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes circle_outside {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes circle_inside {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
      .ip-city .Location-banner .map-img .mapitem .circle-inside {
        animation: circle_inside 4500ms ease-out 500ms infinite; }
      .ip-city .Location-banner .map-img .mapitem .circle-outside {
        animation: circle_outside 4500ms ease-out 3250ms infinite; }
      .ip-city .Location-banner .map-img .mapitem .circle-inside {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0e6fde;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        opacity: 0.2;
        -webkit-transition: width 0.5s ease-out;
        -moz-transition: width 0.5s ease-out;
        -o-transition: width 0.5s ease-out;
        transition: width 0.5s ease-out; }
      .ip-city .Location-banner .map-img .mapitem .circle-outside {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0058ff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        opacity: 0.1;
        -webkit-transition: width 0.5s ease-out;
        -moz-transition: width 0.5s ease-out;
        -o-transition: width 0.5s ease-out;
        transition: width 0.5s ease-out; }
      .ip-city .Location-banner .map-img .mapitem .circle-dian {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 10px;
        height: 10px;
        margin: auto;
        border-radius: 50%;
        background: #0058ff;
        opacity: 0.8;
        z-index: 4; }
      .ip-city .Location-banner .map-img .mapitem .circle_box {
        width: 44px;
        height: 37px;
        position: relative;
        transform: rotateX(50deg); }
      .ip-city .Location-banner .map-img .mapitem .mapicon {
        top: -5px;
        left: 4px;
        position: absolute;
        width: 14px;
        height: 18px; }
      .ip-city .Location-banner .map-img .mapitem .iconc {
        position: absolute;
        background: #ffffff;
        box-shadow: 0px 4px 6px 0px rgba(0, 91, 194, 0.05);
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #eff3ff;
        left: 3px;
        top: -68px;
        display: none;
        padding: 10px;
        z-index: 999;
        width: 180px;
        height: 56px;
        background: #ffffff;
        box-shadow: 0px 4px 6px 0px rgba(0, 91, 194, 0.05);
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        border: 1px solid #eff3ff;
        align-items: center; }
        .ip-city .Location-banner .map-img .mapitem .iconc img {
          width: 35px;
          height: 35px;
          margin-right: 10px;
          margin-left: 10px; }
        .ip-city .Location-banner .map-img .mapitem .iconc .tt {
          border-radius: 0px 0px 0px 0px;
          opacity: 1; }
          .ip-city .Location-banner .map-img .mapitem .iconc .tt .tt1 {
            font-size: 14px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #15357a; }
          .ip-city .Location-banner .map-img .mapitem .iconc .tt .tt2 {
            font-size: 14px;
            font-family: Ubuntu-Regular, Ubuntu;
            font-weight: 400;
            color: #15357a; }
      .ip-city .Location-banner .map-img .mapitem .country-name {
        color: #042040;
        white-space: nowrap;
        position: absolute;
        top: -45px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 600;
        z-index: 9; }
    .ip-city .Location-banner .map-img .mapitem:hover .iconc {
      display: flex !important; }
    .ip-city .Location-banner .map-img .mapitem:hover .mapicon {
      width: 17px;
      height: 22px;
      top: -8px;
      left: 3px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(1) {
      left: 425px;
      top: 84px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(2) {
      left: 40px;
      top: 103px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(3) {
      left: 57px;
      top: 95px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(4) {
      left: 300px;
      top: 109px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(5) {
      left: 506px;
      top: 55px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(6) {
      left: 276px;
      top: 114px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(7) {
      left: 24px;
      top: 83px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(8) {
      left: 526px;
      top: 105px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(9) {
      left: 518px;
      top: 141px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(10) {
      left: 606px;
      top: 194px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(11) {
      left: 296px;
      top: 230px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(12) {
      left: 239px;
      top: 162px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(13) {
      left: 90px;
      top: 140px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(14) {
      left: 115px;
      top: 180px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(15) {
      left: 581px;
      top: 244px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(16) {
      left: 246px;
      top: 142px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(17) {
      left: 226px;
      top: 175px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(18) {
      left: 362px;
      top: 264px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(19) {
      left: 183px;
      top: 150px; }
    .ip-city .Location-banner .map-img .mapitem:nth-of-type(20) {
      left: 225px;
      top: 150px; }
.ip-city .card-list-logo {
  display: block;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 80px; }
@keyframes mapicon {
  100% {
    opacity: 0.5;
    height: 20px;
    width: 36px; } }
.ip-city h3 {
  width: 1280px;
  margin: 0 auto;
  font-size: 48px;
  font-family: Ubuntu-Bold, Ubuntu;
  color: #042040;
  line-height: 61px;
  text-align: center; }
.ip-city .top10-list {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ip-city .top10-list > .li {
    width: 226px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px; }
    .ip-city .top10-list > .li:hover {
      background-color: #f7f8fa; }
    .ip-city .top10-list > .li > p {
      font-size: 16px;
      font-family: Ubuntu-Light, Ubuntu;
      font-weight: 300;
      color: #042040;
      line-height: 19px;
      margin-top: 10px;
      margin-bottom: 6px; }
    .ip-city .top10-list > .li > span {
      font-size: 16px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #042040;
      line-height: 19px; }
    .ip-city .top10-list > .li > img {
      display: inline-block;
      width: 76px; }
.ip-city .all-countries {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 1px; }
  .ip-city .all-countries .ac-tit {
    font-size: 20px;
    font-family: Ubuntu-Regular, Ubuntu;
    font-weight: 400;
    color: #0e6fde;
    line-height: 43px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 40px; }
  .ip-city .all-countries .ac-ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .ip-city .all-countries .ac-ul > .li {
      width: 185px;
      padding: 10px 0px 10px 10px;
      display: flex;
      align-items: center;
      transition: all 0.3s;
      margin-right: 20px;
      margin-bottom: 30px; }
      .ip-city .all-countries .ac-ul > .li:nth-of-type(6n) {
        margin-right: 0; }
      .ip-city .all-countries .ac-ul > .li:hover {
        background-color: #ebeef2; }
      .ip-city .all-countries .ac-ul > .li img {
        width: 50px;
        height: 50px; }
      .ip-city .all-countries .ac-ul > .li .txt {
        margin-left: 10px; }
        .ip-city .all-countries .ac-ul > .li .txt > span {
          font-size: 15px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #042040;
          line-height: 19px; }
        .ip-city .all-countries .ac-ul > .li .txt > p {
          font-size: 16px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 19px;
          white-space: nowrap; }
  .ip-city .all-countries .ac-search {
    display: flex;
    width: 532px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 30px;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #FFF;
    /* Luna_Card1 */
    box-shadow: 0px 0px 14px 0px rgba(58, 118, 209, 0.11); }
    .ip-city .all-countries .ac-search > input {
      width: 400px;
      border: 0;
      outline: none;
      font-family: Open Sans;
      font-size: 15px;
      font-weight: 400;
      line-height: 15px;
      letter-spacing: 0px; }
  .ip-city .all-countries .ac-nav {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 5px;
    align-items: flex-start;
    gap: 4px;
    border-radius: 4px;
    border: 1px solid #F4F5F7;
    background: #F9FAFC; }
    .ip-city .all-countries .ac-nav > div {
      display: flex;
      padding: 12px 20px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 4px;
      color: var(--PIA_BK-02, #55687D);
      font-family: Open Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 90%;
      /* 14.4px */
      cursor: pointer; }
      .ip-city .all-countries .ac-nav > div.active {
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 0px 14px 0px rgba(58, 118, 209, 0.11);
        color: var(--PIA_BK-01, #042040); }
  .ip-city .all-countries .search-none {
    display: none;
    margin-bottom: 80px; }
    .ip-city .all-countries .search-none img {
      display: block;
      margin: 0 auto; }
    .ip-city .all-countries .search-none p {
      font-family: Open Sans;
      font-size: 20px;
      font-weight: 600;
      line-height: 27px;
      letter-spacing: 0em;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 10px; }
    .ip-city .all-countries .search-none span {
      display: block;
      font-family: Open Sans;
      font-size: 14px;
      font-weight: 400;
      line-height: 19px;
      letter-spacing: 0em;
      text-align: center;
      color: #55687D; }

.line .banner-box {
  background-color: #0e6fde;
  min-height: 400px;
  position: relative;
  overflow: hidden; }
  .line .banner-box .banner {
    width: 100%;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 400px; }
    .line .banner-box .banner .txt .tit {
      font-size: 45px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #ffffff;
      line-height: 53px;
      margin-bottom: 20px; }
    .line .banner-box .banner .txt .search-box {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .line .banner-box .banner .txt .search-box .ipt-box {
        opacity: 1;
        height: 68px;
        position: relative;
        box-sizing: border-box; }
        .line .banner-box .banner .txt .search-box .ipt-box > input {
          background-color: #ffffff;
          border-radius: 4px;
          height: 100%;
          width: 578px;
          border: 1px solid #c7d1e5;
          padding-left: 54px;
          padding-right: 55px;
          font-size: 18px;
          font-family: Ubuntu-Light;
          font-weight: 400;
          color: #042040;
          line-height: 21px; }
          .line .banner-box .banner .txt .search-box .ipt-box > input::placeholder {
            color: #94a3b8; }
        .line .banner-box .banner .txt .search-box .ipt-box .icon-search {
          width: 24px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 20px; }
        .line .banner-box .banner .txt .search-box .ipt-box .icon-close {
          display: none;
          width: 24px;
          height: 24px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 20px;
          cursor: pointer; }
    .line .banner-box .banner .txt .btn-box {
      display: flex;
      align-items: center; }
      .line .banner-box .banner .txt .btn-box.btnbox2 {
        margin-top: 25px;
        display: none;
        justify-content: center; }
        .line .banner-box .banner .txt .btn-box.btnbox2 .search-btn,
        .line .banner-box .banner .txt .btn-box.btnbox2 .down-btn {
          padding: 0 15px;
          min-width: 130px;
          height: 47px;
          font-size: 17px;
          line-height: 20px;
          margin-left: 0; }
        .line .banner-box .banner .txt .btn-box.btnbox2 .search-btn {
          margin-right: 10px; }
    .line .banner-box .banner .txt .search-btn {
      padding: 0 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 68px;
      background-color: #ffffff;
      border-radius: 4px;
      font-size: 20px;
      font-family: Ubuntu-Regular;
      color: #2c71f0;
      line-height: 23px;
      margin-left: 15px;
      cursor: pointer; }
    .line .banner-box .banner .txt .down-btn {
      padding: 0 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 68px;
      border: 1px solid #ffffff;
      background-color: transparent;
      border-radius: 4px;
      font-size: 20px;
      font-family: Ubuntu-Regular;
      color: #ffffff;
      line-height: 23px;
      margin-left: 15px;
      cursor: pointer; }
    .line .banner-box .banner .txt .hottest {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-family: Ubuntu-Regular;
      font-weight: 400;
      color: #ffffff;
      line-height: 21px;
      margin-top: 20px; }
      .line .banner-box .banner .txt .hottest > a {
        color: #ffffff;
        margin-left: 30px; }
    .line .banner-box .banner .banner-bg1 {
      position: relative;
      width: 276px;
      top: 0;
      right: 0; }
    .line .banner-box .banner .banner-btnbox .ban-btn > i {
      background-image: url("../img/index/right_blue.svg"); }
    .line .banner-box .banner .banner-btnbox .ban-btn.ban-btn1 > i {
      background-image: url("../img/index/right_white.svg"); }
  .line .banner-box .banner-bg2 {
    width: 1171px; }
  .line .banner-box .banner-bg3 {
    width: 873px; }
.line .ppptline > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px; }
  .line .ppptline > ul > li {
    display: flex;
    align-items: center;
    width: 290px;
    height: 105px;
    background-color: #ffffff;
    box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.05);
    border-radius: 4px;
    border: 1px solid #f0f4f5;
    padding: 20px 0;
    padding-left: 25px; }
    .line .ppptline > ul > li img {
      width: 65px; }
    .line .ppptline > ul > li .txt {
      margin-left: 15px; }
      .line .ppptline > ul > li .txt p {
        font-size: 20px;
        font-family: Ubuntu-Regular, Ubuntu;
        color: #042040;
        line-height: 23px; }
      .line .ppptline > ul > li .txt span {
        font-size: 16px;
        font-family: Ubuntu-Light;
        color: #55687d;
        line-height: 24px; }
.line .line-list {
  padding-top: 40px;
  padding-bottom: 80px; }
  .line .line-list .list-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 40px; }
    .line .line-list .list-nav .li {
      height: 40px;
      display: flex;
      align-items: center;
      padding: 0 20px;
      font-size: 18px;
      font-family: Ubuntu-Regular, Ubuntu;
      color: #94a3b8;
      line-height: 21px;
      border-radius: 4px;
      margin-left: 20px;
      cursor: pointer; }
      .line .line-list .list-nav .li:nth-of-type(1) {
        margin-left: 0; }
      .line .line-list .list-nav .li:hover, .line .line-list .list-nav .li.active {
        font-family: Ubuntu-Medium, Ubuntu;
        color: #042040;
        box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.1); }
  .line .line-list .pptp-table-box {
    overflow-x: scroll;
    padding-bottom: 3px; }
    .line .line-list .pptp-table-box::-webkit-scrollbar {
      height: 0px; }
  .line .line-list .list-table {
    width: 1280px;
    background: #ffffff;
    box-shadow: 0px 4px 30px 1px rgba(0, 54, 130, 0.05);
    border-radius: 4px;
    border: 1px solid #d3e4f9;
    border-spacing: 0px;
    margin-top: 40px; }
    .line .line-list .list-table .td {
      display: flex;
      margin-right: 10px;
      align-content: center;
      position: relative; }
      .line .line-list .list-table .td:nth-last-of-type(1) {
        margin-right: 0; }
      .line .line-list .list-table .td.td1 {
        width: 128px; }
      .line .line-list .list-table .td.td2 {
        width: 90px; }
      .line .line-list .list-table .td.td3 {
        width: 118px; }
      .line .line-list .list-table .td.td4 {
        width: 54px; }
      .line .line-list .list-table .td.td5 {
        width: 186px;
        flex: 1; }
      .line .line-list .list-table .td.td6 {
        width: 160px; }
      .line .line-list .list-table .td.td7 {
        width: 146px;
        flex: 1; }
      .line .line-list .list-table .td.td8 {
        width: 139px;
        flex: 1; }
      .line .line-list .list-table .td.td9 {
        width: 89px; }
      .line .line-list .list-table .td .flag {
        width: 21px;
        height: 21px;
        flex: none;
        margin-right: 6px; }
      .line .line-list .list-table .td .icon-gou {
        margin-left: 5px; }
      .line .line-list .list-table .td p {
        font-size: 15px;
        font-family: Ubuntu-Regular;
        color: #042040;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .line .line-list .list-table .td p:hover + .hover-box {
          display: block; }
      .line .line-list .list-table .td .hover-box {
        display: none;
        position: absolute;
        left: 0;
        top: 0; }
        .line .line-list .list-table .td .hover-box.box1 {
          width: 125px; }
        .line .line-list .list-table .td .hover-box.box2 {
          width: 100px; }
        .line .line-list .list-table .td .hover-box .cont {
          display: flex;
          align-items: center;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: -45px;
          border: 1px solid #d3e4f9;
          padding: 0 16px;
          white-space: nowrap;
          height: 38px;
          background-color: #fff;
          border-radius: 4px;
          font-size: 14px;
          font-family: Ubuntu-Light;
          font-weight: 400;
          color: #042040; }
          .line .line-list .list-table .td .hover-box .cont::after {
            content: "";
            display: block;
            position: absolute;
            bottom: -4.4px;
            left: 50%;
            transform: translateX(-50%) rotateZ(45deg);
            width: 6px;
            height: 6px;
            background-color: #fff;
            border-right: 1px solid #d3e4f9;
            border-bottom: 1px solid #d3e4f9; }
      .line .line-list .list-table .td .flag-p {
        font-size: 15px;
        font-family: Ubuntu-Medium, Ubuntu; }
      .line .line-list .list-table .td .terminal {
        display: flex;
        align-items: center; }
        .line .line-list .list-table .td .terminal span {
          width: 1px;
          height: 14px;
          background-color: #eceff4;
          margin: 0 8px; }
      .line .line-list .list-table .td .p1 {
        max-width: 130px; }
      .line .line-list .list-table .td .p2 {
        color: #2c71f0; }
      .line .line-list .list-table .td .p3 {
        max-width: 117px;
        color: #2c71f0; }
      .line .line-list .list-table .td .td-copy {
        flex: none;
        cursor: pointer;
        margin-left: 5px; }
    .line .line-list .list-table .th {
      display: flex;
      align-items: center;
      padding: 0 20px;
      height: 70px;
      background-color: #f5f9fe; }
      .line .line-list .list-table .th .td {
        font-size: 16px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #55687d;
        line-height: 24px; }
    .line .line-list .list-table .tr {
      display: flex;
      align-items: center;
      padding: 0 20px;
      height: 70px;
      border-bottom: 1px solid #e9eff9; }
      .line .line-list .list-table .tr:nth-last-of-type(1) {
        border-bottom: none; }
  .line .line-list #pageTime {
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: center; }

.search {
  background-image: url("../img/ico_search (2).svg"); }
  .search .secrch-main {
    height: 160px;
    background: #F3F5F7;
    padding: 40px 0 0 0;
    opacity: 1; }
    .search .secrch-main .s-t {
      margin: 0 auto;
      width: 800px;
      font-size: 16px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #042040;
      line-height: 25px;
      margin-top: 10px; }
      .search .secrch-main .s-t a {
        color: #0E6FDE; }
    .search .secrch-main .secrch-top {
      overflow: hidden; }
      .search .secrch-main .secrch-top .s-top {
        width: 800px;
        margin: 0 auto; }
        .search .secrch-main .secrch-top .s-top input {
          width: 649px;
          height: 48px;
          float: left;
          background: #FFFFFF;
          border-radius: 4px 0px 0px 4px;
          opacity: 1;
          border: 2px solid #0E6FDE;
          background-image: url("../img/index/ico_search (2).svg");
          background-repeat: no-repeat;
          background-position: 20px center;
          padding: 0 0 0 46px; }
          .search .secrch-main .secrch-top .s-top input .place {
            background-size: 16px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #042040;
            line-height: 16px; }
        .search .secrch-main .secrch-top .s-top .s-btn {
          text-align: center;
          width: 151px;
          height: 48px;
          background: #0E6FDE;
          border-radius: 0px 4px 4px 0px;
          padding: 15px 0;
          float: right;
          opacity: 1;
          font-size: 16px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #FFFFFF;
          cursor: pointer;
          line-height: 19px; }
  .search .secrch-text {
    height: 1225px; }
    .search .secrch-text .s-list .list {
      width: 1000px;
      height: 150px;
      margin: 0 auto;
      padding: 15px;
      margin-top: 15px; }
      .search .secrch-text .s-list .list:hover {
        background: #F3F4F8; }
      .search .secrch-text .s-list .list p {
        font-size: 16px;
        font-family: Open Sans-SemiBold, Open Sans;
        font-weight: 400;
        color: #55687D;
        line-height: 26px; }
      .search .secrch-text .s-list .list h1 {
        margin: 5px 0;
        font-size: 20px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #042040;
        line-height: 33px; }

.pop-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1485745;
  background-color: rgba(0, 0, 0, 0.9); }
  .pop-box > .top-left {
    position: absolute;
    left: 0;
    top: 0; }
  .pop-box > .bottom-right {
    position: absolute;
    right: 0;
    bottom: 0; }
  .pop-box .pop-close {
    position: absolute;
    right: -25px;
    top: 25px;
    cursor: pointer; }
  .pop-box > .up {
    width: 1055px;
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 527.5px);
    animation: up ease 0.5s; }
  .pop-box > .down {
    width: 515px;
    height: 515px;
    background: url(../img/index/activity/new/down_en.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: calc(50%  - 257.5px);
    top: 210px;
    animation: down ease 0.8s; }
    .pop-box > .down > a {
      display: block;
      width: 164px;
      height: 41px;
      position: absolute;
      top: 462px;
      left: calc(50% - 80.5px); }
    .pop-box > .down.down_hk {
      background: url(../img/index/activity/new/down_hk.png) no-repeat center;
      background-size: 100% 100%; }
  .pop-box i,
  .pop-box b,
  .pop-box span {
    display: inline; }
  .pop-box .paypal-container {
    padding: 38px;
    max-width: 694px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 21px;
    box-sizing: border-box;
    margin: auto;
    box-shadow: 0 0 5px #f4f5f6;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .pop-box .paypal-container .paypal_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 40px;
      font-weight: 800;
      color: #223265;
      line-height: 60px;
      margin-bottom: 30px; }
      .pop-box .paypal-container .paypal_header p {
        font-size: 30px; }
    .pop-box .paypal-container .pop-close {
      position: absolute;
      right: -40px;
      top: 0px;
      cursor: pointer; }
  .pop-box .pop-holiday {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 400px;
    padding: 66px 40px 0;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background-image: url("../img/index/pop_h_bg.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .pop-box .pop-holiday.holiday1 {
      background-image: url("../img/index/pop_h_bg1.svg");
      width: 770px;
      height: 440px;
      padding-top: 39px; }
      .pop-box .pop-holiday.holiday1 .ph-countdown .kuang-box {
        display: flex;
        align-items: center;
        padding: 6px;
        gap: 13px;
        width: 105px;
        height: 54px;
        background-color: #363847;
        border-radius: 10px; }
      .pop-box .pop-holiday.holiday1 .ph-countdown .kuang p {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 3px; }
      .pop-box .pop-holiday.holiday1 .ph-countdown .kuang span {
        font-size: 13px;
        line-height: 13px; }
      .pop-box .pop-holiday.holiday1 .ph-countdown .kaung-s {
        width: 54px;
        height: 54px;
        background-color: #443E30;
        border-radius: 10px;
        margin-left: 5px; }
        .pop-box .pop-holiday.holiday1 .ph-countdown .kaung-s p,
        .pop-box .pop-holiday.holiday1 .ph-countdown .kaung-s span {
          color: #FFCC00; }
    .pop-box .pop-holiday .ofend {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 16px;
      color: #BEBDCB;
      margin-bottom: 12px; }
    .pop-box .pop-holiday .pop-close {
      position: absolute;
      right: 15px;
      top: 15px;
      cursor: pointer; }
    .pop-box .pop-holiday .ph-tit {
      font-size: 20px;
      font-family: Open Sans;
      font-weight: 600;
      color: #BEBDCB;
      line-height: 52px; }
    .pop-box .pop-holiday .ph-txt {
      max-width: 420px;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 42px;
      line-height: 48px;
      color: #FFFFFF; }
      .pop-box .pop-holiday .ph-txt b {
        color: #FFCC00; }
    .pop-box .pop-holiday .ph-countdown {
      display: flex; }
      .pop-box .pop-holiday .ph-countdown .kuang {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .pop-box .pop-holiday .ph-countdown .kuang p {
          font-size: 46px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #ffffff;
          line-height: 46px;
          margin-bottom: 12px; }
        .pop-box .pop-holiday .ph-countdown .kuang span {
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #ffffff;
          line-height: 16px; }
      .pop-box .pop-holiday .ph-countdown .mao {
        font-size: 46px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #ffffff;
        line-height: 36px;
        margin: 0 20px; }
    .pop-box .pop-holiday .regs {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 204px;
      padding: 0 30px;
      height: 45px;
      background-color: #FFCC00;
      border-radius: 4px;
      font-size: 18px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #242538;
      line-height: 21px;
      margin-top: 30px; }
      .pop-box .pop-holiday .regs:hover {
        background-color: rgba(255, 204, 0, 0.9); }
      .pop-box .pop-holiday .regs span {
        font-size: 25px;
        margin-bottom: 4px; }
    .pop-box .pop-holiday .ph-30dg {
      display: flex;
      align-items: center;
      margin-top: 10px; }
      .pop-box .pop-holiday .ph-30dg span {
        margin-left: 5px;
        font-size: 15px;
        font-family: Ubuntu-Regular, Ubuntu;
        font-weight: 400;
        color: #ffffff;
        line-height: 18px; }
  .pop-box .pop-activity {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .pop-box .pop-activity > img {
      width: 580px;
      display: none; }
    .pop-box .pop-activity .pop-close {
      position: absolute;
      right: -46px;
      top: -15px;
      cursor: pointer; }
    .pop-box .pop-activity .pop_holid-payhref {
      position: absolute;
      width: 210px;
      height: 50px; }
      .pop-box .pop-activity .pop_holid-payhref.payhref1 {
        left: 188px;
        bottom: 87px; }
      .pop-box .pop-activity .pop_holid-payhref.payhref2 {
        right: 146px;
        top: 74px; }
    .pop-box .pop-activity .ph-countdown {
      display: flex; }
      .pop-box .pop-activity .ph-countdown .kuang-box {
        position: absolute;
        left: 440px;
        bottom: 43px;
        display: flex;
        color: #fff;
        line-height: 24px; }
        .pop-box .pop-activity .ph-countdown .kuang-box .kuang {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0 8px; }
          .pop-box .pop-activity .ph-countdown .kuang-box .kuang p {
            font-size: 20px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #ffffff;
            line-height: 22px;
            margin-bottom: 1px; }
          .pop-box .pop-activity .ph-countdown .kuang-box .kuang span {
            font-size: 12px;
            font-family: Ubuntu-Light, Ubuntu;
            font-weight: 300;
            color: #ffffff;
            line-height: 16px; }
        .pop-box .pop-activity .ph-countdown .kuang-box .mao {
          font-size: 46px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #ffffff;
          line-height: 36px;
          margin: 0 20px; }
  .pop-box .pop-referfriend {
    width: 700px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #F7F8FB;
    border-radius: 4px;
    border: 1px solid #E7E9F4; }
    .pop-box .pop-referfriend .tit {
      background-color: #FFFFFF;
      padding: 0 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 36px; }
      .pop-box .pop-referfriend .tit p {
        font-size: 15px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #042040;
        line-height: 18px; }
      .pop-box .pop-referfriend .tit .popClose {
        cursor: pointer; }
    .pop-box .pop-referfriend .table {
      padding: 14px 20px 20px;
      height: 440px; }
      .pop-box .pop-referfriend .table .tbody {
        border-radius: 4px;
        overflow: hidden; }
        .pop-box .pop-referfriend .table .tbody #referList {
          height: 350px;
          overflow-y: scroll; }
          .pop-box .pop-referfriend .table .tbody #referList::-webkit-scrollbar {
            width: 1px; }
          .pop-box .pop-referfriend .table .tbody #referList::-webkit-scrollbar-thumb {
            background-color: #55687D;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
        .pop-box .pop-referfriend .table .tbody .nolist {
          height: 150px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #042040;
          line-height: 18px; }
        .pop-box .pop-referfriend .table .tbody .th,
        .pop-box .pop-referfriend .table .tbody .tr {
          padding: 0 30px;
          display: flex;
          align-items: center; }
          .pop-box .pop-referfriend .table .tbody .th .td,
          .pop-box .pop-referfriend .table .tbody .tr .td {
            width: 160px;
            margin-right: 15px; }
            .pop-box .pop-referfriend .table .tbody .th .td:nth-of-type(3),
            .pop-box .pop-referfriend .table .tbody .tr .td:nth-of-type(3) {
              width: 100px; }
            .pop-box .pop-referfriend .table .tbody .th .td:nth-of-type(4),
            .pop-box .pop-referfriend .table .tbody .tr .td:nth-of-type(4) {
              width: 120px; }
        .pop-box .pop-referfriend .table .tbody .th {
          height: 50px;
          background-color: #FF6E30;
          box-shadow: 0px 1px 0px 0px #E7E9F4; }
          .pop-box .pop-referfriend .table .tbody .th .td {
            font-size: 15px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 18px; }
        .pop-box .pop-referfriend .table .tbody .tr {
          height: 40px; }
          .pop-box .pop-referfriend .table .tbody .tr:nth-of-type(2n) {
            background-color: #FFF1E8; }
          .pop-box .pop-referfriend .table .tbody .tr .td {
            font-size: 15px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #55687D;
            line-height: 18px; }
  .pop-box .popClose {
    cursor: pointer; }
  .pop-box .pop-bulletin {
    width: 762px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .pop-box .pop-bulletin .tit {
      height: 54px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #15357A; }
      .pop-box .pop-bulletin .tit p {
        font-size: 20px;
        font-family: Open Sans-SemiBold, Open Sans;
        font-weight: 600;
        line-height: 34px;
        color: #FFFFFF; }
        .pop-box .pop-bulletin .tit p span {
          color: #FF8822; }
    .pop-box .pop-bulletin .cont {
      background-color: #F3F9FF;
      padding: 20px 35px 35px;
      overflow-y: scroll;
      max-height: 700px; }
      .pop-box .pop-bulletin .cont::-webkit-scrollbar {
        width: 3px;
        background-color: transparent; }
      .pop-box .pop-bulletin .cont::-webkit-scrollbar-thumb {
        background-color: #55687D;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
      .pop-box .pop-bulletin .cont .h2 {
        display: flex;
        align-items: center;
        margin-bottom: 20px; }
        .pop-box .pop-bulletin .cont .h2 > img {
          flex: none;
          margin-right: 10px; }
        .pop-box .pop-bulletin .cont .h2 p {
          font-weight: 600;
          font-size: 22px;
          line-height: 100%;
          color: #15357A; }
      .pop-box .pop-bulletin .cont .p {
        font-size: 18px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #15357A;
        line-height: 31px;
        margin-bottom: 15px; }
        .pop-box .pop-bulletin .cont .p span,
        .pop-box .pop-bulletin .cont .p a {
          font-family: Open Sans-SemiBold, Open Sans;
          color: #0E6FDE; }
      .pop-box .pop-bulletin .cont .p1 {
        font-size: 16px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #355395;
        line-height: 27px;
        margin-bottom: 5px; }
      .pop-box .pop-bulletin .cont .p2 {
        font-size: 16px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #E30B34;
        line-height: 27px; }
      .pop-box .pop-bulletin .cont .p3 {
        font-weight: 700;
        font-size: 17px;
        line-height: 100%;
        color: #15357A; }
      .pop-box .pop-bulletin .cont .p4 {
        display: block;
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        color: #FF4D00; }
      .pop-box .pop-bulletin .cont .line {
        width: 100%;
        border-bottom: 1px dashed #9CB3C9;
        margin-bottom: 15px; }
  .pop-box .pop-showimg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1200px;
    transform: translate(-50%, -50%); }
    .pop-box .pop-showimg img {
      width: 100% !important; }
    .pop-box .pop-showimg .pop-close {
      position: absolute;
      right: -46px;
      top: -15px;
      cursor: pointer; }

@keyframes up {
  from {
    top: -300px; }
  to {
    top: 0; } }
@keyframes down {
  from {
    top: -500px; }
  to {
    top: 210px; } }
.imgbox {
  display: block; }

.left-bom-pendant {
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 9999999;
  width: 320px;
  height: 180px;
  padding: 20px;
  border-radius: 4px;
  background-image: url("../img/index/leftpop_bg.svg");
  background-repeat: no-repeat;
  background-position: center; }
  .left-bom-pendant .ph-tit {
    max-width: 200px;
    font-size: 19px;
    font-family: Open Sans;
    font-weight: bold;
    color: #ffffff;
    line-height: 26px; }
    .left-bom-pendant .ph-tit b {
      color: #FFCC00; }
  .left-bom-pendant .lbp-show {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
  .left-bom-pendant .ph-date {
    display: flex;
    margin-top: 10px; }
    .left-bom-pendant .ph-date .cont {
      display: flex;
      flex-direction: column;
      align-items: center; }
  .left-bom-pendant .ph-countdown {
    display: flex;
    margin-top: 5px; }
    .left-bom-pendant .ph-countdown p,
    .left-bom-pendant .ph-countdown .mao {
      font-size: 16px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #ffffff;
      line-height: 16px; }
    .left-bom-pendant .ph-countdown .mao {
      margin: 0 3px; }
  .left-bom-pendant .regs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 34px;
    background: #FFCC00;
    border-radius: 4px;
    font-size: 14px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #242538;
    line-height: 18px; }
    .left-bom-pendant .regs:hover {
      background: rgba(255, 204, 0, 0.9); }
  .left-bom-pendant .ph-30dg {
    display: flex;
    align-items: center;
    margin-top: 10px; }
    .left-bom-pendant .ph-30dg img {
      width: 13px; }
    .left-bom-pendant .ph-30dg span {
      margin-left: 5px;
      font-size: 13px;
      font-family: Ubuntu-Regular, Ubuntu;
      font-weight: 400;
      color: #ffffff;
      line-height: 15px; }

.left-bom-halloween {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1085742;
  border-radius: 4px; }
  .left-bom-halloween > img {
    width: 190px; }
  .left-bom-halloween .lbp-show {
    display: none;
    position: absolute;
    right: 11px;
    top: 4px;
    cursor: pointer; }

.pay-box {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .pay-box h1 {
    position: relative;
    z-index: 1;
    width: 100%; }
    .pay-box h1 .h1img1 {
      position: absolute;
      z-index: -1;
      right: 42px;
      top: -27px;
      display: block;
      width: 48px;
      height: 42px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/index/activity/pay/ico_payh1_1.svg"); }
    .pay-box h1 .h1img2 {
      position: absolute;
      z-index: -1;
      left: 16px;
      bottom: 5px;
      display: block;
      width: 53px;
      height: 77px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/index/activity/pay/ico_payh1_2.svg"); }
    .pay-box h1 .h1img4 {
      position: absolute;
      z-index: -1;
      top: -34px;
      left: -37px; }
    .pay-box h1 .h1img3 {
      position: absolute;
      z-index: -1;
      width: 99px;
      height: 52px;
      right: -24px;
      bottom: 10px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/index/activity/pay/ico_payh1_3.svg"); }
      .pay-box h1 .h1img3 p {
        font-size: 16px;
        font-family: Heebo-Bold, Heebo;
        font-weight: bold;
        color: #000000;
        line-height: 17px;
        transform: rotateZ(5.6deg);
        padding-top: 15px;
        padding-left: 20px; }
    .pay-box h1 .h1img3_wap {
      position: absolute;
      z-index: -1;
      width: 180px;
      height: 100px;
      right: -35px;
      bottom: -21px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/pay/ico_payh1_3.svg");
      background-size: 100% 100%; }
      .pay-box h1 .h1img3_wap p {
        font-size: 24px;
        font-family: Heebo-Bold, Heebo;
        font-weight: bold;
        color: #000000;
        line-height: 19px;
        transform: rotateZ(10deg);
        padding-top: 35px;
        padding-left: 43px; }
    .pay-box h1 .djs_banner .djs_banner_tit {
      margin-bottom: 25px; }
    .pay-box h1 .djs_banner .kuang-box {
      display: flex;
      width: 278px;
      margin: 0 auto;
      line-height: 14px;
      color: #135c33; }
      .pay-box h1 .djs_banner .kuang-box .kuang {
        margin: 0 6px; }
        .pay-box h1 .djs_banner .kuang-box .kuang p {
          line-height: 25px;
          margin-bottom: 10px; }
        .pay-box h1 .djs_banner .kuang-box .kuang span {
          padding-top: 10px;
          font-size: 20px;
          line-height: 25px; }
  .pay-box h2 {
    font-size: 44px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #15357a;
    line-height: 44px;
    margin-bottom: 20px;
    text-align: center; }

.h-countdown {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  display: none; }
  .h-countdown .txt {
    font-size: 16px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #042040;
    line-height: 16px;
    position: relative; }
    .h-countdown .txt img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px; }
  .h-countdown .kuang {
    display: flex;
    align-items: flex-end;
    justify-content: center; }
    .h-countdown .kuang p {
      font-size: 26px;
      font-family: Open Sans-Bold, Open Sans;
      font-weight: bold;
      color: #5471FF;
      line-height: 25px;
      margin-left: 10px;
      margin-right: 10px; }
    .h-countdown .kuang span {
      font-size: 16px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #042040;
      line-height: 16px; }
  .h-countdown .mao {
    font-size: 32px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    line-height: 32px;
    margin: 0 3px; }
    .h-countdown .mao.mao1 {
      color: #BA62C7; }
    .h-countdown .mao.mao2 {
      color: #CB5CA6; }
    .h-countdown .mao.mao3 {
      color: #DC5687; }

.pay-nav {
  display: flex;
  align-items: center; }
  .pay-nav .li {
    display: flex;
    align-items: center;
    margin-left: 26px; }
    .pay-nav .li:nth-of-type(1) {
      margin-left: 0; }
    .pay-nav .li span {
      font-size: 16px;
      font-family: Open Sans-Regular, Open Sans;
      color: #355395;
      line-height: 16px;
      margin-left: 7px; }

.paylist-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  padding: 4px;
  border-radius: 38px;
  background: rgba(4, 32, 64, 0.04); }
  .paylist-nav .nav-li {
    min-width: 110px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px 10px;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 400;
    color: #FFF;
    line-height: 16px;
    border-radius: 4px;
    position: relative;
    margin-right: 5px;
    flex: none; }
    .paylist-nav .nav-li > span {
      color: #042040; }
    .paylist-nav .nav-li:nth-last-of-type(1) {
      margin-right: 0; }
    .paylist-nav .nav-li:nth-child(1) .pro .cont {
      left: -150px;
      transform: translateX(0); }
    .paylist-nav .nav-li:last-child .pro .cont {
      left: -180px; }
    .paylist-nav .nav-li .navli-jb {
      position: absolute;
      left: 23px;
      top: -28px;
      background: #0039DA;
      padding: 5px 10px;
      border-radius: 40px;
      white-space: nowrap;
      z-index: 2; }
      .paylist-nav .nav-li .navli-jb p {
        position: relative;
        z-index: 2;
        color: #fff; }
      .paylist-nav .nav-li .navli-jb::after {
        display: block;
        content: "";
        width: 20px;
        height: 20px;
        background: #0039DA;
        clip-path: polygon(0 0, 0 100%, 100% 100%);
        position: absolute;
        left: 16px;
        top: 13px;
        transform: rotate(447deg);
        z-index: 1; }
    .paylist-nav .nav-li .pro {
      width: 14px;
      height: 14px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/index/pay_mode/question.svg");
      margin-left: 5px;
      position: relative; }
      .paylist-nav .nav-li .pro:hover .cont {
        display: block;
        animation: fadeIn linear .3s; }
      .paylist-nav .nav-li .pro .cont {
        position: absolute;
        left: 50%;
        top: -52px;
        background-color: #383C43;
        display: none;
        padding: 10px;
        white-space: nowrap;
        color: #fff;
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        border-radius: 4px;
        z-index: 999;
        transform: translateX(-50%); }
        .paylist-nav .nav-li .pro .cont.lang_paynav3 {
          width: 1000px;
          white-space: normal; }
    .paylist-nav .nav-li.active {
      color: #042040;
      background-color: #FFFFFF;
      border-radius: 67px; }
      .paylist-nav .nav-li.active > span {
        color: #042040; }
    .paylist-nav .nav-li .paynav-mark {
      height: 18px;
      display: flex;
      align-items: center;
      padding: 0 5px;
      background-color: #00A653;
      border-radius: 3px;
      font-size: 13px;
      line-height: 15px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #FFFFFF;
      position: relative;
      white-space: nowrap;
      margin-left: 8px; }
      .paylist-nav .nav-li .paynav-mark::after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        background: #00A653;
        position: absolute;
        left: -2px;
        top: 50%;
        transform: translateY(-50%) rotateZ(45deg); }
    .paylist-nav .nav-li .nav_span {
      color: #0856DC !important;
      text-align: center;
      font-family: "Open Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 14px */
      margin: 0 5px; }
    .paylist-nav .nav-li[data-type="paynav8"] {
      display: none; }

.pay-list {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
  align-items: center; }
  .pay-list .li {
    position: relative;
    border-radius: 10px; }
    .pay-list .li:after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      border: 2px solid #F0F0F0;
      border-radius: 4px;
      z-index: 1; }
    .pay-list .li:hover .li-cont, .pay-list .li.active .li-cont {
      background-color: #F4F9FE; }
    .pay-list .li:hover:after, .pay-list .li.active:after {
      border: 4px solid #0E6FDE; }
    .pay-list .li.li1:after, .pay-list .li.li-week:after {
      display: none; }
    .pay-list .li.li1 .li-cont, .pay-list .li.li-week .li-cont {
      border-radius: 18px; }
    .pay-list .li.li1 .li-border, .pay-list .li.li-week .li-border {
      content: '';
      display: block;
      position: absolute;
      left: -2px;
      top: -2px;
      width: calc(100% + 4px);
      height: calc(100% + 60px);
      background: #FFFFFF linear-gradient(90deg, #A767EA 0%, #EC4F65 100%);
      z-index: -1; }
      .pay-list .li.li1 .li-border .zan, .pay-list .li.li-week .li-border .zan {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        bottom: 10px;
        padding: 0 12px; }
        .pay-list .li.li1 .li-border .zan span, .pay-list .li.li-week .li-border .zan span {
          max-width: 300px;
          font-size: 13px;
          color: #FFFFFF;
          line-height: 20px;
          margin-left: 10px; }
    .pay-list .li.li1:hover .li-cont, .pay-list .li.li1.active .li-cont, .pay-list .li.li-week:hover .li-cont, .pay-list .li.li-week.active .li-cont {
      background-color: #F5F6FF; }
      .pay-list .li.li1:hover .li-cont .pay-li-fot, .pay-list .li.li1.active .li-cont .pay-li-fot, .pay-list .li.li-week:hover .li-cont .pay-li-fot, .pay-list .li.li-week.active .li-cont .pay-li-fot {
        background-color: #ECEEFF; }
    .pay-list .li.li1:hover .li-border, .pay-list .li.li1.active .li-border, .pay-list .li.li-week:hover .li-border, .pay-list .li.li-week.active .li-border {
      left: -4px;
      top: -4px;
      width: calc(100% + 8px);
      height: calc(100% + 64px); }
      .pay-list .li.li1:hover .li-border .zan, .pay-list .li.li1.active .li-border .zan, .pay-list .li.li-week:hover .li-border .zan, .pay-list .li.li-week.active .li-border .zan {
        padding: 0 14px;
        bottom: 12px; }
    .pay-list .li.li1:hover .li-cont .pay-mony-box .pay-mony p span,
    .pay-list .li.li1:hover .li-other .pay-mony-box .pay-mony p span, .pay-list .li.li1.active .li-cont .pay-mony-box .pay-mony p span,
    .pay-list .li.li1.active .li-other .pay-mony-box .pay-mony p span, .pay-list .li.li-week:hover .li-cont .pay-mony-box .pay-mony p span,
    .pay-list .li.li-week:hover .li-other .pay-mony-box .pay-mony p span, .pay-list .li.li-week.active .li-cont .pay-mony-box .pay-mony p span,
    .pay-list .li.li-week.active .li-other .pay-mony-box .pay-mony p span {
      background: linear-gradient(90deg, #A767EA 0%, #EC4F65 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .pay-list .li.li-week .li-border {
      width: calc(100% + 4px);
      height: calc(100% + 4px); }
    .pay-list .li.li-week:hover .li-border, .pay-list .li.li-week.active .li-border {
      width: calc(100% + 8px);
      height: calc(100% + 8px); }
    .pay-list .li.li-week .li-cont .pay-li-fot,
    .pay-list .li.li-week .li-other .pay-li-fot {
      border-radius: 0px 0px 19px 19px; }
    .pay-list .li.li-week-no:after {
      border: 2px solid #F5F5F5; }
    .pay-list .li.li-week-no .li-cont .pay-li-fot {
      background-color: #FCFCFC; }
    .pay-list .li.li-week-no .top-jiaobiao2 .cont {
      background: #CBD2DD;
      color: #FFFFFF; }
    .pay-list .li.li-week-no .top-jiaobiao1 {
      background-image: url("../img/index/jb_heng_no.svg");
      color: #FFFFFF; }
    .pay-list .li.li-week-no .li-cont .pay-name-box .pay-name,
    .pay-list .li.li-week-no .li-other .pay-name-box .pay-name {
      color: #C0C8D4; }
    .pay-list .li.li-week-no .li-cont .pay-mony-box .pay-mony p,
    .pay-list .li.li-week-no .li-other .pay-mony-box .pay-mony p {
      color: #C0C8D4; }
      .pay-list .li.li-week-no .li-cont .pay-mony-box .pay-mony p span,
      .pay-list .li.li-week-no .li-other .pay-mony-box .pay-mony p span {
        color: #C0C8D4; }
    .pay-list .li.li-week-no .li-cont .pay-li-fot .f-txt,
    .pay-list .li.li-week-no .li-other .pay-li-fot .f-txt {
      color: #AFB8C6; }
      .pay-list .li.li-week-no .li-cont .pay-li-fot .f-txt b,
      .pay-list .li.li-week-no .li-other .pay-li-fot .f-txt b {
        color: #AFB8C6; }
  .pay-list .li-cont,
  .pay-list .li-other {
    width: 287px;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 4;
    padding-top: 30px;
    background-color: #fff;
    top: 0; }
    .pay-list .li-cont .pay-name-box,
    .pay-list .li-other .pay-name-box {
      text-align: center; }
      .pay-list .li-cont .pay-name-box .pay-name,
      .pay-list .li-other .pay-name-box .pay-name {
        color: var(--PIA_BK-01, #042040) !important;
        font-family: "Open Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 20px */ }
    .pay-list .li-cont .pay-mony-box,
    .pay-list .li-other .pay-mony-box {
      display: block;
      align-items: center;
      justify-content: space-between;
      margin-top: 30px; }
      .pay-list .li-cont .pay-mony-box .pay-mony,
      .pay-list .li-other .pay-mony-box .pay-mony {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: none; }
        .pay-list .li-cont .pay-mony-box .pay-mony span,
        .pay-list .li-other .pay-mony-box .pay-mony span {
          font-size: 14px;
          font-family: Ubuntu-Regular, Ubuntu;
          font-weight: 400;
          color: #042040;
          line-height: 16px;
          margin-right: 8px; }
        .pay-list .li-cont .pay-mony-box .pay-mony p,
        .pay-list .li-other .pay-mony-box .pay-mony p {
          font-size: 18px;
          font-family: Ubuntu-Regular, Ubuntu;
          font-weight: 400;
          color: #94A3B8;
          line-height: 21px;
          display: flex;
          align-items: center; }
          .pay-list .li-cont .pay-mony-box .pay-mony p span,
          .pay-list .li-other .pay-mony-box .pay-mony p span {
            font-size: 40px;
            font-family: Ubuntu-Bold, Ubuntu;
            font-weight: bold;
            color: #042040;
            line-height: 47px; }
        .pay-list .li-cont .pay-mony-box .pay-mony .unit,
        .pay-list .li-other .pay-mony-box .pay-mony .unit {
          display: block;
          font-size: 20px;
          font-family: Ubuntu-Regular, Ubuntu;
          font-weight: 400;
          color: #55687D;
          line-height: 23px;
          margin-top: 8px;
          text-decoration: none;
          position: relative; }
          .pay-list .li-cont .pay-mony-box .pay-mony .unit::after,
          .pay-list .li-other .pay-mony-box .pay-mony .unit::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            height: 2px;
            background-color: #FF8822; }
        .pay-list .li-cont .pay-mony-box .pay-mony .traffic,
        .pay-list .li-other .pay-mony-box .pay-mony .traffic {
          font-size: 18px;
          font-family: Ubuntu-Regular, Ubuntu;
          font-weight: 400;
          color: #94A3B8;
          line-height: 21px; }
    .pay-list .li-cont .pay-more,
    .pay-list .li-other .pay-more {
      font-size: 14px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #55687D;
      line-height: 21px;
      margin: 19px 0;
      text-align: center; }
    .pay-list .li-cont .aman-btn,
    .pay-list .li-other .aman-btn {
      height: 43px;
      padding: 0 30px;
      position: relative;
      z-index: 123; }
    .pay-list .li-cont .pay-zq,
    .pay-list .li-other .pay-zq {
      font-size: 14px;
      font-family: Ubuntu-Regular, Ubuntu;
      font-weight: 400;
      color: #FF8822;
      line-height: 16px;
      margin-top: 19px;
      margin-bottom: 23px;
      height: 16px; }
    .pay-list .li-cont .pay-btn,
    .pay-list .li-other .pay-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 42px;
      background-color: #F0F0F0;
      border-radius: 4px;
      font-size: 14px;
      font-family: Open Sans-SemiBold, Open Sans;
      color: #042040;
      line-height: 16px;
      margin-top: 15px;
      position: relative;
      top: 0;
      transition: all .2s; }
      .pay-list .li-cont .pay-btn:hover,
      .pay-list .li-other .pay-btn:hover {
        background-color: #0E6FDE;
        color: #FFFFFF; }
    .pay-list .li-cont .pay-li-fot,
    .pay-list .li-other .pay-li-fot {
      position: absolute;
      bottom: 0;
      left: 0;
      width: calc(100%);
      min-height: 60px;
      padding: 0 18px;
      background-color: #E4E9EE;
      border-radius: 0px 0px 4px 4px;
      flex: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .pay-list .li-cont .pay-li-fot .check,
      .pay-list .li-other .pay-li-fot .check {
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../img/index/activity/new/li_fot_quan1.png");
        background-size: 13px 13px; }
      .pay-list .li-cont .pay-li-fot .f-txt,
      .pay-list .li-other .pay-li-fot .f-txt {
        margin-top: 8px;
        font-size: 14px;
        font-family: Ubuntu-Regular, Ubuntu;
        color: #55687D;
        line-height: 16px; }
        .pay-list .li-cont .pay-li-fot .f-txt b,
        .pay-list .li-other .pay-li-fot .f-txt b {
          color: #F64F64;
          text-decoration: line-through; }
        .pay-list .li-cont .pay-li-fot .f-txt .rtxt,
        .pay-list .li-other .pay-li-fot .f-txt .rtxt {
          color: #F64F64; }
        .pay-list .li-cont .pay-li-fot .f-txt .dtxt,
        .pay-list .li-other .pay-li-fot .f-txt .dtxt {
          text-decoration: line-through;
          color: #878AA3; }
        .pay-list .li-cont .pay-li-fot .f-txt.txt1,
        .pay-list .li-other .pay-li-fot .f-txt.txt1 {
          font-size: 14px; }
    .pay-list .li-cont .pay-popul,
    .pay-list .li-other .pay-popul {
      position: absolute;
      right: 0;
      top: -19px;
      width: 82px;
      height: 79px;
      background-image: url("../img/index/jb1.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% auto;
      z-index: 9; }
  .pay-list .top-jiaobiao {
    position: absolute;
    right: -27px;
    top: -38px;
    width: 90px;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/index/jaobiao1.svg");
    background-size: cover;
    font-size: 18px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 19px;
    z-index: 103;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: rotateZ(-15deg);
    padding-top: 22px;
    text-align: center; }
    .pay-list .top-jiaobiao span {
      font-size: 20px;
      line-height: 22px; }
    .pay-list .top-jiaobiao.ritate180 {
      transform: rotateZ(-15deg) rotateY(180deg); }
  .pay-list .top-jiaobiao1 {
    position: absolute;
    right: 5px;
    top: 57px;
    min-width: 83px;
    min-height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/index/jb_heng.svg");
    font-size: 14px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #FF5454;
    line-height: 16px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3px; }
    .pay-list .top-jiaobiao1.ritate180 {
      right: auto;
      left: 5px;
      transform: rotateY(180deg); }
  .pay-list .top-jiaobiao2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 110px;
    height: 62px;
    overflow: hidden;
    z-index: 9; }
    .pay-list .top-jiaobiao2 .cont {
      width: 126px;
      height: 24px;
      background: linear-gradient(90deg, #A767EA 0%, #EC4F65 100%);
      transform: rotateZ(-30deg);
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: -23px;
      top: 10px; }
      .pay-list .top-jiaobiao2 .cont span {
        display: block;
        font-size: 16px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #FFFFFF; }
  .pay-list .li-other {
    background-color: transparent; }
    .pay-list .li-other:hover:after, .pay-list .li-other.active:after {
      border: 2px solid #F0F0F0; }

.pay-best {
  padding: 17px 30px 35px;
  border-top: 0;
  border-radius: 0 0 20px 20px;
  margin-bottom: 22px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url("../img/index/activity/new/pay-best-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 5; }
  .pay-best .ul {
    max-width: 520px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .pay-best .ul .li {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      max-width: 305px; }
      .pay-best .ul .li:nth-last-of-type(1), .pay-best .ul .li:nth-last-of-type(2) {
        margin-bottom: 11px; }
      .pay-best .ul .li p {
        width: 233px;
        font-size: 15px;
        font-family: "Heebo";
        font-weight: 300;
        color: #55687D;
        line-height: 15px;
        margin-left: 5px; }
  .pay-best .best-pay {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .pay-best .best-pay .bmoy-box {
      margin-bottom: 15px; }
      .pay-best .best-pay .bmoy-box .cuopon-box .ipt-box input {
        box-shadow: none; }
      .pay-best .best-pay .bmoy-box .org-moy {
        font-size: 16px;
        font-family: Ubuntu-Regular, Ubuntu;
        font-weight: 400;
        color: #F64F64;
        line-height: 19px;
        text-align: right;
        margin-bottom: 5px;
        text-decoration: line-through; }
        .pay-best .best-pay .bmoy-box .org-moy.ips {
          text-decoration: none; }
      .pay-best .best-pay .bmoy-box .b-moy {
        margin-top: 15px;
        font-size: 14px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #042040;
        line-height: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .pay-best .best-pay .bmoy-box .b-moy b {
          font-size: 24px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 28px; }
        .pay-best .best-pay .bmoy-box .b-moy .original_price {
          margin-left: 10px;
          color: #F64F64;
          font-size: 16px;
          font-family: Ubuntu-Regular, Ubuntu; }
      .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box {
        position: relative;
        width: 297px; }
        .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box::after {
          position: absolute;
          right: 18px;
          top: 50%;
          transform: translateY(-50%);
          content: '';
          display: block;
          width: 14px;
          height: 14px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/index/ico_up_y.svg");
          margin-left: 15px; }
        .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box::before {
          position: absolute;
          left: 2px;
          top: 50%;
          transform: translateY(-50%);
          content: '';
          display: block;
          width: 20px;
          height: 20px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/index/ico_up_q.svg");
          margin-left: 15px; }
        .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box input {
          width: 100%;
          height: 36px;
          background: #FFF5EF;
          border-radius: 4px 4px 4px 4px;
          opacity: 1;
          border: 1px solid #FFEBE2;
          padding-left: 38px; }
          .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box input::-webkit-input-placeholder {
            color: #FF6E30; }
        .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box.show .coupon-select {
          display: block; }
        .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select {
          position: absolute;
          width: 100%;
          left: 0;
          top: 45px;
          display: none;
          background-color: #FFFFFF;
          box-shadow: 0px 0px 10px 1px rgba(24, 28, 50, 0.1);
          border-radius: 4px;
          opacity: 1;
          border: 1px solid rgba(26, 26, 51, 0.1);
          padding: 7px 5px;
          z-index: 99; }
          .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select .cont {
            overflow-y: scroll;
            max-height: 200px; }
            .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select .cont::-webkit-scrollbar {
              width: 4px; }
            .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select .cont::-webkit-scrollbar-thumb {
              background-color: #E9EFF9;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px; }
          .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select::after {
            display: block;
            content: '';
            width: 100%;
            height: 12px;
            position: absolute;
            top: -11px;
            left: 0; }
          .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select .slt-opt {
            cursor: pointer;
            height: 33px;
            display: flex;
            align-items: center;
            padding: 0 20px;
            font-size: 13px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #042040;
            line-height: 15px;
            display: flex;
            align-items: center; }
            .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select .slt-opt:hover, .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select .slt-opt.active {
              background-color: #F4F7FC; }
            .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .ipt-box .coupon-select .slt-opt .coupontop {
              width: 63px;
              height: 16px;
              display: flex;
              align-items: center;
              padding-left: 6px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/pay_mode/coupon_mark.svg");
              font-size: 12px;
              font-family: Ubuntu-Medium, Ubuntu;
              font-weight: 500;
              color: #FFFFFF;
              line-height: 16px;
              margin-left: 11px; }
      .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .aman-btn {
        width: auto;
        height: 36px;
        background: #FFF5EF;
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        border: 1px solid #FFEBE2;
        font-size: 13px;
        font-family: Open Sans-Regular, Open Sans;
        color: #ffffff; }
        .pay-best .best-pay .bmoy-box .cuopon-box .pay-coupon .aman-btn:hover {
          color: #fff;
          background: #FF6E30; }
    .pay-best .best-pay .aman-btn {
      width: 370px;
      height: 46px;
      font-size: 16px;
      font-family: Open Sans-Bold, Open Sans;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 19px;
      justify-content: center; }
    .pay-best .best-pay .b-type {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 15px; }
      .pay-best .best-pay .b-type .type-box {
        display: flex;
        align-items: center;
        max-width: 342px;
        overflow: hidden; }
        .pay-best .best-pay .b-type .type-box img {
          width: 36px;
          margin-right: 6px; }
        .pay-best .best-pay .b-type .type-box .type-more {
          font-size: 18px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #55687D;
          line-height: 18px; }
      .pay-best .best-pay .b-type .txt {
        font-size: 14px;
        font-family: Ubuntu-Regular, Ubuntu;
        font-weight: 400;
        color: #FF8822;
        line-height: 16px; }

.coupon-got {
  margin: 15px 0;
  display: flex;
  justify-content: flex-end; }
  .coupon-got .got-cont {
    position: relative;
    cursor: pointer; }
    .coupon-got .got-cont:hover p {
      text-decoration: underline; }
  .coupon-got p {
    display: block;
    font-size: 14px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #55687D;
    line-height: 14px; }
  .coupon-got .jot-jb {
    background-color: #FF6E30;
    border-radius: 4px;
    height: 22px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 14px;
    font-family: Ubuntu-Regular, Ubuntu;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px; }
    .coupon-got .jot-jb::after {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      background-color: #FF6E30;
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translate(-50%, -50%) rotateZ(45deg); }

.ipbody h1 {
  font-size: 48px;
  font-family: Ubuntu-Bold, Ubuntu;
  font-weight: 500;
  color: #141414;
  line-height: 58px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  max-width: 633px;
  padding-top: 0;
  margin-bottom: 25px;
  white-space: nowrap; }
  .ipbody h1 span {
    position: relative;
    color: #6680FF;
    -webkit-text-fill-color: inherit;
    background: none;
    z-index: 1; }
    .ipbody h1 span::after {
      content: '';
      position: absolute;
      z-index: -1;
      left: -3px;
      top: 30px;
      width: 100%;
      height: 19px;
      background: #E8F7FF;
      border-radius: 0px 0px 0px 0px;
      opacity: 1; }
  .ipbody h1 .h1img1 {
    position: absolute;
    z-index: -1;
    right: 42px;
    top: -4px;
    display: block;
    width: 48px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/index/activity/h4_icon1.svg"); }
  .ipbody h1 .h1img2 {
    position: absolute;
    z-index: -1;
    left: 16px;
    bottom: 5px;
    display: block;
    width: 53px;
    height: 77px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/index/activity/h4_icon2.svg"); }
  .ipbody h1 .h1img4 {
    position: absolute;
    z-index: -1;
    top: -34px;
    left: -37px; }
  .ipbody h1 .h1img3 {
    position: absolute;
    z-index: -1;
    width: 119px;
    height: 105px;
    right: -7px;
    bottom: -64px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../img/index/activity/new/ico_payh1_3_n.png");
    z-index: 2;
    display: none; }
    .ipbody h1 .h1img3 p {
      font-size: 16px;
      font-family: Heebo-Bold, Heebo;
      font-weight: bold;
      color: #ffffff;
      line-height: 17px;
      padding-top: 35px;
      padding-left: 43px;
      text-shadow: 0px 2px 0px #000000;
      -webkit-text-stroke: 0.5px #000000;
      transform: rotate(45deg); }
.ipbody .htxt {
  max-width: 542px;
  font-size: 16px;
  font-family: Ubuntu-Light, Ubuntu;
  font-weight: 300;
  color: #767676;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px; }
.ipbody .pay-list {
  padding-bottom: 30px;
  width: 1220px;
  position: relative;
  left: -15px;
  z-index: 8; }
  .ipbody .pay-list.pay_list_paynav1 .li.stand_out .pay-ipsave {
    display: none;
    width: 154px;
    height: 30px;
    top: -20px;
    left: 98px;
    right: auto;
    background-image: url("../img/index/activity/new/pay-issend-jb.png"); }
  .ipbody .pay-list.pay_list_paynav1 .li.stand_out .pay-orginprc-text {
    color: #fff; }
  .ipbody .pay-list .li .li-cont,
  .ipbody .pay-list .li .li-other {
    background-color: #F5F5F5; }
    .ipbody .pay-list .li .li-cont .pay-li-fot,
    .ipbody .pay-list .li .li-other .pay-li-fot {
      background-color: #EFEFEF;
      border-radius: 0px 0px 17px 17px; }
    .ipbody .pay-list .li .li-cont .pay-name-box .pay-name span,
    .ipbody .pay-list .li .li-other .pay-name-box .pay-name span {
      color: #FF6E30; }
    .ipbody .pay-list .li .li-cont .pay-mony-box .pay-mony p span,
    .ipbody .pay-list .li .li-other .pay-mony-box .pay-mony p span {
      color: #000; }
    .ipbody .pay-list .li .li-cont .pay-mony-box .pay-mony .y-unit,
    .ipbody .pay-list .li .li-other .pay-mony-box .pay-mony .y-unit {
      display: block; }
    .ipbody .pay-list .li .li-cont .pay-mony-box .pay-mony .n-unit,
    .ipbody .pay-list .li .li-other .pay-mony-box .pay-mony .n-unit {
      display: none; }
  .ipbody .pay-list .li .coupon_bottom_wrap {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
    top: calc(100% - 10px);
    width: calc(100% + 5px);
    height: 50px;
    color: #FF6E30;
    padding-top: 5px;
    background: url("../img/pay/bottom-coupon.svg") no-repeat;
    background-size: cover; }
    .ipbody .pay-list .li .coupon_bottom_wrap::before {
      content: '';
      width: 22px;
      height: 22px;
      background-image: url("../img/pay/bottom_coupon_icon.svg");
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 5px; }
  .ipbody .pay-list .li.coupon_show .coupon_bottom_wrap {
    display: flex; }
  .ipbody .pay-list .li::after {
    border: 2px solid transparent;
    transform: translate(-50%, -50%); }
  .ipbody .pay-list .li.active::after, .ipbody .pay-list .li:hover::after {
    border: 2px solid #5471FF; }
  .ipbody .pay-list .li.active .li-cont,
  .ipbody .pay-list .li.active .li-other, .ipbody .pay-list .li:hover .li-cont,
  .ipbody .pay-list .li:hover .li-other {
    background-color: #F5F5F5; }
    .ipbody .pay-list .li.active .li-cont .pay-li-fot,
    .ipbody .pay-list .li.active .li-other .pay-li-fot, .ipbody .pay-list .li:hover .li-cont .pay-li-fot,
    .ipbody .pay-list .li:hover .li-other .pay-li-fot {
      background-color: #F3F3F3;
      border-radius: 0px 0px 17px 17px; }
  .ipbody .pay-list .li.active .li-cont .pay-mony-box .pay-mony .y-unit,
  .ipbody .pay-list .li.active .li-other .pay-mony-box .pay-mony .y-unit {
    display: none; }
  .ipbody .pay-list .li.active .li-cont .pay-mony-box .pay-mony .n-unit,
  .ipbody .pay-list .li.active .li-other .pay-mony-box .pay-mony .n-unit {
    display: block; }
  .ipbody .pay-list .li.stand_out .pay-orginprc-text {
    color: #fff !important; }
  .ipbody .pay-list .li.stand_out .li-cont,
  .ipbody .pay-list .li.stand_out .li-other {
    background-color: #FDFAF3; }
    .ipbody .pay-list .li.stand_out .li-cont .pay-li-fot,
    .ipbody .pay-list .li.stand_out .li-other .pay-li-fot {
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center;
      background: #FCF6E9;
      background-size: cover;
      border-radius: 0px 0px 17px 17px; }
  .ipbody .pay-list .li.stand_out .pay-mony-box .pay-mony p span {
    position: relative;
    color: #042040; }
  .ipbody .pay-list .li.stand_out .pay-ipsave {
    top: -7px;
    right: -3px;
    font-family: Ubuntu-Medium, 'Ubuntu-Regular';
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    background-image: url("../img/index/ico_paylistsave2_r.svg"); }
    .ipbody .pay-list .li.stand_out .pay-ipsave .off {
      font-size: 22px;
      line-height: 22px; }
  .ipbody .pay-list .li .pay-ipsave {
    color: #FFFFFF;
    background-size: contain;
    top: -6px;
    right: -1px;
    font-size: 15px;
    line-height: 16px;
    border: none;
    border-top-right-radius: 0px; }
  .ipbody .pay-list .pay-ipsave {
    position: absolute;
    top: 0;
    right: -1px;
    width: 43px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    font-size: 16px;
    line-height: 17px;
    font-family: Ubuntu-Medium, 'Ubuntu-Regular';
    font-weight: 500;
    color: #FFFFFF;
    z-index: 22;
    border-top-right-radius: 18px; }
    .ipbody .pay-list .pay-ipsave .istopjb {
      display: flex;
      align-items: center; }
    .ipbody .pay-list .pay-ipsave .off {
      font-size: 13px;
      line-height: 13px;
      margin-top: 2px; }
  .ipbody .pay-list .li-cont,
  .ipbody .pay-list .li-other {
    width: 192px;
    min-height: 250px;
    padding-top: 25px; }
    .ipbody .pay-list .li-cont .pay-mony-box,
    .ipbody .pay-list .li-other .pay-mony-box {
      margin-top: 20px; }
      .ipbody .pay-list .li-cont .pay-mony-box .pay-mony p,
      .ipbody .pay-list .li-other .pay-mony-box .pay-mony p {
        color: var(--PIA_BK-02, #55687D) !important;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal; }
        .ipbody .pay-list .li-cont .pay-mony-box .pay-mony p span,
        .ipbody .pay-list .li-other .pay-mony-box .pay-mony p span {
          color: var(--PIA_BK-01, #042040) !important;
          font-family: "Open Sans";
          font-size: 30px;
          font-style: normal;
          font-weight: 700;
          line-height: 36px;
          margin-right: 4px; }
    .ipbody .pay-list .li-cont .pay-orginprc,
    .ipbody .pay-list .li-other .pay-orginprc {
      font-size: 14px;
      font-family: Ubuntu-Regular, Ubuntu;
      font-weight: 400;
      color: #55687D;
      line-height: 16px;
      text-decoration: line-through;
      margin-top: 10px;
      text-align: center; }
    .ipbody .pay-list .li-cont .pay-orginprc-text,
    .ipbody .pay-list .li-other .pay-orginprc-text {
      margin-top: 10px;
      color: #042040;
      font-family: "Open Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%;
      /* 14px */
      text-align: center; }
.ipbody .pay-best {
  width: 1260px; }
  .ipbody .pay-best .ul {
    max-width: 630px; }
    .ipbody .pay-best .ul .li:nth-last-of-type(1), .ipbody .pay-best .ul .li:nth-last-of-type(2) {
      margin-bottom: 11px; }
    .ipbody .pay-best .ul .li:nth-of-type(2n) {
      margin-left: 20px; }
      .ipbody .pay-best .ul .li:nth-of-type(2n) p {
        width: 295px; }
    .ipbody .pay-best .ul .li p {
      min-width: 199px;
      width: auto; }
  .ipbody .pay-best .best-pay .order_info {
    position: relative; }
    .ipbody .pay-best .best-pay .order_info:hover .order_content {
      display: block; }
    .ipbody .pay-best .best-pay .order_info a {
      display: block;
      position: relative;
      color: #042040;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 18px;
      padding-right: 14px;
      margin-bottom: 15px; }
      .ipbody .pay-best .best-pay .order_info a::after {
        content: '';
        position: absolute;
        top: 2px;
        right: -3px;
        width: 14px;
        height: 14px;
        background: url("../img/index/orider-a-icon.svg") no-repeat; }
    .ipbody .pay-best .best-pay .order_info .order_content {
      display: none;
      position: absolute;
      padding: 16px;
      width: 300px;
      right: -313px;
      top: -15px;
      background: #FFFFFF;
      border: 1px solid #F1F1F1;
      box-shadow: 0px 0px 4px #EDEDED;
      border-radius: 4px; }
      .ipbody .pay-best .best-pay .order_info .order_content .order_tit_cot {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px; }
        .ipbody .pay-best .best-pay .order_info .order_content .order_tit_cot .order_tit {
          font-family: 'Open Sans';
          font-weight: 600;
          font-size: 16px;
          line-height: 100%;
          color: #55687D; }
        .ipbody .pay-best .best-pay .order_info .order_content .order_tit_cot .order_tit_price {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 700;
          font-size: 20px;
          line-height: 100%;
          color: #FF9500; }
      .ipbody .pay-best .best-pay .order_info .order_content .order_cont {
        background: #F8F9FD;
        padding: 10px;
        padding-bottom: 14px; }
        .ipbody .pay-best .best-pay .order_info .order_content .order_cont .order_li {
          display: flex;
          justify-content: space-between;
          font-family: 'Open Sans';
          color: #55687D;
          margin-top: 10px; }
          .ipbody .pay-best .best-pay .order_info .order_content .order_cont .order_li .order_li_name {
            font-size: 14px;
            line-height: 100%; }
          .ipbody .pay-best .best-pay .order_info .order_content .order_cont .order_li .order_li_price {
            font-size: 14px;
            line-height: 100%;
            text-align: right; }
          .ipbody .pay-best .best-pay .order_info .order_content .order_cont .order_li.excluseivehasId .order_li_name span {
            color: #FF6E30; }
          .ipbody .pay-best .best-pay .order_info .order_content .order_cont .order_li.excluseivehasId .order_li_price {
            color: #FF6E30; }
  .ipbody .pay-best .best-pay .aman-btn {
    background-color: #FF602D; }
    .ipbody .pay-best .best-pay .aman-btn:hover {
      background-color: #FF602D;
      box-shadow: 0px 4px 4px 1px #16396c30; }
.ipbody .li-unlimit-box .liunlimit-r .aman-btn {
  background-color: #FF6E30; }
  .ipbody .li-unlimit-box .liunlimit-r .aman-btn:hover {
    box-shadow: 0px 4px 4px 1px #16396c30; }

.li-unlimit-box {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between; }
  .li-unlimit-box .liunlimit-l h4 {
    font-size: 40px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 56px;
    max-width: 404px; }
    .li-unlimit-box .liunlimit-l h4 b {
      color: #FF6E30; }
  .li-unlimit-box .liunlimit-l h5 {
    font-size: 18px;
    font-family: Open Sans-Light, Open Sans;
    font-weight: 300;
    color: #55687D;
    line-height: 29px;
    margin-top: 10px;
    margin-bottom: 50px;
    max-width: 455px;
    text-align: left; }
  .li-unlimit-box .liunlimit-l .best-ul {
    max-width: 590px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .li-unlimit-box .liunlimit-l .best-ul .best-li {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      width: 270px; }
      .li-unlimit-box .liunlimit-l .best-ul .best-li:nth-of-type(2n) {
        width: 320px; }
      .li-unlimit-box .liunlimit-l .best-ul .best-li:nth-last-of-type(1), .li-unlimit-box .liunlimit-l .best-ul .best-li:nth-last-of-type(2) {
        margin-bottom: 11px; }
      .li-unlimit-box .liunlimit-l .best-ul .best-li p {
        font-size: 14px;
        font-family: Heebo-Light, Heebo;
        font-weight: 300;
        color: #767676;
        line-height: 19px;
        margin-left: 5px;
        white-space: nowrap; }
  .li-unlimit-box .liunlimit-r {
    width: 100%;
    max-width: 550px;
    position: relative; }
    .li-unlimit-box .liunlimit-r::after {
      content: '';
      display: block;
      position: absolute;
      left: -43px;
      top: 50%;
      width: 514px;
      height: 383px;
      background-color: #F9FAFE;
      border-radius: 10px;
      transform: translateY(-50%);
      z-index: -1px; }
    .li-unlimit-box .liunlimit-r .pay-ipsave {
      width: 97px;
      height: 118px;
      background-image: url("../img/pay/unlimit_sav.svg");
      justify-content: flex-start;
      align-items: flex-start;
      padding-top: 55px;
      padding-left: 23px;
      top: -3px; }
      .li-unlimit-box .liunlimit-r .pay-ipsave .txt {
        font-size: 26px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040;
        line-height: 26px;
        transform: rotateZ(-15deg); }
        .li-unlimit-box .liunlimit-r .pay-ipsave .txt .off {
          font-size: 18px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 18px;
          margin-top: 0;
          text-align: center; }
    .li-unlimit-box .liunlimit-r .cont {
      width: 100%;
      padding: 40px 60px;
      background-color: #FFFFFF;
      box-shadow: 0px 0px 11px 0px rgba(33, 42, 85, 0.14), inset 0px 5px 0px 0px #5471FF;
      border-radius: 10px;
      position: relative;
      z-index: 1; }
      .li-unlimit-box .liunlimit-r .cont .name {
        font-size: 26px;
        font-family: Heebo-Bold, Heebo;
        font-weight: bold;
        color: #042040;
        line-height: 30px; }
      .li-unlimit-box .liunlimit-r .cont .pic {
        display: flex;
        align-items: flex-end;
        margin-top: 15px;
        padding-bottom: 25px;
        border-bottom: 1px dashed #D3DEED; }
        .li-unlimit-box .liunlimit-r .cont .pic p {
          font-size: 60px;
          font-family: Open Sans-ExtraBold, Open Sans;
          font-weight: 800;
          color: #FF6E30;
          line-height: 60px; }
        .li-unlimit-box .liunlimit-r .cont .pic b {
          font-size: 16px;
          font-family: Heebo-Regular, Heebo;
          font-weight: 400;
          color: #55687D;
          line-height: 26px;
          margin-left: 4px;
          margin-right: 20px; }
        .li-unlimit-box .liunlimit-r .cont .pic .old {
          font-size: 30px;
          font-family: Open Sans-SemiBold, Open Sans;
          font-weight: 600;
          color: #FF6E30;
          line-height: 30px;
          position: relative; }
          .li-unlimit-box .liunlimit-r .cont .pic .old::after {
            content: '';
            display: block;
            width: 100%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 6px;
            background-color: rgba(255, 168, 0, 0.6); }
      .li-unlimit-box .liunlimit-r .cont .unlimit-ul {
        margin-top: 25px;
        margin-bottom: 25px; }
        .li-unlimit-box .liunlimit-r .cont .unlimit-ul .unli-li {
          display: flex;
          align-items: center;
          margin-bottom: 12px; }
          .li-unlimit-box .liunlimit-r .cont .unlimit-ul .unli-li:nth-last-of-type(1) {
            margin-bottom: 0; }
          .li-unlimit-box .liunlimit-r .cont .unlimit-ul .unli-li p {
            font-size: 17px;
            font-family: Open Sans-Light, Open Sans;
            font-weight: 300;
            color: #042040;
            line-height: 23px;
            margin-left: 4px; }
      .li-unlimit-box .liunlimit-r .cont .ipchanger-btn {
        height: 48px;
        justify-content: center;
        font-size: 16px;
        font-family: Heebo-Bold, Heebo;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 19px; }
      .li-unlimit-box .liunlimit-r .cont .b-type {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px; }
        .li-unlimit-box .liunlimit-r .cont .b-type .type-box {
          display: flex;
          align-items: center; }
          .li-unlimit-box .liunlimit-r .cont .b-type .type-box img {
            width: 36px;
            margin-right: 6px; }
          .li-unlimit-box .liunlimit-r .cont .b-type .type-box .type-more {
            font-size: 18px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #55687D;
            line-height: 18px; }
        .li-unlimit-box .liunlimit-r .cont .b-type .txt {
          font-size: 14px;
          font-family: Ubuntu-Regular, Ubuntu;
          font-weight: 400;
          color: #FF8822;
          line-height: 16px; }

.refer_friend {
  position: relative; }
  .refer_friend .banner {
    height: 640px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-image: url("../img/refer/banner.svg");
    position: relative;
    overflow: hidden; }
    .refer_friend .banner .banimg_r {
      position: absolute;
      right: 0;
      bottom: -22px; }
    .refer_friend .banner .banimg_l {
      width: 265px;
      height: 265px;
      border-radius: 50%;
      border-bottom-left-radius: 0px;
      position: absolute;
      left: -70px;
      bottom: 0;
      background-color: #FFF3EA;
      background-repeat: no-repeat;
      background-position: center right;
      background-image: url("../img/refer/ban_l.svg"); }
    .refer_friend .banner .cont {
      display: flex;
      align-items: center;
      justify-content: space-between;
      z-index: 1;
      position: relative; }
      .refer_friend .banner .cont .conl {
        width: 540px; }
        .refer_friend .banner .cont .conl h1 {
          font-size: 60px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 70px;
          margin-bottom: 20px;
          margin-top: 110px; }
        .refer_friend .banner .cont .conl h4 {
          font-size: 22px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #55687D;
          line-height: 35px;
          margin-bottom: 40px; }
        .refer_friend .banner .cont .conl .urlbox {
          display: flex; }
          .refer_friend .banner .cont .conl .urlbox input {
            width: 337px;
            height: 51px;
            border: 1px dashed #FF6E30;
            padding: 0 20px;
            background-color: transparent;
            color: #FF6E30;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px;
            font-family: Ubuntu-Regular, Ubuntu;
            font-weight: 400;
            color: #FF6E30;
            line-height: 19px; }
          .refer_friend .banner .cont .conl .urlbox .btn {
            flex: none;
            padding: 0 20px;
            min-width: 163px;
            height: 51px;
            background-color: #FF6E30;
            border-radius: 0px 4px 4px 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-family: Ubuntu-Regular, Ubuntu;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 23px;
            cursor: pointer; }
            .refer_friend .banner .cont .conl .urlbox .btn:hover {
              background-color: #FF7F48;
              box-shadow: 0 4px 4px rgba(255, 110, 48, 0.25); }
      .refer_friend .banner .cont .conr {
        margin-top: 122px; }
  .refer_friend .refer-info {
    background-color: #FFEFE2;
    position: relative;
    height: 70px; }
    .refer_friend .refer-info .cont {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      height: 140px;
      background-color: #FFFFFF;
      box-shadow: 0px 3px 8px 0px rgba(162, 180, 202, 0.1);
      border-radius: 16px;
      border: 1px solid #F0F4F5;
      padding: 0 25px;
      padding-left: 50px;
      overflow: hidden; }
      .refer_friend .refer-info .cont .icon {
        position: absolute;
        bottom: -28px;
        left: -26px;
        background-color: #FFDDBF;
        border-radius: 112px;
        width: 130px;
        height: 130px;
        background-repeat: no-repeat;
        background-position: top right;
        background-color: #FEF6F2;
        background-image: url("../img/refer/romfpocpm.svg");
        z-index: -1; }
      .refer_friend .refer-info .cont .l {
        display: flex;
        align-items: center; }
        .refer_friend .refer-info .cont .l > img {
          width: 52px; }
        .refer_friend .refer-info .cont .l .li {
          padding-left: 40px;
          border-left: 1px solid #FFDCCD;
          margin-left: 90px; }
          .refer_friend .refer-info .cont .l .li p {
            font-size: 44px;
            font-family: Ubuntu-Bold, Ubuntu;
            font-weight: bold;
            color: #FF6E30;
            line-height: 44px;
            margin-bottom: 6px; }
          .refer_friend .refer-info .cont .l .li span {
            font-size: 16px;
            font-family: Ubuntu-Light, Ubuntu;
            font-weight: 300;
            color: #55687D;
            line-height: 16px; }
      .refer_friend .refer-info .cont .r {
        display: flex;
        align-items: center;
        cursor: pointer;
        background-color: #FF6E30;
        border-radius: 4px 4px 4px 4px;
        height: 51px;
        padding: 0 20px; }
        .refer_friend .refer-info .cont .r:hover {
          background-color: #FF7F48;
          box-shadow: 0 4px 4px rgba(255, 110, 48, 0.25); }
        .refer_friend .refer-info .cont .r p {
          margin-right: 8px;
          font-size: 18px;
          font-family: Open Sans-Light, Open Sans;
          font-weight: 300;
          color: #ffffff;
          line-height: 30px; }
  .refer_friend .people {
    box-shadow: 0px 18px 26px 0px rgba(162, 181, 202, 0.15); }
    .refer_friend .people .tli {
      display: flex;
      align-items: center; }
      .refer_friend .people .tli div:nth-of-type(2) {
        border-right: 2px solid #FAFAFA; }
    .refer_friend .people .tli1 {
      height: 80px; }
      .refer_friend .people .tli1 > div {
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: center;
        font-size: 24px;
        font-family: Poppins-SemiBold, Poppins;
        font-weight: 600;
        color: #042040;
        line-height: 24px; }
    .refer_friend .people .tli2 {
      background-color: #FBFBFB;
      height: 58px; }
      .refer_friend .people .tli2 > div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px;
        height: 100%;
        font-size: 18px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #55687D;
        line-height: 22px; }
        .refer_friend .people .tli2 > div.p1 {
          justify-content: flex-start; }
    .refer_friend .people .tli3 {
      background-color: #FFF2EA;
      height: 96px;
      border-radius: 7px 7px 7px 7px;
      opacity: 1;
      border: 4px solid #FF6E30; }
      .refer_friend .people .tli3 > div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px;
        height: 100%; }
        .refer_friend .people .tli3 > div.p1 {
          justify-content: flex-start;
          width: 374px; }
      .refer_friend .people .tli3 .p2 {
        font-size: 50px;
        font-family: Open Sans-Bold, Open Sans;
        font-weight: bold;
        color: #FF6E30;
        line-height: 60px;
        padding-left: 80px; }
        .refer_friend .people .tli3 .p2 span {
          font-size: 22px;
          line-height: 27px;
          margin-top: 18px; }
        .refer_friend .people .tli3 .p2 i {
          display: block;
          width: 40px;
          height: 40px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/refer/people.svg");
          margin-left: 5px; }
    .refer_friend .people .p1 {
      flex: none;
      width: 378px;
      border-right: 2px solid #FAFAFA;
      font-size: 18px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #55687D;
      line-height: 22px; }
    .refer_friend .people .p2 {
      width: 440px; }
  .refer_friend .int-spansty {
    text-align: center; }
  .refer_friend .works {
    padding-top: 70px;
    padding-bottom: 142px;
    position: relative; }
    .refer_friend .works .ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 90px; }
      .refer_friend .works .ul .li {
        width: 340px; }
        .refer_friend .works .ul .li p {
          font-size: 24px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 28px;
          padding-top: 15px;
          padding-bottom: 10px; }
        .refer_friend .works .ul .li span {
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 300;
          color: #55687D;
          line-height: 27px; }
  .refer_friend .event {
    margin-bottom: 105px; }
    .refer_friend .event .tit {
      height: 126px;
      background-color: #ECF1F8;
      border-radius: 16px 16px 0px 0px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 40px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #042040;
      line-height: 47px; }
    .refer_friend .event .evul {
      padding: 0 60px 43px;
      background-color: #F9FCFF;
      border-radius: 0px 0px 16px 16px; }
      .refer_friend .event .evul .li {
        padding: 17px 0;
        border-bottom: 1px dashed #D7E4F9;
        font-size: 20px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #55687D;
        line-height: 33px;
        display: flex; }
        .refer_friend .event .evul .li span {
          margin-left: 3px; }
        .refer_friend .event .evul .li:nth-of-type(1) {
          border-bottom: none; }
        .refer_friend .event .evul .li b {
          display: inline;
          font-family: Open Sans-Bold, Open Sans; }
  .refer_friend .where {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/refer/where.svg"); }
    .refer_friend .where h2 {
      font-size: 48px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 48px; }
    .refer_friend .where h4 {
      font-size: 22px;
      font-family: Ubuntu-Light, Ubuntu;
      font-weight: 300;
      color: #FFFFFF;
      line-height: 26px;
      margin: 25px 0; }
    .refer_friend .where .btn {
      height: 55px;
      background-color: #FFFFFF;
      border-radius: 4px;
      display: flex;
      align-items: center;
      padding: 0 74px;
      font-size: 20px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      cursor: pointer;
      color: #0E6FDE;
      line-height: 23px; }
  .refer_friend .referimg1 {
    position: absolute;
    top: 1350px;
    right: 0px;
    z-index: -1; }
  .refer_friend .referimg2 {
    position: absolute;
    top: 2043px;
    left: 0px;
    z-index: -1; }
  .refer_friend .referimg3 {
    position: absolute;
    top: 97px;
    right: -66px;
    z-index: -1; }

.country {
  padding-top: 100px; }
  .country .banner {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/index/country_bg.svg");
    background-size: cover;
    height: 308px;
    padding-top: 50px; }
    .country .banner .cont {
      width: 930px;
      margin: 0 auto; }
    .country .banner h1 {
      font-size: 40px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #15357A;
      line-height: 47px;
      margin-bottom: 38px;
      text-align: center; }
    .country .banner .serchbox {
      display: flex;
      align-items: center; }
      .country .banner .serchbox .input-box {
        position: relative;
        display: flex; }
        .country .banner .serchbox .input-box > img {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 20px; }
        .country .banner .serchbox .input-box input {
          width: 769px;
          height: 48px;
          border: 2px solid #0E6FDE;
          padding-left: 46px;
          padding-right: 170px;
          border-radius: 4px;
          overflow: hidden;
          font-size: 16px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #042040;
          line-height: 16px; }
          .country .banner .serchbox .input-box input::placeholder {
            color: #94A3B8; }
        .country .banner .serchbox .input-box .btn {
          position: absolute;
          right: 0;
          top: 0;
          border-radius: 0 4px 4px 0;
          background-color: #0E6FDE; }
          .country .banner .serchbox .input-box .btn:hover {
            background-color: #16396c; }
      .country .banner .serchbox .btn {
        display: flex;
        align-items: center;
        height: 48px;
        padding: 0 55px;
        font-size: 16px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #FFFFFF;
        background-color: #FF8822;
        line-height: 19px;
        cursor: pointer;
        border-radius: 4px; }
        .country .banner .serchbox .btn:hover {
          background-color: #FF7C0D; }
  .country .count-tablebox {
    width: 930px;
    margin: 0 auto;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 16px 0px rgba(162, 180, 202, 0.3);
    border-radius: 10px 10px 10px 10px;
    padding: 25px 30px;
    z-index: 1;
    margin-top: -77px;
    margin-bottom: 77px; }
    .country .count-tablebox .table {
      border: 1px solid #EAEFF9;
      border-radius: 4px; }
      .country .count-tablebox .table .tr {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #EAEFF9; }
        .country .count-tablebox .table .tr:nth-last-of-type(1) {
          border-bottom: none; }
        .country .count-tablebox .table .tr .th,
        .country .count-tablebox .table .tr .td {
          border-right: 1px solid #EAEFF9;
          display: flex;
          align-items: center;
          padding-left: 50px; }
          .country .count-tablebox .table .tr .th:nth-of-type(1),
          .country .count-tablebox .table .tr .td:nth-of-type(1) {
            width: 110px; }
          .country .count-tablebox .table .tr .th:nth-of-type(2),
          .country .count-tablebox .table .tr .td:nth-of-type(2) {
            width: 350px; }
          .country .count-tablebox .table .tr .th:nth-of-type(3),
          .country .count-tablebox .table .tr .td:nth-of-type(3) {
            width: 410px;
            border-right: none; }
        .country .count-tablebox .table .tr .th {
          height: 52px;
          background-color: #ECF1F8;
          font-size: 16px;
          font-family: Open Sans-SemiBold, Open Sans;
          font-weight: 600;
          color: #042040;
          line-height: 19px;
          border-right: 1px solid #DEE3EC; }
        .country .count-tablebox .table .tr .td {
          height: 43px;
          font-size: 14px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #042040;
          line-height: 16px; }

.pag-box {
  display: flex;
  justify-content: flex-end;
  margin-top: 23px; }

.el-pager li {
  font-size: 14px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #718494;
  line-height: 30px;
  padding: 0;
  min-width: 30px;
  margin-left: 6px; }
  .el-pager li:nth-last-of-type(1) {
    margin-right: 6px; }
  .el-pager li.active {
    color: #22264B;
    background-color: #F5F7F9;
    border-radius: 48px; }
  .el-pager li:hover {
    color: #22264B; }

.el-pagination button {
  color: #718494; }
  .el-pagination button:hover {
    color: #22264B; }

.blog-infoli-box {
  margin-top: 50px;
  margin-bottom: 50px; }
  .blog-infoli-box .tit {
    padding-bottom: 18px;
    border-bottom: 1px dashed #eff2f5; }
  .blog-infoli-box .li {
    display: flex;
    align-items: center;
    margin-top: 15px; }
    .blog-infoli-box .li:hover .txt-box p {
      color: #009ef7; }
    .blog-infoli-box .li img {
      margin-right: 15px;
      width: 160px;
      border-radius: 4px; }
    .blog-infoli-box .li .txt-box p {
      font-size: 16px;
      font-weight: 600;
      color: #181c32;
      line-height: 21px;
      margin-bottom: 25px; }
    .blog-infoli-box .li .txt-box span {
      font-size: 16px;
      font-weight: 600;
      color: #5e6278; }
      .blog-infoli-box .li .txt-box span i {
        color: #a1a5b7; }

.blog-next-box {
  position: relative;
  height: 132px; }
  .blog-next-box .blog-next {
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
    .blog-next-box .blog-next .tit {
      padding-bottom: 15px;
      border-bottom: 1px dashed #eff2f5; }
    .blog-next-box .blog-next .li {
      display: flex;
      align-items: center;
      margin-top: 15px; }
      .blog-next-box .blog-next .li:hover .txt-box p {
        color: #009ef7; }
      .blog-next-box .blog-next .li img {
        margin-right: 15px; }
      .blog-next-box .blog-next .li .txt-box p {
        font-size: 16px;
        font-weight: 400;
        color: #181c32;
        line-height: 16px; }

.inve-box {
  position: fixed;
  bottom: 290px;
  right: 95px;
  width: 81px;
  height: 81px;
  cursor: pointer; }
  .inve-box .inve-box-close {
    transition: all 0.3s linear 0s;
    position: absolute;
    right: -50px;
    top: -45px;
    cursor: default; }
    .inve-box .inve-box-close:hover {
      transform: rotate(-90deg); }
  .inve-box .tips {
    width: 139px;
    height: 65px;
    position: absolute;
    top: -110px;
    right: -50px;
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    color: #FFFFFF;
    background: url("../img/footer/tips_bg.svg") no-repeat center; }
    .inve-box .tips p {
      transform: rotate(-4deg); }
  .inve-box .hand {
    position: absolute;
    right: 5px;
    top: -27px;
    z-index: -1;
    transform-origin: right bottom;
    animation: move 1s linear 0s infinite alternate; }
@keyframes move {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(7deg); } }
.aman-btn {
  display: flex;
  align-items: center;
  height: 35px;
  background-color: #0E6FDE;
  border-radius: 4px 4px 4px 4px;
  font-size: 14px;
  font-family: Open Sans-Regular, Open Sans;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
  padding: 0 15px;
  cursor: pointer;
  white-space: nowrap; }
  .aman-btn:hover {
    color: #fff;
    background: #16396c;
    box-shadow: 0px 4px 4px 1px rgba(22, 57, 108, 0.19); }
  .aman-btn.btn1 {
    background-color: #ffffff;
    color: #0E6FDE;
    border: 1px solid #0E6FDE; }
    .aman-btn.btn1:hover {
      color: #fff;
      background-color: #0E6FDE; }

.eamil-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 9; }
  .eamil-mask .eamil-box .eami-imgbox {
    margin-top: -214px;
    margin-left: 3px; }
  .eamil-mask .eamil-box .eamil-bg {
    width: 435px;
    height: 478px;
    opacity: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    align-items: flex-end; }
    .eamil-mask .eamil-box .eamil-bg .em-bg {
      position: relative;
      top: 248px; }
    .eamil-mask .eamil-box .eamil-bg::after {
      content: '';
      background: url("../img/footer/email_top.svg") no-repeat center;
      width: 430px;
      height: 215px;
      position: absolute;
      top: 268px;
      left: 5px; }
      .eamil-mask .eamil-box .eamil-bg::after {
        pointer-events: none; }
    .eamil-mask .eamil-box .eamil-bg img {
      position: relative;
      top: -43px;
      left: 2px; }
    .eamil-mask .eamil-box .eamil-bg .eamil-top {
      width: 200px;
      height: 200px;
      background: url("../img/footer/email_top.svg") no-repeat center; }
    .eamil-mask .eamil-box .eamil-bg .eamil-content {
      width: 364px;
      top: 64px;
      background: #FFFFFF;
      border-radius: 20px;
      padding: 20px 27px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      z-index: 0;
      position: relative; }
      .eamil-mask .eamil-box .eamil-bg .eamil-content .eamil-close {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0px;
        right: 0px !important;
        transition: all 0.5s linear 0s;
        margin-left: 375px; }
        .eamil-mask .eamil-box .eamil-bg .eamil-content .eamil-close:hover {
          transform: rotate(-90deg); }
      .eamil-mask .eamil-box .eamil-bg .eamil-content .text-box {
        margin-bottom: 15px; }
        .eamil-mask .eamil-box .eamil-bg .eamil-content .text-box h2 {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 100%;
          text-align: left;
          color: #042040;
          margin-bottom: 15px; }
        .eamil-mask .eamil-box .eamil-bg .eamil-content .text-box p {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 130%;
          color: #042040; }
        .eamil-mask .eamil-box .eamil-bg .eamil-content .text-box span {
          font-weight: 400;
          font-size: 14px;
          line-height: 130%;
          color: #FF6E30; }
      .eamil-mask .eamil-box .eamil-bg .eamil-content a {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 48px;
        padding: 12px 30px;
        gap: 10px;
        width: 194px;
        height: 48px;
        background: #FF6E30;
        border-radius: 4px;
        margin: 0 auto;
        color: #FFFFFF;
        margin-bottom: 135px;
        cursor: pointer; }

.left-advertising {
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000000; }
  .left-advertising.show {
    width: 100%;
    transform: translateX(0);
    background-color: rgba(0, 0, 0, 0.6); }
    .left-advertising.show .adv-cont {
      transform: translateX(0); }
      .left-advertising.show .adv-cont .cooper .arrow {
        background-image: url("../img/index/advertising_jt1.svg"); }
  .left-advertising .adv-cont {
    width: 215px;
    height: 100%;
    background-color: #D5E6FF;
    padding: 10px;
    padding-right: 5px;
    transform: translateX(-100%);
    transition: all .3s; }
    .left-advertising .adv-cont .cooper {
      position: absolute;
      left: 100%;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      display: flex;
      align-items: center; }
      .left-advertising .adv-cont .cooper .arrow {
        width: 23px;
        height: 92px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../img/index/advertising_jt.svg"); }
      .left-advertising .adv-cont .cooper .part {
        transform: translateX(-10px); }
    .left-advertising .adv-cont .adv-list {
      height: 100%;
      overflow-y: scroll;
      display: flex;
      padding-left: 3px;
      flex-direction: column;
      justify-content: center;
      overflow-x: auto; }
      .left-advertising .adv-cont .adv-list::-webkit-scrollbar {
        width: 3px;
        background-color: transparent; }
      .left-advertising .adv-cont .adv-list::-webkit-scrollbar-thumb {
        background-color: #55687D;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
      .left-advertising .adv-cont .adv-list .li {
        flex: none;
        display: block;
        width: 192px;
        margin-bottom: 10px; }
        .left-advertising .adv-cont .adv-list .li img {
          display: block;
          width: 100%; }

.countdown {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #042040; }
  .countdown span {
    font-family: 'Open Sans';
    color: #FD2BC9 !important;
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    position: relative; }
    .countdown span::after {
      height: 8px;
      width: calc(100% + 6px);
      background: rgba(253, 43, 201, 0.3);
      bottom: 3px;
      top: initial;
      content: '';
      position: absolute;
      z-index: -1;
      left: -3px;
      display: block; }

.flex-jc-center {
  justify-content: left;
  position: relative; }
  .flex-jc-center .buy_proxy {
    display: none;
    position: absolute;
    min-width: 207px;
    height: 37px;
    right: -451px;
    top: -51px;
    z-index: 10;
    border-radius: 51px 0px 0px 51px;
    border: 1px solid #74649B;
    border-right: none;
    background: linear-gradient(90deg, #391F76 1.21%, rgba(57, 31, 118, 0) 100%); }
    .flex-jc-center .buy_proxy > img {
      display: inline-block;
      margin-top: 11px;
      margin-left: 15px; }
    .flex-jc-center .buy_proxy span {
      font-family: "Open Sans";
      font-size: 15px;
      font-weight: 600;
      line-height: 15px;
      letter-spacing: 0em;
      text-align: center;
      color: #fff;
      line-height: 37px;
      position: relative;
      top: -3px; }

@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes arrow {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes jkit-animated-blinds-in {
  0% {
    height: 0; }
  100% {
    height: 84px; } }
@keyframes icon-bounce {
  0%,
	100%,
	20%,
	50%,
	80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }
@-webkit-keyframes icon-bounce {
  0%,
	100%,
	20%,
	50%,
	80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }
@-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(253, 167, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(253, 167, 0, 0); } }
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(253, 167, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(253, 167, 0, 0); } }
@-webkit-keyframes ripplemin {
  70% {
    box-shadow: 0 0 0 40px rgba(253, 167, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(253, 167, 0, 0); } }
@keyframes ripplemin {
  70% {
    box-shadow: 0 0 0 40px rgba(253, 167, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(253, 167, 0, 0); } }
.pay-cont {
  padding-top: 10px;
  padding-bottom: 150px;
  box-sizing: border-box;
  width: 100%; }
  .pay-cont .bottom-currey-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 100;
    margin-bottom: 30px; }
    .pay-cont .bottom-currey-content > p {
      color: #55687D;
      font-family: "Open Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 14px */ }
    .pay-cont .bottom-currey-content .change-currency {
      position: relative;
      width: 130px;
      height: 30px;
      padding: 10px 12px;
      align-items: center;
      gap: 5px;
      border-radius: 47px;
      background: rgba(4, 32, 64, 0.04);
      cursor: pointer; }
      .pay-cont .bottom-currey-content .change-currency > p {
        float: left;
        line-height: 11px; }
      .pay-cont .bottom-currey-content .change-currency > img {
        float: right;
        margin-top: -2px; }
      .pay-cont .bottom-currey-content .change-currency:hover {
        background: #fff; }
        .pay-cont .bottom-currey-content .change-currency:hover > .list {
          display: flex; }
      .pay-cont .bottom-currey-content .change-currency > .list {
        display: none;
        width: 100%;
        padding: 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        border-radius: 4px;
        border: 1px solid #EAEFF9;
        background: #FFF;
        position: absolute;
        left: 0;
        top: 30px;
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05);
        z-index: 9999999 !important; }
        .pay-cont .bottom-currey-content .change-currency > .list > p {
          width: 100%;
          position: relative;
          color: var(--PIA24-BK-02, #55687D);
          font-family: "Open Sans";
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 13px */
          padding: 5px; }
          .pay-cont .bottom-currey-content .change-currency > .list > p:hover {
            color: var(--PIA24-BK-01, #042040);
            border-radius: 2px;
            background: #F5F5F7; }
          .pay-cont .bottom-currey-content .change-currency > .list > p.active {
            color: var(--PIA24-BK-01, #042040); }
            .pay-cont .bottom-currey-content .change-currency > .list > p.active::after {
              display: block;
              content: "";
              width: 12px;
              height: 12px;
              position: absolute;
              right: 5px;
              top: 5px;
              background: url(../img/new_header/gou.svg) no-repeat center; }
  .pay-cont .day30 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px; }
    .pay-cont .day30 p {
      font-size: 26px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #042040;
      line-height: 26px; }
    .pay-cont .day30 .r {
      display: flex;
      align-items: center; }
      .pay-cont .day30 .r p {
        font-size: 20px;
        line-height: 21px; }
      .pay-cont .day30 .r img {
        margin-right: 10px; }
  .pay-cont .paycont-tit {
    color: #042040;
    font-size: 20px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    line-height: 100%; }
  .pay-cont .paycont-box {
    width: 1210px;
    margin: 0 auto; }
  .pay-cont .paycont-box,
  .pay-cont .paycont-wapbox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .pay-cont .paycont-box .paycont-l,
    .pay-cont .paycont-wapbox .paycont-l {
      position: relative;
      margin-right: 20px; }
      .pay-cont .paycont-box .paycont-l > div,
      .pay-cont .paycont-wapbox .paycont-l > div {
        margin-top: 15px; }
      .pay-cont .paycont-box .paycont-l .paytype-li,
      .pay-cont .paycont-wapbox .paycont-l .paytype-li {
        width: 820px;
        background-color: #FFF;
        border-radius: 4px;
        border: 1px solid #F4F4F5;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
        cursor: pointer;
        position: relative; }
        .pay-cont .paycont-box .paycont-l .paytype-li:nth-of-type(1),
        .pay-cont .paycont-wapbox .paycont-l .paytype-li:nth-of-type(1) {
          margin-top: 0; }
        .pay-cont .paycont-box .paycont-l .paytype-li .pay-li-cont,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .pay-li-cont {
          display: flex;
          flex-direction: column;
          z-index: 1;
          width: 100%;
          z-index: 2;
          padding: 20px;
          border-radius: 12px;
          position: relative; }
          .pay-cont .paycont-box .paycont-l .paytype-li .pay-li-cont .plc-cont,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li .pay-li-cont .plc-cont {
            display: flex;
            align-items: center;
            justify-content: space-between; }
        .pay-cont .paycont-box .paycont-l .paytype-li.active,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li.active {
          border: 1px solid #E9EEF2; }
          .pay-cont .paycont-box .paycont-l .paytype-li.active::after,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li.active::after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border: 4px solid #0E6FDE;
            box-sizing: border-box;
            border-radius: 10px; }
          .pay-cont .paycont-box .paycont-l .paytype-li.active .quan,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li.active .quan {
            border: 3px solid #042040; }
            .pay-cont .paycont-box .paycont-l .paytype-li.active .quan:after,
            .pay-cont .paycont-wapbox .paycont-l .paytype-li.active .quan:after {
              content: '';
              display: block;
              width: 18px;
              height: 15px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/pay_mode/quan_icon.svg");
              position: absolute;
              top: -3px;
              left: 2px; }
        .pay-cont .paycont-box .paycont-l .paytype-li .quan,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .quan {
          width: 20px;
          height: 20px;
          flex: none;
          border: 1px solid #D4D8DC;
          border-radius: 50%;
          position: relative; }
        .pay-cont .paycont-box .paycont-l .paytype-li .noservicejb,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .noservicejb {
          position: absolute;
          right: -30px;
          top: -34px;
          z-index: 99; }
          .pay-cont .paycont-box .paycont-l .paytype-li .noservicejb img,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li .noservicejb img {
            max-width: 133px; }
        .pay-cont .paycont-box .paycont-l .paytype-li .nofees,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .nofees {
          position: absolute;
          left: 110%;
          top: -13px;
          z-index: 99;
          width: 75px;
          height: 34px;
          padding-left: 10px;
          padding-top: 2px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img//index/pay_mode/nofees.svg");
          background-size: cover;
          font-family: 'Ubuntu';
          font-style: normal;
          font-size: 12px;
          line-height: 16px;
          color: #FFFFFF; }
        .pay-cont .paycont-box .paycont-l .paytype-li .pay-type,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .pay-type {
          display: flex;
          align-items: center; }
          .pay-cont .paycont-box .paycont-l .paytype-li .pay-type h4,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li .pay-type h4 {
            color: var(--PIA_BK-01, #042040);
            font-family: "Open Sans";
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 15px */
            text-transform: capitalize;
            position: relative;
            display: flex;
            align-items: center;
            position: relative;
            margin-left: 13px; }
            .pay-cont .paycont-box .paycont-l .paytype-li .pay-type h4 i,
            .pay-cont .paycont-wapbox .paycont-l .paytype-li .pay-type h4 i {
              display: flex;
              align-items: center;
              margin-left: 10px;
              min-width: 98px;
              height: 22px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/pay_mode/pay_type_jbbg.svg");
              background-size: cover;
              font-size: 14px;
              font-family: Ubuntu-Regular, Ubuntu;
              font-weight: 400;
              color: #FFFFFF;
              line-height: 16px;
              padding-left: 10px;
              padding-right: 5px;
              box-sizing: border-box;
              position: absolute;
              left: 100%;
              background-size: cover;
              z-index: 999;
              white-space: nowrap; }
            .pay-cont .paycont-box .paycont-l .paytype-li .pay-type h4 .newjb,
            .pay-cont .paycont-wapbox .paycont-l .paytype-li .pay-type h4 .newjb {
              position: absolute;
              right: -35px;
              top: -2px; }
        .pay-cont .paycont-box .paycont-l .paytype-li .type-box,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .type-box {
          display: flex;
          align-items: center; }
          .pay-cont .paycont-box .paycont-l .paytype-li .type-box img,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li .type-box img {
            height: 24px;
            margin-left: 6px; }
          .pay-cont .paycont-box .paycont-l .paytype-li .type-box .type-more,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li .type-box .type-more {
            font-size: 18px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #55687D;
            line-height: 18px; }
        .pay-cont .paycont-box .paycont-l .paytype-li .jb2,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .jb2 {
          display: none;
          position: absolute;
          right: -45px;
          top: -18px;
          z-index: 99;
          width: 130px;
          height: 89px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/index/activity/pay_type_jbbg2_n.svg");
          background-size: contain; }
        .pay-cont .paycont-box .paycont-l .paytype-li .jb3,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .jb3 {
          position: absolute;
          z-index: 99;
          top: -18px;
          width: 130px;
          height: 89px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
        .pay-cont .paycont-box .paycont-l .paytype-li .jb5,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li .jb5 {
          position: absolute;
          z-index: 99;
          left: calc(100% + 15px);
          padding: 4px;
          padding-top: 2px;
          background-color: #044934;
          color: #FFF;
          text-align: center;
          font-family: Open Sans;
          font-size: 13px;
          font-weight: 600;
          line-height: 100%;
          border-radius: 4px;
          white-space: nowrap; }
          .pay-cont .paycont-box .paycont-l .paytype-li .jb5::before,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li .jb5::before {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            position: absolute;
            left: -2px;
            top: 50%;
            background-color: #044934;
            transform: translateY(-50%) rotateZ(45deg); }
        .pay-cont .paycont-box .paycont-l .paytype-li.paytypeother-cont,
        .pay-cont .paycont-wapbox .paycont-l .paytype-li.paytypeother-cont {
          height: auto; }
          .pay-cont .paycont-box .paycont-l .paytype-li.paytypeother-cont .pay-li-cont,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li.paytypeother-cont .pay-li-cont {
            flex-direction: column; }
          .pay-cont .paycont-box .paycont-l .paytype-li.paytypeother-cont .other-cont-tit,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li.paytypeother-cont .other-cont-tit {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between; }
          .pay-cont .paycont-box .paycont-l .paytype-li.paytypeother-cont.active,
          .pay-cont .paycont-wapbox .paycont-l .paytype-li.paytypeother-cont.active {
            box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.15); }
      .pay-cont .paycont-box .paycont-l .cred-txt,
      .pay-cont .paycont-wapbox .paycont-l .cred-txt {
        display: flex;
        align-items: center;
        margin-bottom: 10px; }
        .pay-cont .paycont-box .paycont-l .cred-txt span,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt span {
          font-size: 14px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #55687D;
          line-height: 14px;
          display: inline-block; }
        .pay-cont .paycont-box .paycont-l .cred-txt i,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt i {
          display: block;
          width: 14px;
          height: 14px;
          background-image: url("../img/index/pay_mode/question.svg");
          background-repeat: no-repeat;
          background-position: center;
          margin-left: 8px;
          position: relative; }
          .pay-cont .paycont-box .paycont-l .cred-txt i:hover,
          .pay-cont .paycont-wapbox .paycont-l .cred-txt i:hover {
            background-image: url("../img/index/pay_mode/question1.svg"); }
            .pay-cont .paycont-box .paycont-l .cred-txt i:hover .cred-tc,
            .pay-cont .paycont-wapbox .paycont-l .cred-txt i:hover .cred-tc {
              display: block;
              animation: fadeIn linear .5s; }
          .pay-cont .paycont-box .paycont-l .cred-txt i .cred-tc,
          .pay-cont .paycont-wapbox .paycont-l .cred-txt i .cred-tc {
            position: absolute;
            bottom: 24px;
            background-color: #383C43;
            display: none;
            padding: 20px;
            left: 50%;
            transform: translateX(-50%); }
            .pay-cont .paycont-box .paycont-l .cred-txt i .cred-tc p,
            .pay-cont .paycont-wapbox .paycont-l .cred-txt i .cred-tc p {
              width: 210px;
              margin-top: 15px;
              color: #fff;
              text-align: center;
              font-size: 13px;
              font-weight: 500; }
            .pay-cont .paycont-box .paycont-l .cred-txt i .cred-tc .img-cardback,
            .pay-cont .paycont-wapbox .paycont-l .cred-txt i .cred-tc .img-cardback {
              width: 100px;
              height: 64px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/pay_mode/card-front.svg");
              margin: 0 auto; }
            .pay-cont .paycont-box .paycont-l .cred-txt i .cred-tc .img-cardfront,
            .pay-cont .paycont-wapbox .paycont-l .cred-txt i .cred-tc .img-cardfront {
              width: 100px;
              height: 64px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/pay_mode/card-front3.svg");
              margin: 0 auto; }
            .pay-cont .paycont-box .paycont-l .cred-txt i .cred-tc .img-cardfront3,
            .pay-cont .paycont-wapbox .paycont-l .cred-txt i .cred-tc .img-cardfront3 {
              width: 100px;
              height: 64px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/pay_mode/card-back.svg");
              margin: 0 auto; }
            .pay-cont .paycont-box .paycont-l .cred-txt i .cred-tc::after,
            .pay-cont .paycont-wapbox .paycont-l .cred-txt i .cred-tc::after {
              content: '';
              position: absolute;
              bottom: -7px;
              background-color: #383C43;
              left: 50%;
              width: 8px;
              height: 8px;
              transform: rotateZ(45deg) translateX(-50%); }
      .pay-cont .paycont-box .paycont-l .cred-txt2,
      .pay-cont .paycont-wapbox .paycont-l .cred-txt2 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 20px; }
        .pay-cont .paycont-box .paycont-l .cred-txt2 label,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt2 label {
          width: 48.5%; }
      .pay-cont .paycont-box .paycont-l .cred-txt3,
      .pay-cont .paycont-wapbox .paycont-l .cred-txt3 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .pay-cont .paycont-box .paycont-l .cred-txt3 .label1,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .label1 {
          width: 48.5%; }
          .pay-cont .paycont-box .paycont-l .cred-txt3 .label1 .searchable-select,
          .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .label1 .searchable-select {
            z-index: 1245; }
        .pay-cont .paycont-box .paycont-l .cred-txt3 .label2,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .label2 {
          width: 100%; }
        .pay-cont .paycont-box .paycont-l .cred-txt3 .label3,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .label3 {
          width: 48.5%; }
        .pay-cont .paycont-box .paycont-l .cred-txt3 .searchable-select,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .searchable-select {
          width: 100%;
          min-height: 42px;
          border: 1px solid rgba(189, 201, 216, 0.8);
          display: flex;
          box-shadow: 0px 2px 3px 1px rgba(225, 225, 225, 0.8);
          align-items: center;
          border-radius: 4px; }
          .pay-cont .paycont-box .paycont-l .cred-txt3 .searchable-select.error,
          .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .searchable-select.error {
            border: 1px solid #f64f64; }
        .pay-cont .paycont-box .paycont-l .cred-txt3 .searchable-select-holder,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .searchable-select-holder {
          border: none;
          background-color: transparent;
          box-shadow: none;
          padding: 0 18px;
          min-height: 40px;
          width: 100%;
          display: flex;
          align-items: center; }
        .pay-cont .paycont-box .paycont-l .cred-txt3 .searchable-select-dropdown,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .searchable-select-dropdown {
          top: 38px;
          border: 1px solid rgba(189, 201, 216, 0.8);
          border-top: none;
          box-sizing: border-box;
          width: calc(100% + 2px);
          left: -1px; }
        .pay-cont .paycont-box .paycont-l .cred-txt3 .searchable-select-items,
        .pay-cont .paycont-wapbox .paycont-l .cred-txt3 .searchable-select-items {
          max-height: 220px; }
      .pay-cont .paycont-box .paycont-l .cred-input,
      .pay-cont .paycont-wapbox .paycont-l .cred-input {
        width: 100%;
        min-height: 42px;
        border: 1px solid rgba(189, 201, 216, 0.8);
        display: flex;
        box-shadow: 0px 2px 3px 1px rgba(225, 225, 225, 0.8);
        align-items: center;
        padding: 0 18px;
        border-radius: 4px; }
        .pay-cont .paycont-box .paycont-l .cred-input.error,
        .pay-cont .paycont-wapbox .paycont-l .cred-input.error {
          border: 2px solid #f64f64; }
      .pay-cont .paycont-box .paycont-l .cred-error,
      .pay-cont .paycont-wapbox .paycont-l .cred-error {
        color: #f64f64;
        font-size: 14px;
        margin-top: 10px; }
      .pay-cont .paycont-box .paycont-l .aman-btn,
      .pay-cont .paycont-wapbox .paycont-l .aman-btn {
        width: 180px;
        height: 44px;
        justify-content: center;
        font-size: 15px;
        font-family: Open Sans-SemiBold, Open Sans;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 18px; }
        .pay-cont .paycont-box .paycont-l .aman-btn:hover,
        .pay-cont .paycont-wapbox .paycont-l .aman-btn:hover {
          background: #16396c;
          box-shadow: 0px 4px 4px 1px rgba(22, 57, 108, 0.19); }
      .pay-cont .paycont-box .paycont-l .i-required,
      .pay-cont .paycont-wapbox .paycont-l .i-required {
        color: #F52737;
        margin-right: 2px;
        line-height: 100%; }
      .pay-cont .paycont-box .paycont-l .buysubmit,
      .pay-cont .paycont-wapbox .paycont-l .buysubmit {
        font-size: 13px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #55687D;
        line-height: 20px;
        margin-top: 10px; }
        .pay-cont .paycont-box .paycont-l .buysubmit a,
        .pay-cont .paycont-wapbox .paycont-l .buysubmit a {
          color: #0E6FDE;
          display: inline-block;
          border-bottom: 1px solid rgba(14, 111, 222, 0.4);
          line-height: 11px; }
    .pay-cont .paycont-box .other-cont,
    .pay-cont .paycont-wapbox .other-cont {
      width: 100%;
      overflow: hidden;
      padding-top: 0;
      margin-top: 0;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      position: relative;
      z-index: 5; }
      .pay-cont .paycont-box .other-cont .other-type-li,
      .pay-cont .paycont-wapbox .other-cont .other-type-li {
        min-width: 167px;
        border-radius: 36px;
        border: 1px solid #E5E8EC;
        background: #FFF;
        display: flex;
        min-width: 167px;
        height: 44px;
        padding: 10px 18px;
        align-items: center;
        justify-content: space-between; }
        .pay-cont .paycont-box .other-cont .other-type-li:hover,
        .pay-cont .paycont-wapbox .other-cont .other-type-li:hover {
          border: 1px solid #E5E8EC;
          background: #F6FAFF; }
        .pay-cont .paycont-box .other-cont .other-type-li.active,
        .pay-cont .paycont-wapbox .other-cont .other-type-li.active {
          border-radius: 36px;
          border: 2px solid #0E6FDE;
          background: #F6FAFF; }
          .pay-cont .paycont-box .other-cont .other-type-li.active .txt > i.select_1,
          .pay-cont .paycont-wapbox .other-cont .other-type-li.active .txt > i.select_1 {
            display: block; }
          .pay-cont .paycont-box .other-cont .other-type-li.active .txt > i.select_2,
          .pay-cont .paycont-wapbox .other-cont .other-type-li.active .txt > i.select_2 {
            display: none; }
        .pay-cont .paycont-box .other-cont .other-type-li > img,
        .pay-cont .paycont-wapbox .other-cont .other-type-li > img {
          height: 24px;
          margin-left: 6px; }
        .pay-cont .paycont-box .other-cont .other-type-li .txt,
        .pay-cont .paycont-wapbox .other-cont .other-type-li .txt {
          display: flex;
          align-items: center;
          margin-right: 10px;
          color: var(--PIA_BK-01, #042040); }
          .pay-cont .paycont-box .other-cont .other-type-li .txt h4,
          .pay-cont .paycont-wapbox .other-cont .other-type-li .txt h4 {
            font-family: "Open Sans";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 14px */ }
          .pay-cont .paycont-box .other-cont .other-type-li .txt > i,
          .pay-cont .paycont-wapbox .other-cont .other-type-li .txt > i {
            display: none;
            margin-right: 5px; }
            .pay-cont .paycont-box .other-cont .other-type-li .txt > i.select_1,
            .pay-cont .paycont-wapbox .other-cont .other-type-li .txt > i.select_1 {
              display: none; }
            .pay-cont .paycont-box .other-cont .other-type-li .txt > i.select_2,
            .pay-cont .paycont-wapbox .other-cont .other-type-li .txt > i.select_2 {
              display: block; }
          .pay-cont .paycont-box .other-cont .other-type-li .txt p,
          .pay-cont .paycont-wapbox .other-cont .other-type-li .txt p {
            color: #042040;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            line-height: 100%; }
    .pay-cont .paycont-box .pay-li-slideUp,
    .pay-cont .paycont-wapbox .pay-li-slideUp {
      border-top: 1px dashed #DFDFDF;
      margin-top: 20px;
      padding-top: 20px;
      width: 100%;
      position: relative;
      z-index: 102;
      display: none; }
    .pay-cont .paycont-box .pay-btntop-txt,
    .pay-cont .paycont-wapbox .pay-btntop-txt {
      font-size: 16px;
      padding-bottom: 20px;
      color: #042040;
      line-height: 150%; }
    .pay-cont .paycont-box .copy-box,
    .pay-cont .paycont-wapbox .copy-box {
      display: flex;
      align-items: center;
      margin-top: 10px;
      position: relative; }
      .pay-cont .paycont-box .copy-box span,
      .pay-cont .paycont-wapbox .copy-box span {
        font-size: 13px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #2452B6;
        line-height: 15px;
        position: relative;
        word-break: break-all; }
        .pay-cont .paycont-box .copy-box span.fire,
        .pay-cont .paycont-wapbox .copy-box span.fire {
          width: 16px;
          height: 16px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/index/pay_mode/fire.svg");
          position: absolute;
          left: -19px;
          top: -2px; }
      .pay-cont .paycont-box .copy-box i,
      .pay-cont .paycont-wapbox .copy-box i {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("../img/index/icon_copy.svg");
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
        cursor: pointer; }
        .pay-cont .paycont-box .copy-box i:hover,
        .pay-cont .paycont-wapbox .copy-box i:hover {
          background-image: url("../img/index/icon_copy1.svg"); }
    .pay-cont .paycont-box .paycont-r,
    .pay-cont .paycont-wapbox .paycont-r {
      width: 370px;
      max-width: 809px;
      border-radius: 4px;
      border: 1px solid var(--PIA_BK-LIne02, #F4F4F5);
      background: #FFF;
      padding: 20px; }
      .pay-cont .paycont-box .paycont-r .tit,
      .pay-cont .paycont-wapbox .paycont-r .tit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
        border-bottom: 2px dashed #DFDFDF;
        margin-bottom: 30px; }
        .pay-cont .paycont-box .paycont-r .tit h4,
        .pay-cont .paycont-wapbox .paycont-r .tit h4 {
          font-size: 20px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: bold;
          color: #042040;
          line-height: 23px; }
        .pay-cont .paycont-box .paycont-r .tit .type-box,
        .pay-cont .paycont-wapbox .paycont-r .tit .type-box {
          display: flex;
          align-items: center; }
          .pay-cont .paycont-box .paycont-r .tit .type-box img,
          .pay-cont .paycont-wapbox .paycont-r .tit .type-box img {
            height: 24px;
            margin-right: 6px; }
            .pay-cont .paycont-box .paycont-r .tit .type-box img:nth-last-of-type(1),
            .pay-cont .paycont-wapbox .paycont-r .tit .type-box img:nth-last-of-type(1) {
              margin-right: 0; }
      .pay-cont .paycont-box .paycont-r .step-li,
      .pay-cont .paycont-wapbox .paycont-r .step-li {
        display: flex;
        margin-bottom: 15px; }
        .pay-cont .paycont-box .paycont-r .step-li .l,
        .pay-cont .paycont-wapbox .paycont-r .step-li .l {
          display: flex;
          align-items: center;
          height: 33px;
          padding-left: 10px;
          background: linear-gradient(90deg, #EAEFF9 0%, rgba(255, 255, 255, 0) 100%);
          font-size: 17px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: 600;
          color: #15357A;
          line-height: 20px; }
        .pay-cont .paycont-box .paycont-r .step-li p,
        .pay-cont .paycont-wapbox .paycont-r .step-li p {
          margin-top: 3px;
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #55687D;
          line-height: 28px;
          margin-left: 15px;
          position: relative; }
          .pay-cont .paycont-box .paycont-r .step-li p .howicon,
          .pay-cont .paycont-wapbox .paycont-r .step-li p .howicon {
            position: absolute;
            right: -25px;
            top: 50%;
            transform: translateY(-50%);
            width: 14px;
            height: 14px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/pay_mode/help_nor.svg");
            cursor: pointer; }
            .pay-cont .paycont-box .paycont-r .step-li p .howicon:hover,
            .pay-cont .paycont-wapbox .paycont-r .step-li p .howicon:hover {
              background-image: url("../img/index/pay_mode/help_nor1.svg"); }
              .pay-cont .paycont-box .paycont-r .step-li p .howicon:hover .how-box,
              .pay-cont .paycont-wapbox .paycont-r .step-li p .howicon:hover .how-box {
                display: block; }
            .pay-cont .paycont-box .paycont-r .step-li p .howicon .how-box,
            .pay-cont .paycont-wapbox .paycont-r .step-li p .howicon .how-box {
              display: none;
              position: absolute;
              width: 280px;
              background-color: #fff;
              left: 30px;
              top: 0;
              padding: 10px;
              border: 1px solid #e9ecf1;
              border-radius: 4px;
              font-size: 14px;
              font-family: Open Sans-Regular, Open Sans;
              font-weight: 400;
              color: #55687D;
              line-height: 16px; }
        .pay-cont .paycont-box .paycont-r .step-li .lang-steptit,
        .pay-cont .paycont-wapbox .paycont-r .step-li .lang-steptit {
          color: #042040;
          font-family: Open Sans-SemiBold, Open Sans;
          font-size: 16px;
          font-weight: 600;
          line-height: 100%; }
      .pay-cont .paycont-box .paycont-r .emailbox,
      .pay-cont .paycont-wapbox .paycont-r .emailbox {
        display: flex;
        align-items: center; }
        .pay-cont .paycont-box .paycont-r .emailbox .stepipt,
        .pay-cont .paycont-wapbox .paycont-r .emailbox .stepipt {
          flex: 1; }
      .pay-cont .paycont-box .paycont-r .virtual-type,
      .pay-cont .paycont-wapbox .paycont-r .virtual-type {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .pay-cont .paycont-box .paycont-r .virtual-type .virtyperadio,
        .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtyperadio {
          display: none; }
          .pay-cont .paycont-box .paycont-r .virtual-type .virtyperadio:checked + .virtype-label,
          .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtyperadio:checked + .virtype-label {
            border: 2px solid #FF8822;
            background-color: #FFF3E9; }
            .pay-cont .paycont-box .paycont-r .virtual-type .virtyperadio:checked + .virtype-label::after,
            .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtyperadio:checked + .virtype-label::after {
              border: none;
              background-image: url("../img/index/pay_mode/gou.png");
              background-repeat: no-repeat;
              background-position: center;
              background-size: contain; }
        .pay-cont .paycont-box .paycont-r .virtual-type .virtype-label,
        .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtype-label {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 5px 18px;
          padding-left: 30px;
          position: relative;
          border: 2px solid #E5E8EC;
          border-radius: 4px;
          min-width: 135px;
          min-height: 50px;
          box-sizing: border-box;
          cursor: pointer;
          margin-right: 6px;
          margin-bottom: 10px; }
          .pay-cont .paycont-box .paycont-r .virtual-type .virtype-label:nth-of-type(5n),
          .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtype-label:nth-of-type(5n) {
            margin-right: 0; }
          .pay-cont .paycont-box .paycont-r .virtual-type .virtype-label:hover,
          .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtype-label:hover {
            box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); }
          .pay-cont .paycont-box .paycont-r .virtual-type .virtype-label p,
          .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtype-label p {
            margin-right: 5px; }
          .pay-cont .paycont-box .paycont-r .virtual-type .virtype-label img,
          .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtype-label img {
            margin-left: 5px; }
          .pay-cont .paycont-box .paycont-r .virtual-type .virtype-label::after,
          .pay-cont .paycont-wapbox .paycont-r .virtual-type .virtype-label::after {
            content: '';
            display: block;
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            opacity: 1;
            border: 2px solid #DDDFE7;
            border-radius: 50%;
            box-sizing: border-box; }
      .pay-cont .paycont-box .paycont-r .emtpayment-addres,
      .pay-cont .paycont-wapbox .paycont-r .emtpayment-addres {
        display: flex;
        align-items: center;
        height: 50px; }
        .pay-cont .paycont-box .paycont-r .emtpayment-addres .iptbox,
        .pay-cont .paycont-wapbox .paycont-r .emtpayment-addres .iptbox {
          width: 100%;
          height: 100%; }
        .pay-cont .paycont-box .paycont-r .emtpayment-addres input,
        .pay-cont .paycont-wapbox .paycont-r .emtpayment-addres input {
          width: 100%;
          height: 100%;
          background-color: #FFFFFF;
          border-radius: 4px;
          border: 1px solid rgba(189, 201, 216, 0.8);
          padding: 0 18px;
          color: #042040;
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          line-height: 15px;
          text-overflow: ellipsis;
          overflow: hidden; }
          .pay-cont .paycont-box .paycont-r .emtpayment-addres input::placeholder,
          .pay-cont .paycont-wapbox .paycont-r .emtpayment-addres input::placeholder {
            color: #9DA4B2; }
          .pay-cont .paycont-box .paycont-r .emtpayment-addres input.error,
          .pay-cont .paycont-wapbox .paycont-r .emtpayment-addres input.error {
            border: 1px solid #f64f64; }
        .pay-cont .paycont-box .paycont-r .emtpayment-addres .btn-box,
        .pay-cont .paycont-wapbox .paycont-r .emtpayment-addres .btn-box {
          width: 200px;
          flex: none;
          margin-top: 0; }
          .pay-cont .paycont-box .paycont-r .emtpayment-addres .btn-box .aman-btn,
          .pay-cont .paycont-wapbox .paycont-r .emtpayment-addres .btn-box .aman-btn {
            height: 50px; }
      .pay-cont .paycont-box .paycont-r .code-box,
      .pay-cont .paycont-wapbox .paycont-r .code-box {
        background-color: #F9F9FC;
        padding: 15px;
        padding-left: 83px;
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .pay-cont .paycont-box .paycont-r .code-box .code-img,
        .pay-cont .paycont-wapbox .paycont-r .code-box .code-img {
          width: 141px;
          height: 141px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/index/pay_mode/codebg.svg");
          margin-right: 60px; }
          .pay-cont .paycont-box .paycont-r .code-box .code-img .cimg-box,
          .pay-cont .paycont-wapbox .paycont-r .code-box .code-img .cimg-box {
            width: 130px;
            height: 130px;
            padding: 5px;
            background-color: #fff; }
        .pay-cont .paycont-box .paycont-r .code-box .code-money,
        .pay-cont .paycont-wapbox .paycont-r .code-box .code-money {
          width: 141px;
          height: 26px;
          background-color: #01C195;
          margin-top: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          font-family: Open Sans-SemiBold, Open Sans;
          font-weight: 600;
          color: #FFFFFF;
          line-height: 16px; }
        .pay-cont .paycont-box .paycont-r .code-box .addred-box .cto,
        .pay-cont .paycont-wapbox .paycont-r .code-box .addred-box .cto {
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #042040;
          line-height: 15px;
          margin-bottom: 10px; }
      .pay-cont .paycont-box .paycont-r .stop,
      .pay-cont .paycont-wapbox .paycont-r .stop {
        font-size: 12px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #f64f64;
        line-height: 12px; }
      .pay-cont .paycont-box .paycont-r .stepipt,
      .pay-cont .paycont-wapbox .paycont-r .stepipt {
        display: flex;
        align-items: center;
        position: relative; }
        .pay-cont .paycont-box .paycont-r .stepipt > p,
        .pay-cont .paycont-wapbox .paycont-r .stepipt > p {
          width: 120px;
          margin-right: 10px;
          text-align: right; }
        .pay-cont .paycont-box .paycont-r .stepipt input,
        .pay-cont .paycont-wapbox .paycont-r .stepipt input {
          width: 100%;
          height: 40px;
          background-color: #FFFFFF;
          border-radius: 4px;
          border: 1px solid rgba(189, 201, 216, 0.8);
          padding: 0 18px;
          color: #042040;
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          line-height: 15px;
          text-overflow: ellipsis;
          overflow: hidden; }
          .pay-cont .paycont-box .paycont-r .stepipt input::placeholder,
          .pay-cont .paycont-wapbox .paycont-r .stepipt input::placeholder {
            color: #9DA4B2; }
        .pay-cont .paycont-box .paycont-r .stepipt .aman-btn,
        .pay-cont .paycont-wapbox .paycont-r .stepipt .aman-btn {
          position: absolute;
          height: 40px;
          justify-content: center;
          min-width: 100px;
          right: 0;
          top: 0; }
      .pay-cont .paycont-box .paycont-r .virtual,
      .pay-cont .paycont-wapbox .paycont-r .virtual {
        padding: 15px 20px;
        background-color: #F9F9FC;
        margin-bottom: 15px;
        position: relative;
        z-index: 99;
        padding-left: 25px; }
        .pay-cont .paycont-box .paycont-r .virtual .li-box,
        .pay-cont .paycont-wapbox .paycont-r .virtual .li-box {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between; }
        .pay-cont .paycont-box .paycont-r .virtual .v-li > p,
        .pay-cont .paycont-wapbox .paycont-r .virtual .v-li > p {
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #042040;
          line-height: 15px; }
        .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box,
        .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box {
          display: flex;
          align-items: center;
          margin-top: 10px;
          position: relative; }
          .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box span,
          .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box span {
            font-size: 13px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #2452B6;
            line-height: 15px;
            position: relative;
            word-break: break-all; }
            .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box span.fire,
            .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box span.fire {
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/pay_mode/fire.svg");
              position: absolute;
              left: -19px;
              top: -2px; }
          .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box i,
          .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box i {
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("../img/index/icon_copy.svg");
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 10px;
            cursor: pointer; }
            .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box i:hover,
            .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box i:hover {
              background-image: url("../img/index/icon_copy1.svg"); }
          .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box .code-box,
          .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box .code-box {
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("../img/index/icon_code.svg");
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 10px;
            cursor: pointer;
            position: relative;
            z-index: 2; }
            .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box .code-box:hover,
            .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box .code-box:hover {
              background-image: url("../img/index/icon_code1.svg"); }
              .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box .code-box:hover .cont,
              .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box .code-box:hover .cont {
                display: block; }
            .pay-cont .paycont-box .paycont-r .virtual .v-li .copy-box .code-box .cont,
            .pay-cont .paycont-wapbox .paycont-r .virtual .v-li .copy-box .code-box .cont {
              position: absolute;
              left: 20px;
              top: 0;
              width: 150px;
              display: none;
              padding: 5px;
              border-radius: 4px;
              background-color: #fff;
              border: 1px solid #e9ecf1; }
      .pay-cont .paycont-box .paycont-r .virtual1btnbox .aman-btn,
      .pay-cont .paycont-wapbox .paycont-r .virtual1btnbox .aman-btn {
        padding: 10px 29px;
        box-sizing: border-box; }
        .pay-cont .paycont-box .paycont-r .virtual1btnbox .aman-btn.btn1,
        .pay-cont .paycont-wapbox .paycont-r .virtual1btnbox .aman-btn.btn1 {
          background-color: #ffffff;
          color: #0E6FDE; }
          .pay-cont .paycont-box .paycont-r .virtual1btnbox .aman-btn.btn1:hover,
          .pay-cont .paycont-wapbox .paycont-r .virtual1btnbox .aman-btn.btn1:hover {
            background-color: #0E6FDE;
            color: #fff; }
      .pay-cont .paycont-box .paycont-r .tax-box,
      .pay-cont .paycont-wapbox .paycont-r .tax-box {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 10px; }
      .pay-cont .paycont-box .paycont-r .prp1,
      .pay-cont .paycont-wapbox .paycont-r .prp1 {
        font-size: 16px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #55687D;
        line-height: 16px; }
        .pay-cont .paycont-box .paycont-r .prp1 .discoun_save,
        .pay-cont .paycont-wapbox .paycont-r .prp1 .discoun_save {
          color: #0856DC !important; }
      .pay-cont .paycont-box .paycont-r .prp2,
      .pay-cont .paycont-wapbox .paycont-r .prp2 {
        font-size: 26px;
        font-family: Open Sans-Bold, Open Sans;
        font-weight: bold;
        color: #042040;
        line-height: 26px; }
        .pay-cont .paycont-box .paycont-r .prp2 > div,
        .pay-cont .paycont-wapbox .paycont-r .prp2 > div {
          margin-top: 5px;
          color: var(--PIA24-BK-02, #55687D);
          text-align: right;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
      .pay-cont .paycont-box .paycont-r .discoun,
      .pay-cont .paycont-wapbox .paycont-r .discoun {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 15px;
        margin-top: 15px; }
      .pay-cont .paycont-box .paycont-r .discounall,
      .pay-cont .paycont-wapbox .paycont-r .discounall {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 15px;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dashed #DFDFDF; }
      .pay-cont .paycont-box .paycont-r .col-txt,
      .pay-cont .paycont-wapbox .paycont-r .col-txt {
        color: #0856DC !important; }
      .pay-cont .paycont-box .paycont-r .sav-box,
      .pay-cont .paycont-wapbox .paycont-r .sav-box {
        width: calc(100% + 10px);
        background-color: #F9F9FA;
        padding: 2px 0 17px;
        padding-right: 10px;
        margin-top: 15px; }
        .pay-cont .paycont-box .paycont-r .sav-box .tax-box,
        .pay-cont .paycont-wapbox .paycont-r .sav-box .tax-box {
          margin-top: 0; }
        .pay-cont .paycont-box .paycont-r .sav-box .numlist,
        .pay-cont .paycont-wapbox .paycont-r .sav-box .numlist {
          position: relative;
          cursor: pointer; }
          .pay-cont .paycont-box .paycont-r .sav-box .numlist:hover .ipNumList,
          .pay-cont .paycont-wapbox .paycont-r .sav-box .numlist:hover .ipNumList {
            display: block; }
          .pay-cont .paycont-box .paycont-r .sav-box .numlist .ipNumList,
          .pay-cont .paycont-wapbox .paycont-r .sav-box .numlist .ipNumList {
            display: none;
            min-width: 100px;
            padding: 15px;
            border-radius: 4px;
            box-shadow: 0px 2px 3px 1px rgba(225, 225, 225, 0.8);
            position: absolute;
            background-color: #fff;
            left: calc(100% + 20px);
            top: 50%;
            transform: translateY(-50%); }
            .pay-cont .paycont-box .paycont-r .sav-box .numlist .ipNumList .prp1,
            .pay-cont .paycont-wapbox .paycont-r .sav-box .numlist .ipNumList .prp1 {
              margin-bottom: 10px; }
              .pay-cont .paycont-box .paycont-r .sav-box .numlist .ipNumList .prp1:nth-last-of-type(1),
              .pay-cont .paycont-wapbox .paycont-r .sav-box .numlist .ipNumList .prp1:nth-last-of-type(1) {
                margin-bottom: 0; }
      .pay-cont .paycont-box .paycont-r .ordertotal,
      .pay-cont .paycont-wapbox .paycont-r .ordertotal {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 33px; }
        .pay-cont .paycont-box .paycont-r .ordertotal .l p,
        .pay-cont .paycont-wapbox .paycont-r .ordertotal .l p {
          font-size: 20px;
          font-family: Open Sans-SemiBold, Open Sans;
          font-weight: 600;
          color: #55687D;
          line-height: 20px;
          margin-bottom: 13px; }
        .pay-cont .paycont-box .paycont-r .ordertotal .l span,
        .pay-cont .paycont-wapbox .paycont-r .ordertotal .l span {
          font-size: 16px;
          font-family: Ubuntu-Regular, Ubuntu;
          font-weight: 400;
          color: #718DB3;
          line-height: 19px; }
        .pay-cont .paycont-box .paycont-r .ordertotal .mony,
        .pay-cont .paycont-wapbox .paycont-r .ordertotal .mony {
          font-size: 26px;
          font-family: Open Sans-Bold, Open Sans;
          font-weight: bold;
          color: #FF8822;
          line-height: 26px; }
          .pay-cont .paycont-box .paycont-r .ordertotal .mony i,
          .pay-cont .paycont-wapbox .paycont-r .ordertotal .mony i {
            line-height: 26px; }
      .pay-cont .paycont-box .paycont-r .hovqus-txt,
      .pay-cont .paycont-wapbox .paycont-r .hovqus-txt {
        display: flex;
        align-items: center; }
        .pay-cont .paycont-box .paycont-r .hovqus-txt img,
        .pay-cont .paycont-wapbox .paycont-r .hovqus-txt img {
          max-width: none; }
        .pay-cont .paycont-box .paycont-r .hovqus-txt i,
        .pay-cont .paycont-wapbox .paycont-r .hovqus-txt i {
          display: block;
          width: 14px;
          height: 14px;
          background-image: url("../img/index/pay_mode/question.svg");
          background-repeat: no-repeat;
          background-position: center;
          margin-left: 8px;
          position: relative; }
          .pay-cont .paycont-box .paycont-r .hovqus-txt i:hover,
          .pay-cont .paycont-wapbox .paycont-r .hovqus-txt i:hover {
            background-image: url("../img/index/pay_mode/question1.svg"); }
            .pay-cont .paycont-box .paycont-r .hovqus-txt i:hover .cred-tc,
            .pay-cont .paycont-wapbox .paycont-r .hovqus-txt i:hover .cred-tc {
              display: block;
              animation: fadeIn linear .5s; }
          .pay-cont .paycont-box .paycont-r .hovqus-txt i .cred-tc,
          .pay-cont .paycont-wapbox .paycont-r .hovqus-txt i .cred-tc {
            position: absolute;
            bottom: 24px;
            display: none;
            left: 50%;
            transform: translateX(-50%);
            display: none; }
      .pay-cont .paycont-box .paycont-r .contimue,
      .pay-cont .paycont-wapbox .paycont-r .contimue {
        font-size: 16px;
        font-family: Ubuntu-Regular, Ubuntu;
        font-weight: 400;
        color: #55687D;
        line-height: 16px;
        margin-top: 30px; }
      .pay-cont .paycont-box .paycont-r .type-box-big,
      .pay-cont .paycont-wapbox .paycont-r .type-box-big {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 540px;
        margin-bottom: 19px;
        padding-top: 20px; }
        .pay-cont .paycont-box .paycont-r .type-box-big img,
        .pay-cont .paycont-wapbox .paycont-r .type-box-big img {
          width: 70px;
          margin-right: 20px;
          margin-bottom: 19px; }
      .pay-cont .paycont-box .paycont-r .temp-other-cont,
      .pay-cont .paycont-wapbox .paycont-r .temp-other-cont {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 5px; }
        .pay-cont .paycont-box .paycont-r .temp-other-cont .li,
        .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li {
          padding: 0px 18px;
          padding-left: 40px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: relative;
          border: 2px solid #E5E8EC;
          border-radius: 4px;
          width: 48.5%;
          height: 50px;
          box-sizing: border-box;
          cursor: pointer;
          margin-top: 15px; }
          .pay-cont .paycont-box .paycont-r .temp-other-cont .li:nth-of-type(1), .pay-cont .paycont-box .paycont-r .temp-other-cont .li:nth-of-type(2),
          .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li:nth-of-type(1),
          .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li:nth-of-type(2) {
            margin-top: 0; }
          .pay-cont .paycont-box .paycont-r .temp-other-cont .li.active,
          .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li.active {
            border: 2px solid #FF8822;
            background-color: #FFF3E9; }
            .pay-cont .paycont-box .paycont-r .temp-other-cont .li.active::after,
            .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li.active::after {
              border: none;
              background-image: url("../img/index/pay_mode/gou.png");
              background-repeat: no-repeat;
              background-position: center; }
          .pay-cont .paycont-box .paycont-r .temp-other-cont .li:hover,
          .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li:hover {
            box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); }
          .pay-cont .paycont-box .paycont-r .temp-other-cont .li.li180::after,
          .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li.li180::after {
            transform: translateY(-50%) rotateY(180deg); }
          .pay-cont .paycont-box .paycont-r .temp-other-cont .li::after,
          .pay-cont .paycont-wapbox .paycont-r .temp-other-cont .li::after {
            content: '';
            display: block;
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            opacity: 1;
            border: 2px solid #DDDFE7;
            border-radius: 50%;
            box-sizing: border-box; }
      .pay-cont .paycont-box .paycont-r .btn-box,
      .pay-cont .paycont-wapbox .paycont-r .btn-box {
        margin-top: 30px; }
      .pay-cont .paycont-box .paycont-r .c-day30,
      .pay-cont .paycont-wapbox .paycont-r .c-day30 {
        display: flex;
        align-items: center;
        margin-top: 11px; }
        .pay-cont .paycont-box .paycont-r .c-day30 p,
        .pay-cont .paycont-wapbox .paycont-r .c-day30 p {
          font-size: 13px;
          font-family: Ubuntu-Regular, Ubuntu;
          font-weight: 400;
          color: #55687D;
          line-height: 15px;
          margin-left: 5px; }
    .pay-cont .paycont-box .uploadrec,
    .pay-cont .paycont-wapbox .uploadrec {
      display: flex;
      flex-wrap: wrap; }
      .pay-cont .paycont-box .uploadrec .upload-box,
      .pay-cont .paycont-wapbox .uploadrec .upload-box {
        width: 400px;
        height: 200px;
        background: #F8F9FB;
        border: 1px dashed #BFBFC1;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-right: 15px; }
        .pay-cont .paycont-box .uploadrec .upload-box .cont,
        .pay-cont .paycont-wapbox .uploadrec .upload-box .cont {
          width: 280px;
          height: 140px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          position: relative; }
          .pay-cont .paycont-box .uploadrec .upload-box .cont input,
          .pay-cont .paycont-wapbox .uploadrec .upload-box .cont input {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0; }
          .pay-cont .paycont-box .uploadrec .upload-box .cont.noupload,
          .pay-cont .paycont-wapbox .uploadrec .upload-box .cont.noupload {
            width: 100%;
            height: 100%; }
            .pay-cont .paycont-box .uploadrec .upload-box .cont.noupload input,
            .pay-cont .paycont-wapbox .uploadrec .upload-box .cont.noupload input {
              width: 100%;
              height: 100%; }
          .pay-cont .paycont-box .uploadrec .upload-box .cont.yesupload,
          .pay-cont .paycont-wapbox .uploadrec .upload-box .cont.yesupload {
            border-radius: 4px; }
            .pay-cont .paycont-box .uploadrec .upload-box .cont.yesupload img,
            .pay-cont .paycont-wapbox .uploadrec .upload-box .cont.yesupload img {
              width: 100%;
              height: 100%; }
            .pay-cont .paycont-box .uploadrec .upload-box .cont.yesupload:hover i,
            .pay-cont .paycont-wapbox .uploadrec .upload-box .cont.yesupload:hover i {
              display: block; }
            .pay-cont .paycont-box .uploadrec .upload-box .cont.yesupload i,
            .pay-cont .paycont-wapbox .uploadrec .upload-box .cont.yesupload i {
              display: none;
              width: 20px;
              height: 20px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/index/upload_close.svg");
              position: absolute;
              right: -10px;
              top: -8px;
              z-index: 5; }
          .pay-cont .paycont-box .uploadrec .upload-box .cont .p,
          .pay-cont .paycont-wapbox .uploadrec .upload-box .cont .p {
            font-family: Open Sans-Regular, Open Sans;
            font-size: 15px;
            line-height: 20px;
            color: #042040;
            margin-top: 20px;
            display: flex;
            align-items: center; }
            .pay-cont .paycont-box .uploadrec .upload-box .cont .p .span,
            .pay-cont .paycont-wapbox .uploadrec .upload-box .cont .p .span {
              color: #0E6FDE; }
      .pay-cont .paycont-box .uploadrec .upload-txt,
      .pay-cont .paycont-wapbox .uploadrec .upload-txt {
        font-family: Open Sans-Regular, Open Sans;
        padding-top: 10px;
        max-width: 270px; }
        .pay-cont .paycont-box .uploadrec .upload-txt p,
        .pay-cont .paycont-wapbox .uploadrec .upload-txt p {
          font-size: 15px;
          line-height: 150%;
          color: #042040;
          margin-bottom: 5px; }
        .pay-cont .paycont-box .uploadrec .upload-txt span,
        .pay-cont .paycont-wapbox .uploadrec .upload-txt span {
          display: flex;
          align-items: flex-start;
          font-size: 14px;
          line-height: 150%;
          color: #55687D; }
          .pay-cont .paycont-box .uploadrec .upload-txt span i,
          .pay-cont .paycont-wapbox .uploadrec .upload-txt span i {
            font-weight: 700;
            margin: 0 5px; }
    .pay-cont .paycont-box .benefic-info-box,
    .pay-cont .paycont-wapbox .benefic-info-box {
      background-color: #F9F9FC;
      padding: 15px 20px; }
      .pay-cont .paycont-box .benefic-info-box .li,
      .pay-cont .paycont-wapbox .benefic-info-box .li {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .pay-cont .paycont-box .benefic-info-box .li .l,
        .pay-cont .paycont-wapbox .benefic-info-box .li .l {
          width: 50%;
          margin-bottom: 15px;
          display: flex;
          align-content: center; }
          .pay-cont .paycont-box .benefic-info-box .li .l:nth-last-of-type(1),
          .pay-cont .paycont-wapbox .benefic-info-box .li .l:nth-last-of-type(1) {
            margin-bottom: 0; }
          .pay-cont .paycont-box .benefic-info-box .li .l .copy-box,
          .pay-cont .paycont-wapbox .benefic-info-box .li .l .copy-box {
            margin-top: 0;
            max-width: 60%;
            place-content: 26px; }
            .pay-cont .paycont-box .benefic-info-box .li .l .copy-box:hover i,
            .pay-cont .paycont-wapbox .benefic-info-box .li .l .copy-box:hover i {
              display: block; }
            .pay-cont .paycont-box .benefic-info-box .li .l .copy-box span,
            .pay-cont .paycont-wapbox .benefic-info-box .li .l .copy-box span {
              margin-left: 5px;
              white-space: nowrap;
              overflow: hidden;
              line-height: 20px;
              text-overflow: ellipsis; }
            .pay-cont .paycont-box .benefic-info-box .li .l .copy-box i,
            .pay-cont .paycont-wapbox .benefic-info-box .li .l .copy-box i {
              display: none;
              flex: none; }
          .pay-cont .paycont-box .benefic-info-box .li .l .cto,
          .pay-cont .paycont-wapbox .benefic-info-box .li .l .cto {
            flex: none; }
          .pay-cont .paycont-box .benefic-info-box .li .l .tit,
          .pay-cont .paycont-wapbox .benefic-info-box .li .l .tit {
            font-size: 15px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #042040;
            line-height: 15px;
            margin-bottom: 5px; }
    .pay-cont .paycont-box .cred-txt,
    .pay-cont .paycont-wapbox .cred-txt {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
      .pay-cont .paycont-box .cred-txt span,
      .pay-cont .paycont-wapbox .cred-txt span {
        font-size: 14px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #55687D;
        line-height: 14px;
        display: inline-block; }
      .pay-cont .paycont-box .cred-txt i,
      .pay-cont .paycont-wapbox .cred-txt i {
        display: block;
        width: 14px;
        height: 14px;
        background-image: url("../img/index/pay_mode/question.svg");
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 8px;
        position: relative; }
        .pay-cont .paycont-box .cred-txt i:hover,
        .pay-cont .paycont-wapbox .cred-txt i:hover {
          background-image: url("../img/index/pay_mode/question1.svg"); }
          .pay-cont .paycont-box .cred-txt i:hover .cred-tc,
          .pay-cont .paycont-wapbox .cred-txt i:hover .cred-tc {
            display: block;
            animation: fadeIn linear .5s; }
        .pay-cont .paycont-box .cred-txt i .cred-tc,
        .pay-cont .paycont-wapbox .cred-txt i .cred-tc {
          position: absolute;
          bottom: 24px;
          background-color: #383C43;
          display: none;
          padding: 20px;
          left: 50%;
          transform: translateX(-50%); }
          .pay-cont .paycont-box .cred-txt i .cred-tc p,
          .pay-cont .paycont-wapbox .cred-txt i .cred-tc p {
            width: 210px;
            margin-top: 15px;
            color: #fff;
            text-align: center;
            font-size: 13px;
            font-weight: 500; }
          .pay-cont .paycont-box .cred-txt i .cred-tc .img-cardback,
          .pay-cont .paycont-wapbox .cred-txt i .cred-tc .img-cardback {
            width: 100px;
            height: 64px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/pay_mode/card-front.svg");
            margin: 0 auto; }
          .pay-cont .paycont-box .cred-txt i .cred-tc .img-cardfront,
          .pay-cont .paycont-wapbox .cred-txt i .cred-tc .img-cardfront {
            width: 100px;
            height: 64px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/pay_mode/card-front3.svg");
            margin: 0 auto; }
          .pay-cont .paycont-box .cred-txt i .cred-tc .img-cardfront3,
          .pay-cont .paycont-wapbox .cred-txt i .cred-tc .img-cardfront3 {
            width: 100px;
            height: 64px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/pay_mode/card-back.svg");
            margin: 0 auto; }
          .pay-cont .paycont-box .cred-txt i .cred-tc::after,
          .pay-cont .paycont-wapbox .cred-txt i .cred-tc::after {
            content: '';
            position: absolute;
            bottom: -7px;
            background-color: #383C43;
            left: 50%;
            width: 8px;
            height: 8px;
            transform: rotateZ(45deg) translateX(-50%); }
    .pay-cont .paycont-box .cred-txt2,
    .pay-cont .paycont-wapbox .cred-txt2 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-top: 20px; }
      .pay-cont .paycont-box .cred-txt2 label,
      .pay-cont .paycont-wapbox .cred-txt2 label {
        width: 48.5%; }
    .pay-cont .paycont-box .cred-txt3,
    .pay-cont .paycont-wapbox .cred-txt3 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .pay-cont .paycont-box .cred-txt3 .label1,
      .pay-cont .paycont-wapbox .cred-txt3 .label1 {
        width: 48.5%; }
        .pay-cont .paycont-box .cred-txt3 .label1 .searchable-select,
        .pay-cont .paycont-wapbox .cred-txt3 .label1 .searchable-select {
          z-index: 1245; }
      .pay-cont .paycont-box .cred-txt3 .label2,
      .pay-cont .paycont-wapbox .cred-txt3 .label2 {
        width: 100%; }
      .pay-cont .paycont-box .cred-txt3 .label3,
      .pay-cont .paycont-wapbox .cred-txt3 .label3 {
        width: 48.5%; }
      .pay-cont .paycont-box .cred-txt3 .searchable-select,
      .pay-cont .paycont-wapbox .cred-txt3 .searchable-select {
        width: 100%;
        min-height: 42px;
        border: 1px solid rgba(189, 201, 216, 0.8);
        display: flex;
        box-shadow: 0px 2px 3px 1px rgba(225, 225, 225, 0.8);
        align-items: center;
        border-radius: 4px; }
        .pay-cont .paycont-box .cred-txt3 .searchable-select.error,
        .pay-cont .paycont-wapbox .cred-txt3 .searchable-select.error {
          border: 1px solid #f64f64; }
      .pay-cont .paycont-box .cred-txt3 .searchable-select-holder,
      .pay-cont .paycont-wapbox .cred-txt3 .searchable-select-holder {
        border: none;
        background-color: transparent;
        box-shadow: none;
        padding: 0 18px;
        min-height: 40px;
        width: 100%;
        display: flex;
        align-items: center; }
      .pay-cont .paycont-box .cred-txt3 .searchable-select-dropdown,
      .pay-cont .paycont-wapbox .cred-txt3 .searchable-select-dropdown {
        top: 38px;
        border: 1px solid rgba(189, 201, 216, 0.8);
        border-top: none;
        box-sizing: border-box;
        width: calc(100% + 2px);
        left: -1px; }
      .pay-cont .paycont-box .cred-txt3 .searchable-select-items,
      .pay-cont .paycont-wapbox .cred-txt3 .searchable-select-items {
        max-height: 220px; }
    .pay-cont .paycont-box .cred-input,
    .pay-cont .paycont-wapbox .cred-input {
      width: 100%;
      min-height: 42px;
      border: 1px solid rgba(189, 201, 216, 0.8);
      display: flex;
      box-shadow: 0px 2px 3px 1px rgba(225, 225, 225, 0.8);
      align-items: center;
      padding: 0 18px;
      border-radius: 4px; }
      .pay-cont .paycont-box .cred-input.error,
      .pay-cont .paycont-wapbox .cred-input.error {
        border: 2px solid #f64f64; }
    .pay-cont .paycont-box .cred-error,
    .pay-cont .paycont-wapbox .cred-error {
      color: #f64f64;
      font-size: 14px;
      margin-top: 10px; }
    .pay-cont .paycont-box .aman-btn,
    .pay-cont .paycont-wapbox .aman-btn {
      width: 170px;
      height: 44px;
      justify-content: center;
      font-size: 15px;
      font-family: Open Sans-SemiBold, Open Sans;
      font-weight: 600;
      color: #FFFFFF;
      line-height: 18px; }
      .pay-cont .paycont-box .aman-btn:hover,
      .pay-cont .paycont-wapbox .aman-btn:hover {
        background: #16396c;
        box-shadow: 0px 4px 4px 1px rgba(22, 57, 108, 0.19); }
    .pay-cont .paycont-box .buysubmit,
    .pay-cont .paycont-wapbox .buysubmit {
      font-size: 13px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      color: #55687D;
      line-height: 20px;
      margin-top: 20px; }
      .pay-cont .paycont-box .buysubmit a,
      .pay-cont .paycont-wapbox .buysubmit a {
        color: #0E6FDE;
        display: inline-block;
        border-bottom: 1px solid rgba(14, 111, 222, 0.4);
        line-height: 11px; }
    .pay-cont .paycont-box .pct-emailcont,
    .pay-cont .paycont-wapbox .pct-emailcont {
      padding: 20px;
      border-radius: 10px;
      border: 1px solid #E9EEF2;
      background: #FFF;
      box-shadow: 0px 9px 12px 0px rgba(229, 231, 234, 0.2); }
    .pay-cont .paycont-box .entemail .email-box,
    .pay-cont .paycont-wapbox .entemail .email-box {
      display: flex; }
      .pay-cont .paycont-box .entemail .email-box .li,
      .pay-cont .paycont-wapbox .entemail .email-box .li {
        flex: 1; }
    .pay-cont .paycont-box .entemail p,
    .pay-cont .paycont-wapbox .entemail p {
      color: #042040;
      font-size: 14px;
      font-style: normal;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      line-height: 14px;
      display: flex; }
    .pay-cont .paycont-box .entemail input,
    .pay-cont .paycont-wapbox .entemail input {
      width: 100%;
      height: 50px;
      border-radius: 4px;
      border: 1px solid #BDC9D8;
      background: #FFF;
      box-shadow: 0px 2px 3px 0px rgba(225, 225, 225, 0.8);
      padding: 0 18px;
      margin-top: 10px;
      color: #042040;
      font-size: 15px;
      font-family: Open Sans-Regular, Open Sans;
      font-weight: 400;
      line-height: 15px; }
      .pay-cont .paycont-box .entemail input::placeholder,
      .pay-cont .paycont-wapbox .entemail input::placeholder {
        color: #9DA4B2; }
      .pay-cont .paycont-box .entemail input.error,
      .pay-cont .paycont-wapbox .entemail input.error {
        border: 1px solid #f64f64; }
    .pay-cont .paycont-box .error-hint,
    .pay-cont .paycont-wapbox .error-hint {
      align-items: center;
      color: #f64f64;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 10px;
      margin-top: 10px;
      display: none; }
      .pay-cont .paycont-box .error-hint i,
      .pay-cont .paycont-wapbox .error-hint i {
        display: block;
        width: 16px;
        height: 14px;
        background: url("../img/index/tip.png") no-repeat center;
        margin-right: 6px; }
    .pay-cont .paycont-box .p-intro,
    .pay-cont .paycont-wapbox .p-intro {
      font-family: Open Sans-Regular, Open Sans;
      color: #55687D;
      font-size: 13px;
      font-weight: 400;
      line-height: 150%;
      margin-top: 15px; }
  .pay-cont .paycont-wapbox {
    display: none; }
    .pay-cont .paycont-wapbox .wap-payli {
      margin-bottom: 10px; }
      .pay-cont .paycont-wapbox .wap-payli > .wap-tit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 64px;
        background: #FFFFFF;
        border-radius: 10px 10px 10px 10px;
        opacity: 1;
        border: 1px solid #E9EEF2;
        padding: 0 20px;
        position: relative; }
        .pay-cont .paycont-wapbox .wap-payli > .wap-tit .wt-l {
          display: flex;
          align-items: flex-start; }
          .pay-cont .paycont-wapbox .wap-payli > .wap-tit .wt-l > i {
            display: block;
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/ico_right.svg");
            margin-right: 10px; }
          .pay-cont .paycont-wapbox .wap-payli > .wap-tit .wt-l h4 {
            font-size: 20px;
            font-family: Ubuntu-Bold, Ubuntu;
            font-weight: bold;
            color: #042040;
            line-height: 20px;
            display: flex;
            flex-wrap: wrap; }
            .pay-cont .paycont-wapbox .wap-payli > .wap-tit .wt-l h4.paypal {
              max-width: 160px;
              display: flex;
              align-items: center; }
              .pay-cont .paycont-wapbox .wap-payli > .wap-tit .wt-l h4.paypal > i {
                margin-left: 8px; }
            .pay-cont .paycont-wapbox .wap-payli > .wap-tit .wt-l h4 > i {
              font-size: 14px;
              font-family: Ubuntu-Regular, Ubuntu;
              font-weight: 400;
              color: #FFFFFF;
              line-height: 16px;
              background-image: -webkit-linear-gradient(90deg, #A767EA 0%, #EC4F65 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
        .pay-cont .paycont-wapbox .wap-payli > .wap-tit .r {
          display: flex;
          align-items: center;
          max-width: 90px;
          overflow: hidden; }
          .pay-cont .paycont-wapbox .wap-payli > .wap-tit .r img {
            height: 24px;
            margin-right: 6px; }
          .pay-cont .paycont-wapbox .wap-payli > .wap-tit .r .type-more {
            font-size: 18px;
            font-family: Open Sans-Regular, Open Sans;
            font-weight: 400;
            color: #55687D;
            line-height: 18px; }
        .pay-cont .paycont-wapbox .wap-payli > .wap-tit .jb2 {
          position: absolute;
          right: 1px;
          top: -11px;
          z-index: 99; }
      .pay-cont .paycont-wapbox .wap-payli .paycont-r {
        width: 100%;
        position: relative;
        padding: 22px 20px 50px; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .pttit-l {
          display: flex;
          align-items: flex-start; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .pttit-l > i {
            display: block;
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/ico_down.svg");
            margin-right: 10px; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .pttit-l h4 {
            font-size: 20px;
            font-family: Ubuntu-Bold, Ubuntu;
            font-weight: bold;
            color: #042040;
            line-height: 20px;
            display: flex;
            flex-wrap: wrap; }
            .pay-cont .paycont-wapbox .wap-payli .paycont-r .pttit-l h4.paypal {
              max-width: 160px;
              display: flex;
              align-items: center; }
              .pay-cont .paycont-wapbox .wap-payli .paycont-r .pttit-l h4.paypal > i {
                margin-left: 8px; }
            .pay-cont .paycont-wapbox .wap-payli .paycont-r .pttit-l h4 > i {
              font-size: 14px;
              font-family: Ubuntu-Regular, Ubuntu;
              font-weight: 400;
              color: #FFFFFF;
              line-height: 16px;
              background-image: -webkit-linear-gradient(90deg, #A767EA 0%, #EC4F65 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .type-box {
          max-width: 90px;
          overflow: hidden; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .type-box.tb-stripe {
            max-width: 175px; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .type-box img {
            height: 24px;
            margin-right: 0;
            margin-left: 5px; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .select-box .select {
          width: 227px; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .select-box .select .prp1 {
            display: flex;
            align-items: center;
            overflow: hidden; }
            .pay-cont .paycont-wapbox .wap-payli .paycont-r .select-box .select .prp1 i {
              flex: none; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .select-box .prp1 {
          display: none; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .ordertotal {
          position: relative; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .ordertotal .mony {
            position: absolute;
            right: 0;
            top: -3px; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt2,
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt3 {
          flex-wrap: wrap;
          margin-top: 0; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt2 label,
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt3 label {
            margin-top: 10px;
            width: 100%; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt2 .label1,
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt2 .label2,
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt2 .label3,
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt3 .label1,
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt3 .label2,
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .cred-txt3 .label3 {
            width: 100%; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .aman-btn {
          width: 100%; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .type-box-big {
          width: calc(100% + 10px); }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .type-box-big img {
            margin-right: 10px; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .temp-other-cont .li {
          width: 100%;
          margin-bottom: 15px; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .temp-other-cont .li:nth-last-of-type(1) {
            margin-bottom: 0; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .virtual .li-box {
          width: 100%;
          margin-bottom: 20px; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .virtual .li-box:nth-last-of-type(1) {
            margin-bottom: 0; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .virtual .li-box .v-li {
            width: 100%; }
            .pay-cont .paycont-wapbox .wap-payli .paycont-r .virtual .li-box .v-li .copy-box {
              align-items: flex-start; }
              .pay-cont .paycont-wapbox .wap-payli .paycont-r .virtual .li-box .v-li .copy-box .copyTxt {
                max-width: 80%;
                word-wrap: break-word; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .jb2 {
          position: absolute;
          right: 1px;
          top: -19px;
          z-index: 99; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .virtual-type .virtype-label {
          min-width: 159px;
          margin-bottom: 10px; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .virtual-type .virtype-label:nth-last-of-type(1) {
            margin-bottom: 0;
            margin-top: 0; }
        .pay-cont .paycont-wapbox .wap-payli .paycont-r .code-box {
          justify-content: center;
          padding-left: 15px; }
          .pay-cont .paycont-wapbox .wap-payli .paycont-r .code-box .code-img {
            margin-right: 0; }
    .pay-cont .paycont-wapbox .paytype-li {
      width: 100% !important;
      overflow-x: hidden; }

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