@charset "UTF-8";
.vpn-review {
  padding: 0 0 175px; }
  .vpn-review .review-l {
    position: relative;
    padding-top: 140px;
    width: 390px; }
    .vpn-review .review-l .r-title {
      position: relative; }
      .vpn-review .review-l .r-title::before {
        content: "";
        display: block;
        position: absolute;
        left: -82px;
        bottom: -96px;
        width: 150px;
        height: 234px;
        background: url(../images/review/c-l-content.svg) no-repeat; }
  .vpn-review .arrow-group {
    margin-top: 120px; }
  .vpn-review .arrow,
  .vpn-review .swiper-button-prev,
  .vpn-review .swiper-button-next {
    width: 38px;
    height: 14px;
    display: inline-block;
    text-indent: -9999px; }
  .vpn-review .swiper-button-prev,
  .vpn-review .swiper-button-next {
    display: none !important; }
  .vpn-review .left-arrow,
  .vpn-review .swiper-button-prev {
    background: url("../images/vpn-windows/left-arrow.svg") no-repeat;
    background-position-x: right; }
    .vpn-review .left-arrow:hover,
    .vpn-review .swiper-button-prev:hover {
      transform: rotate(180deg);
      cursor: pointer;
      background: url("../images/review/arrow-l.svg") no-repeat; }
  .vpn-review .right-arrow,
  .vpn-review .swiper-button-next {
    transform: rotate(180deg);
    margin-left: 138px;
    background: url("../images/review/left-arrow.svg") no-repeat;
    background-position-x: right; }
    .vpn-review .right-arrow:hover,
    .vpn-review .swiper-button-next:hover {
      cursor: pointer;
      transform: rotate(0);
      background: url("../images/review/arrow-l.svg") no-repeat; }
  .vpn-review .review-r {
    padding-top: 200px;
    width: 1000px;
    overflow: hidden; }
    .vpn-review .review-r .swiper-container {
      margin-left: 0;
      width: 82%;
      overflow: initial; }
    .vpn-review .review-r .swiper {
      height: 500px;
      padding-left: 50px; }
      .vpn-review .review-r .swiper .swiper-slide {
        height: 151px !important;
        background: #fff;
        border: 1px solid #ede2fc;
        border-radius: 20px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        position: relative;
        cursor: pointer;
        margin-top: 116px; }
        .vpn-review .review-r .swiper .swiper-slide .thumbnail {
          position: absolute;
          left: -34px;
          top: 30px;
          width: 82px;
          height: 82px; }
        .vpn-review .review-r .swiper .swiper-slide .txt {
          margin-left: auto;
          width: 70%;
          text-align: left; }
        .vpn-review .review-r .swiper .swiper-slide .txt-title {
          padding-top: 68px;
          font-size: 16px;
          line-height: 24px;
          font-weight: bold; }
        .vpn-review .review-r .swiper .swiper-slide .txt-p {
          color: #8e8b9d;
          font-size: 12px;
          line-height: 22px; }
        .vpn-review .review-r .swiper .swiper-slide .tips {
          margin: 72px 0 0;
          opacity: 0;
          width: 318px;
          height: 0;
          text-align: left;
          transform: translate(0, 200px); }
      .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active {
        width: 398px !important;
        height: 380px !important;
        box-shadow: 0px 50px 50px rgba(138, 169, 255, 0.251);
        transition: all 0.5s;
        margin-top: 0;
        padding: 0 40px;
        position: relative;
        border: 0;
        display: block !important; }
        .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .thumbnail {
          width: 117px;
          height: 117px;
          position: absolute;
          left: -27px;
          top: 40px; }
        .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .txt {
          padding-left: 78px;
          width: auto;
          margin-left: 0; }
        .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .txt-title {
          font-size: 22px;
          line-height: 34px; }
        .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .txt-p {
          font-size: 14px; }
        .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .tips {
          opacity: 1;
          transform: translate(0, 0);
          transition: all 0.3s;
          transition-delay: 0.4s; }

@media (min-width: 760px) and (max-width: 1600px) {
  .vpn-review {
    display: block;
    padding: 0 40px; }
    .vpn-review .review-l {
      padding-top: 80px;
      width: 100%;
      text-align: center; }
      .vpn-review .review-l .r-title::before {
        display: none; }
    .vpn-review .arrow-group {
      margin: 40px auto 0; }
    .vpn-review .review-r {
      padding-top: 0;
      margin: 0 auto; } }
