@charset "UTF-8";
@media screen and (max-width: 320px) {
  /*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
  html {
    font-size: 12px !important; } }
@media (min-width: 321px) and (max-width: 375px) {
  /*360px显示屏样式 索尼Z1*/
  html {
    font-size: 14px !important; } }
@media (min-width: 376px) and (max-width: 414px) {
  /*414px显示屏样式 苹果6plus*/
  html {
    font-size: 15.5px !important; } }
@media (min-width: 415px) and (max-width: 768px) {
  /*414px之上的*/
  html {
    font-size: 18px !important; } }
.vpn-faqs .faqs-ul {
  margin: 50px auto 0;
  width: 1100px; }
.vpn-faqs .faqs-list,
.vpn-faqs .faqs-list-w {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid rgba(30, 28, 44, 0.12); }
  .vpn-faqs .faqs-list.faqs-list-w,
  .vpn-faqs .faqs-list-w.faqs-list-w {
    border-bottom: 1px solid #26262a; }
  .vpn-faqs .faqs-list.on,
  .vpn-faqs .faqs-list-w.on {
    padding-bottom: 30px; }
    .vpn-faqs .faqs-list.on .fh6,
    .vpn-faqs .faqs-list-w.on .fh6 {
      color: #0054ff; }
    .vpn-faqs .faqs-list.on .list-tips,
    .vpn-faqs .faqs-list-w.on .list-tips {
      z-index: 1;
      height: auto;
      opacity: 1;
      transition: all 0.3s; }
    .vpn-faqs .faqs-list.on .faqs-icon,
    .vpn-faqs .faqs-list-w.on .faqs-icon {
      background: url(../images/faqs/faqs-icon-blue.svg) center center no-repeat;
      background-size: auto;
      transform: rotate(45deg);
      transition: transform 0.3s; }
      .vpn-faqs .faqs-list.on .faqs-icon.icon-w,
      .vpn-faqs .faqs-list-w.on .faqs-icon.icon-w {
        background: url(../images/faqs/faqs-icon-blue.svg) center center no-repeat;
        background-size: auto;
        transform: rotate(45deg);
        transition: transform 0.3s; }
  .vpn-faqs .faqs-list .fh6,
  .vpn-faqs .faqs-list-w .fh6 {
    position: relative;
    padding: 20px 0; }
  .vpn-faqs .faqs-list a,
  .vpn-faqs .faqs-list-w a {
    text-decoration: underline;
    color: #0054ff;
    transition: all 0.3s ease; }
    .vpn-faqs .faqs-list a:hover,
    .vpn-faqs .faqs-list-w a:hover {
      opacity: 0.8;
      transition: all 0.3s ease; }
  .vpn-faqs .faqs-list .list-tips,
  .vpn-faqs .faqs-list-w .list-tips {
    position: relative;
    z-index: -9;
    width: 1070px;
    height: 0;
    cursor: initial;
    opacity: 0; }
  .vpn-faqs .faqs-list .faqs-icon,
  .vpn-faqs .faqs-list-w .faqs-icon {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    width: 37px;
    height: 37px;
    background: url(../images/faqs/faqs-icon.svg) no-repeat;
    background-size: cover;
    transition: transform 0.3s; }
    .vpn-faqs .faqs-list .faqs-icon.icon-w,
    .vpn-faqs .faqs-list-w .faqs-icon.icon-w {
      background: url(../images/faqs/faqs-icon-w.svg) no-repeat;
      background-size: auto; }
  .vpn-faqs .faqs-list ._link,
  .vpn-faqs .faqs-list-w ._link {
    text-decoration: underline; }

@media (min-width: 760px) and (max-width: 1200px) {
  .vpn-faqs .faqs-ul {
    width: 98%; } }
/* moblie */
@media (max-width: 768px) {
  .vpn-faqs {
    padding: 4.8571428571rem 1.1428571429rem;
    background: rgba(230, 239, 255, 0.4); }
    .vpn-faqs .fh2 {
      margin: 0 auto;
      width: 21.4285714286rem; }
    .vpn-faqs .faqs-ul {
      margin: 1.8571428571rem auto 0;
      width: 100%; }
    .vpn-faqs .faqs-list.on,
    .vpn-faqs .faqs-list-w.on {
      padding-bottom: 1.1428571429rem; }
      .vpn-faqs .faqs-list.on .faqs-icon,
      .vpn-faqs .faqs-list-w.on .faqs-icon {
        background-size: 16px 16px; }
        .vpn-faqs .faqs-list.on .faqs-icon.icon-w,
        .vpn-faqs .faqs-list-w.on .faqs-icon.icon-w {
          background-size: 16px 16px; }
    .vpn-faqs .faqs-list .fh6,
    .vpn-faqs .faqs-list-w .fh6 {
      padding: 0.7142857143rem 0;
      width: 90%; }
    .vpn-faqs .faqs-list .list-tips,
    .vpn-faqs .faqs-list-w .list-tips {
      width: 100%; }
    .vpn-faqs .faqs-list .faqs-icon,
    .vpn-faqs .faqs-list-w .faqs-icon {
      top: 0.4285714286rem;
      right: -10%;
      width: 22px;
      height: 22px; }
      .vpn-faqs .faqs-list .faqs-icon.icon-w,
      .vpn-faqs .faqs-list-w .faqs-icon.icon-w {
        background-size: 22px 22px; } }
.transformY-0 {
  opacity: 0;
  animation: transformY 0s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.transformY-1 {
  opacity: 0;
  animation: transformY 0.2s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.transformY-2 {
  opacity: 0;
  animation: transformY 0.4s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.transformY-3 {
  opacity: 0;
  animation: transformY 0.6s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.transformY-4 {
  opacity: 0;
  animation: transformY 0.8s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.transformY-5 {
  opacity: 0;
  animation: transformY 1s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

@keyframes transformY {
  from {
    opacity: 0;
    transform: translateY(50px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }
.scroll-header .header-nav.header-main {
  background: none; }

.pc_main {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.site_page {
  color: #111115;
  background: url(../images/vpn-for-pc/banner_bg.png) top no-repeat;
  --family: "League Spartan", Arial, "Microsoft Yahei", sans-serif;
  --familyLexend: "Lexend", Arial, "Microsoft Yahei", sans-serif; }
  .site_page img {
    width: auto;
    max-width: none; }
  .site_page .pc-btn {
    position: relative;
    z-index: 7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    gap: 8px; }
    .site_page .pc-btn.vpc a {
      height: 66px;
      padding: 0 12px 0 64px !important; }
    .site_page .pc-btn.vpc .button.button-new.button-link.btn-default.btn-yellow {
      height: 66px;
      padding: 0 64px !important;
      gap: 64px; }
      .site_page .pc-btn.vpc .button.button-new.button-link.btn-default.btn-yellow .combe-text {
        font-size: 20px; }
      .site_page .pc-btn.vpc .button.button-new.button-link.btn-default.btn-yellow .arrow-new {
        margin-right: -52px;
        flex-shrink: 0;
        margin-left: 0px !important; }
    .site_page .pc-btn.vpc .btn-word,
    .site_page .pc-btn.vpc .combe-text {
      font-size: 20px;
      font-weight: 700; }
    .site_page .pc-btn .button.button-new.button-combe {
      margin-right: 0 !important;
      display: flex !important;
      align-items: center;
      justify-content: flex-end;
      line-height: 1.5 !important;
      border-radius: 9999px !important;
      gap: 20px; }
      .site_page .pc-btn .button.button-new.button-combe .btn-word {
        font-size: 16px;
        font-weight: 700;
        font-family: "Lexend", sans-serif; }
      .site_page .pc-btn .button.button-new.button-combe .arrow-new {
        flex-shrink: 0;
        margin-left: 0px !important; }
    .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow {
      margin-right: 0 !important;
      display: flex !important;
      align-items: center;
      justify-content: flex-end;
      line-height: 1.5 !important;
      border-radius: 9999px !important;
      gap: 20px;
      padding: 0 28px !important; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-combe {
        background: transparent linear-gradient(103deg, #3D56FD 0%, #F066C7 100%) 0% 0% no-repeat padding-box; }
        .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-combe .combe-text {
          color: #FFF; }
        .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-combe .arrow-new {
          background: #FFF; }
          .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-combe .arrow-new .new-svg {
            fill: #4F58F7 !important; }
        .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-combe:hover .combe-text {
          color: #FFF; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-square {
        padding: 0 70px !important;
        background: transparent linear-gradient(90deg, #3956FF 0%, #F767C6 100%) 0% 0% no-repeat padding-box;
        border-radius: 8px !important;
        transition: none !important; }
        .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-square .combe-text {
          color: #FFF;
          transition: none !important; }
        .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-square .arrow-new {
          background: #FFF; }
          .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-square .arrow-new .new-svg {
            fill: #4F58F7 !important; }
        .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-square:hover {
          background: #F767C6; }
          .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-square:hover .combe-text {
            color: #FFF; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow .combe-text {
        left: 0% !important;
        transform: translate(0%) !important;
        flex: 1 1 0;
        color: #1c1a26;
        font-size: 16px;
        font-weight: 700;
        font-family: "Lexend", sans-serif; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow .arrow-new {
        margin-right: -21px;
        flex-shrink: 0;
        margin-left: 0px !important; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow:hover .combe-text {
        left: 50% !important;
        transform: translate(-50%) !important;
        color: #1c1a26; }
  .site_page ._link {
    color: #0054FF; }
    .site_page ._link:hover {
      opacity: 1;
      color: #3477ff;
      text-decoration: underline; }
  .site_page .down_arrow {
    position: relative; }
    .site_page .down_arrow::before {
      content: "";
      display: block;
      width: 28px;
      height: 44px;
      z-index: 2;
      background: url(../images/vpn-for-common/down_m.png) center center no-repeat;
      position: absolute;
      bottom: -22px;
      left: 0;
      right: 0;
      margin: 0px auto; }
  .site_page .down_no::after {
    display: none !important; }
  .site_page .article-title {
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700; }
  .site_page .page-banner {
    overflow: hidden;
    padding-bottom: 110px; }
    .site_page .page-banner .wrapper {
      align-items: center; }
    .site_page .page-banner .wban-txt {
      position: relative;
      z-index: 1;
      width: 50%; }
      .site_page .page-banner .wban-txt .fh1 {
        position: relative;
        padding-right: 50px;
        font-size: 36px; }
      .site_page .page-banner .wban-txt .pc-btn {
        justify-content: flex-start;
        margin-top: 0; }
      .site_page .page-banner .wban-txt .sub-title {
        font-weight: 500; }
      .site_page .page-banner .wban-txt ul li {
        padding: 3px 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
        color: #3B3946; }
      .site_page .page-banner .wban-txt .txt_list {
        margin: 0px 0 40px; }
        .site_page .page-banner .wban-txt .txt_list li {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          gap: 6px;
          padding: 0;
          font-weight: 400;
          line-height: 1.5;
          color: #8E8B9D; }
          .site_page .page-banner .wban-txt .txt_list li::before {
            content: "";
            display: block;
            flex-shrink: 0;
            margin-top: -4px;
            width: 31px;
            height: 31px;
            background: url(../images/vpn-for-common/b_list_icon.svg) center center no-repeat; }
          .site_page .page-banner .wban-txt .txt_list li p {
            font: inherit;
            color: inherit; }
      .site_page .page-banner .wban-txt .txt_circle {
        margin: 0px 0 36px; }
        .site_page .page-banner .wban-txt .txt_circle li {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          gap: 8px;
          padding: 0;
          font-weight: 400;
          line-height: 1.8;
          color: #3B3946; }
          .site_page .page-banner .wban-txt .txt_circle li::before {
            content: "";
            display: block;
            flex-shrink: 0;
            margin-top: 8px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #40BE97; }
          .site_page .page-banner .wban-txt .txt_circle li p {
            font: inherit;
            color: inherit; }
    .site_page .page-banner .wban-img {
      width: 50%;
      height: 680px;
      position: relative; }
      .site_page .page-banner .wban-img .computer-pic {
        position: absolute;
        z-index: 3;
        left: 0px;
        top: 0px;
        max-width: fit-content;
        width: fit-content; }
      .site_page .page-banner .wban-img ._line,
      .site_page .page-banner .wban-img .banicon {
        display: block;
        position: absolute;
        z-index: 1; }
      .site_page .page-banner .wban-img ._line {
        z-index: -1;
        top: -284px;
        right: -240px; }
    .site_page .page-banner .equipment {
      width: fit-content;
      max-width: fit-content; }
      .site_page .page-banner .equipment p {
        font-size: 12px;
        font-weight: 500;
        color: #A2A4A8;
        margin-right: 10px; }
      .site_page .page-banner .equipment .icon-box {
        gap: 8px; }
        .site_page .page-banner .equipment .icon-box a {
          margin-left: 0px; }
    .site_page .page-banner .banner_icon {
      display: block;
      margin: 50px auto 0px; }
  .site_page .page-step {
    padding: 90px 0px 58px;
    background: #F7FAFF;
    position: relative; }
    .site_page .page-step::after {
      content: "";
      display: block;
      width: 49px;
      height: 81px;
      background: url(../images/vpn-for-common/down.png) center no-repeat;
      position: absolute;
      top: -40px;
      left: 0;
      right: 0;
      margin: 0px auto; }
    .site_page .page-step h2 {
      text-align: center;
      max-width: 1100px;
      margin: 0px auto;
      font-size: 34px;
      line-height: 1.5;
      font-weight: 700; }
    .site_page .page-step .step-content {
      display: flex;
      justify-content: center;
      align-items: start;
      margin-top: 90px;
      gap: 42px; }
      .site_page .page-step .step-content > img {
        position: relative;
        top: 70px; }
      .site_page .page-step .step-content dl {
        max-width: 390px;
        text-align: center; }
        .site_page .page-step .step-content dl dt {
          height: 200px;
          display: flex;
          align-items: flex-end;
          justify-content: center; }
        .site_page .page-step .step-content dl:nth-of-type(3) {
          margin-left: -50px; }
      .site_page .page-step .step-content dd {
        color: #151457; }
        .site_page .page-step .step-content dd h4 {
          margin: 0px 0px 15px;
          font-size: 19px;
          font-weight: bold; }
        .site_page .page-step .step-content dd p {
          line-height: 24px; }
    .site_page .page-step .pc-btn {
      margin-top: 86px; }
  .site_page .page-screen {
    padding: 80px 0px 75px;
    background: rgba(0, 0, 0, 0) linear-gradient(355deg, rgba(61, 98, 205, 0.1019607843) 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box; }
    .site_page .page-screen .content {
      margin-top: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 60px;
      color: #111115; }
      .site_page .page-screen .content div {
        max-width: 490px; }
        .site_page .page-screen .content div h4 {
          font-size: 18px;
          line-height: 1.5;
          font-weight: 600;
          margin-bottom: 10px; }
        .site_page .page-screen .content div p {
          font-size: 14px;
          line-height: 2; }
    .site_page .page-screen ul {
      align-items: start;
      justify-content: center;
      margin-top: 85px;
      display: grid;
      place-content: center;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px 60px; }
      .site_page .page-screen ul li {
        max-width: 356px;
        text-align: center;
        display: grid;
        gap: 10px;
        grid-row: span 3;
        grid-template-rows: subgrid; }
        .site_page .page-screen ul li h4 {
          font-size: 20px;
          line-height: 1.2;
          font-weight: 700; }
        .site_page .page-screen ul li b {
          display: block;
          font: 700 54px/1.2 var(--family);
          color: #02B95D;
          padding-top: 10px; }
        .site_page .page-screen ul li p {
          font: 400 16px/1.5 var(--family);
          color: #4E4E4E; }
  .site_page .page-feature {
    padding: 80px 0px; }
    .site_page .page-feature .sub_title {
      font-size: 28px;
      font-weight: 600;
      color: #111115;
      line-height: 1.5;
      max-width: 990px;
      margin: 20px auto 30px;
      text-align: center; }
    .site_page .page-feature .pc-btn {
      margin: 0px auto; }
    .site_page .page-feature .sc_list {
      width: 1200px;
      margin: 90px auto;
      gap: 54px;
      display: grid;
      justify-content: left;
      grid-template-columns: repeat(2, 1fr); }
      .site_page .page-feature .sc_list li {
        position: relative;
        display: flex;
        align-items: start;
        gap: 55px;
        padding-bottom: 30px; }
        .site_page .page-feature .sc_list li::after {
          content: '';
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          width: calc(100% - 55px - 64px);
          height: 1px;
          background: #D5E4FF; }
        .site_page .page-feature .sc_list li .list_pic {
          width: 64px;
          flex-shrink: 0;
          text-align: left; }
        .site_page .page-feature .sc_list li .list_content {
          flex: 1 1 0; }
          .site_page .page-feature .sc_list li .list_content h4 {
            min-height: 50px;
            font-size: 24px;
            font-weight: 500;
            color: #1E1C2C; }
          .site_page .page-feature .sc_list li .list_content p {
            margin-top: 20px;
            font-size: 14px;
            line-height: 2;
            color: #605F65; }
  .site_page .article-box {
    padding: 84px 0px 70px;
    background: url(../images/vpn-for-pc/screen_bg.png) bottom no-repeat;
    background-color: #F6F9FF; }
    .site_page .article-box .text_box {
      margin: 60px auto 0px;
      max-width: 1120px; }
      .site_page .article-box .text_box p {
        font-size: 18px;
        color: #2B2B2B;
        line-height: 2;
        margin-top: 15px; }
  .site_page .user-comment {
    padding: 75px 0px 10px; }
    .site_page .user-comment .user-message dl,
    .site_page .user-comment .user-swiper .swiper-slide dl {
      padding: 20px;
      background: #F8F8F9;
      border-radius: 6px;
      margin-bottom: 14px; }
      .site_page .user-comment .user-message dl dt p,
      .site_page .user-comment .user-swiper .swiper-slide dl dt p {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .site_page .user-comment .user-message dl dt p span,
        .site_page .user-comment .user-swiper .swiper-slide dl dt p span {
          display: flex;
          gap: 8px;
          align-items: center;
          color: #151457;
          font-size: 16px;
          line-height: 1.2;
          font-weight: 700; }
        .site_page .user-comment .user-message dl dt p small,
        .site_page .user-comment .user-swiper .swiper-slide dl dt p small {
          font-size: 12px;
          color: #78869E; }
      .site_page .user-comment .user-message dl dt > img,
      .site_page .user-comment .user-swiper .swiper-slide dl dt > img {
        margin-top: 15px; }
      .site_page .user-comment .user-message dl dd,
      .site_page .user-comment .user-swiper .swiper-slide dl dd {
        margin: 0px;
        margin-top: 15px;
        color: #767691;
        font: 400 14px/1.5 Roboto; }
    .site_page .user-comment .user-message {
      margin: 66px auto 0px;
      width: 1200px;
      display: flex !important;
      justify-content: space-between;
      gap: 20px; }
      .site_page .user-comment .user-message .left-box,
      .site_page .user-comment .user-message .right-box {
        width: 400px; }
        .site_page .user-comment .user-message .left-box dl,
        .site_page .user-comment .user-message .right-box dl {
          width: 100%; }
      .site_page .user-comment .user-message .center-box {
        flex: 1 1 0; }
        .site_page .user-comment .user-message .center-box dl {
          width: 100%; }
      .site_page .user-comment .user-message dl dt img.russia {
        width: 28px; }
      .site_page .user-comment .user-message dl dt img.uk {
        width: 30px; }
      .site_page .user-comment .user-message dl dt img.germany {
        width: 30px; }
      .site_page .user-comment .user-message dl dt img.us {
        width: 36px; }
      .site_page .user-comment .user-message dl dt img.pakistan {
        width: 40px; }
      .site_page .user-comment .user-message dl dt img.jp {
        width: 38px; }
    .site_page .user-comment .star-box {
      display: flex !important;
      align-items: center;
      width: 1200px;
      margin: 40px auto 0px;
      height: 122px;
      background: #F3F5FF;
      border: 1px solid rgba(0, 0, 0, 0);
      padding: 10px 0px 10px; }
      .site_page .user-comment .star-box dl {
        width: 33.3%;
        height: fit-content;
        padding-left: 40px;
        border-right: solid #D8E0FE 1px; }
        .site_page .user-comment .star-box dl:last-child {
          border: none; }
        .site_page .user-comment .star-box dl dt {
          display: flex;
          align-items: center;
          gap: 80px; }
          .site_page .user-comment .star-box dl dt p {
            display: flex;
            align-items: center;
            gap: 5px; }
            .site_page .user-comment .star-box dl dt p span {
              display: block;
              font-size: 20px;
              font-weight: 500; }
        .site_page .user-comment .star-box dl dd {
          margin-top: 12px;
          font: 400 20px/1.5 Roboto; }
  .site_page .media-comment {
    padding: 90px 0px 100px;
    background: transparent linear-gradient(0deg, #F2F6FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    position: relative; }
    .site_page .media-comment .sub_title {
      font-size: 14px;
      text-align: center;
      margin-top: 12px; }
    .site_page .media-comment .media_img {
      display: block;
      margin: 50px auto 66px; }
    .site_page .media-comment .media-swiper {
      display: block;
      margin: 0 auto;
      width: 1216px; }
      .site_page .media-comment .media-swiper .swiper-wrapper {
        display: grid;
        justify-content: left;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px; }
    .site_page .media-comment ul {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      margin: 0px auto;
      gap: 8px; }
      .site_page .media-comment ul li {
        background: #fff;
        border: 1px solid #E2E0EB;
        border-radius: 4px;
        padding: 40px 60px 20px;
        height: calc(50% - 8px);
        text-align: left;
        min-height: 270px; }
        .site_page .media-comment ul li p {
          margin-top: 16px;
          font-size: 14px;
          line-height: 28px;
          color: #1E1C2C; }
    .site_page .media-comment .pc-btn {
      position: absolute;
      bottom: -133px;
      left: 0px;
      right: 0px; }
  .site_page .page-faqs {
    padding: 150px 0px 80px; }
    .site_page .page-faqs .faqs-list .list-tips ul li {
      display: flex;
      align-items: start;
      padding-left: 8px;
      gap: 5px; }
      .site_page .page-faqs .faqs-list .list-tips ul li::before {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background: #151457;
        position: relative;
        top: 12px; }
  .site_page .page-down {
    position: relative;
    height: fit-content;
    padding: 30px 0px 10px; }
    .site_page .page-down .wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 60px; }
    .site_page .page-down .down-img {
      margin-left: -80px; }
    .site_page .page-down .down-txt {
      position: relative;
      width: 600px; }
      .site_page .page-down .down-txt h2 {
        font-size: 36px;
        font-weight: 600; }
      .site_page .page-down .down-txt .desc {
        margin-top: 20px;
        font-size: 14px;
        font-weight: 600;
        line-height: 2;
        color: #413829; }
    .site_page .page-down .pc-btn {
      margin-top: 60px;
      justify-content: flex-start; }

.site_page .related-vpn {
  width: 100%;
  padding: 0 80px;
  height: 50px;
  background: #FFF;
  box-shadow: 0px 3px 12px #ADADAD29;
  border-radius: 12px;
  overflow: hidden; }
  .site_page .related-vpn .swiper-button-next,
  .site_page .related-vpn .swiper-button-prev {
    width: 24px;
    color: #CACFFC; }
    .site_page .related-vpn .swiper-button-next:after,
    .site_page .related-vpn .swiper-button-prev:after {
      font-size: 18px;
      font-weight: 900; }
  .site_page .related-vpn .swiper-slide:last-child .related_item::after {
    display: none; }
  .site_page .related-vpn .related_item {
    position: relative;
    margin: 0 auto;
    width: 98%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #111115;
    font: 400 16px/1.5 var(--familyLexend); }
    .site_page .related-vpn .related_item a,
    .site_page .related-vpn .related_item span,
    .site_page .related-vpn .related_item b {
      font: inherit;
      color: inherit; }
    .site_page .related-vpn .related_item a:hover {
      color: #0054ff; }
    .site_page .related-vpn .related_item::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 1px;
      height: 64%;
      background: #EDEDED;
      border-radius: 6px; }
.site_page .page-choose {
  padding: 90px 0;
  text-align: center;
  background: transparent linear-gradient(180deg, #F7FAFF 0%, #FFF 100%) 0% 0% no-repeat padding-box; }
  .site_page .page-choose .desc {
    margin: 22px auto 62px;
    max-width: 900px; }
  .site_page .page-choose .table_icon {
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 18px; }
    .site_page .page-choose .table_icon.red_icon {
      fill: #FF9104 !important; }
    .site_page .page-choose .table_icon.gray_icon {
      fill: #9C9A9A !important; }
    .site_page .page-choose .table_icon.no_icon {
      width: 14px;
      height: 2px;
      background: #9C9A9A; }
  .site_page .page-choose table {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    background: #E6EFFF;
    border: 1px solid #D2E2FD; }
    .site_page .page-choose table th,
    .site_page .page-choose table td {
      position: relative;
      z-index: 1;
      padding: 24px 10px;
      vertical-align: middle;
      border-bottom: 1px solid #D3E2FD;
      border-left: 1px solid #D3E2FD;
      text-align: center;
      color: #000;
      font: normal 14px/1.5 var(--familyLexend);
      width: 432px; }
      .site_page .page-choose table th p,
      .site_page .page-choose table th span,
      .site_page .page-choose table th sup,
      .site_page .page-choose table th em,
      .site_page .page-choose table th b,
      .site_page .page-choose table td p,
      .site_page .page-choose table td span,
      .site_page .page-choose table td sup,
      .site_page .page-choose table td em,
      .site_page .page-choose table td b {
        font: inherit;
        color: inherit; }
      .site_page .page-choose table th p,
      .site_page .page-choose table td p {
        display: inline; }
      .site_page .page-choose table th.tb_left,
      .site_page .page-choose table td.tb_left {
        width: 252px;
        border-left: none; }
      .site_page .page-choose table th.tb_center,
      .site_page .page-choose table td.tb_center {
        width: auto; }
      .site_page .page-choose table th.tb_center p, .site_page .page-choose table th.tb_right p,
      .site_page .page-choose table td.tb_center p,
      .site_page .page-choose table td.tb_right p {
        display: block;
        max-width: 60%;
        margin: 0 auto; }
    .site_page .page-choose table th {
      height: 70px;
      font: normal 800 20px/1.5 var(--familyLexend); }
  .site_page .page-choose .choose_tips {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 50px auto 80px; }
    .site_page .page-choose .choose_tips::before {
      content: '';
      display: block;
      flex-shrink: 0;
      margin-top: -6px;
      width: 34px;
      height: 33px;
      background: url(../images/vpn-for-common/light.svg) center center no-repeat; }
    .site_page .page-choose .choose_tips .tips_txt {
      padding-right: 20px;
      color: #484848;
      font: 400 14px/1.5 var(--familyLexend);
      text-align: left; }
.site_page .page-earth {
  padding: 40px 0 30px; }
  .site_page .page-earth .earth-bg-m {
    display: none; }
  .site_page .page-earth .earth-ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 54px; }
    .site_page .page-earth .earth-ul li {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      text-transform: uppercase;
      padding-right: 30px;
      margin-left: 30px; }
      .site_page .page-earth .earth-ul li ._icon {
        position: relative;
        display: block;
        margin-right: 10px;
        width: 40px; }
        .site_page .page-earth .earth-ul li ._icon._icon_device::after {
          position: absolute;
          z-index: 1;
          right: 0px;
          bottom: 6px;
          content: attr(data-text);
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          font-size: 14px;
          line-height: 1.5;
          font-weight: 400;
          color: #fff;
          width: 18px;
          height: 18px;
          border-radius: 50%;
          background: #0054FF; }
      .site_page .page-earth .earth-ul li ._tit {
        font-size: 18px;
        line-height: 24px; }
        .site_page .page-earth .earth-ul li ._tit > span {
          font-weight: bold;
          display: inline-block; }
        .site_page .page-earth .earth-ul li ._tit ._blue {
          color: #0054ff;
          font-size: 24px; }
          .site_page .page-earth .earth-ul li ._tit ._blue div {
            font-weight: 600; }
        .site_page .page-earth .earth-ul li ._tit .earth-num1,
        .site_page .page-earth .earth-ul li ._tit .earth-num2,
        .site_page .page-earth .earth-ul li ._tit .earth-num3 {
          display: inline-block;
          position: relative;
          top: 5px;
          height: 23px;
          line-height: 23px; }
      .site_page .page-earth .earth-ul li::before {
        content: "";
        position: absolute;
        right: 0;
        display: block;
        width: 1px;
        height: 100%;
        background-color: rgba(0, 84, 255, 0.21); }
      .site_page .page-earth .earth-ul li:last-child {
        padding: 0 !important; }
        .site_page .page-earth .earth-ul li:last-child::before {
          display: none; }
      .site_page .page-earth .earth-ul li:first-child {
        margin-left: 0 !important; }
  .site_page .page-earth .wrapper.scroll-animation.on .list-li {
    animation: showCountry 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.canada, .site_page .page-earth .wrapper.scroll-animation.on .list-li.india {
      animation-delay: 0.6s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.france, .site_page .page-earth .wrapper.scroll-animation.on .list-li.germany, .site_page .page-earth .wrapper.scroll-animation.on .list-li.korea, .site_page .page-earth .wrapper.scroll-animation.on .list-li.jp, .site_page .page-earth .wrapper.scroll-animation.on .list-li.indonesia, .site_page .page-earth .wrapper.scroll-animation.on .list-li.italy, .site_page .page-earth .wrapper.scroll-animation.on .list-li.philippines, .site_page .page-earth .wrapper.scroll-animation.on .list-li.thailand, .site_page .page-earth .wrapper.scroll-animation.on .list-li.singapore, .site_page .page-earth .wrapper.scroll-animation.on .list-li.mexico {
      animation-delay: 0.8s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.uk, .site_page .page-earth .wrapper.scroll-animation.on .list-li.spain {
      animation-delay: 0.9s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.saudi-arabia {
      animation-delay: 1.1s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.russia, .site_page .page-earth .wrapper.scroll-animation.on .list-li.uk {
      animation-delay: 1.2s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.us, .site_page .page-earth .wrapper.scroll-animation.on .list-li.switzerland {
      animation-delay: 1.3s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.australia {
      animation-delay: 1.4s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.brazil {
      animation-delay: 1.5s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.netherlands {
      animation-delay: 1.6s; }
    .site_page .page-earth .wrapper.scroll-animation.on .list-li.iceland {
      animation-delay: 1.7s; }
  .site_page .page-earth .earth-list {
    position: relative;
    margin: 0 auto;
    width: 1126px;
    height: 555px;
    background-image: url("../images/flag/earth-bg.svg");
    background-repeat: no-repeat;
    background-position: top center; }
    .site_page .page-earth .earth-list.showup {
      opacity: 1;
      transform: translate3d(0, 0%, 0); }
    .site_page .page-earth .earth-list::before {
      content: "";
      display: block;
      position: absolute;
      top: 31px;
      left: -311px;
      width: 100%;
      max-width: 1726px;
      height: 456px;
      background: url("../images/flag/earth-line.svg") top center no-repeat; }
    .site_page .page-earth .earth-list .list-li {
      position: absolute;
      padding: 10px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 30px 50px rgba(133, 127, 214, 0.26);
      display: flex;
      align-items: center;
      opacity: 0;
      transform: scale(0); }
      .site_page .page-earth .earth-list .list-li ._icon,
      .site_page .page-earth .earth-list .list-li span {
        display: block; }
      .site_page .page-earth .earth-list .list-li ._icon {
        width: 56px; }
      .site_page .page-earth .earth-list .list-li span {
        margin-left: 12px;
        color: #1e1c2c;
        font-size: 18px;
        line-height: 28px; }
      .site_page .page-earth .earth-list .list-li.jp ._icon, .site_page .page-earth .earth-list .list-li.indonesia ._icon, .site_page .page-earth .earth-list .list-li.philippines ._icon, .site_page .page-earth .earth-list .list-li.thailand ._icon, .site_page .page-earth .earth-list .list-li.singapore ._icon, .site_page .page-earth .earth-list .list-li.france ._icon, .site_page .page-earth .earth-list .list-li.germany ._icon, .site_page .page-earth .earth-list .list-li.india ._icon, .site_page .page-earth .earth-list .list-li.korea ._icon, .site_page .page-earth .earth-list .list-li.italy ._icon, .site_page .page-earth .earth-list .list-li.spain ._icon, .site_page .page-earth .earth-list .list-li.netherlands ._icon, .site_page .page-earth .earth-list .list-li.uk ._icon {
        width: 34px; }
      .site_page .page-earth .earth-list .list-li.jp span, .site_page .page-earth .earth-list .list-li.indonesia span, .site_page .page-earth .earth-list .list-li.philippines span, .site_page .page-earth .earth-list .list-li.thailand span, .site_page .page-earth .earth-list .list-li.singapore span, .site_page .page-earth .earth-list .list-li.france span, .site_page .page-earth .earth-list .list-li.germany span, .site_page .page-earth .earth-list .list-li.india span, .site_page .page-earth .earth-list .list-li.korea span, .site_page .page-earth .earth-list .list-li.italy span, .site_page .page-earth .earth-list .list-li.spain span, .site_page .page-earth .earth-list .list-li.netherlands span, .site_page .page-earth .earth-list .list-li.uk span {
        margin-left: 8px;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px; }
      .site_page .page-earth .earth-list .list-li.australia ._icon, .site_page .page-earth .earth-list .list-li.brazil ._icon, .site_page .page-earth .earth-list .list-li.russia ._icon, .site_page .page-earth .earth-list .list-li.australia ._icon, .site_page .page-earth .earth-list .list-li.canada ._icon {
        width: 50px; }
      .site_page .page-earth .earth-list .list-li.italy {
        padding: 6px; }
        .site_page .page-earth .earth-list .list-li.italy ._icon {
          width: 28px; }
      .site_page .page-earth .earth-list .list-li.switzerland, .site_page .page-earth .earth-list .list-li.mexico, .site_page .page-earth .earth-list .list-li.iceland {
        padding: 6px; }
        .site_page .page-earth .earth-list .list-li.switzerland ._icon, .site_page .page-earth .earth-list .list-li.mexico ._icon, .site_page .page-earth .earth-list .list-li.iceland ._icon {
          width: 44px; }
        .site_page .page-earth .earth-list .list-li.switzerland span, .site_page .page-earth .earth-list .list-li.mexico span, .site_page .page-earth .earth-list .list-li.iceland span {
          margin-left: 6px;
          font-size: 14px;
          line-height: 22px; }
      .site_page .page-earth .earth-list .list-li.canada span, .site_page .page-earth .earth-list .list-li.mexico span {
        margin-left: 10px;
        font-size: 16px;
        line-height: 26px; }
      .site_page .page-earth .earth-list .list-li.us {
        top: 195px;
        right: 0;
        background: linear-gradient(90deg, #fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.saudi-arabia {
        top: 351px;
        left: 147px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.jp {
        top: 194px;
        left: 518px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.indonesia {
        top: 372px;
        left: 522px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.philippines {
        top: 317px;
        left: 483px; }
      .site_page .page-earth .earth-list .list-li.thailand {
        top: 240px;
        left: 377px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.australia {
        bottom: 64px;
        left: 546px; }
      .site_page .page-earth .earth-list .list-li.brazil {
        bottom: 108px;
        right: 57px; }
      .site_page .page-earth .earth-list .list-li.singapore {
        bottom: 130px;
        left: 369px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.france {
        top: 168px;
        left: 4px; }
      .site_page .page-earth .earth-list .list-li.germany {
        padding: 5px;
        top: 178px;
        left: 180px; }
      .site_page .page-earth .earth-list .list-li.russia {
        top: 58px;
        left: 446px; }
      .site_page .page-earth .earth-list .list-li.australia {
        bottom: 64px;
        left: 546px; }
      .site_page .page-earth .earth-list .list-li.india {
        top: 295px;
        left: 312px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.korea {
        top: 186px;
        left: 372px; }
      .site_page .page-earth .earth-list .list-li.canada {
        top: 106px;
        right: 175px; }
      .site_page .page-earth .earth-list .list-li.italy {
        top: 229px;
        left: 191px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.switzerland {
        padding: 5px;
        top: 132px;
        left: 127px; }
      .site_page .page-earth .earth-list .list-li.mexico {
        top: 306px;
        right: 226px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
      .site_page .page-earth .earth-list .list-li.spain {
        top: 221px;
        left: 62px;
        padding: 6px; }
        .site_page .page-earth .earth-list .list-li.spain ._icon {
          width: 40px; }
      .site_page .page-earth .earth-list .list-li.netherlands {
        top: 83px;
        left: 203px; }
        .site_page .page-earth .earth-list .list-li.netherlands span {
          margin-left: 4px; }
      .site_page .page-earth .earth-list .list-li.iceland {
        top: 22px;
        left: 5px; }
      .site_page .page-earth .earth-list .list-li.uk {
        top: 84px;
        left: -50px;
        background: linear-gradient(#fff 0%, #e0d8ff 100%); }
  .site_page .page-earth .earth-list-m {
    display: none; }
.site_page .page_list {
  margin-top: 30px; }
  .site_page .page_list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
    padding: 0;
    color: #1E1C2C;
    font: 400 16px/1.5 var(--familyLexend); }
    .site_page .page_list li::before {
      content: "";
      display: block;
      flex-shrink: 0;
      margin-top: 0px;
      margin-left: -8px;
      width: 31px;
      height: 31px;
      background: url(../images/vpn-for-common/b_list_icon.svg) center center/cover no-repeat; }
.site_page .page-solves {
  padding: 70px 0 112px;
  background: transparent linear-gradient(180deg, #F7FAFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; }
  .site_page .page-solves .solves_btn {
    display: none !important; }
  .site_page .page-solves .swiper-slide {
    height: auto !important;
    overflow: hidden; }
  .site_page .page-solves .solve-thumbs {
    padding-top: 60px; }
  .site_page .page-solves .thumb_item {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    gap: 6px;
    min-width: 180px;
    border-bottom: 2px solid rgba(235, 235, 235, 0.8); }
  .site_page .page-solves .thumb_icon {
    width: 20px;
    text-align: center;
    flex-shrink: 0; }
    .site_page .page-solves .thumb_icon > svg {
      display: block; }
  .site_page .page-solves .thumb_text {
    color: #1E1C2C;
    font: 400 16px/1.5 var(--familyLexend); }
    .site_page .page-solves .thumb_text b {
      font: inherit;
      color: inherit; }
  .site_page .page-solves .solve_item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 40px;
    padding: 42px 80px;
    overflow: hidden; }
  .site_page .page-solves .solve_pic,
  .site_page .page-solves .solve_content {
    transition: all 0.3s 0.3s;
    max-width: 520px; }
  .site_page .page-solves .solve_pic {
    text-align: center;
    transform: translateX(-999px); }
  .site_page .page-solves .solve_content {
    padding: 36px 46px;
    margin-bottom: 20px;
    transform: translateX(999px);
    background: transparent linear-gradient(255deg, #EBF1FFAB 0%, #F3F3F3 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px;
    text-align: left; }
    .site_page .page-solves .solve_content p {
      color: #1E1C2C;
      font: 400 16px/1.5 var(--familyLexend); }
  .site_page .page-solves .swiper-slide-active .solve_pic,
  .site_page .page-solves .swiper-slide-active .solve_content {
    transform: translateX(0);
    transition: all 0.3s 0.3s; }

.sec3 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 0;
  position: relative;
  box-sizing: border-box;
  padding: 50px 0 110px;
  background-color: #FCFAFF; }
  .sec3 .cont {
    width: 1200px;
    margin: 60px auto;
    display: flex !important;
    gap: 19px; }
    .sec3 .cont > ul {
      display: flex;
      flex-direction: column; }
      .sec3 .cont > ul > li:last-of-type {
        flex: 1; }
    .sec3 .cont .s3-ul1,
    .sec3 .cont .s3-ul3 {
      width: 399px; }
      .sec3 .cont .s3-ul1 li:nth-of-type(3),
      .sec3 .cont .s3-ul3 li:nth-of-type(3) {
        margin-bottom: 0; }
    .sec3 .cont .s3-ul2 {
      flex: 1; }
      .sec3 .cont .s3-ul2 li:nth-of-type(1) {
        height: 290px; }
      .sec3 .cont .s3-ul2 li:nth-of-type(2) {
        height: 256px;
        margin-bottom: 0; }
    .sec3 .cont li {
      padding: 14px 18px 18px;
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 6px 18px #CDA8E04D;
      border-radius: 6px;
      margin-bottom: 12px; }
      .sec3 .cont li .w-earth {
        width: auto; }
      .sec3 .cont li .top {
        display: flex;
        align-items: center;
        margin-bottom: 12px; }
        .sec3 .cont li .top img {
          width: auto;
          margin-right: 9px; }
        .sec3 .cont li .top p {
          font: normal normal bold 16px/24px Roboto;
          color: #151457;
          width: fit-content; }
        .sec3 .cont li .top span {
          display: block;
          flex: 1;
          text-align: right;
          font: normal normal normal 12px/24px Roboto;
          color: #78869E; }
      .sec3 .cont li .bot {
        margin-top: 16px;
        font: normal normal normal 14px/22px Roboto;
        color: #767691; }
  .sec3 .cont2 {
    width: 1200px;
    margin: 60px auto 0;
    height: 121px;
    background: transparent linear-gradient(96deg, #8DA3FF 0%, #A881FF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 23px #B681D18D;
    border-radius: 14px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 0 32px; }
    .sec3 .cont2 .star {
      width: 243px;
      position: relative; }
      .sec3 .cont2 .star::after {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        width: 1px;
        right: -35px;
        height: 101px;
        background-color: #716FDB; }
      .sec3 .cont2 .star:last-of-type::after {
        display: none; }
      .sec3 .cont2 .star img {
        width: 100%; }
  .sec3 .cont_img {
    width: 1200px;
    margin: 34px auto 0; }

.star-box {
  display: flex !important;
  align-items: center;
  width: 1200px;
  margin: 40px auto 0px;
  height: 122px;
  background: #F3F5FF;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 10px 0px 10px; }
  .star-box img {
    width: auto; }
  .star-box dl {
    width: 33.3%;
    height: fit-content;
    padding-left: 40px;
    border-right: solid #D8E0FE 1px; }
    .star-box dl:last-child {
      border: none; }
    .star-box dl dt {
      display: flex;
      align-items: center;
      gap: 80px; }
      .star-box dl dt p {
        display: flex;
        align-items: center;
        gap: 5px; }
        .star-box dl dt p span {
          display: block;
          font-size: 20px;
          font-weight: 500; }
    .star-box dl dd {
      margin-top: 12px;
      font: normal normal normal 20px/28px Roboto; }

.win-pc {
  display: block !important; }

.win-mobile {
  display: none !important; }

.win-pc-flex {
  display: flex !important; }

.win-mobile-flex {
  display: none !important; }

@media (max-width: 768px) {
  .btn-mobile {
    display: flex !important; }

  .btn-pc {
    display: none !important; }

  .win-pc {
    display: none !important; }

  .win-mobile {
    display: block !important; }

  .win-pc-flex {
    display: none !important; }

  .win-mobile-flex {
    display: flex !important; }

  .site_page .pc-btn {
    flex-direction: column;
    gap: 8px;
    width: 70%;
    margin: 3.1428571429rem auto 0px; }
    .site_page .pc-btn.vpc a {
      height: 66px;
      padding: 0 34px !important; }
    .site_page .pc-btn.vpc .button.button-new.button-link.btn-default.btn-yellow {
      height: 66px;
      padding: 0 34px !important;
      gap: 24px; }
      .site_page .pc-btn.vpc .button.button-new.button-link.btn-default.btn-yellow .combe-text {
        font-size: 14px; }
    .site_page .pc-btn.vpc .btn-word,
    .site_page .pc-btn.vpc .combe-text {
      font-size: 14px;
      font-weight: 500; }
    .site_page .pc-btn .button.button-new.button-combe {
      margin-right: 0 !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
      padding: 0 34px !important;
      line-height: 1.5 !important;
      border-radius: 9999px !important;
      gap: 20px;
      height: 50px !important; }
    .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow {
      margin-right: 0 !important;
      display: flex !important;
      align-items: center;
      justify-content: flex-end;
      line-height: 1.5 !important;
      border-radius: 9999px !important;
      gap: 20px;
      padding: 0 28px !important;
      height: 50px !important; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow.buy-square {
        padding: 0 20px !important; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow .combe-text {
        left: 0% !important;
        transform: translate(0%) !important;
        flex: 1 1 0;
        color: #1c1a26;
        font-size: 1rem;
        font-weight: 500; }
      .site_page .pc-btn .button.button-new.button-link.btn-default.btn-yellow:hover .combe-text {
        left: 0% !important;
        transform: translate(0%) !important;
        color: #1c1a26; }
  .site_page .wrapper {
    padding: 0px 16px; }
  .site_page .page-banner {
    padding-bottom: 50px; }
    .site_page .page-banner .equipment {
      display: flex;
      margin: 1.4285714286rem auto 0px; }
    .site_page .page-banner .wrapper {
      padding: 2.8571428571rem 0 0; }
    .site_page .page-banner .wban-txt {
      padding: 0 1.1428571429rem;
      width: 100%;
      text-align: center; }
      .site_page .page-banner .wban-txt .fh1 {
        padding: 0px 0px 1.4285714286rem;
        font-size: 2.1428571429rem; }
      .site_page .page-banner .wban-txt .sub-title {
        line-height: 1.4; }
      .site_page .page-banner .wban-txt .txt_list {
        margin-bottom: 0; }
      .site_page .page-banner .wban-txt .txt_circle {
        margin: 0px 0 40px;
        text-align: left; }
      .site_page .page-banner .wban-txt .pc-btn {
        margin-top: 1.4285714286rem;
        justify-content: center; }
    .site_page .page-banner .wban-img {
      margin: 0rem auto 0;
      width: 100%;
      height: auto; }
      .site_page .page-banner .wban-img .computer-pic {
        width: 100%;
        height: auto;
        position: relative; }
      .site_page .page-banner .wban-img .banicon {
        width: 4.4285714286rem;
        height: 4.4285714286rem;
        background-size: contain; }
        .site_page .page-banner .wban-img .banicon._blue {
          top: 0;
          left: 0; }
        .site_page .page-banner .wban-img .banicon._green {
          top: 18.8571428571rem;
          right: 0;
          width: 8rem;
          height: 8rem;
          background-size: contain; }
        .site_page .page-banner .wban-img .banicon._orange {
          top: 14.4285714286rem;
          left: 0;
          width: 2.3571428571rem;
          height: 2.1428571429rem;
          background-size: contain; }
    .site_page .page-banner .banner_icon {
      margin: 0px auto;
      width: 94%;
      height: auto; }
  .site_page .page-step {
    padding: 40px 0px 30px; }
    .site_page .page-step::after {
      display: none; }
    .site_page .page-step h2 {
      font-size: 1.5714285714rem;
      line-height: 1.5; }
    .site_page .page-step .step-content {
      margin-top: 2.1428571429rem;
      flex-direction: column;
      align-items: center; }
      .site_page .page-step .step-content dl:nth-of-type(3) {
        margin: 0px; }
      .site_page .page-step .step-content dd h4 {
        font-size: 1.2857142857rem; }
      .site_page .page-step .step-content dd p {
        font-size: 1rem;
        text-align: center;
        text-wrap: wrap; }
  .site_page .article-title {
    font-size: 1.5714285714rem;
    line-height: 1.5; }
  .site_page .page-screen {
    padding: 3.5714285714rem 0px 2.8571428571rem; }
    .site_page .page-screen .content {
      flex-direction: column-reverse;
      gap: 2.1428571429rem;
      max-width: none; }
      .site_page .page-screen .content > img {
        width: 100%;
        height: auto;
        margin: 0px auto; }
      .site_page .page-screen .content div h4 {
        font-size: 1.2857142857rem; }
      .site_page .page-screen .content div p {
        font-size: 0.9285714286rem;
        color: #8E8B9D;
        line-height: 1.5; }
    .site_page .page-screen ul {
      margin: 2.8571428571rem auto 0px;
      grid-template-columns: repeat(1, 1fr); }
      .site_page .page-screen ul li {
        width: 100%;
        max-width: none; }
        .site_page .page-screen ul li h4 {
          font-size: 1.2857142857rem; }
        .site_page .page-screen ul li b {
          font-size: 3.2857142857rem;
          margin: 1.7857142857rem 0px 0.7142857143rem; }
        .site_page .page-screen ul li p {
          font-size: 0.9285714286rem; }
  .site_page .page-feature {
    padding: 2.8571428571rem 0px; }
    .site_page .page-feature .sub_title {
      font-size: 1.2857142857rem;
      font-weight: 500;
      line-height: 1.4;
      margin: 0.7142857143rem auto 1.4285714286rem; }
    .site_page .page-feature .pc-btn {
      margin-top: 1.4285714286rem; }
    .site_page .page-feature .sc_list {
      width: 100%;
      margin: 2.8571428571rem 0px;
      gap: 2.8571428571rem 4%;
      grid-template-columns: repeat(2, minmax(46%, 1fr)); }
      .site_page .page-feature .sc_list li {
        flex-direction: column;
        gap: 1.4285714286rem; }
        .site_page .page-feature .sc_list li::after {
          display: none; }
        .site_page .page-feature .sc_list li .list_content {
          width: 100%;
          border: none;
          flex: none; }
          .site_page .page-feature .sc_list li .list_content h4 {
            font-size: 1.1428571429rem;
            font-weight: 500; }
          .site_page .page-feature .sc_list li .list_content p {
            font-size: 0.8571428571rem;
            color: #8E8B9D;
            line-height: 1.5;
            height: fit-content; }
  .site_page .article-box {
    padding: 2.8571428571rem 0px; }
    .site_page .article-box .text_box {
      margin: 2.1428571429rem auto 0px; }
      .site_page .article-box .text_box p {
        font-size: 0.8571428571rem;
        line-height: 1.5;
        color: #8E8B9D;
        margin-top: 0.7142857143rem; }
  .site_page .user-comment {
    padding: 2.1428571429rem 0px; }
    .site_page .user-comment .user-message._pc {
      display: none !important; }
    .site_page .user-comment .user-swiper {
      margin-top: 2.1428571429rem;
      overflow: visible;
      height: auto !important; }
      .site_page .user-comment .user-swiper .swiper-slide[data-index="3"] {
        order: 1; }
      .site_page .user-comment .user-swiper .swiper-button-next,
      .site_page .user-comment .user-swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        border-radius: 30px;
        background: #7E85F1; }
        .site_page .user-comment .user-swiper .swiper-button-next::after,
        .site_page .user-comment .user-swiper .swiper-button-prev::after {
          transform: scale(0.5);
          font-weight: bold;
          color: #fff; }
      .site_page .user-comment .user-swiper .swiper-button-next {
        right: -10px; }
      .site_page .user-comment .user-swiper .swiper-button-prev {
        left: -10px; }
    .site_page .user-comment .swiper-wrapper {
      align-items: center; }
      .site_page .user-comment .swiper-wrapper .swiper-slide {
        padding: 0px 0.7142857143rem; }
        .site_page .user-comment .swiper-wrapper .swiper-slide dl {
          padding: 1.5714285714rem;
          width: 100%; }
          .site_page .user-comment .swiper-wrapper .swiper-slide dl dt {
            text-align: left; }
            .site_page .user-comment .swiper-wrapper .swiper-slide dl dt p span {
              font-size: 1rem; }
              .site_page .user-comment .swiper-wrapper .swiper-slide dl dt p span img {
                max-width: 30px; }
            .site_page .user-comment .swiper-wrapper .swiper-slide dl dt > img {
              max-width: 80px; }
    .site_page .user-comment .swiper-pagination {
      bottom: -0.7142857143rem !important; }
      .site_page .user-comment .swiper-pagination .swiper-pagination-bullet {
        width: 0.7142857143rem;
        height: 0.7142857143rem; }
      .site_page .user-comment .swiper-pagination .swiper-pagination-bullet-active {
        background: #7E85F1; }
    .site_page .user-comment .star-box {
      width: 100%;
      flex-direction: column;
      height: fit-content;
      background: none;
      gap: 0.7142857143rem; }
      .site_page .user-comment .star-box dl {
        width: 100%;
        background: #E5EAFD;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.7142857143rem 1.4285714286rem; }
        .site_page .user-comment .star-box dl dt img {
          height: 36px;
          width: auto; }
        .site_page .user-comment .star-box dl dt span {
          font-size: 1.4285714286rem; }
        .site_page .user-comment .star-box dl dd p {
          margin-top: 0.5714285714rem;
          font-size: 0.8571428571rem; }
  .site_page .media-comment {
    padding: 1.4285714286rem 0px 3.5714285714rem; }
    .site_page .media-comment .sub_title {
      font-size: 1rem;
      line-height: 1.5; }
    .site_page .media-comment .wrapper {
      overflow: visible; }
    .site_page .media-comment .media_img {
      margin: 2.1428571429rem auto;
      max-width: 100%;
      width: 100%; }
    .site_page .media-comment ul._pc {
      display: none !important; }
    .site_page .media-comment .swiper-slide ul {
      width: 100%;
      gap: 1.0714285714rem; }
      .site_page .media-comment .swiper-slide ul li {
        width: 100%;
        height: fit-content;
        padding: 1.4285714286rem;
        text-align: left; }
        .site_page .media-comment .swiper-slide ul li p {
          line-height: 1.5; }
    .site_page .media-comment .media-swiper {
      padding-bottom: 2.8571428571rem;
      width: 100%;
      display: flex; }
      .site_page .media-comment .media-swiper .swiper-wrapper {
        display: flex;
        gap: 8px; }
      .site_page .media-comment .media-swiper .swiper-button-next,
      .site_page .media-comment .media-swiper .swiper-button-prev {
        width: 52px;
        height: 20px;
        background: url(../images/vpn-for-common/arrow-y.png) center no-repeat;
        top: 100%; }
        .site_page .media-comment .media-swiper .swiper-button-next::after,
        .site_page .media-comment .media-swiper .swiper-button-prev::after {
          display: none; }
      .site_page .media-comment .media-swiper .swiper-button-disabled {
        width: 31px;
        height: 20px;
        background: url(../images/vpn-for-common/arrow.png); }
      .site_page .media-comment .media-swiper .swiper-button-next {
        right: 110px; }
        .site_page .media-comment .media-swiper .swiper-button-next.swiper-button-disabled {
          transform: rotate(180deg); }
      .site_page .media-comment .media-swiper .swiper-button-prev {
        left: 110px;
        transform: rotate(-180deg); }
        .site_page .media-comment .media-swiper .swiper-button-prev.swiper-button-disabled {
          transform: rotate(0deg); }
    .site_page .media-comment .pc-btn {
      bottom: -90px; }
  .site_page .page-faqs {
    background: none;
    padding-top: 3.5714285714rem; }
  .site_page .page-down {
    padding: 2.8571428571rem 0px;
    height: auto;
    background-size: cover; }
    .site_page .page-down .wrapper {
      flex-direction: column; }
    .site_page .page-down .down-img,
    .site_page .page-down .down-txt {
      height: auto; }
    .site_page .page-down .down-img {
      bottom: 0;
      margin: 0.7142857143rem 0 0;
      width: 100%;
      overflow: hidden; }
      .site_page .page-down .down-img img {
        width: 100%;
        max-width: 100%; }
    .site_page .page-down .down-txt {
      padding-top: 0;
      width: 100%;
      text-align: center; }
      .site_page .page-down .down-txt h2 {
        font-size: 1.5714285714rem;
        line-height: 1.5; }
      .site_page .page-down .down-txt .desc {
        font-size: 0.8571428571rem;
        line-height: 1.5;
        color: #706F6D; }
    .site_page .page-down .pc-btn {
      margin-top: 2.1428571429rem;
      justify-content: center; }

  .site_page .related-vpn {
    position: relative;
    padding: 0 16px;
    height: 40px; }
    .site_page .related-vpn::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1px;
      height: 64%;
      background: #EDEDED;
      border-radius: 6px; }
    .site_page .related-vpn .swiper-button-next,
    .site_page .related-vpn .swiper-button-prev {
      width: 16px; }
      .site_page .related-vpn .swiper-button-next:after,
      .site_page .related-vpn .swiper-button-prev:after {
        font-size: 12px; }
    .site_page .related-vpn .swiper-button-prev {
      left: 8px; }
    .site_page .related-vpn .swiper-button-next {
      right: 8px; }
    .site_page .related-vpn .swiper-slide {
      background: #FFF; }
    .site_page .related-vpn .related_item {
      font-size: 14px; }
      .site_page .related-vpn .related_item::after {
        display: none; }
  .site_page .page-choose {
    padding: 40px 0;
    background: transparent linear-gradient(180deg, #F2F7FF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; }
    .site_page .page-choose .desc {
      margin: 14px auto 36px;
      max-width: 100%; }
    .site_page .page-choose table th,
    .site_page .page-choose table td {
      padding: 12px 10px;
      width: 25%; }
      .site_page .page-choose table th.tb_left,
      .site_page .page-choose table td.tb_left {
        width: 25%; }
      .site_page .page-choose table th.tb_center,
      .site_page .page-choose table td.tb_center {
        width: auto; }
      .site_page .page-choose table th.tb_center p, .site_page .page-choose table th.tb_right p,
      .site_page .page-choose table td.tb_center p,
      .site_page .page-choose table td.tb_right p {
        max-width: 100%; }
    .site_page .page-choose table th {
      font-size: 16px; }
    .site_page .page-choose .choose_tips {
      gap: 12px;
      margin: 30px auto 40px; }
  .site_page .page-earth {
    margin: 3.5714285714rem 0 0;
    padding: 3.5714285714rem 0 4.2857142857rem;
    background: rgba(0, 84, 255, 0.1); }
    .site_page .page-earth .earth_m {
      display: inline-block;
      max-width: 100%;
      height: auto; }
    .site_page .page-earth .wrapper.scroll-animation.on .earth-list {
      display: none; }
    .site_page .page-earth .earth-ul {
      padding: 0 1.1428571429rem;
      display: block;
      margin: 1.7142857143rem auto;
      width: 16.0714285714rem; }
      .site_page .page-earth .earth-ul li {
        padding-right: 0;
        margin-left: 0;
        justify-content: flex-start; }
        .site_page .page-earth .earth-ul li ._icon {
          margin-right: 1.1428571429rem; }
        .site_page .page-earth .earth-ul li ._tit {
          font-size: 1rem;
          line-height: 1.2857142857rem;
          text-align: left; }
          .site_page .page-earth .earth-ul li ._tit .earth-num1,
          .site_page .page-earth .earth-ul li ._tit .earth-num2,
          .site_page .page-earth .earth-ul li ._tit .earth-num3 {
            height: 1.4285714286rem; }
          .site_page .page-earth .earth-ul li ._tit ._blue {
            font-size: 1.2142857143rem; }
        .site_page .page-earth .earth-ul li::before {
          display: none; }
    .site_page .page-earth .earth-bg-m {
      display: block;
      width: 100%;
      max-width: 100%; }
    .site_page .page-earth .earth-list-m {
      padding: 0 1.1428571429rem;
      margin: 2.5rem auto 0;
      width: 100%;
      height: auto;
      background: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      .site_page .page-earth .earth-list-m::before {
        display: none; }
      .site_page .page-earth .earth-list-m .list-li {
        width: 62%;
        margin-bottom: 1.5714285714rem;
        position: relative;
        padding: 0 !important;
        background: none;
        border-radius: 0;
        box-shadow: none;
        display: flex;
        align-items: center;
        opacity: 1;
        transform: scale(1);
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        animation: none !important; }
        .site_page .page-earth .earth-list-m .list-li.india, .site_page .page-earth .earth-list-m .list-li.mexico, .site_page .page-earth .earth-list-m .list-li.singapore, .site_page .page-earth .earth-list-m .list-li.indonesia, .site_page .page-earth .earth-list-m .list-li.thailand {
          width: 36%; }
        .site_page .page-earth .earth-list-m .list-li ._icon {
          width: 30px !important; }
        .site_page .page-earth .earth-list-m .list-li span {
          margin-left: 0.4285714286rem !important;
          font-size: 1rem !important;
          line-height: 1.5714285714rem !important; }

  .sec3 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff; }
    .sec3 .cont_mob {
      width: 100%;
      margin: 2.5rem auto 2rem;
      padding: 0 0.8571428571rem;
      min-height: 21.1428571429rem;
      position: relative; }
    .sec3 .review-button-next,
    .sec3 .review-button-prev {
      width: 2.1428571429rem;
      height: 2.1428571429rem;
      position: absolute;
      right: 0rem;
      top: 44%;
      transform: translateY(-50%);
      z-index: 10;
      background: url("../images/vpn-linux/swi_next.png") no-repeat center/cover; }
    .sec3 .review-button-prev {
      left: -0.3571428571rem;
      right: auto;
      transform: translateY(-50%) rotate(180deg); }
    .sec3 .review-pagination {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1.1428571429rem;
      position: relative;
      z-index: 50;
      margin-top: 44px; }
      .sec3 .review-pagination .swiper-pagination-bullet {
        width: 0.6428571429rem;
        height: 0.6428571429rem;
        background: #E8D1FF;
        opacity: 1; }
        .sec3 .review-pagination .swiper-pagination-bullet-active {
          width: 0.7857142857rem;
          height: 0.7857142857rem;
          background-color: #7E85F1; }
    .sec3 .swiper {
      width: 100%; }
      .sec3 .swiper-slide {
        width: 100%;
        min-height: 18.2857142857rem;
        padding: 1.6428571429rem 0.9285714286rem;
        box-shadow: 0px 7px 28px #4422B717;
        border-radius: 0.7142857143rem;
        flex-direction: column;
        justify-content: flex-start;
        align-items: first baseline;
        background: #F8F8F9 0% 0% no-repeat padding-box; }
        .sec3 .swiper-slide .w-earth {
          width: 100px;
          height: 15px;
          margin-bottom: 1.2857142857rem; }
        .sec3 .swiper-slide .top {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          width: 100%; }
          .sec3 .swiper-slide .top .w-earth {
            margin-bottom: 0; }
          .sec3 .swiper-slide .top img {
            width: 1.9285714286rem;
            height: auto;
            display: block;
            margin-right: 0.3571428571rem; }
          .sec3 .swiper-slide .top p {
            text-align: left;
            font-family: Roboto;
            font-size: 1rem;
            line-height: 1.3;
            font-weight: bold;
            letter-spacing: 0px;
            color: #151457; }
        .sec3 .swiper-slide .bot {
          text-align: left;
          font-family: Roboto;
          font-size: 1rem;
          line-height: 1.3; }
    .sec3 .cont2,
    .sec3 .cont {
      display: none !important; }
    .sec3 .cont_img {
      width: 94%;
      margin: 16px auto 0;
      position: relative; }
      .sec3 .cont_img.cont_img1 {
        min-height: 4.5rem;
        margin-top: 0.7142857143rem; }
        .sec3 .cont_img.cont_img1 img {
          transform: scale(1); }
      .sec3 .cont_img img {
        width: 100%; } }

/*# sourceMappingURL=vpn-page.css.map */