body .retail_wap {
  display: none; }

.reg-now {
  display: none; }

.index-thumb-advantages {
  width: 580px;
  height: 420px;
  background-image: url("../img/index_chart_thumb.png");
  background-repeat: no-repeat;
  background-size: 1163px auto; }
  .index-thumb-advantages.ita1 {
    background-position: 0px 0px; }
  .index-thumb-advantages.ita2 {
    background-position: -580px 0px; }
  .index-thumb-advantages.ita3 {
    background-position: 0px -420px; }
  .index-thumb-advantages.ita4 {
    background-position: -580px -420px; }
  .index-thumb-advantages.ita5 {
    background-position: 0px -840px; }
  .index-thumb-advantages.ita6 {
    background-position: -580px -840px; }
  .index-thumb-advantages.ita7 {
    background-position: 0px -1260px; }
  .index-thumb-advantages.ita8 {
    background-position: -580px -1260px; }
  .index-thumb-advantages.ita9 {
    background-position: 0px -1680px; }
  .index-thumb-advantages.ita10 {
    background-position: -580px -1680px; }

.special-banner {
  background-color: #EBF4FF;
  min-height: 680px;
  position: relative;
  overflow: hidden; }
  .special-banner.activity {
    background: linear-gradient(180deg, #DFF8FF 0%, #FFF 100%);
    position: relative; }
    .special-banner.activity > .ban-bg1 {
      display: block;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; }
    .special-banner.activity .cont .sban-l h1 {
      font-weight: 800;
      font-size: 47px;
      line-height: 100%;
      color: #FFF;
      font-family: "Open Sans";
      letter-spacing: -1px;
      white-space: nowrap;
      text-align: left;
      position: relative; }
      .special-banner.activity .cont .sban-l h1 > img {
        display: block;
        width: 682px; }
      .special-banner.activity .cont .sban-l h1 > p {
        font-weight: 800;
        font-family: "Open Sans";
        color: #FFFFFF;
        font-size: 36px; }
        .special-banner.activity .cont .sban-l h1 > p > span {
          font-weight: 800;
          font-family: "Open Sans";
          color: #FFFFFF;
          font-size: 36px;
          display: inline-block;
          background: #DB0000;
          padding: 0 7px 0 7px; }
      .special-banner.activity .cont .sban-l h1 i {
        font-family: Open Sans;
        font-size: 47px;
        font-weight: 700;
        line-height: 47px;
        letter-spacing: 0em;
        text-align: left;
        color: #15357A;
        line-height: 130%; }
      .special-banner.activity .cont .sban-l h1 span {
        font-family: Ubuntu-Bold, Ubuntu; }
        .special-banner.activity .cont .sban-l h1 span:after {
          content: "" attr(text) "";
          background: #FF6433;
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          position: absolute;
          z-index: 2;
          left: 0;
          right: 0;
          top: 0;
          -webkit-text-stroke-width: 0; }
        .special-banner.activity .cont .sban-l h1 span::before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background: #DB0000; }
      .special-banner.activity .cont .sban-l h1 > .p_shadow {
        -webkit-text-stroke: 8px #F11C11;
        position: absolute;
        z-index: 1;
        font-size: 42px;
        left: 0;
        top: 2px; }
        .special-banner.activity .cont .sban-l h1 > .p_shadow:after {
          content: " " attr(text) "";
          background: #F11C11;
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          position: absolute;
          z-index: 3;
          left: 0;
          right: 0;
          top: 0;
          -webkit-text-stroke-width: 0; }
    .special-banner.activity .cont .sban-l h3 {
      color: var(--PIA_Text-01, #15357A);
      font-family: "Open Sans";
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%;
      /* 20px */
      text-align: left;
      margin-bottom: 15px; }
    .special-banner.activity .cont .sban-l .time {
      margin-top: 15px;
      position: relative;
      z-index: 10;
      display: none; }
      .special-banner.activity .cont .sban-l .time > p {
        color: var(--pia-text-02, #355395);
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 16px */ }
        .special-banner.activity .cont .sban-l .time > p > span {
          color: #DB0000;
          font-family: Open Sans;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          cursor: pointer; }
          .special-banner.activity .cont .sban-l .time > p > span:hover {
            text-decoration: underline; }
    .special-banner.activity .cont .sban-l .ban-from {
      margin-top: 30px; }
      .special-banner.activity .cont .sban-l .ban-from p {
        color: #15357A;
        font-size: 18px;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 10px; }
      .special-banner.activity .cont .sban-l .ban-from .bf-p {
        color: #15357A;
        font-family: Open Sans;
        font-size: 26px;
        font-weight: 700;
        line-height: 130%; }
        .special-banner.activity .cont .sban-l .ban-from .bf-p span {
          opacity: 0.5;
          position: relative; }
          .special-banner.activity .cont .sban-l .ban-from .bf-p span::after {
            content: '';
            display: block;
            position: absolute;
            left: -1.068px;
            top: 13px;
            width: 100%;
            height: 6px;
            transform: rotate(4.828deg);
            opacity: 0.7;
            background: #FFE175; }
    .special-banner.activity .ipchanger-btn1 {
      background-color: #0871FF;
      position: relative;
      border: 1px solid rgba(255, 255, 255, 0.5); }
      .special-banner.activity .ipchanger-btn1 > img {
        position: absolute;
        width: 170px;
        left: 12px;
        top: -7px; }
      .special-banner.activity .ipchanger-btn1:hover {
        background-color: #16396c;
        box-shadow: 0px 4px 4px 1px rgba(22, 57, 108, 0.19);
        border: 1px solid rgba(254, 227, 147, 0.67); }
    .special-banner.activity .btn-birthday {
      padding: 0 15px; }
      .special-banner.activity .btn-birthday > i {
        right: 15px; }
      .special-banner.activity .btn-birthday > p > span {
        color: #FFF;
        font-family: Open Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 14px */
        position: relative;
        top: -1px; }
        .special-banner.activity .btn-birthday > p > span > span {
          position: relative;
          top: -1px;
          font-weight: 400; }
    .special-banner.activity .btn-down {
      background-color: #FFF;
      margin-left: 15px; }
      .special-banner.activity .btn-down:hover {
        background: #fff;
        background-color: #0871FF;
        border: 1px solid #0871FF; }
        .special-banner.activity .btn-down:hover > p {
          margin-right: 0;
          color: #fff; }
        .special-banner.activity .btn-down:hover > i {
          display: none; }
      .special-banner.activity .btn-down > p {
        color: #15357A;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 18px */ }
  .special-banner .cont {
    display: flex;
    position: relative;
    min-height: 680px;
    align-items: center;
    z-index: 1; }
    .special-banner .cont .sban-l {
      width: 700px;
      flex: none;
      position: relative;
      top: -30px;
      z-index: 22; }
      .special-banner .cont .sban-l h1 {
        margin-top: 156px;
        font-family: "Open Sans";
        font-weight: bold;
        font-weight: 700;
        font-size: 46px;
        line-height: 126%;
        color: #15357A; }
        .special-banner .cont .sban-l h1 span {
          color: #FFF;
          text-align: center;
          font-family: Open Sans;
          font-size: 47px;
          font-style: normal;
          font-weight: 800;
          line-height: 100%;
          /* 47px */
          text-transform: uppercase;
          position: relative;
          padding: 0 7px; }
          .special-banner .cont .sban-l h1 span::content {
            content: '';
            display: block;
            width: 100%;
            height: 14px;
            background-color: #FFEEB0; }
      .special-banner .cont .sban-l h3 {
        font-size: 18px;
        font-family: Open Sans-Regular, Open Sans;
        color: #355395;
        line-height: 29px;
        margin-top: 20px;
        margin-bottom: 40px;
        font-weight: 400; }
      .special-banner .cont .sban-l .ipchanger-btn1 {
        height: 51px; }
      .special-banner .cont .sban-l .wap-btn {
        display: none; }
      .special-banner .cont .sban-l .ban-ul .li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 14px; }
        .special-banner .cont .sban-l .ban-ul .li:nth-last-of-type(1) {
          margin-bottom: 0; }
        .special-banner .cont .sban-l .ban-ul .li p {
          font-size: 16px;
          font-family: "Open Sans";
          font-weight: 400;
          color: #15357A;
          line-height: 21px;
          margin-left: 10px; }
      .special-banner .cont .sban-l .ban-h5 {
        color: #FFF;
        font-family: Open Sans;
        font-size: 15px;
        font-weight: 400;
        margin-top: 14px; }
        .special-banner .cont .sban-l .ban-h5 b {
          font-weight: 700; }
    .special-banner .cont .sban-r {
      margin-right: -250px;
      position: relative;
      width: 680px; }
      .special-banner .cont .sban-r.sban-r1 {
        top: 20px; }
      .special-banner .cont .sban-r .ban-png {
        width: 100%;
        right: 0;
        position: relative;
        z-index: 2; }
      .special-banner .cont .sban-r .ban-png1 {
        width: 637px;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        z-index: 3; }
      .special-banner .cont .sban-r .ban-png2 {
        width: 1021px;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        z-index: 1; }
      .special-banner .cont .sban-r .ban-png3 {
        width: 270px;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        z-index: 2; }
      .special-banner .cont .sban-r .ban-bg {
        position: absolute; }
        .special-banner .cont .sban-r .ban-bg.ban-bg1 {
          width: 204px;
          right: 0;
          top: 0px; }
        .special-banner .cont .sban-r .ban-bg.ban-bg2 {
          width: 134px;
          right: -51px;
          top: -145px; }
        .special-banner .cont .sban-r .ban-bg.ban-bg3 {
          width: 1026px;
          left: 50%;
          top: 223px;
          transform: translateX(-50%); }
  .special-banner .follow {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: flex;
    height: 54px;
    align-items: center;
    justify-content: center;
    z-index: 10; }
    .special-banner .follow .li_wrap {
      position: relative;
      padding: 0 20px 0 58px;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      font-size: 15px;
      color: #355395;
      cursor: pointer; }
      .special-banner .follow .li_wrap:hover {
        color: #0e6fde; }
        .special-banner .follow .li_wrap:hover .hover_wrap {
          display: block; }
        .special-banner .follow .li_wrap:hover::before {
          background-position: 0px 0; }
      .special-banner .follow .li_wrap::after {
        content: "";
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: 15px;
        background: #C5DFFF; }
      .special-banner .follow .li_wrap .hover_wrap {
        position: absolute;
        top: -170px;
        left: -131px;
        display: none;
        width: 460px;
        height: 166px;
        overflow: hidden; }
        .special-banner .follow .li_wrap .hover_wrap.hover_wrap02 {
          left: -123px; }
        .special-banner .follow .li_wrap .hover_wrap.hover_wrap03 {
          left: -131px; }
        .special-banner .follow .li_wrap .hover_wrap.hover_wrap04 {
          left: -131px; }
        .special-banner .follow .li_wrap .hover_wrap.hover_wrap05 {
          top: -199px;
          left: -177px;
          height: 190px; }
      .special-banner .follow .li_wrap:last-child::after {
        width: 0; }
      .special-banner .follow .li_wrap::before {
        content: '';
        position: absolute;
        left: 15px;
        top: 0px;
        width: 26px;
        height: 26px;
        background-image: url("../img/index/flow-icon_thumb.svg");
        background-repeat: no-repeat;
        background-position: -186px 0px; }
      .special-banner .follow .li_wrap:nth-child(2)::before {
        background-position: -217px 0; }
      .special-banner .follow .li_wrap:nth-child(2):hover::before {
        background-position: -31px 0; }
      .special-banner .follow .li_wrap:nth-child(3)::before {
        background-position: -248px 0; }
      .special-banner .follow .li_wrap:nth-child(3):hover::before {
        background-position: -62px 0; }
      .special-banner .follow .li_wrap:nth-child(4)::before {
        background-position: -279px 0; }
      .special-banner .follow .li_wrap:nth-child(4):hover::before {
        background-position: -93px 0; }
      .special-banner .follow .li_wrap:nth-child(5)::before {
        background-position: -310px 0; }
      .special-banner .follow .li_wrap:nth-child(5):hover::before {
        background-position: -124px 0; }
      .special-banner .follow .li_wrap:nth-child(6)::before {
        background-position: -341px 0; }
      .special-banner .follow .li_wrap:nth-child(6):hover::before {
        background-position: -155px 0; }
  .special-banner .banbg_corner {
    position: absolute; }
    .special-banner .banbg_corner.corner1 {
      width: 1101px;
      left: 0;
      top: -50px; }
    .special-banner .banbg_corner.corner2 {
      width: 401px;
      right: 0;
      top: -50px; }
    .special-banner .banbg_corner.corner3 {
      width: 1251px;
      right: 0;
      bottom: 30px; }
    .special-banner .banbg_corner.corner4 {
      width: 572px;
      left: 0;
      bottom: 30px; }

.activity-banner {
  background: linear-gradient(180deg, #000062 0%, #020025 100%);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  min-height: 680px;
  position: relative;
  font-family: Open Sans-SemiBold ,Open Sans;
  z-index: 1;
  overflow: hidden; }
  .activity-banner .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1; }
    .activity-banner .cont .sban-l {
      max-width: 600px;
      flex: none;
      z-index: 1; }
      .activity-banner .cont .sban-l .p1 {
        font-weight: 600;
        font-size: 20px;
        color: #EE97F2;
        margin-top: 90px; }
      .activity-banner .cont .sban-l h1 {
        width: 476px;
        margin-top: 10px;
        font-size: 45px;
        line-height: 59px;
        font-family: "Open Sans";
        font-weight: bold;
        color: #000; }
        .activity-banner .cont .sban-l h1 span {
          font-size: 45px; }
        .activity-banner .cont .sban-l h1 i {
          color: #FF8BFF; }
        .activity-banner .cont .sban-l h1 b {
          color: #FF8BFF;
          font-size: 55px; }
      .activity-banner .cont .sban-l .ipchanger-btn1 {
        height: 51px;
        background: linear-gradient(180deg, #A247CD 0%, #7A2F86 100%);
        position: relative; }
        .activity-banner .cont .sban-l .ipchanger-btn1:hover {
          background: linear-gradient(180deg, #BC65E6 0%, #A347B1 94.27%); }
          .activity-banner .cont .sban-l .ipchanger-btn1:hover p {
            margin-right: 0px; }
        .activity-banner .cont .sban-l .ipchanger-btn1 p {
          font-size: 18px;
          color: #FFFFFF; }
      .activity-banner .cont .sban-l .ipchanger-btn2 {
        background: transparent; }
        .activity-banner .cont .sban-l .ipchanger-btn2:hover {
          background: #ffffff;
          border: 1px solid #ffffff; }
          .activity-banner .cont .sban-l .ipchanger-btn2:hover p {
            color: #0C333B; }
      .activity-banner .cont .sban-l .ban-ul .li {
        display: flex;
        align-items: center;
        margin-bottom: 14px; }
        .activity-banner .cont .sban-l .ban-ul .li:nth-last-of-type(1) {
          margin-bottom: 0; }
        .activity-banner .cont .sban-l .ban-ul .li p {
          font-size: 16px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #55687D;
          line-height: 21px;
          margin-left: 10px; }
    .activity-banner .cont .sban-r {
      align-items: center;
      display: flex;
      position: relative; }
      .activity-banner .cont .sban-r .bannerimg1 {
        position: absolute;
        bottom: -152px;
        left: -315px; }
      .activity-banner .cont .sban-r .bannerimg2 {
        position: absolute;
        bottom: -127px;
        left: 32px; }
      .activity-banner .cont .sban-r .bannerimg3 {
        position: absolute;
        bottom: -121px;
        left: 339px; }
  .activity-banner .follow {
    height: 54px;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.05); }
    .activity-banner .follow .li_wrap {
      position: relative;
      padding: 0 20px 0 58px;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      font-size: 15px;
      color: #CCCFDF;
      background: url("../img/index/activity/new//flow-icon01.svg") no-repeat 15px 0;
      cursor: pointer; }
      .activity-banner .follow .li_wrap:hover {
        color: #FFFFFF;
        background: url("../img/index/activity/new//flow-icon01-h.svg") no-repeat 15px 0; }
        .activity-banner .follow .li_wrap:hover .hover_wrap {
          display: block; }
      .activity-banner .follow .li_wrap::after {
        content: "";
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: 15px;
        background: #CCCFDF; }
      .activity-banner .follow .li_wrap .hover_wrap {
        position: absolute;
        bottom: 33px;
        left: -131px;
        display: none;
        width: 460px;
        height: 166px;
        overflow: hidden; }
        .activity-banner .follow .li_wrap .hover_wrap.hover_wrap02 {
          left: -123px; }
        .activity-banner .follow .li_wrap .hover_wrap.hover_wrap03 {
          left: -131px; }
        .activity-banner .follow .li_wrap .hover_wrap.hover_wrap04 {
          left: -131px; }
        .activity-banner .follow .li_wrap .hover_wrap.hover_wrap05 {
          left: -177px;
          height: 190px; }
      .activity-banner .follow .li_wrap:last-child::after {
        width: 0; }
      .activity-banner .follow .li_wrap:nth-child(2) {
        background: url("../img/index/activity/new//flow-icon02.svg") no-repeat 15px 0; }
        .activity-banner .follow .li_wrap:nth-child(2):hover {
          background: url("../img/index/activity/new//flow-icon02-h.svg") no-repeat 15px 0; }
      .activity-banner .follow .li_wrap:nth-child(3) {
        background: url("../img/index/activity/new//flow-icon03.svg") no-repeat 15px 0; }
        .activity-banner .follow .li_wrap:nth-child(3):hover {
          background: url("../img/index/activity/new//flow-icon03-h.svg") no-repeat 15px 0; }
      .activity-banner .follow .li_wrap:nth-child(4) {
        background: url("../img/index/activity/new//flow-icon04.svg") no-repeat 15px 0; }
        .activity-banner .follow .li_wrap:nth-child(4):hover {
          background: url("../img/index/activity/new//flow-icon04-h.svg") no-repeat 15px 0; }
      .activity-banner .follow .li_wrap:nth-child(5) {
        background: url("../img/index/activity/new//flow-icon05.svg") no-repeat 15px 0; }
        .activity-banner .follow .li_wrap:nth-child(5):hover {
          background: url("../img/index/activity/new//flow-icon05-h.svg") no-repeat 15px 0; }
      .activity-banner .follow .li_wrap:nth-child(6) {
        background: url("../img/index/activity/new//flow-icon06.svg") no-repeat 15px 0; }
        .activity-banner .follow .li_wrap:nth-child(6):hover {
          background: url("../img/index/activity/new//flow-icon06-h.svg") no-repeat 15px 0; }

.special-button {
  position: relative;
  top: -32px;
  left: 114px;
  text-align: center;
  display: flex; }
  .special-button .list {
    padding: 20px 40px;
    margin-left: 80px;
    align-items: center;
    text-align: center;
    color: #15357A;
    font-size: 24px;
    font-family: Ubuntu-Bold, Blod;
    height: 72px;
    border-radius: 90px;
    background: #fff;
    box-shadow: 0 3px 18px 0 rgba(162, 180, 202, 0.3); }
    .special-button .list .win {
      display: flex;
      align-items: center;
      justify-content: space-around; }
      .special-button .list .win p {
        color: #15357A;
        padding-left: 18px; }

.top {
  text-align: center; }
  .top .ipchanger-btnbox {
    justify-content: center; }
    .top .ipchanger-btnbox .ipchanger-btn1 {
      color: #fff; }
  .top h1 {
    align-items: center;
    margin: 0 175px;
    width: 822px;
    color: #042040;
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu; }
  .top .ip-btn {
    font-size: 20px;
    padding: 12px 38px;
    height: 51px;
    border-radius: 4px;
    align-items: center;
    justify-content: space-around;
    font-family: Ubuntu-Regular, Ubuntu;
    font-weight: 400;
    color: #0e6fde;
    border: 2px solid #0e6fde; }
    .top .ip-btn:hover {
      background-color: #0e6fde;
      color: #fff; }
      .top .ip-btn:hover i {
        margin-left: 10px;
        width: 14px;
        height: 14px;
        background-image: url("../img/index/Frame (5).svg"); }
    .top .ip-btn i {
      margin-left: 10px;
      width: 14px;
      height: 14px;
      background-position: center;
      background-image: url("../img/index/Frame (8).svg"); }
  .top > p {
    margin: 0 auto;
    width: 868px;
    line-height: 2em;
    text-align: center;
    font-family: Open Sans-Light, Ubuntu;
    font-size: 16px;
    color: #55687D;
    margin-bottom: 30px; }

.apper-ul {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.special-appear .ipchanger-btn1 p {
  margin-left: 10px; }
.special-appear .ipchanger-btn1:hover p {
  margin-right: 0; }

.buttom {
  justify-content: space-around;
  display: flex; }
  .buttom .list {
    text-align: center; }
    .buttom .list p {
      margin-top: 20px;
      color: #042040;
      font-family: Ubuntu-Medium, Ubuntu;
      font-size: 26px;
      text-align: center; }

.special-posit .top h1 {
  width: 100%;
  margin: 0 auto; }
.special-posit .buttom .list p {
  width: 364px;
  height: 68px; }

.special-party .buttom {
  width: 1209px;
  height: 280px;
  flex-wrap: wrap;
  display: flex; }
  .special-party .buttom .list {
    display: flex;
    width: 189px;
    height: 80px;
    background: #000A3A;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .special-party .buttom .list:hover {
      box-shadow: 0px 6px 8px 0px rgba(162, 180, 202, 0.4); }
.special-party .learnto {
  display: flex;
  align-items: center;
  margin: 0 auto; }
  .special-party .learnto:hover p {
    color: #FF4800; }
  .special-party .learnto p {
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 130%;
    text-decoration-line: underline;
    color: #042040;
    margin-right: 8px; }

.ipchanger-btn1 {
  height: 51px; }

.pay-box h2 {
  color: #042040; }

.pay-box .pay-nav .li span {
  color: #55687D; }

.spec-banner-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -90px; }
  .spec-banner-nav .li {
    width: 100%;
    max-width: 380px;
    min-height: 226px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .spec-banner-nav .li p {
      font-size: 20px;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #042040;
      line-height: 26px;
      margin-top: 30px; }

.spec-recom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 70px 0; }
  .spec-recom .video_cont .video-logo img {
    max-width: 565px;
    cursor: pointer; }
  .spec-recom .video_cont .video-mark {
    width: 100vw;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0px;
    left: 0;
    z-index: 98999999;
    display: flex;
    justify-content: center; }
    .spec-recom .video_cont .video-mark #myVideo {
      max-width: 1130px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9999; }
    .spec-recom .video_cont .video-mark .video-close {
      position: absolute;
      right: 200px;
      top: 50px;
      cursor: pointer;
      width: 55px; }
  .spec-recom .txt-cont {
    max-width: 605px; }
    .spec-recom .txt-cont .tit_txt {
      font-size: 14px;
      color: #FF4800;
      margin-bottom: 15px; }
    .spec-recom .txt-cont h3 {
      font-size: 38px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #042040;
      line-height: 49px; }
    .spec-recom .txt-cont > p {
      font-size: 16px;
      font-family: Ubuntu-Light, Ubuntu;
      font-weight: 400;
      color: #55687D;
      line-height: 27px;
      margin-top: 20px; }
    .spec-recom .txt-cont .proxies_type_wrap {
      display: flex;
      margin-top: 20px; }
      .spec-recom .txt-cont .proxies_type_wrap .type_info {
        padding-top: 58px;
        width: 280px;
        background: url("../img/index/pox-type_icon01.svg") no-repeat; }
        .spec-recom .txt-cont .proxies_type_wrap .type_info .tit_name {
          margin-top: 10px;
          font-family: Ubuntu-Bold, Ubuntu;
          font-size: 20px;
          font-weight: bold;
          line-height: 26px;
          color: #042040; }
        .spec-recom .txt-cont .proxies_type_wrap .type_info .t_type_cont {
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 400;
          color: #55687D;
          line-height: 27px;
          margin-top: 20px; }
        .spec-recom .txt-cont .proxies_type_wrap .type_info:last-child {
          background: url("../img/index/pox-type_icon02.svg") no-repeat;
          margin-left: 40px; }
    .spec-recom .txt-cont > .right_list {
      margin-top: 30px; }
      .spec-recom .txt-cont > .right_list > div {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
        color: var(--piabk-01, #042040);
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        /* 27.2px */
        margin-bottom: 15px; }
        .spec-recom .txt-cont > .right_list > div > img {
          margin-top: -2px; }
        .spec-recom .txt-cont > .right_list > div > p {
          flex: 1 0 0; }
          .spec-recom .txt-cont > .right_list > div > p > span {
            font-weight: 600; }
  .spec-recom .recom-ul .li {
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
    .spec-recom .recom-ul .li:nth-last-of-type(1) {
      margin-bottom: 0; }
    .spec-recom .recom-ul .li img {
      width: 16px;
      height: 16px; }
    .spec-recom .recom-ul .li p {
      font-size: 16px;
      font-family: Ubuntu-Light, Ubuntu;
      font-weight: 400;
      color: #55687D;
      line-height: 27px;
      margin-left: 10px; }
  .spec-recom .mw565 {
    max-width: 565px;
    width: 100%; }
  .spec-recom .browse {
    width: 100%;
    height: 829px;
    background: url("../img/index/erth.svg") no-repeat; }
    .spec-recom .browse .browse_tit_wrap {
      display: flex;
      justify-content: space-between;
      height: 124px; }
      .spec-recom .browse .browse_tit_wrap .tit_txt {
        width: 560px;
        height: 124px;
        font-size: 48px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040;
        line-height: 62px;
        display: flex;
        align-items: center; }
      .spec-recom .browse .browse_tit_wrap .tit_info_ul {
        display: flex;
        margin-top: 33px;
        margin-right: -30px; }
        .spec-recom .browse .browse_tit_wrap .tit_info_ul .tit_info_li {
          width: 194px;
          height: 58px;
          border-left: 1px solid #FF4800;
          padding-left: 20PX; }
          .spec-recom .browse .browse_tit_wrap .tit_info_ul .tit_info_li p {
            font-size: 30px;
            font-family: Ubuntu-Bold, Ubuntu;
            font-weight: bold;
            color: #042040;
            line-height: 30px; }
          .spec-recom .browse .browse_tit_wrap .tit_info_ul .tit_info_li span {
            margin-top: 12px;
            font-size: 16px;
            font-family: Ubuntu-Light, Ubuntu;
            font-weight: 400;
            color: #55687D;
            line-height: 16px; }
    .spec-recom .browse .abs_sty {
      height: 495px; }
      .spec-recom .browse .abs_sty .abs_cont {
        position: relative;
        height: 412px; }
        .spec-recom .browse .abs_sty .abs_cont .abs_li {
          position: absolute;
          top: 121px;
          left: -43px;
          width: 175px;
          height: 58px; }
          .spec-recom .browse .abs_sty .abs_cont .abs_li .abs_t {
            position: absolute;
            top: 0px;
            right: 0;
            z-index: 2;
            font-size: 18px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #55687D;
            line-height: 18px; }
          .spec-recom .browse .abs_sty .abs_cont .abs_li .abs_t_border {
            z-index: 1;
            -webkit-text-stroke: 3px #FFFFFF;
            text-stroke: 3px #FFFFFF;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
          .spec-recom .browse .abs_sty .abs_cont .abs_li .abs_num {
            position: absolute;
            top: 30px;
            left: 0;
            z-index: 2;
            font-size: 26px;
            font-family: Ubuntu-Bold, Ubuntu;
            font-weight: bold;
            color: #042040;
            line-height: 26px; }
          .spec-recom .browse .abs_sty .abs_cont .abs_li .abs_num_border {
            z-index: 1;
            -webkit-text-stroke: 3px #FFFFFF;
            text-stroke: 3px #FFFFFF;
            -webkit-background-clip: text; }
          .spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li02 {
            top: 90px;
            left: 270px; }
            .spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li02 .abs_num {
              left: 20px; }
          .spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li03 {
            top: 210px;
            left: 606px; }
            .spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li03 .abs_t {
              left: 0; }
          .spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li04 {
            top: 134px;
            left: 1003px; }
            .spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li04 .abs_t {
              left: 0; }
      .spec-recom .browse .abs_sty .more_wr .more_btn01 {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 152px;
        height: 23px;
        font-size: 18px;
        font-family: Open Sans-Regular, Open Sans;
        color: #042040; }
        .spec-recom .browse .abs_sty .more_wr .more_btn01 .more_icon {
          position: absolute;
          top: 7px;
          right: 0;
          width: 18px;
          height: 16px;
          background: url("../img/index/Arrow-more-icon.svg") no-repeat; }
        .spec-recom .browse .abs_sty .more_wr .more_btn01:hover {
          color: #FF4800; }
    .spec-recom .browse .cont_wrap {
      display: flex; }
      .spec-recom .browse .cont_wrap .cont_info_li {
        margin-right: 20px;
        width: 382px;
        background: #FFFFFF;
        box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05);
        border-radius: 10px 10px 10px 10px;
        opacity: 1;
        border: 1px solid #F0F4F5;
        padding: 25px;
        cursor: pointer; }
        .spec-recom .browse .cont_wrap .cont_info_li .tit_name {
          font-size: 20px;
          font-family: Ubuntu-Medium, Ubuntu;
          color: #042040;
          line-height: 28px; }
        .spec-recom .browse .cont_wrap .cont_info_li .content_info {
          margin-top: 5px;
          font-size: 16px;
          font-family: Open Sans;
          font-weight: 400;
          color: #55687D;
          line-height: 27px; }
        .spec-recom .browse .cont_wrap .cont_info_li:nth-child(3) {
          margin-right: 0; }
        .spec-recom .browse .cont_wrap .cont_info_li:hover {
          box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
          border: none; }

.pia_introduce .pia_intro_title {
  display: flex; }
  .pia_introduce .pia_intro_title .tit_name {
    width: 596px;
    height: 124px;
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 62px; }
  .pia_introduce .pia_intro_title .tit_cont {
    margin: 18px;
    margin-right: 0;
    width: 594px;
    height: 54px;
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 400;
    color: #55687D;
    line-height: 27px; }
.pia_introduce .pia_intro_content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px; }
  .pia_introduce .pia_intro_content .pia_intro_li {
    margin-bottom: 24px;
    width: 593px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #F1F1F1;
    padding: 30px;
    cursor: pointer; }
    .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit {
      width: 533px;
      display: flex; }
      .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap {
        position: relative;
        z-index: 2;
        width: 68px;
        height: 68px;
        background: #0E6FDE;
        border-radius: 0px 0px 0px 0px;
        opacity: 1; }
        .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap::before {
          content: '';
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          background-image: url("../img/index/pia_intro_sprite.svg");
          background-repeat: no-repeat;
          z-index: 3; }
        .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap01 {
          background-color: #0E6FDE; }
          .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap01::before {
            background-position: 0 0; }
        .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap02 {
          background-color: #575ED2; }
          .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap02::before {
            background-position: -73px 0; }
          .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap02::after {
            background: #575ED2; }
        .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap03 {
          background-color: #FF8822; }
          .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap03::before {
            background-position: -146px 0; }
          .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap03::after {
            background: #FF8822; }
        .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap04 {
          background-color: #28C06F; }
          .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap04::before {
            background-position: -219px 0; }
          .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap04::after {
            background: #28C06F; }
        .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          width: 68px;
          height: 68px;
          background: #0E6FDE;
          opacity: .2;
          transform: rotateZ(10deg);
          transition: transform .2s ease-out; }
      .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .tit_name {
        margin-left: 16px;
        width: 443px;
        font-size: 24px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold;
        color: #042040; }
    .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_cont {
      margin-top: 16px;
      width: 533px;
      font-size: 16px;
      font-family: Open Sans;
      font-weight: 400;
      color: #55687D;
      line-height: 27px; }
    .pia_introduce .pia_intro_content .pia_intro_li:nth-child(2n) {
      margin-left: 24px; }
    .pia_introduce .pia_intro_content .pia_intro_li:hover {
      box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
      border: none; }
      .pia_introduce .pia_intro_content .pia_intro_li:hover .pia_intro_li_tit .pic_wrap::after {
        transform: rotateZ(45deg); }

.companies_use {
  height: 503px;
  position: relative; }
  .companies_use .companies_use_title {
    margin-bottom: 40px;
    text-align: center; }
    .companies_use .companies_use_title span {
      font-size: 48px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #042040;
      line-height: 58px; }
  .companies_use .companies_use_cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    align-self: stretch; }
    .companies_use .companies_use_cont > img {
      display: block;
      width: 510px; }
    .companies_use .companies_use_cont > div {
      width: 670px;
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      gap: 20px;
      align-self: stretch;
      flex-wrap: wrap; }
      .companies_use .companies_use_cont > div .companies_use_cont_li {
        position: relative;
        z-index: 1;
        display: flex;
        width: 210px;
        height: 68px;
        padding: 19px 14px;
        align-items: center;
        gap: 10px;
        background: #FFFFFF;
        border-radius: 8px;
        opacity: 1;
        border: 1px solid #F1F1F1;
        cursor: pointer;
        overflow: hidden;
        transition: all .3s; }
        .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t {
          width: 41px;
          height: 41px;
          background: url("../img/index/companies-use.svg") no-repeat;
          transition: all .3s;
          overflow: hidden;
          flex: none; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t01 {
            background-position: -20px -20px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t02 {
            background-position: -80px -20px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t03 {
            background-position: -140px -20px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t04 {
            background-position: -20px -80px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t05 {
            background-position: -80px -80px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t06 {
            background-position: -140px -80px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t07 {
            background-position: -20px -140px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t08 {
            background-position: -80px -140px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t09 {
            background-position: -140px -140px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t10 {
            background-position: -20px -200px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t11 {
            background-position: -80px -200px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t12 {
            background-position: -140px -200px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t13 {
            background-position: -20px -260px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t14 {
            background-position: -80px -260px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .pic_t.pic_t15 {
            background-position: -140px -260px; }
        .companies_use .companies_use_cont > div .companies_use_cont_li .companies_use_cont_li_cont {
          font-family: Open Sans;
          font-size: 15px;
          font-weight: 400;
          line-height: 19px;
          letter-spacing: 0em;
          color: #042040;
          text-align: left;
          line-height: 21px;
          transition: all .3s; }
        .companies_use .companies_use_cont > div .companies_use_cont_li:last-child {
          margin-right: 0; }
        .companies_use .companies_use_cont > div .companies_use_cont_li .fix_wrap {
          position: absolute;
          top: 200px;
          left: 0px;
          width: 100%;
          height: 100%;
          transition: all .3s;
          overflow: hidden; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .fix_wrap span {
            position: relative;
            z-index: 2;
            margin: 25px auto;
            display: block;
            font-size: 16px;
            font-family: Ubuntu-Light, Ubuntu;
            font-weight: 400;
            text-align: center;
            color: #55687D;
            line-height: 27px; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .fix_wrap .bg1 {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: -35px;
            left: -87px;
            background: #FFEAE4;
            border-radius: 43px 43px 43px 43px;
            opacity: 0.3;
            transform: rotate(330deg);
            transition: all .3s; }
          .companies_use .companies_use_cont > div .companies_use_cont_li .fix_wrap .bg2 {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 75px;
            left: -87px;
            background: #FFEAE4;
            border-radius: 43px 43px 43px 43px;
            opacity: 0.3;
            transform: rotate(330deg);
            transition: all .3s; }
    .companies_use .companies_use_cont .companies_use_cont_li {
      position: relative;
      z-index: 1;
      display: flex;
      width: 210px;
      height: 68px;
      padding: 19px 14px;
      align-items: center;
      gap: 10px;
      background: #FFFFFF;
      border-radius: 8px;
      opacity: 1;
      border: 1px solid #F1F1F1;
      cursor: pointer;
      overflow: hidden;
      transition: all .3s; }
      .companies_use .companies_use_cont .companies_use_cont_li .pic_t {
        width: 41px;
        height: 41px;
        background: url("../img/index/companies-use.svg") no-repeat;
        transition: all .3s;
        overflow: hidden;
        flex: none; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t01 {
          background-position: -20px -20px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t02 {
          background-position: -80px -20px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t03 {
          background-position: -140px -20px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t04 {
          background-position: -20px -80px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t05 {
          background-position: -80px -80px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t06 {
          background-position: -140px -80px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t07 {
          background-position: -20px -140px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t08 {
          background-position: -80px -140px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t09 {
          background-position: -140px -140px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t10 {
          background-position: -20px -200px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t11 {
          background-position: -80px -200px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t12 {
          background-position: -140px -200px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t13 {
          background-position: -20px -260px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t14 {
          background-position: -80px -260px; }
        .companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t15 {
          background-position: -140px -260px; }
      .companies_use .companies_use_cont .companies_use_cont_li .companies_use_cont_li_cont {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        color: #042040;
        text-align: left;
        line-height: 21px;
        transition: all .3s; }
      .companies_use .companies_use_cont .companies_use_cont_li:last-child {
        margin-right: 0; }
      .companies_use .companies_use_cont .companies_use_cont_li .fix_wrap {
        position: absolute;
        top: 200px;
        left: 0px;
        width: 100%;
        height: 100%;
        transition: all .3s;
        overflow: hidden; }
        .companies_use .companies_use_cont .companies_use_cont_li .fix_wrap span {
          position: relative;
          z-index: 2;
          margin: 25px auto;
          display: block;
          font-size: 16px;
          font-family: Ubuntu-Light, Ubuntu;
          font-weight: 400;
          text-align: center;
          color: #55687D;
          line-height: 27px; }
        .companies_use .companies_use_cont .companies_use_cont_li .fix_wrap .bg1 {
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 100%;
          top: -35px;
          left: -87px;
          background: #FFEAE4;
          border-radius: 43px 43px 43px 43px;
          opacity: 0.3;
          transform: rotate(330deg);
          transition: all .3s; }
        .companies_use .companies_use_cont .companies_use_cont_li .fix_wrap .bg2 {
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 100%;
          top: 75px;
          left: -87px;
          background: #FFEAE4;
          border-radius: 43px 43px 43px 43px;
          opacity: 0.3;
          transform: rotate(330deg);
          transition: all .3s; }

.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-end; }
    .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; }

.spec-discuss {
  min-height: 643px;
  background-color: #F9F9FA;
  border-radius: 20px;
  padding: 80px 55px;
  position: relative; }
  .spec-discuss .rtit {
    font-size: 14px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #FF4800;
    line-height: 18px;
    margin-bottom: 20px; }
  .spec-discuss .tit-bg {
    position: absolute;
    width: 272px;
    height: 20px;
    left: 261px;
    top: 196px;
    background: #FF8822; }
  .spec-discuss .tit-box {
    display: flex;
    justify-content: space-between; }
    .spec-discuss .tit-box h3 {
      max-width: 500px;
      font-size: 38px;
      font-family: Ubuntu-Light, Ubuntu;
      font-weight: 400;
      color: #042040;
      line-height: 49px; }
      .spec-discuss .tit-box h3 b {
        font-family: Ubuntu-Bold, Ubuntu;
        font-weight: bold; }
    .spec-discuss .tit-box p {
      max-width: 500px;
      font-size: 16px;
      font-family: Ubuntu-Light, Ubuntu;
      font-weight: 400;
      color: #55687D;
      line-height: 27px; }
  .spec-discuss .dis-cont {
    display: flex;
    justify-content: space-between; }
    .spec-discuss .dis-cont .li {
      max-width: 355px; }
      .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: 14px;
        font-family: Ubuntu-Light, Ubuntu;
        font-weight: 400;
        color: #042040;
        line-height: 27px;
        margin-bottom: 38px;
        position: relative; }
        .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; }
      .spec-discuss .dis-cont .li .user {
        display: flex;
        align-items: center;
        margin-left: 22px; }
        .spec-discuss .dis-cont .li .user .ceo {
          font-family: Ubuntu-Light, Ubuntu;
          color: #55687D;
          margin-top: 6px; }
        .spec-discuss .dis-cont .li .user img {
          width: 54px; }
        .spec-discuss .dis-cont .li .user p {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 18px */
          margin-left: 20px; }

.userhead_sprite {
  width: 50px;
  height: 50px;
  background-image: url("../img/index/userhead_sprite.png");
  background-size: auto 50px;
  background-repeat: no-repeat; }
  .userhead_sprite.users1 {
    background-position: 0 0; }
  .userhead_sprite.users2 {
    background-position: -55px 0; }
  .userhead_sprite.users3 {
    background-position: -114px 0; }

.sessions {
  background-repeat: no-repeat;
  padding: 70px 0;
  overflow: hidden;
  flex-direction: column;
  align-items: center; }
  .sessions .int2-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px; }
    .sessions .int2-ul .it2li {
      max-width: 590px;
      min-height: 374px;
      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; }
      .sessions .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; }

.getnow-safe {
  min-height: 315px;
  background-color: #ECF4FF;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: space-between;
  overflow: hidden;
  padding: 40px 68px 40px 100px; }
  .getnow-safe .txt {
    max-width: 780px; }
    .getnow-safe .txt h4 {
      font-size: 38px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #042040;
      line-height: 49px; }
      .getnow-safe .txt h4 span {
        color: #FF8822; }
  .getnow-safe .yin {
    position: absolute;
    left: 38px;
    top: -31px;
    z-index: -1; }

.quest-box {
  padding-bottom: 90px;
  position: relative; }
  .quest-box .quest-list {
    margin-top: 50px; }
    .quest-box .quest-list .li {
      margin-bottom: 21px;
      border: 1px solid #F0F4F5;
      border-radius: 4px;
      overflow: hidden; }
      .quest-box .quest-list .li:nth-last-of-type(1) {
        margin-bottom: 0; }
      .quest-box .quest-list .li.show .tit i {
        background-image: url("../img/social_media/pre.svg"); }
      .quest-box .quest-list .li .tit {
        min-height: 90px;
        padding: 0 43px 0 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        background-color: #FFFFFF; }
        .quest-box .quest-list .li .tit span {
          font-size: 22px;
          font-family: Ubuntu-Medium, Ubuntu;
          font-weight: 500;
          color: #042040;
          line-height: 26px; }
        .quest-box .quest-list .li .tit i {
          width: 30px;
          height: 30px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/social_media/nor.svg"); }
      .quest-box .quest-list .li .cont {
        background-color: #FBFCFC;
        padding: 40px;
        display: none;
        overflow: hidden; }
        .quest-box .quest-list .li .cont p {
          font-size: 16px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #55687D;
          line-height: 26px;
          margin-bottom: 8px; }
          .quest-box .quest-list .li .cont p:nth-last-of-type(1) {
            margin-bottom: 0px; }

.foll_position_img1 {
  position: absolute;
  right: 0;
  top: 690px;
  z-index: -1; }

.foll_position_img2 {
  position: absolute;
  top: -117px;
  right: -110px;
  z-index: -1;
  display: none; }

.foll_position_img3 {
  position: absolute;
  top: 950px;
  right: 0;
  z-index: -1; }

.foll_position_img4 {
  position: absolute;
  top: 2321px;
  right: 0;
  z-index: -1; }

.foll_position_img5 {
  position: absolute;
  top: 2438px;
  right: 0;
  z-index: -1; }

.foll_position_img6 {
  position: absolute;
  top: 2384px;
  left: 0px;
  z-index: -1; }

.foll_position_img6-02 {
  position: absolute;
  top: 2484px;
  left: 0px;
  z-index: -1; }

.foll_position_img7 {
  position: absolute;
  top: 3502px;
  right: 0;
  z-index: -1; }

.foll_position_img8 {
  position: absolute;
  top: 6px;
  left: -160px;
  z-index: -1; }

.course {
  border-top: 1px solid #E9EEF2;
  font-family: Ubuntu-Medium, Ubuntu;
  color: #042040;
  display: flex;
  position: relative; }
  .course .course-left {
    position: fixed;
    left: 0;
    top: 70px;
    width: 300px;
    height: calc(100vh - 72px);
    border-right: 1px solid #E9EEF2;
    padding: 0 20px;
    padding-left: 40px;
    padding-top: 16px;
    overflow-y: scroll; }
    .course .course-left::-webkit-scrollbar {
      width: 3px; }
    .course .course-left::-webkit-scrollbar-thumb {
      background-color: #E9EEF2;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .course .course-left .tital {
      font-size: 18px;
      margin-bottom: 13px;
      margin-top: 30px; }
    .course .course-left a {
      font-size: 14px;
      display: block;
      color: #042040;
      margin-bottom: 10px; }
  .course .course-right {
    margin-left: 300px;
    padding: 40px;
    width: calc(100% - 300px); }
    .course .course-right h2 {
      text-align: center;
      font-size: 1.9em; }
    .course .course-right .p2 {
      font-size: 30px;
      margin-bottom: 20px;
      margin-top: 50px; }
    .course .course-right .p3 {
      font-size: 16px;
      margin-bottom: 20px;
      margin-top: 35px; }
    .course .course-right .p4 {
      font-size: 15px;
      margin-bottom: 20px; }
    .course .course-right .p5 {
      font-size: 15px;
      font-family: Ubuntu-Bold, Ubuntu;
      margin-bottom: 20px; }
    .course .course-right .p6 {
      font-size: 15px;
      font-family: Ubuntu-Regular, Ubuntu;
      margin-bottom: 20px; }
    .course .course-right .blodsoan {
      font-family: Ubuntu-Bold, Ubuntu;
      color: #0000EE; }
    .course .course-right p {
      font-size: 15px;
      margin-bottom: 10px; }
    .course .course-right img {
      max-width: 100%;
      margin-bottom: 30px; }
    .course .course-right #cou1,
    .course .course-right #cou2,
    .course .course-right #cou3,
    .course .course-right #cou4,
    .course .course-right #cou5,
    .course .course-right #cou6,
    .course .course-right #cou7,
    .course .course-right #cou8,
    .course .course-right #cou9,
    .course .course-right #cou10,
    .course .course-right #cou11,
    .course .course-right #cou12,
    .course .course-right #cou13 {
      transform: translateY(-90px); }

.cases-startnow {
  position: relative; }
  .cases-startnow .now-ul {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cases-startnow .now-ul .li {
      text-align: center;
      width: 100%;
      max-width: 363px; }
      .cases-startnow .now-ul .li p {
        font-size: 26px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #042040;
        line-height: 34px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .cases-startnow .now-ul .li span {
        font-size: 18px;
        font-family: Ubuntu-Light, Ubuntu;
        font-weight: 400;
        color: #55687D;
        line-height: 25px; }

.tools-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px; }
  .tools-ul .lizw {
    width: 100%;
    max-width: 291px; }
  .tools-ul.howul .li {
    max-width: 393px; }
    .tools-ul.howul .li .img-box {
      align-items: flex-end;
      background-color: #F1F4FB; }
  .tools-ul .li {
    width: 100%;
    max-width: 291px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 8px 0px rgba(162, 180, 202, 0.1);
    border-radius: 10px;
    border: 1px solid #F0F4F5;
    margin-bottom: 20px;
    overflow: hidden; }
    .tools-ul .li:hover {
      box-shadow: 0px 6px 8px 0px rgba(162, 180, 202, 0.2); }
    .tools-ul .li .img-box {
      height: 148px;
      background-color: #000A3A;
      display: flex;
      justify-content: center;
      align-items: center; }
    .tools-ul .li .txt {
      padding: 15px 19px; }
      .tools-ul .li .txt p {
        font-size: 20px;
        font-family: Ubuntu-Medium, Ubuntu;
        font-weight: 500;
        color: #042040;
        line-height: 26px;
        margin-bottom: 10px; }
      .tools-ul .li .txt span {
        font-size: 16px;
        font-family: Ubuntu-Light, Ubuntu;
        font-weight: 400;
        color: #55687D;
        line-height: 22px; }

.developerapi .developerbanner {
  position: relative;
  width: 100%;
  background-color: #EBF4FF; }
  .developerapi .developerbanner .cont {
    height: 640px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .developerapi .developerbanner .cont h1 {
      font-size: 60px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #15357A;
      line-height: 70px; }
    .developerapi .developerbanner .cont h4 {
      font-size: 20px;
      font-family: Open Sans-Regular, Open Sans;
      color: #355395;
      line-height: 29px;
      margin-top: 20px;
      font-weight: 400; }
    .developerapi .developerbanner .cont > img {
      margin-left: -30px;
      transform: translateX(30px); }
.developerapi .dep-cont {
  padding: 50px 0;
  font-weight: 500;
  color: #363636; }
  .developerapi .dep-cont h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center; }
  .developerapi .dep-cont .ttbox {
    background-color: #f5f5f5;
    border: 1px solid #32345b;
    padding: 50px;
    margin-bottom: 30px;
    font-size: 16px; }
    .developerapi .dep-cont .ttbox p {
      font-family: Ubuntu-Regular, Ubuntu;
      margin-bottom: 20px; }
    .developerapi .dep-cont .ttbox b {
      font-weight: 400;
      color: #23396b;
      margin-bottom: 20px;
      font-family: Ubuntu-Medium, Ubuntu; }
    .developerapi .dep-cont .ttbox a:hover {
      text-decoration: underline; }
.developerapi .zum {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #E7E9F4;
  border-right: none;
  border-bottom: none;
  margin-bottom: 20px; }
  .developerapi .zum .li {
    display: flex;
    align-items: center;
    height: 42px;
    border-bottom: 1px solid #E7E9F4; }
    .developerapi .zum .li .l {
      height: 100%;
      width: 125px;
      background-color: #F8F9FC;
      border-right: 1px solid #E7E9F4;
      display: flex;
      align-items: center;
      padding-left: 25px; }
    .developerapi .zum .li .r {
      height: 100%;
      width: 244px;
      display: flex;
      align-items: center;
      padding-left: 30px;
      background-color: #fff;
      border-right: 1px solid #E7E9F4; }
.developerapi .dep-ban {
  height: 270px;
  background-image: url("../img/develop/bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .developerapi .dep-ban .cont {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .developerapi .dep-ban .cont h4 {
      font-size: 48px;
      font-family: Ubuntu-Bold, Ubuntu;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 48px; }
    .developerapi .dep-ban .cont .ul {
      display: flex;
      align-items: center;
      margin-top: 20px;
      margin-bottom: 35px; }
      .developerapi .dep-ban .cont .ul .li {
        display: flex;
        align-items: center;
        margin-right: 30px; }
        .developerapi .dep-ban .cont .ul .li:nth-last-of-type(1) {
          margin-right: 0; }
        .developerapi .dep-ban .cont .ul .li p {
          font-size: 18px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 21px;
          margin-left: 10px; }
    .developerapi .dep-ban .cont .btn {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 50px;
      height: 55px;
      font-size: 20px;
      background-color: #FFFFFF;
      border-radius: 4px;
      cursor: pointer;
      font-family: Ubuntu-Medium, Ubuntu;
      font-weight: 500;
      color: #0E6FDE;
      line-height: 23px; }
      .developerapi .dep-ban .cont .btn:hover {
        background-color: rgba(255, 255, 255, 0.8); }

.cases {
  position: relative; }
  .cases .special-banner {
    display: flex;
    align-items: center; }
    .cases .special-banner .cont {
      position: relative;
      z-index: 1;
      height: 100%;
      align-items: center; }
      .cases .special-banner .cont .sban-l .ipchanger-btn1 {
        height: 58px; }
        .cases .special-banner .cont .sban-l .ipchanger-btn1 p {
          font-size: 16px;
          font-family: Ubuntu-Medium, Ubuntu; }
        .cases .special-banner .cont .sban-l .ipchanger-btn1.btn2 {
          border: 2px solid #0E6FDE; }
          .cases .special-banner .cont .sban-l .ipchanger-btn1.btn2:hover {
            border: 2px solid #16396c; }
        .cases .special-banner .cont .sban-l .ipchanger-btn1 .discount-j {
          position: absolute;
          right: -23px;
          top: -17px;
          width: 80px;
          height: 69px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/special/cases/ban_jb.svg"); }
          .cases .special-banner .cont .sban-l .ipchanger-btn1 .discount-j span {
            font-size: 12px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #042040;
            line-height: 19px;
            transform: rotateZ(45deg);
            padding-top: 12px;
            padding-left: 29px; }
    .cases .special-banner .casesbanimgl {
      position: absolute;
      left: 0;
      top: 0; }
    .cases .special-banner .casesbanimgr {
      position: absolute;
      right: 0;
      top: 0; }
  .cases .casesimg1 {
    position: absolute;
    left: 0;
    top: 1303px;
    z-index: -1; }
  .cases .casesimg2 {
    position: absolute;
    right: 0;
    top: 2302px;
    z-index: -1; }
  .cases .casesimg3 {
    position: absolute;
    right: 0;
    top: 2538px;
    z-index: -1; }

.swiper-content h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  text-align: center;
  color: #042040;
  margin-bottom: 33px;
  margin-top: 50px; }
.swiper-content .swiperBox {
  display: flex;
  align-items: center;
  justify-content: center; }
  .swiper-content .swiperBox .swiper1 .swiper-slide-active .sw-content .swipers-left div {
    font-style: italic;
    font-weight: 700;
    font-size: 30px;
    line-height: 150%;
    color: #FF8822;
    margin-right: 10px; }
  .swiper-content .swiperBox .swiper1 .swiper-slide-active .sw-content .swipers-left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #042040; }
  .swiper-content .swiperBox .swipers {
    padding: 20px 10px;
    width: 1210px;
    height: 420px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #00ff33; }
    .swiper-content .swiperBox .swipers .swiper-pagination-bullet {
      width: 5px;
      height: 5px;
      background-color: #FF8822; }
    .swiper-content .swiperBox .swipers .swiper-pagination {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .swiper-content .swiperBox .swipers .swiper-pagination-bullet-active {
      width: 10px;
      height: 10px; }
    .swiper-content .swiperBox .swipers .sw-content {
      display: flex;
      flex-direction: column; }
      .swiper-content .swiperBox .swipers .sw-content .swipers-left {
        width: 530px;
        height: 135px;
        background: #FFFFFF;
        border-radius: 21px;
        display: flex;
        align-items: center;
        padding: 25px;
        margin-bottom: 20px;
        margin-right: 100px;
        transition: all 1s linear 0.1s;
        box-shadow: 0px 3px 10px rgba(162, 180, 202, 0.3);
        margin-bottom: 20px;
        margin-right: 100px;
        transition: all 1s linear 0.5s; }
        .swiper-content .swiperBox .swipers .sw-content .swipers-left div {
          font-style: italic;
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          color: #FFCFA7;
          margin-right: 10px; }
        .swiper-content .swiperBox .swipers .sw-content .swipers-left p {
          font-weight: 400;
          font-size: 16px;
          line-height: 150%;
          color: #9BA6B3; }
    .swiper-content .swiperBox .swipers .sw-img-con img {
      width: 20px;
      height: 20px;
      display: block; }
    .swiper-content .swiperBox .swipers .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center; }
  .swiper-content .swiperBox .menu {
    position: absolute;
    right: 50%;
    display: flex;
    flex-direction: column;
    width: 26px;
    height: 261px; }
    .swiper-content .swiperBox .menu .swiper-button-next {
      position: absolute;
      left: -1px;
      top: 220px; }
    .swiper-content .swiperBox .menu img {
      position: absolute;
      left: -1px;
      top: 30px; }
      .swiper-content .swiperBox .menu img:hover {
        width: 30px;
        left: -2px; }
    .swiper-content .swiperBox .menu .swiper-button-next {
      position: relative; }
.swiper-content .swiperfooter .more_wr {
  display: flex;
  align-items: center;
  justify-content: center; }
  .swiper-content .swiperfooter .more_wr a {
    margin-top: 20px; }
  .swiper-content .swiperfooter .more_wr .more_btn01 {
    font-size: 18px;
    font-family: Open Sans-Regular, Open Sans;
    color: #042040; }
    .swiper-content .swiperfooter .more_wr .more_btn01 img {
      margin-left: 10px; }
    .swiper-content .swiperfooter .more_wr .more_btn01:hover {
      color: #FF4800; }

.swiper-slide-prev .swiper-slide-next {
  background-color: red; }
  .swiper-slide-prev .swiper-slide-next .sw-content .swipers-left {
    box-shadow: 0px 3px 10px rgba(162, 180, 202, 0.4);
    margin-bottom: 20px;
    margin-right: 100px;
    transition: all 1s linear 0.5s; }
    .swiper-slide-prev .swiper-slide-next .sw-content .swipers-left div {
      font-style: italic;
      font-weight: 700;
      font-size: 30px;
      line-height: 150%;
      color: #FFCFA7;
      margin-right: 10px; }
    .swiper-slide-prev .swiper-slide-next .sw-content .swipers-left p {
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: #9BA6B3; }

.menu-i {
  width: 100%;
  overflow: hidden;
  display: block;
  margin-bottom: 90px; }
  .menu-i > p {
    font-family: Ubuntu;
    color: #042040;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 60px; }
  .menu-i #horse-light-list {
    width: 100%;
    display: block !important; }
    .menu-i #horse-light-list > div {
      display: block;
      margin-top: 15px;
      position: relative;
      width: 1580px;
      height: 62px;
      overflow: hidden; }
      .menu-i #horse-light-list > div .horse-light-item {
        width: 200px;
        padding: 5px 25px;
        border-radius: 6px;
        border: 1px solid #F0F4F5;
        margin-right: 15px;
        display: inline-block;
        white-space: nowrap; }
        .menu-i #horse-light-list > div .horse-light-item img {
          display: block;
          width: 150px;
          height: 50px; }
        .menu-i #horse-light-list > div .horse-light-item:hover {
          border-radius: 6px;
          background: #FFF;
          box-shadow: 0px 3px 22px 0px rgba(0, 54, 130, 0.05); }
      .menu-i #horse-light-list > div.horse-1 {
        left: 122px; }
      .menu-i #horse-light-list > div.horse-2 {
        left: 50px; }

.container {
  width: 1582px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center; }
  .container ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0; }
    .container ul li {
      list-style: none;
      flex: 1; }

.ear-con,
.head-right-pop, .head-right-pop-new {
  display: none; }

.swiper-button-prev,
.swiper-button-next:focus {
  outline: none; }

.selectionSpan {
  color: #0E6FDE; }

.selectionProxy {
  margin-top: 100px;
  margin-bottom: 126px;
  display: flex;
  justify-content: space-between; }
  .selectionProxy .selectionBox {
    padding: 20px 35px;
    width: 585px;
    height: 219px;
    background-color: #fff;
    box-shadow: 0px 3px 14px rgba(162, 181, 202, 0.2);
    border-radius: 10px; }
    .selectionProxy .selectionBox .selectionLeft {
      display: flex;
      align-items: flex-end; }
      .selectionProxy .selectionBox .selectionLeft img {
        width: 46px;
        height: 38px;
        margin-right: 20px; }
    .selectionProxy .selectionBox .listdiv {
      width: 445px;
      height: 81px;
      overflow: hidden;
      margin-bottom: 20px;
      margin-left: 60px;
      margin-top: 24px; }
      .selectionProxy .selectionBox .listdiv .listP {
        width: 440px;
        height: 81px;
        font-size: 16px;
        line-height: 170%;
        color: #55687D; }
  .selectionProxy .fonts {
    font-size: 20px;
    cursor: pointer;
    color: #042040; }
    .selectionProxy .fonts:hover {
      color: #2C68FF; }
  .selectionProxy .selectionRight {
    width: 585px;
    height: 219px;
    background-color: pink; }

.t-t {
  font-weight: 700;
  font-size: 20px;
  margin-top: 20px; }

.selectionmain {
  margin-top: 30px;
  display: flex; }
  .selectionmain .selectionmainList {
    display: flex;
    align-items: center; }
    .selectionmain .selectionmainList .Listtitle {
      margin-left: 15px; }
      .selectionmain .selectionmainList .Listtitle i {
        font-weight: 400;
        font-size: 14px;
        color: #666666; }
      .selectionmain .selectionmainList .Listtitle p {
        margin-top: 3px;
        font-weight: 700;
        font-size: 18px;
        color: #222222; }

.indexSelection {
  display: flex;
  justify-content: space-between; }
  .indexSelection .indexSlist {
    width: 287.5px;
    box-shadow: 0px 0px 14px rgba(58, 118, 209, 0.11);
    border-radius: 10px; }
    .indexSelection .indexSlist .indexImg {
      width: 287.5px;
      height: 150px; }
    .indexSelection .indexSlist .indexText {
      padding: 20px; }
      .indexSelection .indexSlist .indexText i {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        color: #042040;
        margin-bottom: 10px; }
      .indexSelection .indexSlist .indexText span {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #55687D;
        font-family: 'Ubuntu';
        font-style: normal; }
  .indexSelection .bgc1 {
    background: url("../img/selection/selectionlist1.svg") no-repeat center 20px, #F7F8FC; }
  .indexSelection .bgc2 {
    background: url("../img/selection/selectionlist2.svg") no-repeat center 20px, #F7F8FC; }
  .indexSelection .bgc3 {
    background: url("../img/selection/selectionlist3.svg") no-repeat center 20px, #F7F8FC; }
  .indexSelection .bgc4 {
    background: url("../img/selection/selectionlist4.svg") no-repeat center 20px, #F7F8FC; }

@media screen and (max-width: 820px) {
  .login-box > .content {
    width: 90% !important; }

  .change-type > p {
    font-size: 12px !important; }

  .fv-row .form-check {
    display: flex !important; }

  .entemail p {
    display: none !important; }
  .entemail input {
    display: none !important; }
  .entemail .li {
    display: none; }

  .p-intro {
    display: none; }

  .time {
    margin-top: -66px !important; }

  .new_nav {
    display: none; }

  .follow {
    display: none !important; }

  html, body {
    overflow-x: hidden !important; }
    html .telegram,
    html .app-wrapper,
    html #chatbot-chat,
    html .closed,
    html .foll_position_img6-02,
    html .left-advertising, body .telegram,
    body .app-wrapper,
    body #chatbot-chat,
    body .closed,
    body .foll_position_img6-02,
    body .left-advertising {
      display: none; }
    html .pop_holid, body .pop_holid {
      display: none;
      position: relative; }
    html header, body header {
      height: 70px; }
    html .retail .head-right-pop, html .retail .head-right-pop-new, body .retail .head-right-pop, body .retail .head-right-pop-new {
      display: flex;
      z-index: 99999; }
    html .retail .foll_position_img4,
    html .retail .foll_position_img5,
    html .retail .foll_position_img7,
    html .retail .foll_position_img3, body .retail .foll_position_img4,
    body .retail .foll_position_img5,
    body .retail .foll_position_img7,
    body .retail .foll_position_img3 {
      display: none; }
    html .retail .special-banner, body .retail .special-banner {
      padding-bottom: 30px; }
      html .retail .special-banner .cont .sban-l, body .retail .special-banner .cont .sban-l {
        flex: inherit;
        width: 100%;
        margin-top: 60px; }
        html .retail .special-banner .cont .sban-l h1, body .retail .special-banner .cont .sban-l h1 {
          white-space: normal; }
        html .retail .special-banner .cont .sban-l .mt20, body .retail .special-banner .cont .sban-l .mt20 {
          font-size: 32px;
          line-height: 50px; }
        html .retail .special-banner .cont .sban-l .ipchanger-btnbox .ipchanger-btn1, body .retail .special-banner .cont .sban-l .ipchanger-btnbox .ipchanger-btn1 {
          display: none; }
          html .retail .special-banner .cont .sban-l .ipchanger-btnbox .ipchanger-btn1:active, body .retail .special-banner .cont .sban-l .ipchanger-btnbox .ipchanger-btn1:active {
            background-color: #16396c; }
        html .retail .special-banner .cont .sban-l .ipchanger-btnbox .wap-btn, body .retail .special-banner .cont .sban-l .ipchanger-btnbox .wap-btn {
          display: flex; }
      html .retail .special-banner .cont .earth-box, body .retail .special-banner .cont .earth-box {
        display: none; }
      html .retail .special-banner .cont .follow, body .retail .special-banner .cont .follow {
        justify-content: flex-start;
        overflow-x: scroll; }
        html .retail .special-banner .cont .follow .li_wrap, body .retail .special-banner .cont .follow .li_wrap {
          white-space: nowrap; }
      html .retail .special-banner .cont .ban-png, body .retail .special-banner .cont .ban-png {
        display: none; }
      html .retail .special-banner .ipchanger-btn1, body .retail .special-banner .ipchanger-btn1 {
        margin: 0 auto;
        width: 100%; }
      html .retail .special-banner .mt40, body .retail .special-banner .mt40 {
        position: relative;
        z-index: 9; }
    html .retail .ear-con, body .retail .ear-con {
      display: block;
      height: 425px;
      position: relative;
      background-color: #EBF4FF;
      overflow: hidden; }
      html .retail .ear-con .earth-box, body .retail .ear-con .earth-box {
        left: -100%;
        top: 0px; }
        html .retail .ear-con .earth-box .earth-cont, body .retail .ear-con .earth-box .earth-cont {
          top: -90px; }
      html .retail .ear-con .follow, body .retail .ear-con .follow {
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        display: flex;
        z-index: 9914;
        overflow: scroll;
        white-space: nowrap; }
        html .retail .ear-con .follow::-webkit-scrollbar, body .retail .ear-con .follow::-webkit-scrollbar {
          width: 0px; }
        html .retail .ear-con .follow .li_wrap, body .retail .ear-con .follow .li_wrap {
          position: relative;
          padding: 0 20px 0 58px;
          display: inline-block;
          height: 30px;
          line-height: 30px;
          font-size: 15px;
          color: #8592AC;
          background: url("../img/index/flow-icon01.svg") no-repeat 15px 0;
          cursor: pointer; }
          html .retail .ear-con .follow .li_wrap:hover, body .retail .ear-con .follow .li_wrap:hover {
            color: #0e6fde;
            background: url("../img/index/flow-icon01-h.svg") no-repeat 15px 0; }
            html .retail .ear-con .follow .li_wrap:hover .hover_wrap, body .retail .ear-con .follow .li_wrap:hover .hover_wrap {
              display: block; }
          html .retail .ear-con .follow .li_wrap::after, body .retail .ear-con .follow .li_wrap::after {
            content: "";
            position: absolute;
            top: 10px;
            right: 0;
            width: 1px;
            height: 15px;
            background: #C5DFFF; }
          html .retail .ear-con .follow .li_wrap .hover_wrap, body .retail .ear-con .follow .li_wrap .hover_wrap {
            position: absolute;
            top: -170px;
            left: -131px;
            display: none;
            width: 460px;
            height: 166px;
            overflow: hidden; }
            html .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap02, body .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap02 {
              left: -123px; }
            html .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap03, body .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap03 {
              left: -131px; }
            html .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap04, body .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap04 {
              left: -131px; }
            html .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap05, body .retail .ear-con .follow .li_wrap .hover_wrap.hover_wrap05 {
              top: -199px;
              left: -177px;
              height: 190px; }
          html .retail .ear-con .follow .li_wrap:last-child::after, body .retail .ear-con .follow .li_wrap:last-child::after {
            width: 0; }
          html .retail .ear-con .follow .li_wrap:nth-child(2), body .retail .ear-con .follow .li_wrap:nth-child(2) {
            background: url("../img/index/flow-icon02.svg") no-repeat 15px 0; }
            html .retail .ear-con .follow .li_wrap:nth-child(2):hover, body .retail .ear-con .follow .li_wrap:nth-child(2):hover {
              background: url("../img/index/flow-icon02-h.svg") no-repeat 15px 0; }
          html .retail .ear-con .follow .li_wrap:nth-child(3), body .retail .ear-con .follow .li_wrap:nth-child(3) {
            background: url("../img/index/flow-icon03.svg") no-repeat 15px 0; }
            html .retail .ear-con .follow .li_wrap:nth-child(3):hover, body .retail .ear-con .follow .li_wrap:nth-child(3):hover {
              background: url("../img/index/flow-icon03-h.svg") no-repeat 15px 0; }
          html .retail .ear-con .follow .li_wrap:nth-child(4), body .retail .ear-con .follow .li_wrap:nth-child(4) {
            background: url("../img/index/flow-icon04.svg") no-repeat 15px 0; }
            html .retail .ear-con .follow .li_wrap:nth-child(4):hover, body .retail .ear-con .follow .li_wrap:nth-child(4):hover {
              background: url("../img/index/flow-icon04-h.svg") no-repeat 15px 0; }
          html .retail .ear-con .follow .li_wrap:nth-child(5), body .retail .ear-con .follow .li_wrap:nth-child(5) {
            background: url("../img/index/flow-icon05.svg") no-repeat 15px 0; }
            html .retail .ear-con .follow .li_wrap:nth-child(5):hover, body .retail .ear-con .follow .li_wrap:nth-child(5):hover {
              background: url("../img/index/flow-icon05-h.svg") no-repeat 15px 0; }
          html .retail .ear-con .follow .li_wrap:nth-child(6), body .retail .ear-con .follow .li_wrap:nth-child(6) {
            background: url("../img/index/flow-icon06.svg") no-repeat 15px 0; }
            html .retail .ear-con .follow .li_wrap:nth-child(6):hover, body .retail .ear-con .follow .li_wrap:nth-child(6):hover {
              background: url("../img/index/flow-icon06-h.svg") no-repeat 15px 0; }
    html .retail .menu-i, body .retail .menu-i {
      display: flex;
      flex-direction: column; }
      html .retail .menu-i p, body .retail .menu-i p {
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        text-align: center;
        color: #55687D; }
      html .retail .menu-i .menu-ul, body .retail .menu-i .menu-ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0; }
        html .retail .menu-i .menu-ul .menu-li, body .retail .menu-i .menu-ul .menu-li {
          margin-left: 0; }
          html .retail .menu-i .menu-ul .menu-li:nth-child(2n), body .retail .menu-i .menu-ul .menu-li:nth-child(2n) {
            margin-left: 30px; }
    html .retail .wap-ban2, body .retail .wap-ban2 {
      padding: 20px;
      display: flex;
      flex-direction: column-reverse; }
      html .retail .wap-ban2 .foll_position_img1, body .retail .wap-ban2 .foll_position_img1 {
        display: none; }
      html .retail .wap-ban2 .ipchanger-btnbox, body .retail .wap-ban2 .ipchanger-btnbox {
        display: flex;
        justify-content: center; }
      html .retail .wap-ban2 .txt-cont .ipchanger-btnbox, body .retail .wap-ban2 .txt-cont .ipchanger-btnbox {
        display: none; }
      html .retail .wap-ban2 .txt-cont h3, body .retail .wap-ban2 .txt-cont h3 {
        font-size: 32px;
        line-height: 50px; }
    html .retail .wap-ban3, body .retail .wap-ban3 {
      padding: 20px;
      display: flex;
      flex-direction: column; }
      html .retail .wap-ban3 .txt-cont .proxies_type_wrap, body .retail .wap-ban3 .txt-cont .proxies_type_wrap {
        display: flex;
        flex-wrap: wrap; }
        html .retail .wap-ban3 .txt-cont .proxies_type_wrap .type_info, body .retail .wap-ban3 .txt-cont .proxies_type_wrap .type_info {
          margin-left: 0px;
          padding-top: 8%; }
      html .retail .wap-ban3 .txt-cont .ipchanger-btnbox, body .retail .wap-ban3 .txt-cont .ipchanger-btnbox {
        display: none; }
      html .retail .wap-ban3 .txt-cont h3, body .retail .wap-ban3 .txt-cont h3 {
        font-size: 32px;
        line-height: 50px; }
    html .retail .spec-table, body .retail .spec-table {
      overflow-x: scroll; }
      html .retail .spec-table .li1, body .retail .spec-table .li1 {
        padding-bottom: 56px; }
        html .retail .spec-table .li1 .li1-box, body .retail .spec-table .li1 .li1-box {
          height: 100%; }
    html .retail .wap-ban5, body .retail .wap-ban5 {
      padding: 20px; }
      html .retail .wap-ban5 .browse, body .retail .wap-ban5 .browse {
        height: auto;
        background-size: contain;
        background-position: 0px 260px; }
        html .retail .wap-ban5 .browse .browse_tit_wrap, body .retail .wap-ban5 .browse .browse_tit_wrap {
          display: flex;
          flex-direction: column; }
          html .retail .wap-ban5 .browse .browse_tit_wrap .tit_txt, body .retail .wap-ban5 .browse .browse_tit_wrap .tit_txt {
            width: auto;
            height: auto;
            word-wrap: anywhere;
            font-size: 32px;
            line-height: 50px; }
          html .retail .wap-ban5 .browse .browse_tit_wrap .tit_info_ul, body .retail .wap-ban5 .browse .browse_tit_wrap .tit_info_ul {
            margin-right: 0; }
            html .retail .wap-ban5 .browse .browse_tit_wrap .tit_info_ul .tit_info_li, body .retail .wap-ban5 .browse .browse_tit_wrap .tit_info_ul .tit_info_li {
              height: auto; }
              html .retail .wap-ban5 .browse .browse_tit_wrap .tit_info_ul .tit_info_li span, body .retail .wap-ban5 .browse .browse_tit_wrap .tit_info_ul .tit_info_li span {
                word-wrap: anywhere; }
        html .retail .wap-ban5 .browse .abs_sty, body .retail .wap-ban5 .browse .abs_sty {
          height: 350px; }
          html .retail .wap-ban5 .browse .abs_sty .abs_cont, body .retail .wap-ban5 .browse .abs_sty .abs_cont {
            top: 85px; }
            html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li {
              left: 13%; }
              html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li .abs_t, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li .abs_t {
                font-size: 12px;
                position: absolute;
                left: -10px; }
              html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li .abs_num, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li .abs_num {
                font-size: 12px;
                top: 90%; }
            html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li02, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li02 {
              left: 40%;
              top: 29%; }
              html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li02 .abs_num, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li02 .abs_num {
                font-size: 12px;
                left: 12%;
                top: 15%; }
            html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li03, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li03 {
              left: 38%;
              top: 38%; }
              html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li03 .abs_t, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li03 .abs_t {
                text-align: center; }
              html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li03 .abs_num, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li03 .abs_num {
                left: 50px;
                top: 20px; }
            html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li04, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li04 {
              text-align: center;
              left: 68%;
              top: 34%; }
              html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li04 .abs_t, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li04 .abs_t {
                text-align: center; }
              html .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li04 .abs_num, body .retail .wap-ban5 .browse .abs_sty .abs_cont .abs_li04 .abs_num {
                left: 20%;
                top: 55%; }
          html .retail .wap-ban5 .browse .abs_sty .more_wr, body .retail .wap-ban5 .browse .abs_sty .more_wr {
            display: none; }
        html .retail .wap-ban5 .browse .cont_wrap, body .retail .wap-ban5 .browse .cont_wrap {
          display: flex;
          align-items: center;
          flex-direction: column; }
          html .retail .wap-ban5 .browse .cont_wrap .cont_info_li, body .retail .wap-ban5 .browse .cont_wrap .cont_info_li {
            width: auto;
            margin-right: 0px;
            margin-bottom: 20px; }
    html .retail .pia_introduce, body .retail .pia_introduce {
      display: flex;
      flex-direction: column; }
      html .retail .pia_introduce .pia_intro_title, body .retail .pia_introduce .pia_intro_title {
        display: flex;
        flex-direction: column; }
        html .retail .pia_introduce .pia_intro_title .tit_name, body .retail .pia_introduce .pia_intro_title .tit_name {
          width: auto;
          height: auto;
          font-size: 32px;
          line-height: 50px; }
        html .retail .pia_introduce .pia_intro_title .tit_cont, body .retail .pia_introduce .pia_intro_title .tit_cont {
          height: auto;
          margin: 0;
          margin-top: 20px;
          width: auto; }
      html .retail .pia_introduce .pia_intro_content, body .retail .pia_introduce .pia_intro_content {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        html .retail .pia_introduce .pia_intro_content .pia_intro_li, body .retail .pia_introduce .pia_intro_content .pia_intro_li {
          width: 100%;
          margin: 0;
          margin-bottom: 24px;
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          html .retail .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit, body .retail .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit {
            width: auto; }
            html .retail .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .tit_name, body .retail .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .tit_name {
              width: calc(100% - 100px);
              word-wrap: anywhere; }
          html .retail .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_cont, body .retail .pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_cont {
            width: auto; }
    html .retail .companies_use, body .retail .companies_use {
      height: auto; }
      html .retail .companies_use .companies_use_title, body .retail .companies_use .companies_use_title {
        text-align: left; }
        html .retail .companies_use .companies_use_title span, body .retail .companies_use .companies_use_title span {
          font-size: 32px;
          line-height: 50px; }
      html .retail .companies_use .companies_use_cont, body .retail .companies_use .companies_use_cont {
        display: flex;
        flex-wrap: wrap; }
        html .retail .companies_use .companies_use_cont .companies_use_cont_li, body .retail .companies_use .companies_use_cont .companies_use_cont_li {
          width: 47%;
          margin-bottom: 20px;
          margin-right: 10px; }
          html .retail .companies_use .companies_use_cont .companies_use_cont_li:nth-last-child(2n), body .retail .companies_use .companies_use_cont .companies_use_cont_li:nth-last-child(2n) {
            margin-right: 0px; }
          html .retail .companies_use .companies_use_cont .companies_use_cont_li.companies_use_cont_li_w, body .retail .companies_use .companies_use_cont .companies_use_cont_li.companies_use_cont_li_w {
            margin-top: 0; }
      html .retail .companies_use .count, body .retail .companies_use .count {
        display: flex; }
        html .retail .companies_use .count .companies_use_cont .companies_use_cont_li, body .retail .companies_use .count .companies_use_cont .companies_use_cont_li {
          margin-bottom: 20px; }
    html .retail .pay-box h1, body .retail .pay-box h1 {
      white-space: inherit;
      margin-bottom: 45px; }
      html .retail .pay-box h1 div, body .retail .pay-box h1 div {
        font-size: 32px;
        line-height: 50px; }
      html .retail .pay-box h1 .h1img3, body .retail .pay-box h1 .h1img3 {
        display: none; }
    html .retail .pay-box .paylist-nav, body .retail .pay-box .paylist-nav {
      width: 100%;
      padding: 5px;
      border-radius: 4px; }
      html .retail .pay-box .paylist-nav .nav-li, body .retail .pay-box .paylist-nav .nav-li {
        flex: none;
        padding: 0px 10px;
        border-radius: 4px; }
        html .retail .pay-box .paylist-nav .nav-li.active, body .retail .pay-box .paylist-nav .nav-li.active {
          border-radius: 4px; }
        html .retail .pay-box .paylist-nav .nav-li .pro, body .retail .pay-box .paylist-nav .nav-li .pro {
          display: none; }
        html .retail .pay-box .paylist-nav .nav-li .navli-jb, body .retail .pay-box .paylist-nav .nav-li .navli-jb {
          display: none; }
        html .retail .pay-box .paylist-nav .nav-li > img, body .retail .pay-box .paylist-nav .nav-li > img {
          display: none; }
        html .retail .pay-box .paylist-nav .nav-li .paynav-mark, body .retail .pay-box .paylist-nav .nav-li .paynav-mark {
          position: absolute;
          right: -10px;
          top: -19px;
          width: auto;
          height: 25px;
          padding: 0 10px;
          display: flex;
          align-items: center;
          background-image: none;
          background: linear-gradient(180deg, #FEFE71 0%, #FFD179 100%);
          border: 2px solid #000000;
          border-radius: 3.99805px; }
          html .retail .pay-box .paylist-nav .nav-li .paynav-mark::after, body .retail .pay-box .paylist-nav .nav-li .paynav-mark::after {
            content: '';
            display: block;
            width: 13px;
            height: 9px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/index/activity/new/paynav-mark1.svg");
            position: absolute;
            top: calc(100% - 0.5px);
            right: 3px; }
    html .retail .pay-box .payList, body .retail .pay-box .payList {
      width: 100%;
      flex-direction: column;
      position: inherit; }
      html .retail .pay-box .payList .li.stand_out::before, body .retail .pay-box .payList .li.stand_out::before {
        display: none; }
      html .retail .pay-box .payList .li.stand_out .li-cont, body .retail .pay-box .payList .li.stand_out .li-cont {
        width: auto; }
      html .retail .pay-box .payList .li.stand_out .stand_out-fot, body .retail .pay-box .payList .li.stand_out .stand_out-fot {
        display: none; }
      html .retail .pay-box .payList .li.stand_out .pay-ipsave, body .retail .pay-box .payList .li.stand_out .pay-ipsave {
        top: -34px; }
      html .retail .pay-box .payList .pay-list5-box, body .retail .pay-box .payList .pay-list5-box {
        width: auto;
        flex-direction: column; }
        html .retail .pay-box .payList .pay-list5-box .payLiCont_paynav5, body .retail .pay-box .payList .pay-list5-box .payLiCont_paynav5 {
          flex-direction: column; }
          html .retail .pay-box .payList .pay-list5-box .payLiCont_paynav5 .li, body .retail .pay-box .payList .pay-list5-box .payLiCont_paynav5 .li {
            margin: 0;
            margin-top: 30px; }
            html .retail .pay-box .payList .pay-list5-box .payLiCont_paynav5 .li.active .li-cont .pay-li-fot .check, body .retail .pay-box .payList .pay-list5-box .payLiCont_paynav5 .li.active .li-cont .pay-li-fot .check {
              background-image: url("../img/index/activity/new/li_fot_quan2.png");
              background-size: 13px 13px; }
      html .retail .pay-box .payList .liType-normal, body .retail .pay-box .payList .liType-normal {
        width: 100%;
        margin-bottom: 20px; }
        html .retail .pay-box .payList .liType-normal .li-cont, body .retail .pay-box .payList .liType-normal .li-cont {
          width: 100%; }
        html .retail .pay-box .payList .liType-normal .stand_out-fot, body .retail .pay-box .payList .liType-normal .stand_out-fot {
          font-size: 20px;
          text-align: center;
          font-family: Ubuntu-Bold, Ubuntu;
          font-weight: 700;
          color: #042040;
          line-height: 23px;
          display: flex;
          align-items: center;
          justify-content: center; }
          html .retail .pay-box .payList .liType-normal .stand_out-fot img, body .retail .pay-box .payList .liType-normal .stand_out-fot img {
            display: none; }
      html .retail .pay-box .payList .active .li-cont .pay-li-fot .check, body .retail .pay-box .payList .active .li-cont .pay-li-fot .check {
        background-image: url("../img/index/activity/new/li_fot_quan2.png"); }
    html .retail .pay-box .pay-best, body .retail .pay-box .pay-best {
      flex-direction: column;
      padding: 10px 10px;
      width: 100%; }
      html .retail .pay-box .pay-best .ul .li, body .retail .pay-box .pay-best .ul .li {
        margin-left: 0; }
      html .retail .pay-box .pay-best .best-pay, body .retail .pay-box .pay-best .best-pay {
        width: 100%; }
        html .retail .pay-box .pay-best .best-pay .bestPayBtn, body .retail .pay-box .pay-best .best-pay .bestPayBtn {
          width: 100%; }
        html .retail .pay-box .pay-best .best-pay .b-type .type-box, body .retail .pay-box .pay-best .best-pay .b-type .type-box {
          flex-wrap: wrap; }
    html .retail .swiper-content, body .retail .swiper-content {
      display: none; }
      html .retail .swiper-content .swiperBox, body .retail .swiper-content .swiperBox {
        display: flex;
        flex-direction: column; }
        html .retail .swiper-content .swiperBox .swipers, body .retail .swiper-content .swiperBox .swipers {
          width: 100%; }
        html .retail .swiper-content .swiperBox .swiper3, body .retail .swiper-content .swiperBox .swiper3 {
          margin: 0; }
          html .retail .swiper-content .swiperBox .swiper3 .swiper-slide, body .retail .swiper-content .swiperBox .swiper3 .swiper-slide {
            margin: 0; }
            html .retail .swiper-content .swiperBox .swiper3 .swiper-slide .sw-content .swipers-left, body .retail .swiper-content .swiperBox .swiper3 .swiper-slide .sw-content .swipers-left {
              width: auto;
              margin: 0;
              height: auto;
              min-height: 140px; }
          html .retail .swiper-content .swiperBox .swiper3 .swiper-slide-active .sw-content .swipers-left, body .retail .swiper-content .swiperBox .swiper3 .swiper-slide-active .sw-content .swipers-left {
            width: auto;
            margin: 0; }
            html .retail .swiper-content .swiperBox .swiper3 .swiper-slide-active .sw-content .swipers-left p, body .retail .swiper-content .swiperBox .swiper3 .swiper-slide-active .sw-content .swipers-left p {
              font-weight: 400;
              font-size: 16px;
              line-height: 150%;
              color: #042040; }
            html .retail .swiper-content .swiperBox .swiper3 .swiper-slide-active .sw-content .swipers-left div, body .retail .swiper-content .swiperBox .swiper3 .swiper-slide-active .sw-content .swipers-left div {
              color: #FF8822; }
        html .retail .swiper-content .swiperBox .swiper4 .swiper-slide, body .retail .swiper-content .swiperBox .swiper4 .swiper-slide {
          margin: 0; }
    html .retail .spec-discuss, body .retail .spec-discuss {
      display: flex;
      flex-direction: column; }
      html .retail .spec-discuss .tit-box, body .retail .spec-discuss .tit-box {
        display: flex;
        flex-direction: column; }
        html .retail .spec-discuss .tit-box h3, body .retail .spec-discuss .tit-box h3 {
          font-size: 32px;
          line-height: 50px; }
      html .retail .spec-discuss .dis-cont, body .retail .spec-discuss .dis-cont {
        display: flex;
        flex-direction: column; }
        html .retail .spec-discuss .dis-cont .li, body .retail .spec-discuss .dis-cont .li {
          margin-bottom: 17px; }
    html .retail .quest-box .quest-list .li .tit i, body .retail .quest-box .quest-list .li .tit i {
      min-width: 30px; }
    html .pop_holid, body .pop_holid {
      display: none; }
    html .footer-bgbox .new-footer-box-bac, body .footer-bgbox .new-footer-box-bac {
      display: none; }
    html .footer-bgbox footer .footer-cont, body .footer-bgbox footer .footer-cont {
      display: block; }
      html .footer-bgbox footer .footer-cont .cont-l .pay_wrap,
      html .footer-bgbox footer .footer-cont .cont-l #lang-select, body .footer-bgbox footer .footer-cont .cont-l .pay_wrap,
      body .footer-bgbox footer .footer-cont .cont-l #lang-select {
        display: none; }
      html .footer-bgbox footer .footer-cont .cont-l .ts_info, body .footer-bgbox footer .footer-cont .cont-l .ts_info {
        margin-top: 35px; }
      html .footer-bgbox footer .footer-cont .cont-r, body .footer-bgbox footer .footer-cont .cont-r {
        display: none; }
    html .footer-bgbox .ftporm-box, body .footer-bgbox .ftporm-box {
      display: none; }
    html .h120,
    html .header-banner,
    html .header-banner-pay, body .h120,
    body .header-banner,
    body .header-banner-pay {
      display: none; }
    html .wap-header, body .wap-header {
      height: 70px; }
    html .reg-now, body .reg-now {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 18px 10px;
      position: fixed;
      width: 100%;
      height: 59px;
      left: 0px;
      bottom: -65px;
      background: #0E6FDE;
      box-shadow: 0px -4px 8px rgba(16, 93, 183, 0.21);
      z-index: 9999;
      transition: all 0.5s linear 0s; }
      html .reg-now p, body .reg-now p {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 23px;
        color: #FFFFFF; }
    html .show, body .show {
      bottom: 0; }

  .go-top,
  .header-banner,
  .foll_position_img6 {
    display: none; }

  .spec-table {
    overflow: hidden; }

  .spec-recom {
    overflow: hidden; }

  .retail_wap {
    overflow: hidden; }
    .retail_wap .special-banner {
      width: 100%; }

  .li_wrap {
    padding: 0 !important;
    width: 25%;
    background-position: 0 0 !important; }
    .li_wrap span {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 12px;
      margin-left: 10px;
      margin-right: 20px; }
    .li_wrap:first-child {
      width: 35%; }
    .li_wrap:nth-child(4) {
      width: 20%; }
    .li_wrap:last-child {
      width: 20%; }

  .hf {
    display: none; }

  header {
    top: 0 !important; }

  .header-placeholder {
    height: 70px !important; }

  .spec-table {
    display: none; }

  .companies_use_cont > img {
    display: none !important; }

  .companies_use_cont_li {
    width: 42% !important; }

  .new_pay_list > .list {
    width: 95% !important;
    display: block; }
    .new_pay_list > .list > div {
      width: 100%;
      margin-bottom: 20px; }

  .new_pay_list > .list_title {
    width: 100% !important; }

  .companies_use_title {
    text-align: center !important; } }
.lang_149 {
  color: #355395 !important; }

.lang_150 {
  color: #355395 !important; }

.lang_151 {
  color: #355395 !important; }

.lang_173 {
  color: #355395 !important; }

.lang_174 {
  color: #355395 !important; }

.lang_175 {
  color: #355395 !important; }

.mySwiper_banner .swiper-horizontal > .swiper-pagination-bullets, .mySwiper_banner .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper_banner .swiper-pagination-custom, .mySwiper_banner .swiper-pagination-fraction {
  bottom: 40px; }
.mySwiper_banner .swiper-pagination-horizontal {
  width: 100px !important;
  margin: 0 auto;
  margin-top: -35px;
  position: relative;
  z-index: 3; }
  .mySwiper_banner .swiper-pagination-horizontal > .swiper-pagination-bullet {
    width: 40px;
    height: 3px;
    border-radius: 36px;
    opacity: 0.1; }
  .mySwiper_banner .swiper-pagination-horizontal > .swiper-pagination-bullet-active {
    background: #0E6FDE;
    opacity: 1; }

.new-ban-ul {
  display: flex;
  justify-content: space-between;
  width: 500px;
  position: relative;
  z-index: 10; }
  .new-ban-ul > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }

.ban-p {
  width: 600px;
  color: #15357A;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 28.8px */
  align-self: stretch;
  margin-top: 10px; }

.hf {
  position: fixed;
  width: 100%;
  background: #E3EAFC;
  left: 0;
  top: 0;
  z-index: 20;
  transition: all 0.3s; }
  .hf.show {
    top: 70px; }
  .hf.hide {
    top: -60px; }
  .hf > .hf-box {
    width: 1210px;
    margin: 0 auto;
    display: flex;
    padding: 13px 0;
    gap: 10px;
    flex-flow: row nowrap;
    justify-content: space-between; }
    .hf > .hf-box > div {
      display: flex;
      align-items: center; }
      .hf > .hf-box > div > p {
        color: var(--PIA_BK-01, #042040);
        font-size: 15px;
        font-weight: 400;
        margin-left: 10px; }
        .hf > .hf-box > div > p b {
          font-weight: 700; }
      .hf > .hf-box > div > button {
        display: flex;
        padding: 5px 15px;
        justify-content: flex-end;
        border-radius: 4px;
        border: 0;
        background: var(--PIA_BK-01, #042040);
        gap: 10px;
        color: #FFF;
        font-family: Open Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        border: 0;
        outline: none;
        cursor: pointer; }
      .hf > .hf-box > div > img:last-child {
        display: flex;
        justify-content: flex-end;
        cursor: pointer; }

.new-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; }
.new-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; }
.new-ip-city .Location-banner {
  width: 100%;
  height: auto;
  background: linear-gradient(180deg, #EDF3FF 0%, #FFF 100%); }
  .new-ip-city .Location-banner .w1210 {
    display: flex;
    width: 1210px;
    margin: 0 auto;
    padding-top: 122px;
    margin-bottom: 62px;
    align-items: center;
    gap: 24px;
    align-self: stretch; }
  .new-ip-city .Location-banner .banner-left {
    width: 495px; }
    .new-ip-city .Location-banner .banner-left > p {
      color: var(--PIA_BK-01, #042040);
      align-self: stretch;
      font-family: 'Open Sans';
      font-size: 44px;
      font-style: normal;
      font-weight: 700;
      line-height: 130%;
      /* 61.1px */ }
    .new-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; }
      .new-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; }
    .new-ip-city .Location-banner .banner-left > .btn-list {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      margin-top: 40px; }
      .new-ip-city .Location-banner .banner-left > .btn-list > a:first-child {
        display: flex;
        padding: 14px 30px;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        background: var(--PIA_VI-01, #0E6FDE);
        color: #FFF;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 18px */
        text-transform: capitalize; }
      .new-ip-city .Location-banner .banner-left > .btn-list > a:last-child {
        display: flex;
        padding: 14px 30px;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        border: 1px solid #DEE0E9;
        background: #FFF;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        color: #042040;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        text-transform: capitalize; }
      .new-ip-city .Location-banner .banner-left > .btn-list .ipchanger-btn1 {
        font-weight: 400;
        border: 1px solid var(--PIA24-Line-01, #DEE0E9) !important;
        color: var(--PIA24-BK-01, #042040); }
        .new-ip-city .Location-banner .banner-left > .btn-list .ipchanger-btn1:hover {
          color: #fff !important; }
  .new-ip-city .Location-banner .map-img {
    width: 754px;
    height: 434px;
    margin: 0 auto;
    position: relative;
    background: url("../img/city/world.svg") no-repeat center; }
    .new-ip-city .Location-banner .map-img img {
      width: 100%; }
    .new-ip-city .Location-banner .map-img .map-show {
      display: none; }
    .new-ip-city .Location-banner .map-img .continent-1 {
      position: absolute;
      top: 30px;
      left: -1px;
      width: 305px;
      height: 198px;
      cursor: pointer; }
      .new-ip-city .Location-banner .map-img .continent-1:hover .map-show {
        display: block; }
      .new-ip-city .Location-banner .map-img .continent-1 .text-box {
        position: absolute;
        top: 10px;
        left: 40px;
        display: flex;
        padding: 15px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-1 .text-box:after {
          display: block;
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-left: 16px solid transparent;
          border-right: 16px solid transparent;
          border-top: 24px solid #fff;
          bottom: -18px;
          box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-1 .text-box .p1 {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 16px */ }
        .new-ip-city .Location-banner .map-img .continent-1 .text-box .p2 {
          color: var(--PIA24-BK-01, #042040);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
    .new-ip-city .Location-banner .map-img .continent-2 {
      position: absolute;
      top: 36px;
      right: 61px;
      width: 281px;
      height: 241px;
      cursor: pointer; }
      .new-ip-city .Location-banner .map-img .continent-2:hover .map-show {
        display: block; }
      .new-ip-city .Location-banner .map-img .continent-2 .text-box {
        position: absolute;
        top: 10px;
        left: 50px;
        display: flex;
        padding: 15px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-2 .text-box:after {
          display: block;
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-left: 16px solid transparent;
          border-right: 16px solid transparent;
          border-top: 24px solid #fff;
          bottom: -18px;
          box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-2 .text-box .p1 {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 16px */ }
        .new-ip-city .Location-banner .map-img .continent-2 .text-box .p2 {
          color: var(--PIA24-BK-01, #042040);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
    .new-ip-city .Location-banner .map-img .continent-3 {
      position: absolute;
      top: 34px;
      right: 276px;
      width: 215px;
      height: 117px;
      cursor: pointer; }
      .new-ip-city .Location-banner .map-img .continent-3:hover .map-show {
        display: block; }
      .new-ip-city .Location-banner .map-img .continent-3 .text-box {
        position: absolute;
        top: -15px;
        left: 74px;
        display: flex;
        padding: 15px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-3 .text-box:after {
          display: block;
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-left: 16px solid transparent;
          border-right: 16px solid transparent;
          border-top: 24px solid #fff;
          bottom: -18px;
          box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-3 .text-box .p1 {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 16px */ }
        .new-ip-city .Location-banner .map-img .continent-3 .text-box .p2 {
          color: var(--PIA24-BK-01, #042040);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
    .new-ip-city .Location-banner .map-img .continent-4 {
      position: absolute;
      bottom: 30px;
      left: 131px;
      width: 109px;
      height: 190px;
      cursor: pointer; }
      .new-ip-city .Location-banner .map-img .continent-4:hover .map-show {
        display: block; }
      .new-ip-city .Location-banner .map-img .continent-4 .text-box {
        position: absolute;
        top: 0;
        left: -24px;
        display: flex;
        padding: 15px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-4 .text-box:after {
          display: block;
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-left: 16px solid transparent;
          border-right: 16px solid transparent;
          border-top: 24px solid #fff;
          bottom: -18px;
          box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-4 .text-box .p1 {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 16px */ }
        .new-ip-city .Location-banner .map-img .continent-4 .text-box .p2 {
          color: var(--PIA24-BK-01, #042040);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
    .new-ip-city .Location-banner .map-img .continent-5 {
      position: absolute;
      bottom: 88px;
      right: 265px;
      width: 173px;
      height: 202px;
      cursor: pointer; }
      .new-ip-city .Location-banner .map-img .continent-5:hover .map-show {
        display: block; }
      .new-ip-city .Location-banner .map-img .continent-5 .text-box {
        position: absolute;
        top: -15px;
        left: 19px;
        display: flex;
        padding: 15px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-5 .text-box:after {
          display: block;
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-left: 16px solid transparent;
          border-right: 16px solid transparent;
          border-top: 24px solid #fff;
          bottom: -18px;
          box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-5 .text-box .p1 {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 16px */ }
        .new-ip-city .Location-banner .map-img .continent-5 .text-box .p2 {
          color: var(--PIA24-BK-01, #042040);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
    .new-ip-city .Location-banner .map-img .continent-6 {
      position: absolute;
      bottom: 55px;
      right: -19px;
      width: 163px;
      height: 157px;
      cursor: pointer; }
      .new-ip-city .Location-banner .map-img .continent-6:hover .map-show {
        display: block; }
      .new-ip-city .Location-banner .map-img .continent-6 .text-box {
        position: absolute;
        top: 4px;
        left: -3px;
        display: flex;
        padding: 15px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #FFF;
        box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-6 .text-box:after {
          display: block;
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-left: 16px solid transparent;
          border-right: 16px solid transparent;
          border-top: 24px solid #fff;
          bottom: -18px;
          box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
        .new-ip-city .Location-banner .map-img .continent-6 .text-box .p1 {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 16px */ }
        .new-ip-city .Location-banner .map-img .continent-6 .text-box .p2 {
          color: var(--PIA24-BK-01, #042040);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
    .new-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); } }
      .new-ip-city .Location-banner .map-img .mapitem .circle-inside {
        animation: circle_inside 4500ms ease-out 500ms infinite; }
      .new-ip-city .Location-banner .map-img .mapitem .circle-outside {
        animation: circle_outside 4500ms ease-out 3250ms infinite; }
      .new-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; }
      .new-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; }
      .new-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; }
      .new-ip-city .Location-banner .map-img .mapitem .circle_box {
        width: 44px;
        height: 37px;
        position: relative;
        transform: rotateX(50deg); }
      .new-ip-city .Location-banner .map-img .mapitem .mapicon {
        top: -5px;
        left: 4px;
        position: absolute;
        width: 14px;
        height: 18px; }
      .new-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; }
        .new-ip-city .Location-banner .map-img .mapitem .iconc img {
          width: 35px;
          height: 35px;
          margin-right: 10px;
          margin-left: 10px; }
        .new-ip-city .Location-banner .map-img .mapitem .iconc .tt {
          border-radius: 0px 0px 0px 0px;
          opacity: 1; }
          .new-ip-city .Location-banner .map-img .mapitem .iconc .tt .tt1 {
            font-size: 14px;
            font-family: Ubuntu-Medium, Ubuntu;
            font-weight: 500;
            color: #15357a; }
          .new-ip-city .Location-banner .map-img .mapitem .iconc .tt .tt2 {
            font-size: 14px;
            font-family: Ubuntu-Regular, Ubuntu;
            font-weight: 400;
            color: #15357a; }
      .new-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; }
    .new-ip-city .Location-banner .map-img .mapitem:hover .iconc {
      display: flex !important; }
    .new-ip-city .Location-banner .map-img .mapitem:hover .mapicon {
      width: 17px;
      height: 22px;
      top: -8px;
      left: 3px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(1) {
      left: 425px;
      top: 84px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(2) {
      left: 40px;
      top: 103px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(3) {
      left: 57px;
      top: 95px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(4) {
      left: 300px;
      top: 109px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(5) {
      left: 506px;
      top: 55px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(6) {
      left: 276px;
      top: 114px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(7) {
      left: 24px;
      top: 83px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(8) {
      left: 526px;
      top: 105px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(9) {
      left: 518px;
      top: 141px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(10) {
      left: 606px;
      top: 194px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(11) {
      left: 296px;
      top: 230px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(12) {
      left: 239px;
      top: 162px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(13) {
      left: 90px;
      top: 140px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(14) {
      left: 115px;
      top: 180px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(15) {
      left: 581px;
      top: 244px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(16) {
      left: 246px;
      top: 142px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(17) {
      left: 226px;
      top: 175px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(18) {
      left: 362px;
      top: 264px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(19) {
      left: 183px;
      top: 150px; }
    .new-ip-city .Location-banner .map-img .mapitem:nth-of-type(20) {
      left: 225px;
      top: 150px; }
.new-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; } }
.new-ip-city .h2 {
  width: 1280px;
  margin: 0 auto;
  font-size: 40px;
  font-weight: 700;
  font-family: "Open Sans";
  color: #042040;
  line-height: 48px;
  text-align: center; }
.new-ip-city h3 {
  width: 1280px;
  margin: 0 auto;
  font-size: 40px;
  font-weight: 700;
  font-family: "Open Sans";
  color: #042040;
  line-height: 48px;
  text-align: center; }
.new-ip-city .top10-list {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .new-ip-city .top10-list > .li {
    width: 226px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px; }
    .new-ip-city .top10-list > .li:hover {
      background-color: #f7f8fa; }
    .new-ip-city .top10-list > .li p {
      font-size: 16px;
      font-family: "Open Sans";
      font-weight: 400;
      color: #55687D;
      margin-bottom: 6px; }
    .new-ip-city .top10-list > .li span {
      font-size: 16px;
      font-family: "Open Sans";
      font-weight: 600;
      color: #042040; }
    .new-ip-city .top10-list > .li img {
      display: inline-block;
      width: 52px;
      margin-right: 15px; }
.new-ip-city .all-countries {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 1px; }
  .new-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; }
  .new-ip-city .all-countries .ac-ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .new-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; }
      .new-ip-city .all-countries .ac-ul > .li:nth-of-type(6n) {
        margin-right: 0; }
      .new-ip-city .all-countries .ac-ul > .li:hover {
        background-color: #ebeef2; }
      .new-ip-city .all-countries .ac-ul > .li img {
        width: 50px;
        height: 50px; }
      .new-ip-city .all-countries .ac-ul > .li .txt {
        margin-left: 10px; }
        .new-ip-city .all-countries .ac-ul > .li .txt > span {
          font-size: 15px;
          font-family: "Open Sans";
          font-weight: 400;
          color: #042040;
          line-height: 19px; }
        .new-ip-city .all-countries .ac-ul > .li .txt > p {
          font-size: 16px;
          font-family: "Open Sans";
          font-weight: 500;
          color: #042040;
          line-height: 19px;
          white-space: nowrap; }
  .new-ip-city .all-countries .ac-cont .ac-ul .li img {
    width: 40px; }
  .new-ip-city .all-countries .ac-cont .ac-ul .li .txt span {
    font-size: 16px;
    font-weight: 400; }
  .new-ip-city .all-countries .ac-cont .ac-ul .li .txt p {
    font-size: 12px;
    font-weight: 400; }
  .new-ip-city .all-countries .ac-search-box {
    position: relative;
    margin: 0 auto 50px;
    display: flex;
    justify-content: center; }
  .new-ip-city .all-countries .ac-search {
    display: flex;
    width: 220px;
    padding: 14px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 0px 99px 99px 0px;
    background: #FFF;
    border-top: 1px solid #F4F5F7;
    border-right: 1px solid #F4F5F7;
    border-bottom: 1px solid #F4F5F7; }
    .new-ip-city .all-countries .ac-search > input {
      width: 126px;
      border: 0;
      outline: none;
      font-family: Open Sans;
      font-size: 15px;
      font-weight: 400;
      line-height: 15px;
      letter-spacing: 0px; }
  .new-ip-city .all-countries .ac-nav {
    display: flex;
    padding: 5px;
    align-items: flex-start;
    gap: 4px;
    border: 1px solid #F4F5F7;
    background: #F9FAFC;
    border-radius: 99px 0px 0px 99px; }
    .new-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; }
      .new-ip-city .all-countries .ac-nav > div.active {
        border-radius: 99px;
        background: #FFF;
        box-shadow: 0px 0px 14px 0px rgba(58, 118, 209, 0.11);
        color: var(--PIA_BK-01, #042040); }
  .new-ip-city .all-countries .search-none {
    display: none;
    margin-bottom: 80px; }
    .new-ip-city .all-countries .search-none img {
      display: block;
      margin: 0 auto; }
    .new-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; }
    .new-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; }

@media screen and (max-width: 1320px) {
  .new-ip-city h3, .new-ip-city .h2 {
    width: 100%; }
  .new-ip-city .top10-list {
    flex-wrap: wrap; }
    .new-ip-city .top10-list.w1280 {
      width: 100% !important; } }
@media screen and (max-width: 820px) {
  .new-ip-city h3, .new-ip-city .h2 {
    width: 100%;
    font-size: 30px; }
    .new-ip-city h3.mt120, .new-ip-city .h2.mt120 {
      margin-top: 50px !important; }
  .new-ip-city .top10-list {
    flex-wrap: wrap; }
    .new-ip-city .top10-list.w1280 {
      width: 100% !important; }
    .new-ip-city .top10-list > .li {
      width: 50%;
      padding: 10px;
      flex-direction: column;
      gap: 10px; }
      .new-ip-city .top10-list > .li .word {
        text-align: center; } }

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