/* moblie */
@media (max-width: 768px) {
  .vpn-review {
    padding: 0 0 3.5714285714rem; }
    .vpn-review .review-l {
      padding: 4.2857142857rem 0 0;
      width: 100%; }
      .vpn-review .review-l .r-title {
        padding-left: 3.5714285714rem; }
        .vpn-review .review-l .r-title::before {
          left: 0;
          bottom: -7.1428571429rem;
          width: 5.3571428571rem;
          height: 12rem;
          background-size: contain; }
    .vpn-review .arrow-group._mobile {
      position: relative;
      z-index: 9;
      margin: -40px auto 0;
      width: 80%;
      display: flex !important;
      align-items: center;
      justify-content: space-between; }
    .vpn-review .left-arrow {
      margin-left: 0; }
    .vpn-review .right-arrow {
      margin-left: 0;
      margin-right: 0; }
    .vpn-review .review-r {
      padding: 3.5714285714rem 1.4285714286rem 0;
      width: 100%; }
      .vpn-review .review-r .swiper-container {
        margin-left: 0;
        width: 100%; }
      .vpn-review .review-r .swiper {
        padding-left: 0; }
        .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active {
          width: 100% !important; }
          .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .thumbnail {
            width: 90px;
            height: 90px;
            left: -0.8571428571rem;
            top: 1.4285714286rem; }
          .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .txt {
            width: 100%;
            padding-left: 4.7142857143rem; }
          .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .txt-title {
            padding-top: 2.4285714286rem;
            font-size: 1.2857142857rem;
            line-height: 2.4285714286rem; }
          .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .txt-p {
            font-size: 1rem; }
          .vpn-review .review-r .swiper .swiper-slide.swiper-slide-active .tips {
            margin-top: 2.8571428571rem;
            width: 100%; } }
.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; } }
/* size */
/* square */
/* color */
/* gradient */
/*  num */
/* padding */
/* width */
/* color */
/* algin */
@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之上的*/
  body {
    font-size: 18px !important; } }
.step-0 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 0s, transform 0.6s 0s; }

.step-1 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 0.2s, transform 0.6s 0.2s; }

.step-2 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 0.4s, transform 0.6s 0.4s; }

.step-3 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 0.6s, transform 0.6s 0.6s; }

.step-4 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 0.8s, transform 0.6s 0.8s; }

.step-5 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 1s, transform 0.6s 1s; }

.step-6 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 1.2s, transform 0.6s 1.2s; }

.step-7 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 1.4s, transform 0.6s 1.4s; }

.step-8 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 1.6s, transform 0.6s 1.6s; }

.step-9 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 1.8s, transform 0.6s 1.8s; }

.step-10 {
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 2s, transform 0.6s 2s; }

.on .step-0 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-1 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-2 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-3 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-4 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-5 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-6 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-7 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-8 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-9 {
  opacity: 1 !important;
  transform: translateY(0); }
.on .step-10 {
  opacity: 1 !important;
  transform: translateY(0); }

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

@keyframes transformY {
  from {
    opacity: 0;
    transform: translateY(50px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }
.blue-circle-container-0 {
  animation: blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite, blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }

.blue-circle-container-1 {
  animation: blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite, blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }

.blue-circle-container-2 {
  animation: blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite, blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }

.blue-circle-container-3 {
  animation: blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite, blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }

@keyframes blue-circle-anim-x {
  50% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(100px); } }
@keyframes blue-circle-anim-y {
  50% {
    animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
    transform: translateY(50px); } }
.vpn-servers {
  overflow-x: hidden;
  color: #111115; }
  .vpn-servers .pc-btn {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 86px; }
  .vpn-servers .wrapper {
    width: 1200px !important; }
  .vpn-servers .servers_title {
    color: #111115;
    font-size: 36px;
    font-weight: bold;
    text-align: center; }
  .vpn-servers ._mobile .servers_ul_list li:hover {
    box-shadow: none;
    transform: none;
    border: none; }
  .vpn-servers ._mobile .servers_ul_list li::before {
    display: none; }
  .vpn-servers .servers_ul_list {
    width: 100%; }
    .vpn-servers .servers_ul_list li {
      height: 60px;
      display: flex;
      justify-content: space-between;
      padding: 0px 70px;
      background: #FCFCFF;
      border-top: 1px solid rgba(223, 223, 255, 0);
      border-left: 1px solid #DFDFFF;
      border-right: 1px solid #DFDFFF;
      border-bottom: 1px solid #DFDFFF;
      transition: all 0.3s ease-out;
      position: relative;
      z-index: 1; }
      .vpn-servers .servers_ul_list li:hover {
        box-shadow: 0px 0px 15px #D9D9F3;
        transform: translate(0px, -2px);
        border: 1px solid #CFCFFF;
        z-index: 2; }
      .vpn-servers .servers_ul_list li.server_ul_head {
        background: #F1F1FF;
        border-top: 1px solid rgba(223, 223, 255, 0);
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #DFDFFF; }
        .vpn-servers .servers_ul_list li.server_ul_head:hover {
          box-shadow: none;
          transform: translate(0px, 0px);
          border-left: none;
          border-right: none;
          z-index: 2; }
        .vpn-servers .servers_ul_list li.server_ul_head p {
          color: #4D4DA4;
          text-align: center;
          justify-content: center; }
          .vpn-servers .servers_ul_list li.server_ul_head p:nth-of-type(1) {
            justify-content: left;
            padding-left: 59px; }
      .vpn-servers .servers_ul_list li span,
      .vpn-servers .servers_ul_list li p {
        display: flex;
        width: 25%;
        align-items: center;
        justify-content: center; }
        .vpn-servers .servers_ul_list li span a,
        .vpn-servers .servers_ul_list li p a {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          height: 100%;
          line-height: 60px;
          text-overflow: ellipsis;
          text-decoration: none;
          color: #111115;
          transition: all .3s ease-out; }
          .vpn-servers .servers_ul_list li span a:hover,
          .vpn-servers .servers_ul_list li p a:hover {
            color: #0066FF;
            text-decoration: underline; }
        .vpn-servers .servers_ul_list li span img,
        .vpn-servers .servers_ul_list li p img {
          width: auto;
          height: auto; }
      .vpn-servers .servers_ul_list li p {
        font-size: 14px;
        font-weight: 500;
        color: #111115;
        justify-content: left;
        text-align: left; }
        .vpn-servers .servers_ul_list li p img {
          margin-right: 25px; }

.banner {
  overflow: hidden;
  background: url(../images/vpn-servers/banner_bg.png) center no-repeat; }
  .banner .wrapper {
    padding: 200px 0 170px 10px; }
  .banner .wban-txt {
    position: relative;
    z-index: 1;
    width: 53%; }
    .banner .wban-txt .fh1 {
      position: relative;
      color: #111115;
      font-size: 40px;
      line-height: 50px;
      font-weight: bold; }
    .banner .wban-txt .sub-title {
      margin-top: 20px;
      margin-bottom: 38px;
      line-height: 24px;
      font-weight: 500;
      color: #111115; }
    .banner .wban-txt .pc-btn {
      justify-content: flex-start;
      margin-top: 0; }
    .banner .wban-txt .equipment {
      margin-top: 68px; }

.free_servers,
.server-list {
  padding-top: 90px; }
  .free_servers .servers_title,
  .server-list .servers_title {
    margin-bottom: 80px; }

.free_servers .wrapper .pc-btn {
  margin-top: 40px; }

.server-list ._main {
  padding-bottom: 40px; }
  .server-list ._main .click_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px; }
    .server-list ._main .click_box li {
      position: relative;
      width: 24%;
      height: 80px;
      background: #fff;
      text-align: center;
      line-height: 80px;
      color: #111115;
      font-weight: bold;
      cursor: pointer; }
      .server-list ._main .click_box li:hover {
        background: #F1F1FF; }
      .server-list ._main .click_box li.on {
        background: #F1F1FF;
        color: #0054FF; }
        .server-list ._main .click_box li.on::before {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          height: 2px;
          background: #0054FF;
          left: 0;
          bottom: 0px; }
  .server-list ._main .change_box {
    margin: 0 auto;
    width: 1200px;
    height: 360px;
    overflow: hidden; }
    .server-list ._main .change_box .move_box {
      position: relative;
      width: 400%;
      display: flex;
      transition: all 0.3s;
      right: 0; }
      .server-list ._main .change_box .move_box .servers_ul_list {
        width: 1200px; }
        .server-list ._main .change_box .move_box .servers_ul_list .security_move {
          overflow: hidden;
          height: 360px;
          overflow-y: scroll; }
          .server-list ._main .change_box .move_box .servers_ul_list .security_move::-webkit-scrollbar {
            width: 10px;
            background: #f1f1ff;
            border-right: 1px solid #dfdfff;
            border-bottom: 1px solid #dfdfff; }
          .server-list ._main .change_box .move_box .servers_ul_list .security_move::-webkit-scrollbar-thumb {
            background-color: #0c5aff;
            border-radius: 10px; }
          .server-list ._main .change_box .move_box .servers_ul_list .security_move li {
            padding-right: 60px; }
.server-list .pc-btn {
  margin-top: 0px; }

.servers_support {
  padding: 100px 0px;
  background: url(../images/vpn-servers/servers_bg.png) center no-repeat; }
  .servers_support .wrapper .servers_title {
    margin-bottom: 90px; }
  .servers_support .wrapper .support_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .servers_support .wrapper .support_list dl {
      width: 46%;
      display: flex; }
      .servers_support .wrapper .support_list dl dt {
        width: 52px;
        margin-right: 15px; }
        .servers_support .wrapper .support_list dl dt img {
          width: auto;
          height: auto;
          max-width: none; }
      .servers_support .wrapper .support_list dl dd {
        margin-bottom: 42px; }
        .servers_support .wrapper .support_list dl dd h4 {
          height: 52px;
          line-height: 52px;
          font-size: 18px;
          font-weight: bold; }
        .servers_support .wrapper .support_list dl dd p {
          font-size: 14px;
          font-weight: 500;
          line-height: 22px; }
          .servers_support .wrapper .support_list dl dd p a {
            font-weight: 500;
            color: #0066FF;
            text-decoration: underline;
            transition: all .3s ease; }
            .servers_support .wrapper .support_list dl dd p a:hover {
              opacity: 0.8; }
  .servers_support .wrapper .loading {
    width: 30px;
    margin: 10px auto 0px;
    cursor: pointer;
    transform-origin: center center;
    transition: all 0.6s ease; }
    .servers_support .wrapper .loading.on {
      transform: rotate(180deg); }
  .servers_support .wrapper .pc-btn {
    margin-top: 45px; }

.servers_benefits {
  padding: 100px 0px 0px; }
  .servers_benefits .wrapper .servers_title {
    padding-bottom: 28px; }
  .servers_benefits .wrapper .describe {
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    padding: 0px 80px; }
  .servers_benefits .wrapper .benefits_cont {
    margin-top: 75px; }
    .servers_benefits .wrapper .benefits_cont dl {
      display: flex;
      justify-content: space-between;
      margin-bottom: 170px; }
      .servers_benefits .wrapper .benefits_cont dl:nth-of-type(even) {
        flex-direction: row-reverse; }
      .servers_benefits .wrapper .benefits_cont dl:last-child {
        margin-bottom: 120px; }
      .servers_benefits .wrapper .benefits_cont dl dt {
        max-width: 540px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .servers_benefits .wrapper .benefits_cont dl dt h3 {
          font-size: 28px;
          font-weight: bold;
          padding-bottom: 40px; }
        .servers_benefits .wrapper .benefits_cont dl dt p {
          font-size: 14px;
          font-weight: 500;
          line-height: 22px; }
        .servers_benefits .wrapper .benefits_cont dl dt .pc-btn {
          margin-top: 50px;
          justify-content: start; }
      .servers_benefits .wrapper .benefits_cont dl dd {
        width: 565px; }
        .servers_benefits .wrapper .benefits_cont dl dd img {
          width: auto;
          height: auto;
          max-width: none; }

.most_connect {
  padding: 100px 0px 80px;
  background: #F6F6F6; }
  .most_connect .wrapper .connect_cont {
    width: 1000px;
    margin: 0px auto;
    margin-top: 65px;
    display: flex;
    justify-content: start;
    position: relative; }
    .most_connect .wrapper .connect_cont ul {
      height: 395px; }
    .most_connect .wrapper .connect_cont .connect_name {
      width: 284px;
      margin-right: 120px; }
      .most_connect .wrapper .connect_cont .connect_name li {
        height: 60px;
        margin-bottom: 6px;
        background: rgba(171, 171, 171, 0.14);
        display: flex;
        justify-content: start;
        align-items: center;
        padding-left: 40px;
        transition: all .3s ease-out;
        cursor: pointer; }
        .most_connect .wrapper .connect_cont .connect_name li img {
          width: auto;
          height: auto;
          max-width: none; }
        .most_connect .wrapper .connect_cont .connect_name li span {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          height: 100%;
          line-height: 60px;
          text-overflow: ellipsis;
          text-decoration: none;
          margin-left: 20px; }
        .most_connect .wrapper .connect_cont .connect_name li:hover, .most_connect .wrapper .connect_cont .connect_name li.active {
          background: rgba(0, 84, 255, 0.14); }
          .most_connect .wrapper .connect_cont .connect_name li:hover span, .most_connect .wrapper .connect_cont .connect_name li.active span {
            color: #0066FF;
            text-decoration: underline; }
        .most_connect .wrapper .connect_cont .connect_name li.active {
          position: relative; }
          .most_connect .wrapper .connect_cont .connect_name li.active::after {
            content: "";
            height: 3px;
            width: 100%;
            position: absolute;
            bottom: 0px;
            left: 0px;
            background: #0054FF; }
    .most_connect .wrapper .connect_cont .country_node {
      width: auto;
      padding: 20px 0px 20px;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      transition: .5s all ease-out; }
      .most_connect .wrapper .connect_cont .country_node.remove {
        opacity: 0; }
      .most_connect .wrapper .connect_cont .country_node.on {
        opacity: 1; }
      .most_connect .wrapper .connect_cont .country_node li {
        font-size: 14px;
        font-weight: 500;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        height: 15px;
        text-overflow: ellipsis;
        margin: 0px 40px 20px 0px; }
        .most_connect .wrapper .connect_cont .country_node li.no_data {
          max-width: none;
          height: 30px;
          margin: 0px;
          top: 40%;
          font-size: 28px;
          text-overflow: inherit;
          position: absolute;
          overflow: visible;
          white-space: pre-wrap; }
          .most_connect .wrapper .connect_cont .country_node li.no_data::before {
            display: none; }
        .most_connect .wrapper .connect_cont .country_node li::before {
          display: inline-block;
          content: "";
          width: 6px;
          height: 6px;
          background: #292E3A;
          border-radius: 6px;
          margin-right: 12px;
          position: relative;
          top: -2px; }
      .most_connect .wrapper .connect_cont .country_node.scroll {
        max-width: 560px;
        overflow: hidden;
        overflow-x: scroll; }
        .most_connect .wrapper .connect_cont .country_node.scroll::-webkit-scrollbar {
          height: 12px;
          background: #A4C2FF; }
        .most_connect .wrapper .connect_cont .country_node.scroll::-webkit-scrollbar-thumb {
          background-color: #0c5aff;
          border-radius: 10px; }
    .most_connect .wrapper .connect_cont .loading {
      width: 1em;
      height: 1em;
      border-radius: 50%;
      position: absolute;
      top: 40%;
      left: 65%;
      z-index: 999;
      transform: scale(0.5);
      -webkit-animation: loadAm 1.6s infinite linear;
      animation: loadAm 1.6s infinite linear; }
@-webkit-keyframes loadAm {
  0%,
        100% {
    box-shadow: 0em -3em 0 0.2em #0c5aff, 2em -2em 0 0em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0em 3em 0 -0.5em #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 0em #0c5aff; }
  12.5% {
    box-shadow: 0 -3em 0 0 #0c5aff, 2em -2em 0 0.2em #0c5aff, 3em 0 0 0 #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  25% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 0em #0c5aff, 3em 0 0 0.2em #0c5aff, 2em 2em 0 0 #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  37.5% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 0 #0c5aff, 2em 2em 0 0.2em #0c5aff, 0 3em 0 0 #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  50% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 0 #0c5aff, 0 3em 0 0.2em #0c5aff, -2em 2em 0 0 #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  62.5% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 0 #0c5aff, -2em 2em 0 0.2em #0c5aff, -3em 0 0 0 #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  75% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 0 #0c5aff, -3em 0 0 0.2em #0c5aff, -2em -2em 0 0 #0c5aff; }
  87.5% {
    box-shadow: 0 -3em 0 0 #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 0 #0c5aff, -3em 0 0 0 #0c5aff, -2em -2em 0 0.2em #0c5aff; } }
@keyframes loadAm {
  0%,
        100% {
    box-shadow: 0 -3em 0 0.2em #0c5aff, 2em -2em 0 0 #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 0 #0c5aff; }
  12.5% {
    box-shadow: 0 -3em 0 0 #0c5aff, 2em -2em 0 0.2em #0c5aff, 3em 0 0 0 #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  25% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 0 #0c5aff, 3em 0 0 0.2em #0c5aff, 2em 2em 0 0 #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  37.5% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 0 #0c5aff, 2em 2em 0 0.2em #0c5aff, 0 3em 0 0 #0c5aff, -2em 2em 0 -0.5em #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  50% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 0 #0c5aff, 0 3em 0 0.2em #0c5aff, -2em 2em 0 0 #0c5aff, -3em 0 0 -0.5em #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  62.5% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 0 #0c5aff, -2em 2em 0 0.2em #0c5aff, -3em 0 0 0 #0c5aff, -2em -2em 0 -0.5em #0c5aff; }
  75% {
    box-shadow: 0 -3em 0 -0.5em #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 0 #0c5aff, -3em 0 0 0.2em #0c5aff, -2em -2em 0 0 #0c5aff; }
  87.5% {
    box-shadow: 0 -3em 0 0 #0c5aff, 2em -2em 0 -0.5em #0c5aff, 3em 0 0 -0.5em #0c5aff, 2em 2em 0 -0.5em #0c5aff, 0 3em 0 -0.5em #0c5aff, -2em 2em 0 0 #0c5aff, -3em 0 0 0 #0c5aff, -2em -2em 0 0.2em #0c5aff; } }
  .most_connect .wrapper .pc-btn {
    margin-top: 40px; }

.servers-faqs {
  padding: 100px 0 110px; }
  .servers-faqs .fh2 {
    font-size: 36px; }
  .servers-faqs .faqs-list .fh6 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .servers-faqs .faqs-list .faq_icon {
    width: 40px;
    height: 40px;
    background: url(../images/vpn-servers/arrow.png) center no-repeat;
    transform: rotate(180deg);
    background-size: 80%;
    transition: all .3s ease-out; }
  .servers-faqs .faqs-list.on .fh6 {
    color: #1e1c2c; }
  .servers-faqs .faqs-list.on .faq_icon {
    transform: rotate(0deg); }
  .servers-faqs .faqs-list .list-tips ul {
    padding-left: 18px; }
    .servers-faqs .faqs-list .list-tips ul li {
      list-style: disc;
      color: #8e8b9d;
      font-size: 14px;
      line-height: 28px; }

.server_bottom {
  padding: 100px 0px 120px;
  background: #0D0C17; }
  .server_bottom .wrapper h2 {
    text-align: center;
    font: normal normal bold 28px/42px Lexend;
    color: #FFFFFF;
    margin-bottom: 10px; }
  .server_bottom .wrapper p {
    max-width: 900px;
    margin: 0px auto;
    text-align: center;
    font: normal normal medium 14px/22px Lexend;
    color: #E5E5E7; }
  .server_bottom .wrapper img {
    width: auto;
    height: auto;
    max-width: none;
    margin: 80px auto 0px;
    display: block; }

/* moblie */
@media (max-width: 768px) {
  .vpn-servers {
    overflow-x: hidden; }
    .vpn-servers .wrapper {
      width: 100% !important;
      padding: 0px 1.0714285714rem; }
      .vpn-servers .wrapper .pc-btn {
        flex-direction: column; }
        .vpn-servers .wrapper .pc-btn .button.button-new,
        .vpn-servers .wrapper .pc-btn .button.button-new.button-link.btn-default {
          width: 80% !important;
          height: 90px;
          border-radius: 45px; }
          .vpn-servers .wrapper .pc-btn .button.button-new span.btn-word,
          .vpn-servers .wrapper .pc-btn .button.button-new.button-link.btn-default span.btn-word {
            font-size: 1.2857142857rem; }
    .vpn-servers .banner {
      padding: 4.5714285714rem 0 0;
      height: 71.4285714286rem;
      background: url(../images/vpn-servers/banner_bg_mob.png) center no-repeat;
      background-size: cover; }
      .vpn-servers .banner .wrapper {
        padding-top: 2.8571428571rem; }
        .vpn-servers .banner .wrapper .wban-txt {
          width: 100%;
          text-align: center; }
          .vpn-servers .banner .wrapper .wban-txt .fh1 {
            font-size: 2.2857142857rem; }
          .vpn-servers .banner .wrapper .wban-txt .sub-title {
            font-size: 1.2857142857rem; }
    .vpn-servers .free_servers .wrapper .servers_ul_list li {
      min-width: 700px;
      padding: 0px 2.1428571429rem; }
    .vpn-servers .free_servers .wrapper .servers_ul_list.ios_scroll {
      overflow-x: hidden;
      position: relative; }
      .vpn-servers .free_servers .wrapper .servers_ul_list.ios_scroll .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #0C5AFF; }
      .vpn-servers .free_servers .wrapper .servers_ul_list.ios_scroll .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
        background-color: rgba(255, 255, 255, 0); }
    .vpn-servers .server-list {
      padding: 3.5714285714rem 0px 0px; }
      .vpn-servers .server-list .wrapper .servers_title {
        padding: 0px 2.1428571429rem;
        line-height: 2.8571428571rem;
        margin-bottom: 2.8571428571rem; }
      .vpn-servers .server-list .wrapper ul {
        flex-direction: column;
        align-items: start; }
        .vpn-servers .server-list .wrapper ul li {
          width: 100%;
          height: 120px;
          overflow: hidden;
          border-bottom: 1px solid rgba(164, 194, 255, 0.5);
          position: relative; }
          .vpn-servers .server-list .wrapper ul li.on {
            background: none; }
          .vpn-servers .server-list .wrapper ul li::before {
            display: none; }
          .vpn-servers .server-list .wrapper ul li h4 {
            color: #292E3A;
            font-size: 1.4285714286rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 120px;
            padding-left: 1.0714285714rem; }
            .vpn-servers .server-list .wrapper ul li h4::after {
              content: "";
              display: block;
              width: 40px;
              height: 40px;
              background: url(../images/vpn-servers/arrow.png) center no-repeat;
              background-size: 80%;
              transform: rotate(180deg);
              transition: all .3s ease-out; }
          .vpn-servers .server-list .wrapper ul li.active {
            height: auto; }
            .vpn-servers .server-list .wrapper ul li.active h4::after {
              transform: rotate(0deg); }
            .vpn-servers .server-list .wrapper ul li.active .servers_ul_list {
              height: auto;
              display: flex;
              opacity: 1; }
          .vpn-servers .server-list .wrapper ul li:hover {
            background: none; }
          .vpn-servers .server-list .wrapper ul li .servers_ul_list {
            background: rgba(164, 194, 255, 0.2);
            display: none;
            opacity: 0;
            border: none;
            padding: 1.4285714286rem 0px 0.3571428571rem;
            border-top: 1px solid rgba(164, 194, 255, 0.5);
            height: 0px;
            transition: all .3s ease-out; }
            .vpn-servers .server-list .wrapper ul li .servers_ul_list li {
              height: 34px;
              border: none;
              background: none;
              margin-bottom: 1.1428571429rem;
              padding-left: 1.0714285714rem; }
              .vpn-servers .server-list .wrapper ul li .servers_ul_list li p {
                width: 100%; }
                .vpn-servers .server-list .wrapper ul li .servers_ul_list li p a {
                  font-size: 1.1428571429rem;
                  line-height: 34px; }
      .vpn-servers .server-list .wrapper .pc-btn {
        margin: 0px auto; }
    .vpn-servers .servers_support {
      margin-top: 2.8571428571rem;
      padding: 4.2857142857rem 0px 2.8571428571rem;
      background: url(../images/vpn-servers/servers_bg_mob.png) center no-repeat;
      background-size: cover; }
      .vpn-servers .servers_support .wrapper .servers_title {
        padding: 0px 2.8571428571rem;
        margin-bottom: 2.8571428571rem; }
      .vpn-servers .servers_support .wrapper .support_list {
        flex-direction: column;
        align-items: center; }
        .vpn-servers .servers_support .wrapper .support_list dl {
          flex-direction: column;
          align-items: center;
          width: 96%;
          margin-bottom: 2.1428571429rem; }
          .vpn-servers .servers_support .wrapper .support_list dl dt {
            width: 100px; }
            .vpn-servers .servers_support .wrapper .support_list dl dt img {
              width: 100%; }
          .vpn-servers .servers_support .wrapper .support_list dl dd {
            text-align: center; }
            .vpn-servers .servers_support .wrapper .support_list dl dd h4 {
              font-size: 1.4285714286rem; }
            .vpn-servers .servers_support .wrapper .support_list dl dd p {
              font-size: 1rem; }
    .vpn-servers .servers_benefits {
      padding-bottom: 3.5714285714rem; }
      .vpn-servers .servers_benefits .wrapper .benefits_cont {
        margin-top: 2.1428571429rem; }
        .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-slide {
          flex-direction: column-reverse;
          position: relative;
          padding-top: 8.5714285714rem;
          margin-bottom: 2.1428571429rem; }
          .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-slide dt {
            max-width: 90%;
            margin-top: 2.1428571429rem; }
            .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-slide dt h3 {
              font-size: 1.8571428571rem;
              padding-bottom: 1.0714285714rem; }
            .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-slide dt p {
              font-size: 1.1428571429rem;
              line-height: 1.4285714286rem; }
            .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-slide dt .pc-btn {
              position: absolute;
              width: 90% !important;
              margin: 0px auto;
              top: 0px;
              left: 0px;
              right: 0px; }
              .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-slide dt .pc-btn .button.button-new span.btn-word {
                padding-left: 1.4285714286rem;
                text-align: center; }
        .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-pagination {
          bottom: 0px;
          position: relative;
          margin: 0rem auto 1.4285714286rem;
          display: flex;
          align-items: center;
          justify-content: center; }
          .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-pagination span {
            width: 0.8571428571rem;
            height: 0.8571428571rem;
            background: #A4C2FF;
            opacity: 1;
            margin-right: 1.0714285714rem; }
            .vpn-servers .servers_benefits .wrapper .benefits_cont .swiper-pagination span.swiper-pagination-bullet-active {
              background: #0054FF;
              width: 1.2857142857rem;
              height: 1.2857142857rem; }
    .vpn-servers .most_connect .wrapper .connect_cont {
      width: 100%; }
      .vpn-servers .most_connect .wrapper .connect_cont .connect_name {
        width: 40%;
        margin-right: 2.8571428571rem; }
        .vpn-servers .most_connect .wrapper .connect_cont .connect_name li {
          padding-left: 1.0714285714rem; }
      .vpn-servers .most_connect .wrapper .connect_cont .country_node.scroll {
        max-width: 46%; }
    .vpn-servers .servers-faqs {
      background: none;
      padding: 5.7142857143rem 1.1428571429rem 0; }
      .vpn-servers .servers-faqs .faqs-list .fh6 {
        width: 100%; }
    .vpn-servers .server_bottom .wrapper img {
      width: 100%; } }
@media (min-width: 769px) and (max-width: 1420px) {
  .vpn-servers {
    overflow-x: hidden; }
    .vpn-servers .wrapper {
      width: 100% !important;
      padding: 0px 20px; }
      .vpn-servers .wrapper .servers_ul_list li {
        padding: 0px 30px; }
    .vpn-servers .banner .wrapper {
      padding: 12% 0 60px;
      justify-content: start; }
      .vpn-servers .banner .wrapper .wban-txt {
        width: 50%;
        margin-left: 10%; }
        .vpn-servers .banner .wrapper .wban-txt .fh1 {
          font-size: 30px; }
    .vpn-servers .server-list .wrapper ._main .change_box {
      width: 100%; }
    .vpn-servers .server-list .wrapper .pc-btn {
      margin-top: 20px; }
    .vpn-servers .servers_benefits .wrapper .benefits_cont dl dd {
      height: 380px; }
      .vpn-servers .servers_benefits .wrapper .benefits_cont dl dd img {
        height: 100%; }
    .vpn-servers .most_connect .wrapper .connect_cont {
      width: 100%; }
      .vpn-servers .most_connect .wrapper .connect_cont .connect_name {
        margin-right: 50px; }
        .vpn-servers .most_connect .wrapper .connect_cont .connect_name li {
          padding-left: 20px; }
      .vpn-servers .most_connect .wrapper .connect_cont .country_node {
        max-width: 425px; }
    .vpn-servers .server_bottom .wrapper img {
      width: 100%; }
    .vpn-servers .servers-faqs {
      background: none;
      padding: 80px 16px; }
      .vpn-servers .servers-faqs .list-tips {
        width: 100%; } }
@media (min-width: 300px) and (max-width: 760px) {
  .vpn-servers .wrapper .servers_title {
    font-size: 2rem;
    line-height: 2.2857142857rem; }
  .vpn-servers .wrapper .pc-btn .button.button-new,
  .vpn-servers .wrapper .pc-btn .button.button-new.button-link.btn-default {
    height: 3.2857142857rem !important; }
    .vpn-servers .wrapper .pc-btn .button.button-new span.btn-word,
    .vpn-servers .wrapper .pc-btn .button.button-new.button-link.btn-default span.btn-word {
      font-size: 0.8571428571rem !important; }
  .vpn-servers .banner .wrapper {
    padding: 0px 0.7142857143rem; }
    .vpn-servers .banner .wrapper .wban-txt .fh1 {
      font-size: 1.7142857143rem; }
    .vpn-servers .banner .wrapper .wban-txt .sub-title {
      margin-bottom: 1rem; }
  .vpn-servers .free_servers {
    padding-top: 2.8571428571rem; }
    .vpn-servers .free_servers .wrapper .servers_title {
      margin-bottom: 2.8571428571rem; }
    .vpn-servers .free_servers .wrapper .servers_ul_list {
      overflow: hidden;
      overflow-x: scroll; }
      .vpn-servers .free_servers .wrapper .servers_ul_list::-webkit-scrollbar {
        height: 0.5714285714rem;
        background: #A4C2FF; }
      .vpn-servers .free_servers .wrapper .servers_ul_list::-webkit-scrollbar-thumb {
        background-color: #0c5aff;
        border-radius: 0.7142857143rem; }
      .vpn-servers .free_servers .wrapper .servers_ul_list li {
        min-width: 800px; }
  .vpn-servers .server-list .wrapper .servers_title,
  .vpn-servers .servers_support .wrapper .servers_title {
    padding: 0px; }
  .vpn-servers .server-list .wrapper .click_box {
    margin-bottom: 0px; }
  .vpn-servers .server-list .wrapper ul li {
    height: 80px; }
    .vpn-servers .server-list .wrapper ul li h4 {
      height: 80px; }
  .vpn-servers .servers_benefits {
    padding: 2.8571428571rem 0; }
    .vpn-servers .servers_benefits .wrapper .describe {
      padding: 0px; }
    .vpn-servers .servers_benefits .wrapper .benefits_cont dl dt .pc-btn .button.button-new {
      width: 90% !important;
      padding-left: 1.4285714286rem !important; }
    .vpn-servers .servers_benefits .wrapper .benefits_cont dl dd {
      max-width: 100%; }
      .vpn-servers .servers_benefits .wrapper .benefits_cont dl dd img {
        width: 100%; }
  .vpn-servers .most_connect {
    padding: 2.8571428571rem 0px; }
    .vpn-servers .most_connect .wrapper .connect_cont {
      margin-top: 2.1428571429rem; }
      .vpn-servers .most_connect .wrapper .connect_cont .connect_name {
        margin-right: 2.8571428571rem; }
        .vpn-servers .most_connect .wrapper .connect_cont .connect_name li img {
          margin-right: 0.7142857143rem; }
        .vpn-servers .most_connect .wrapper .connect_cont .connect_name li span {
          margin-left: 0px;
          font-size: 1rem; }
      .vpn-servers .most_connect .wrapper .connect_cont .country_node li {
        font-size: 0.8571428571rem; }
        .vpn-servers .most_connect .wrapper .connect_cont .country_node li::before {
          width: 0.3571428571rem;
          height: 0.3571428571rem;
          margin-right: 0.5714285714rem; }
  .vpn-servers .servers-faqs {
    padding: 2.8571428571rem 1.0714285714rem; }
    .vpn-servers .servers-faqs .faqs-list .faq_icon {
      width: 2.1428571429rem;
      height: 2.1428571429rem;
      background-size: 80%; }
  .vpn-servers .server_bottom {
    padding: 3.5714285714rem 0; }
    .vpn-servers .server_bottom .wrapper h2 {
      font-size: 1.7142857143rem;
      line-height: 2.1428571429rem; }
    .vpn-servers .server_bottom .wrapper p {
      font-size: 1rem;
      line-height: 1.4285714286rem; }
    .vpn-servers .server_bottom .wrapper img {
      margin-top: 2.8571428571rem; } }

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