@keyframes showlock {
  from {
    opacity: 0;
    transform: scale(0); }
  to {
    opacity: 1;
    transform: scale(1); } }
.vpn-windows .j-bg {
  padding-bottom: 30px; }

.vpn-windows .section4 {
  margin-top: 120px !important; }

.vpn-windows .section5,
.vpn-windows .section_up {
  margin-top: 50px !important; }

.vpn-windows .section-lcy.section3 {
  margin-top: 60px !important; }

.vpn-windows .page-content.on .section4 .lock3 {
  position: relative !important; }

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

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

.vpn-windows .section5 .step-2,
.vpn-windows .section_up .step-2 {
  width: 235px !important;
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 0.6s;
  transition: opacity 0.6s 0.4s, transform 0.6s 0.4s; }

.vpn-windows .page-content.on .step-0,
.vpn-windows .section_up .step-0 {
  opacity: 1 !important;
  transform: translateY(0); }

.vpn-windows .page-content.on .step-1,
.vpn-windows .section_up .step-0 {
  opacity: 1 !important;
  transform: translateY(0); }

.vpn-windows .page-content.on .step-2,
.vpn-windows .section_up .step-0 {
  opacity: 1 !important;
  transform: translateY(0); }

.vpn-windows .section5 .flex-l,
.vpn-windows .section_up .flex-l {
  width: 615px;
  position: relative; }

.vpn-windows .section5 .flex-l .lock1 {
  position: absolute;
  opacity: 0; }

.vpn-windows .section_up .flex-l .pos-img {
  position: absolute;
  opacity: 0; }

.vpn-windows .section5 .flex-l .lock_bg,
.vpn-windows .section_up .flex-l .lock_bg {
  position: relative;
  opacity: 0;
  width: 100%; }

.vpn-windows .section5 .db_search {
  width: 35%;
  top: 40%;
  left: 28%;
  position: absolute;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 2s; }

.vpn-windows .section5 .db_vpn1 {
  width: 29%;
  top: 45%;
  left: 6%;
  position: absolute;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 1.4s; }

.vpn-windows .section5 .db_vpn2 {
  width: 29%;
  top: 15%;
  position: absolute;
  right: 18%;
  animation-delay: 1.6s;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

.vpn-windows .section5 .dbvpn_icon {
  width: 14%;
  position: absolute;
  top: 49%;
  right: 12%;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 1s; }

.vpn-windows .section5 .flex-r,
.vpn-windows .section_up .flex-r {
  max-width: 645px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.vpn-windows .section5 .flex-r .subtitle,
.vpn-windows .section_up .flex-r .subtitle {
  max-width: 660px;
  color: #8e8b9d;
  line-height: 28px;
  margin-top: 20px; }

.vpn-windows .section5 .flex-r .subtitle a,
.vpn-windows .section_up .flex-r .subtitle a {
  color: #0054ff; }

.vpn-windows .section5 .flex-r .flex-r-btn,
.vpn-windows .section_up .flex-r .flex-r-btn {
  margin-top: 60px; }

.vpn-windows .page-content.on .section5 .lock_bg,
.vpn-windows .page-content.on .section_up .lock_bg {
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

.vpn-windows .page-content.on .section5 .lock1 {
  width: 380px;
  z-index: 10;
  right: -95px;
  top: 120px;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.6s; }

.vpn-windows .page-content.on .section_up .pos-img {
  z-index: 10;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

.vpn-windows .page-content .section_up .up_vpn {
  width: 48%;
  top: 28%;
  left: 28%; }

.vpn-windows .page-content .section_up .up_xbox {
  width: 18%;
  top: 40%;
  left: 9%; }

.vpn-windows .page-content .section_up .up_adr {
  width: 17%;
  top: 45%;
  right: 15%; }

.vpn-windows .page-content .section_up .up_mac {
  width: 17%;
  top: 12%;
  right: 4%; }

.vpn-windows .page-content .section_up .up_win {
  width: 17.5%;
  bottom: 12%;
  left: 30%; }

.vpn-windows .page-content .section_up .up_ios {
  width: 18%;
  top: 8%;
  left: 42%; }

.vpn-windows .page-content.on .section_up .up_vpn {
  animation-delay: 0.4s; }

.vpn-windows .page-content.on .section_up .up_xbox {
  animation-delay: 0.6s; }

.vpn-windows .page-content.on .section_up .up_adr {
  animation-delay: 0.8s; }

.vpn-windows .page-content.on .section_up .up_mac {
  animation-delay: 1s; }

.vpn-windows .page-content.on .section_up .up_win {
  animation-delay: 1.2s; }

.vpn-windows .page-content.on .section_up .up_ios {
  animation-delay: 1.4s; }

@media screen and (max-width: 768px) {
  .vpn-windows .section3 .s3-l .title {
    font-family: Lexend, sans-serif;
    font-weight: 700; }

  .vpn-windows .section5 {
    margin-top: 3.5714285714rem !important; }

  .vpn-windows .section5 .flex-l,
  .vpn-windows .section_up .flex-l {
    width: 100%;
    height: auto;
    padding: 0 33px;
    left: 0; }

  .vpn-windows .page-content.on .section5 .flex-l .lock1 {
    width: 50%;
    top: 26%;
    right: -1rem !important; }

  .vpn-windows .section5 .flex-r,
  .vpn-windows .section_up .flex-r {
    padding: 0 16px;
    margin-top: 2.5rem; }

  .vpn-windows .section5 .flex-r .section-title,
  .vpn-windows .section_up .flex-r .section-title {
    font-size: 24px !important;
    line-height: 28px !important; }

  .vpn-windows .section5 .flex-r .section-subtitle,
  .vpn-windows .section_up .flex-r .section-subtitle {
    font-size: 1rem !important;
    line-height: 1.5rem !important; }

  .vpn-windows .section5 .flex-r .flex-r-btn,
  .vpn-windows .section_up .flex-r .flex-r-btn {
    margin-top: 1.4285714286rem; }

  .vpn-windows .section_up.flexbox {
    flex-direction: column-reverse; }

  .vpn-windows .section_up .flex-l {
    padding: 0px 10px; }

  .vpn-windows .section6 li {
    width: 100% !important; } }
.vpn-windows .mob {
  display: none; }
.vpn-windows .section6 {
  width: 1365px;
  display: flex;
  padding-bottom: 55px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 110px auto 0; }
  .vpn-windows .section6 li {
    border-radius: 30px;
    position: relative;
    padding: 73px 66px;
    margin-bottom: 15px;
    height: 433px;
    flex: 1; }
    .vpn-windows .section6 li h3 {
      font: normal normal normal 34px/44px Lexend Deca;
      letter-spacing: 0px;
      color: #1e1c2c;
      margin-bottom: 15px; }
    .vpn-windows .section6 li p {
      font: normal normal normal 14px/20px Lexend Deca;
      letter-spacing: 0px;
      color: #8e8b9d; }
      .vpn-windows .section6 li p a {
        text-decoration: underline;
        color: #0054ff; }
    .vpn-windows .section6 li ._icon {
      position: absolute; }
    .vpn-windows .section6 li.w812 {
      width: 812px;
      flex: none; }
    .vpn-windows .section6 li.w536 {
      width: 536px;
      flex: none; }
    .vpn-windows .section6 li.w674 {
      width: 674px;
      flex: none; }
    .vpn-windows .section6 li.w444 {
      width: 444px;
      flex: none; }
    .vpn-windows .section6 li:nth-child(odd) {
      margin-right: 15px; }
    .vpn-windows .section6 li.step-1 {
      background: transparent linear-gradient(51deg, rgba(244, 238, 252, 0.6) 0%, rgba(239, 234, 252, 0.6) 100%) 0% 0% no-repeat padding-box; }
      .vpn-windows .section6 li.step-1 p {
        width: 82%; }
      .vpn-windows .section6 li.step-1 ._icon {
        right: 65px;
        bottom: 60px; }
    .vpn-windows .section6 li.step-2 {
      background: rgba(0, 84, 255, 0.06); }
      .vpn-windows .section6 li.step-2 ._icon {
        right: 62px;
        bottom: 33px; }
      .vpn-windows .section6 li.step-2::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: url("../images/vpn-windows/w536-step-2.svg") no-repeat; }
    .vpn-windows .section6 li.step-3 {
      background: rgba(98, 237, 196, 0.05);
      text-align: center; }
      .vpn-windows .section6 li.step-3 ._icon {
        position: relative; }
@keyframes opac {
  from {
    opacity: 1;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%; }
  to {
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; } }
      .vpn-windows .section6 li.step-3 .animate .w2 {
        animation-delay: 1s; }
      .vpn-windows .section6 li.step-3 .animate .w3 {
        animation-delay: 2s; }
      .vpn-windows .section6 li.step-3 .animate .w4 {
        animation-delay: 3s; }
      .vpn-windows .section6 li.step-3 .wave {
        width: 363px;
        height: 363px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto; }
      .vpn-windows .section6 li.step-3 .wave * {
        background: #29ecb26e;
        position: absolute;
        z-index: -1;
        border-radius: 50%;
        animation: opac 4s infinite; }
    .vpn-windows .section6 li.step-4 {
      background: rgba(214, 247, 255, 0.4) 0% 0% no-repeat padding-box; }
      .vpn-windows .section6 li.step-4 ._icon {
        right: 73px;
        bottom: 43px; }
    .vpn-windows .section6 li.step-5 {
      background: rgba(255, 217, 28, 0.08) 0% 0% no-repeat padding-box;
      text-align: center; }
      .vpn-windows .section6 li.step-5 ._icon {
        position: relative; }
    .vpn-windows .section6 li.step-6 {
      background: rgba(255, 185, 185, 0.1); }
      .vpn-windows .section6 li.step-6 ._icon {
        right: 90px;
        bottom: 53px; }
      .vpn-windows .section6 li.step-6::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: url("../images/vpn-windows/flex1-step-6.svg") no-repeat; }
    .vpn-windows .section6 li.step-7 {
      background: rgba(0, 84, 255, 0.06);
      text-align: center;
      opacity: 0;
      margin-right: 0; }
      .vpn-windows .section6 li.step-7 ._icon {
        position: relative; }
.vpn-windows .w-l-b-btn {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px; }
  .vpn-windows .w-l-b-btn .button-combe {
    margin-right: 10px; }
.vpn-windows .win-more {
  margin-top: 120px;
  padding: 108px 0 30px;
  background: #f7faff; }
.vpn-windows .win-more .wrapper {
  position: relative; }
.vpn-windows .win-more .m-title h2 {
  text-align: center;
  font-size: 48px;
  line-height: 60px;
  font-weight: normal; }
.vpn-windows .win-more .swiper-more {
  margin-top: 120px; }
.vpn-windows .win-more .swiper-more .swiper-slide {
  flex-direction: column;
  align-items: flex-start; }
.vpn-windows .win-more .swiper-more .swiper-slide .m-item {
  margin: 0 0 70px;
  width: 100%;
  display: flex; }
.vpn-windows .win-more .swiper-more .swiper-slide .m-item dt {
  margin-right: 15px;
  width: 64px;
  height: 64px; }
.vpn-windows .win-more .swiper-more .swiper-slide .m-item dt img {
  width: 100%;
  height: 100%; }
.vpn-windows .win-more .swiper-more .swiper-slide .m-item dd {
  width: 90%;
  text-align: left; }
.vpn-windows .win-more .swiper-more .swiper-slide .m-item dd p {
  margin-top: 10px;
  height: 138px; }
.vpn-windows .win-more .swiper-more .swiper-slide .m-item dd p a {
  color: #0C5AFF;
  text-decoration: underline; }
.vpn-windows .win-more .arrow-group {
  position: absolute;
  bottom: 50%;
  width: 100%; }
.vpn-windows .win-more .arrow-group .arrow {
  cursor: pointer; }
.vpn-windows .win-more .arrow-group .arrow.left-arrow {
  position: absolute;
  left: -60px; }
.vpn-windows .win-more .arrow-group .arrow.left-arrow svg {
  transform: rotate(180deg); }
.vpn-windows .win-more .arrow-group .arrow.right-arrow {
  position: absolute;
  right: -60px; }
.vpn-windows .win-more .arrow-group .arrow svg {
  width: 22px;
  height: 36px;
  fill: #e1e2eb; }
.vpn-windows .win-more .arrow-group .arrow svg:hover {
  fill: #0C5AFF; }
.vpn-windows .on .step-0,
.vpn-windows .on .step-1,
.vpn-windows .on .step-2,
.vpn-windows .on .step-3,
.vpn-windows .on .step-4,
.vpn-windows .on .step-5,
.vpn-windows .on .step-6,
.vpn-windows .on .step-7,
.vpn-windows .on .step-8,
.vpn-windows .on .step-9 {
  opacity: 1 !important;
  transform: translateY(0); }
.vpn-windows .down-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0; }
  .vpn-windows .down-btn .button-combe {
    margin-right: 10px; }
.vpn-windows .page-content .wrapper .down_bg1 {
  position: absolute;
  top: 0;
  left: -270px; }
.vpn-windows .page-content .wrapper .down_women {
  position: absolute;
  width: 584px;
  height: 472px;
  left: 0;
  z-index: 2;
  top: 0; }
.vpn-windows .page-content .wrapper .mob-pic {
  display: none; }
.vpn-windows .page-content .wrapper .point_purple {
  position: absolute;
  left: 300px;
  top: 206px; }
.vpn-windows .page-content .wrapper .point_green {
  position: absolute;
  right: -54px;
  top: -30px; }
.vpn-windows .page-content .wrapper ._down_text {
  position: absolute;
  top: 118px;
  left: 700px; }
  .vpn-windows .page-content .wrapper ._down_text h3 {
    display: inline-block;
    width: 600px;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 20px; }
  .vpn-windows .page-content .wrapper ._down_text .mobile {
    display: none !important; }
  .vpn-windows .page-content .wrapper ._down_text .d_btn {
    display: flex;
    align-items: center; }
    .vpn-windows .page-content .wrapper ._down_text .d_btn .button-combe {
      margin-right: 10px; }
.vpn-windows .home-down {
  position: relative;
  height: 472px;
  background: bottom url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI0NzIiIHZpZXdCb3g9IjAgMCAxOTIwIDQ3MiI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAuNTM1IiB5MT0iMSIgeDI9IjAuNTM3IiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2RiZWNmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgaWQ9IlBsYWNlLVlvdXItSW1hZ2UtSGVyZS0iIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjQ3MiIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat; }
@media (max-width: 768px) {
  .vpn-windows .page-content {
    margin: 0; }
    .vpn-windows .page-content .wrapper {
      height: auto;
      z-index: 0; }
      .vpn-windows .page-content .wrapper ._down_text {
        position: relative;
        left: auto;
        top: auto;
        text-align: center; }
        .vpn-windows .page-content .wrapper ._down_text h3 {
          display: inline-block;
          width: 91.46vw;
          font-size: 58;
          line-height: 73; }
        .vpn-windows .page-content .wrapper ._down_text .mobile {
          display: flex !important;
          justify-content: center; }
        .vpn-windows .page-content .wrapper ._down_text .pc {
          display: none !important; }
        .vpn-windows .page-content .wrapper ._down_text .d_btn {
          display: flex;
          justify-content: center;
          align-items: center; }
      .vpn-windows .page-content .wrapper .down_bg1 {
        width: 145%;
        left: -27.7%; }
      .vpn-windows .page-content .wrapper .down_women {
        position: relative;
        width: 20.85rem;
        height: 16.85rem;
        left: 2.5rem;
        margin-top: 2.28rem;
        bottom: -5px; }
      .vpn-windows .page-content .wrapper .point_purple {
        width: 9.64rem;
        top: 25.5rem;
        left: 13rem; }
      .vpn-windows .page-content .wrapper .point_green {
        display: none; }
    .vpn-windows .page-content .section3 {
      flex-direction: column-reverse; }
    .vpn-windows .page-content .home-down {
      height: 28.9642857143rem; }
      .vpn-windows .page-content .home-down .wrapper {
        height: 100%;
        bottom: 0;
        z-index: 0; }
        .vpn-windows .page-content .home-down .wrapper .down_women,
        .vpn-windows .page-content .home-down .wrapper .point_green,
        .vpn-windows .page-content .home-down .wrapper .point_purple,
        .vpn-windows .page-content .home-down .wrapper .down_bg1 {
          display: none; }
        .vpn-windows .page-content .home-down .wrapper ._down_text {
          position: static;
          width: 100%;
          text-align: center;
          padding: 0 16px; }
          .vpn-windows .page-content .home-down .wrapper ._down_text h3 {
            width: 100% !important;
            font-size: 1.6428571429rem !important;
            line-height: 2.4642857143rem !important;
            margin-bottom: 2.8571428571rem !important; }
        .vpn-windows .page-content .home-down .wrapper .mob-pic {
          display: block !important;
          width: 114%;
          position: absolute;
          bottom: 0; } }
.vpn-windows .windows-content {
  padding-top: 244px;
  display: flex;
  justify-content: space-between; }
  .vpn-windows .windows-content .title {
    max-width: 700px;
    color: #1e1c2c;
    position: relative; }
  .vpn-windows .windows-content .subtitle {
    margin-top: 20px;
    margin-bottom: 26px;
    font-size: 24px;
    line-height: 30px; }
  .vpn-windows .windows-content ul {
    margin-bottom: 50px; }
    .vpn-windows .windows-content ul li {
      font-size: 16px;
      line-height: 24px;
      text-align: left; }
  .vpn-windows .windows-content .w-l-b {
    margin-top: 20px; }
  .vpn-windows .windows-content .w-l-b p {
    border-left: 5px solid #30deb4;
    color: #8e8b9d;
    padding-left: 15px; }
  .vpn-windows .windows-content .mobile {
    display: none !important; }
  .vpn-windows .windows-content .w-l-b-btn {
    justify-content: flex-start; }
  .vpn-windows .windows-content .computer-pic {
    position: relative;
    width: 634px;
    right: -20px; }
  .vpn-windows .windows-content .w-r {
    position: relative; }
    .vpn-windows .windows-content .w-r .mob-windows {
      display: none; }
    .vpn-windows .windows-content .w-r .line {
      position: absolute;
      top: -15rem;
      right: -14rem;
      z-index: -1; }
    .vpn-windows .windows-content .w-r .ellipse1,
    .vpn-windows .windows-content .w-r .ellipse2,
    .vpn-windows .windows-content .w-r .ellipse3 {
      position: absolute; }
    .vpn-windows .windows-content .w-r .ellipse1 {
      top: 315px;
      left: -138px; }
    .vpn-windows .windows-content .w-r .ellipse2 {
      top: -70px;
      left: 106px;
      z-index: -1; }
    .vpn-windows .windows-content .w-r .ellipse3 {
      top: 25px;
      right: -100px;
      z-index: -1; }
@media screen and (max-width: 768px) {
  .vpn-windows .fh1 {
    font-size: 32px;
    line-height: 2.28rem; }
  .vpn-windows .windows-content {
    padding-top: 7.2rem;
    flex-flow: wrap; }
    .vpn-windows .windows-content .w-l {
      text-align: center;
      z-index: 1;
      padding: 0 0.8rem; }
      .vpn-windows .windows-content .w-l p.subtitle {
        font-size: 0.9rem;
        line-height: 1.5rem; }
      .vpn-windows .windows-content .w-l .w-l-b {
        margin-top: 1.25rem; }
        .vpn-windows .windows-content .w-l .w-l-b p {
          border-left: 0;
          font-size: 1rem;
          line-height: 1.5rem;
          padding-left: 0; }
      .vpn-windows .windows-content .w-l .pc {
        display: none !important; }
      .vpn-windows .windows-content .w-l .mobile {
        display: flex !important; }
      .vpn-windows .windows-content .w-l .w-l-b-btn {
        justify-content: center;
        margin-top: 1.8rem; }
    .vpn-windows .windows-content .w-r {
      width: 100%;
      margin-top: 0; }
      .vpn-windows .windows-content .w-r .computer-pic {
        display: none; }
      .vpn-windows .windows-content .w-r .line {
        display: none; }
      .vpn-windows .windows-content .w-r .mob-windows {
        display: block;
        margin: 0 auto;
        width: 145%;
        position: relative;
        top: -99px;
        left: -88px; }
      .vpn-windows .windows-content .w-r .ellipse1 {
        width: 30px;
        height: 30px;
        top: 283px;
        left: 0; }
      .vpn-windows .windows-content .w-r .ellipse2 {
        width: 30px;
        height: 30px;
        top: 100px; }
      .vpn-windows .windows-content .w-r .ellipse3 {
        width: 126px;
        height: 126px;
        right: 0;
        top: 130px; } }
.vpn-windows .features-btn {
  display: block;
  margin-top: 55px; }
.vpn-windows .j-bg {
  background: transparent linear-gradient(0deg, #f2f6ff 0%, #ffffff 100%) 0% 0% no-repeat padding-box; }
.vpn-windows .features {
  width: 1030px;
  margin: 130px auto 0;
  text-align: center; }
  .vpn-windows .features h2 {
    font: normal normal normal 48px/56px Lexend Deca;
    margin-bottom: 20px; }
  .vpn-windows .features p {
    font: normal normal normal 20px/32px Lexend Deca;
    color: #8e8b9d; }
.vpn-windows .section2 {
  margin-top: 230px !important;
  margin-bottom: 10px;
  padding-bottom: 20px; }
  .vpn-windows .section2 .title {
    color: #1e1c2c;
    text-align: center; }
  .vpn-windows .section2 .bg {
    width: 100%;
    height: 272px;
    border-radius: 30px;
    margin-top: 135px;
    display: flex;
    justify-content: space-around;
    position: relative; }
  .vpn-windows .section2 .bg div {
    max-width: 300px;
    max-height: 255px;
    text-align: center;
    position: relative;
    bottom: 72px; }
    .vpn-windows .section2 .bg div p {
      margin-top: 20px;
      border-radius: 30px;
      position: relative;
      color: #1E1C2C;
      height: 43px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 6px; }
    .vpn-windows .section2 .bg div img {
      width: 100%;
      height: 100%; }
      .vpn-windows .section2 .bg div img.line2, .vpn-windows .section2 .bg div img.line1 {
        position: absolute;
        top: 297px;
        width: auto;
        height: auto;
        left: 322px; }
@media screen and (max-width: 768px) {
  .vpn-windows .section2 {
    display: none; } }
.vpn-windows .flexbox {
  display: flex;
  justify-content: space-between; }
@keyframes showlock {
  from {
    opacity: 0;
    transform: scale(0); }
  to {
    opacity: 1;
    transform: scale(1); } }
.vpn-windows .section3 {
  margin-top: 90px !important; }
  .vpn-windows .section3 .mob-img {
    display: none; }
  .vpn-windows .section3 .s3-l {
    max-width: 674px; }
    .vpn-windows .section3 .s3-l .title {
      margin-top: 70px; }
    .vpn-windows .section3 .s3-l .subtitle {
      max-width: 674px;
      color: #8e8b9d;
      line-height: 28px;
      margin-top: 20px; }
      .vpn-windows .section3 .s3-l .subtitle a {
        color: #0054ff; }
  .vpn-windows .section3 .s3-r {
    width: 530px;
    height: 530px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box; }
    .vpn-windows .section3 .s3-r img.earth {
      position: relative;
      left: -72px; }
    .vpn-windows .section3 .s3-r .line-lock {
      width: 530px;
      height: 530px;
      border-radius: 50%;
      position: absolute;
      top: 0;
      overflow: hidden; }
    .vpn-windows .section3 .s3-r .l-line {
      position: absolute; }
    .vpn-windows .section3 .s3-r .line-1 {
      top: 139px;
      left: -76px;
      transition: all 0.3s linear; }
    .vpn-windows .section3 .s3-r .line-2 {
      top: 240px;
      right: 5px;
      transition: all 0.3s linear; }
    .vpn-windows .section3 .s3-r .line-3 {
      top: 282px;
      right: -126px;
      transition: all 0.3s linear; }
    .vpn-windows .section3 .s3-r .line-4 {
      top: 256px;
      left: -98px;
      transition: all 0.3s linear; }
    .vpn-windows .section3 .s3-r .unlock {
      bottom: -80px;
      right: -80px;
      opacity: 0; }
.vpn-windows .page-content.on .section3 .line-1 {
  left: -81px;
  transition: all 0.3s linear; }
.vpn-windows .page-content.on .section3 .line-2 {
  right: -10px;
  top: 250px;
  transition: all 0.3s linear; }
.vpn-windows .page-content.on .section3 .line-3 {
  top: 284px;
  right: -140px;
  transition: all 0.3s linear; }
.vpn-windows .page-content.on .section3 .line-4 {
  left: -110px;
  transition: all 0.3s linear; }
.vpn-windows .page-content.on .section3 .unlock {
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.6s; }
@media screen and (max-width: 768px) {
  .vpn-windows .fh2 {
    font-size: 2rem;
    line-height: 2.6rem; }
  .vpn-windows .fb3 {
    font-size: 1rem;
    line-height: 1.5rem !important; }
  .vpn-windows .section3 {
    margin-top: 20px !important;
    flex-flow: wrap-reverse; }
    .vpn-windows .section3 .s3-l {
      padding: 0 16px; }
      .vpn-windows .section3 .s3-l .title {
        margin-top: 0;
        font: normal normal normal 24px/28px Lexend Deca; }
      .vpn-windows .section3 .s3-l .subtitle {
        margin-top: 0.7rem; }
    .vpn-windows .section3 .s3-r {
      display: none; }
    .vpn-windows .section3 .mob-img {
      display: inline-block; }
    .vpn-windows .section3 .mob-img img {
      width: 100%; } }
.vpn-windows .flexbox {
  display: flex;
  justify-content: space-between; }
@keyframes showlock {
  from {
    opacity: 0;
    transform: scale(0); }
  to {
    opacity: 1;
    transform: scale(1); } }
.vpn-windows .section4 {
  margin-top: 257px !important; }
  .vpn-windows .section4 .s4-l {
    width: 615px;
    position: relative;
    left: -30px; }
    .vpn-windows .section4 .s4-l .lock1,
    .vpn-windows .section4 .s4-l .lock2,
    .vpn-windows .section4 .s4-l .lock3 {
      position: absolute;
      opacity: 0; }
  .vpn-windows .section4 .s4-r {
    max-width: 645px; }
    .vpn-windows .section4 .s4-r .subtitle {
      max-width: 660px;
      color: #8e8b9d;
      line-height: 28px;
      margin-top: 20px; }
      .vpn-windows .section4 .s4-r .subtitle a {
        color: #0054ff; }
    .vpn-windows .section4 .s4-r .s4-r-btn {
      margin-top: 60px; }
.vpn-windows .section-lcy.section3 {
  margin-top: 120px !important; }
  .vpn-windows .section-lcy.section3 .s3-l .title {
    margin-top: 30px; }
.vpn-windows .section-lcy .subtitle {
  text-align: left; }
.vpn-windows .section-lcy .s5-r {
  width: 615px;
  position: relative;
  left: -30px; }
  .vpn-windows .section-lcy .s5-r .lock1,
  .vpn-windows .section-lcy .s5-r .lock2,
  .vpn-windows .section-lcy .s5-r .lock3,
  .vpn-windows .section-lcy .s5-r .lock4 {
    position: absolute;
    opacity: 0; }
.vpn-windows .page-content.on .section4 .lock3 {
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
.vpn-windows .page-content.on .section4 .lock2 {
  top: 200px;
  z-index: 10;
  left: 10px;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.4s; }
.vpn-windows .page-content.on .section4 .lock1 {
  z-index: 10;
  right: -110px;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.6s; }
.vpn-windows .page-content.on .section-lcy .lock3 {
  top: 245px;
  left: 92px;
  z-index: 10;
  animation: showlock 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
.vpn-windows .page-content.on .section-lcy .lock2 {
  top: 80px;
  z-index: 10;
  right: -110px;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.4s; }
.vpn-windows .page-content.on .section-lcy .lock1 {
  z-index: 10;
  right: 183px;
  top: 100px;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.2s; }
.vpn-windows .page-content.on .section-lcy .lock4 {
  z-index: 10;
  top: 45px;
  left: -28px;
  animation: showlock 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.8s; }
@media screen and (max-width: 768px) {
  .vpn-windows .flexbox {
    flex-flow: wrap; }
  .vpn-windows .button-combe .button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 1s;
    width: 14.6428571429rem;
    height: 3.2142857143rem;
    border-radius: 0.2142857143rem;
    cursor: pointer; }
    .vpn-windows .button-combe .button.btn-primary {
      text-align: center;
      border-radius: 0.2142857143rem; }
  .vpn-windows .section4 {
    margin-top: 3.5714285714rem !important; }
    .vpn-windows .section4 .s4-l {
      width: 100%;
      height: 250px;
      padding: 0 33px;
      left: 0; }
      .vpn-windows .section4 .s4-l .lock2 {
        top: 7.6428571429rem !important;
        left: 1.2142857143rem !important; }
      .vpn-windows .section4 .s4-l .lock1 {
        width: 203px;
        top: 82px;
        right: -1rem !important; }
      .vpn-windows .section4 .s4-l .lock2 {
        width: 148px; }
      .vpn-windows .section4 .s4-l .lock3 {
        width: 317px; }
    .vpn-windows .section4 .s4-r {
      padding: 0 16px;
      margin-top: 2.5rem; }
      .vpn-windows .section4 .s4-r .section-title {
        font-size: 24px !important;
        line-height: 28px !important; }
      .vpn-windows .section4 .s4-r .section-subtitle {
        font-size: 1rem !important;
        line-height: 1.5rem !important; }
      .vpn-windows .section4 .s4-r .s4-r-btn {
        margin-top: 1.4285714286rem; } }
.vpn-windows .flexbox {
  display: flex;
  justify-content: space-between; }
.vpn-windows .section5 {
  width: 100%;
  margin-top: 120px !important;
  margin-bottom: 130px !important; }
  .vpn-windows .section5 .s5-bg {
    position: absolute;
    width: calc(100vw - 17px);
    left: 50%;
    transform: translate(-50%);
    height: 100%;
    background-color: #F7FAFF;
    z-index: -1; }
  .vpn-windows .section5 .s5-box {
    flex-flow: wrap;
    align-items: flex-start;
    padding-top: 127px;
    padding-bottom: 17px; }
    .vpn-windows .section5 .s5-box .s5-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 110px;
      width: 413px; }
      .vpn-windows .section5 .s5-box .s5-item embed {
        width: 64px;
        height: 64px; }
      .vpn-windows .section5 .s5-box .s5-item ._right {
        margin-left: 15px; }
        .vpn-windows .section5 .s5-box .s5-item ._right h5 {
          margin-bottom: 10px;
          font-size: 20px;
          line-height: 25px; }
        .vpn-windows .section5 .s5-box .s5-item ._right p {
          width: 334px; }
    .vpn-windows .section5 .s5-box .s5-item.s5-title {
      background: url("../images/vpn-windows/s5-title-bg.svg") no-repeat;
      background-size: 54px 126px; }
      .vpn-windows .section5 .s5-box .s5-item.s5-title h4 {
        margin-left: 66px;
        width: 288px;
        font-size: 28px;
        line-height: 40px;
        font-weight: normal; }
@media screen and (max-width: 768px) {
  .vpn-windows .page-content .section5 {
    margin-top: 8.5714285714rem !important;
    margin-bottom: 5.7142857143rem !important; }
    .vpn-windows .page-content .section5 .s5-bg {
      width: 100%; }
    .vpn-windows .page-content .section5 .title {
      font-size: 1.6428571429rem;
      line-height: 2.4642857143rem;
      width: 90%; }
    .vpn-windows .page-content .section5 .s5-box {
      display: block;
      padding: 5rem 1.1428571429rem 0; }
      .vpn-windows .page-content .section5 .s5-box .s5-item {
        margin-bottom: 1.7857142857rem;
        width: 100%; }
        .vpn-windows .page-content .section5 .s5-box .s5-item embed {
          width: 52px;
          height: 52px; }
        .vpn-windows .page-content .section5 .s5-box .s5-item ._right {
          margin-left: 1.4285714286rem;
          width: 100%; }
          .vpn-windows .page-content .section5 .s5-box .s5-item ._right h5 {
            font-size: 1.2142857143rem;
            line-height: 1.5rem; }
          .vpn-windows .page-content .section5 .s5-box .s5-item ._right p {
            width: 100%;
            font-size: 0.8571428571rem;
            line-height: 1.2857142857rem; }
      .vpn-windows .page-content .section5 .s5-box .s5-item.s5-title {
        margin-bottom: 2.8571428571rem;
        background: none; }
        .vpn-windows .page-content .section5 .s5-box .s5-item.s5-title h4 {
          margin: 0 auto;
          width: 20.3571428571rem;
          text-align: center;
          font: normal normal normal 23px/35px Lexend Deca; } }
.vpn-windows .section7 {
  width: 870px;
  text-align: center;
  margin: 70px auto 108px; }
  .vpn-windows .section7 h2 {
    font: normal normal normal 48px/56px Lexend Deca;
    letter-spacing: 0px;
    color: #1e1c2c;
    margin-bottom: 15px; }
  .vpn-windows .section7 ._tis {
    font: normal normal normal 14px/20px Lexend Deca;
    letter-spacing: 0px;
    color: #8e8b9d; }
  .vpn-windows .section7 .nav {
    display: flex;
    margin: 70px 0;
    justify-content: space-between; }
    .vpn-windows .section7 .nav li {
      margin-right: 15px;
      cursor: pointer;
      font: normal normal normal 16px/32px Lexend Deca;
      letter-spacing: 0px;
      width: 160px;
      display: flex;
      align-items: center;
      text-align: left;
      border-bottom: 2px solid #ebebeb; }
      .vpn-windows .section7 .nav li svg {
        margin-right: 7px; }
      .vpn-windows .section7 .nav li.ac {
        color: #2d69ff;
        border-color: #2d69ff; }
  .vpn-windows .section7 ._cont {
    position: relative; }
    .vpn-windows .section7 ._cont li {
      position: absolute;
      display: flex;
      align-items: center;
      top: 0;
      opacity: 0;
      z-index: -11; }
      .vpn-windows .section7 ._cont li .left {
        position: relative;
        left: -600px;
        transition: all 0.3s; }
      .vpn-windows .section7 ._cont li .right {
        font: normal normal normal 16px/24px Lexend Deca;
        letter-spacing: 0px;
        color: #1e1c2c;
        transition: all 0.3s;
        position: relative;
        right: -400px;
        width: 580px;
        height: 327px;
        padding: 37px 43px 81px 81px;
        z-index: -1;
        background: url("../images/vpn-windows/nav-text-bg.svg") no-repeat center; }
      .vpn-windows .section7 ._cont li.ac {
        position: relative;
        opacity: 1;
        z-index: 1; }
        .vpn-windows .section7 ._cont li.ac .left {
          left: 0; }
        .vpn-windows .section7 ._cont li.ac .right {
          position: absolute;
          right: -130px;
          bottom: 5px; }
          .vpn-windows .section7 ._cont li.ac .right a {
            color: #135dff;
            text-decoration: underline; }
.vpn-windows ._faqs {
  width: 1090px;
  margin: 150px auto; }
  .vpn-windows ._faqs h2 {
    font: normal normal normal 48px/56px Lexend Deca;
    letter-spacing: 0px;
    color: #1e1c2c;
    margin-bottom: 100px;
    text-align: center; }
  .vpn-windows ._faqs li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 20px;
    cursor: pointer; }
    .vpn-windows ._faqs li h3 {
      font: normal normal normal 20px/32px Lexend Deca;
      letter-spacing: 0px;
      color: #1e1c2c;
      position: relative;
      margin-bottom: 20px; }
    .vpn-windows ._faqs li ._tis {
      position: absolute;
      right: 0;
      top: -2px;
      transition: all 0.3s; }
    .vpn-windows ._faqs li p {
      font: normal normal normal 14px/20px Lexend Deca;
      letter-spacing: 0px;
      color: #8e8b9d;
      height: 0;
      cursor: initial;
      opacity: 0; }
    .vpn-windows ._faqs li a {
      text-decoration: underline;
      color: #0054ff; }
    .vpn-windows ._faqs li b {
      font-weight: bold; }
    .vpn-windows ._faqs li.ac {
      padding-bottom: 30px;
      transition: all 0.3s; }
      .vpn-windows ._faqs li.ac p {
        height: auto;
        opacity: 1;
        transition: all 0.3s; }
      .vpn-windows ._faqs li.ac ._tis {
        transform: rotate(45deg); }
.vpn-windows .mob-point {
  display: none; }
.vpn-windows .carousel-container {
  max-width: 1536px;
  margin: auto; }
.vpn-windows .carousel-content {
  width: 100%;
  height: 650px;
  background: #ffffff;
  display: flex; }
.vpn-windows .swiper-button-prev,
.vpn-windows .swiper-button-next {
  display: none !important; }
.vpn-windows .c-l {
  position: relative; }
  .vpn-windows .c-l h2 {
    font: 400 65px/81px Lexend Deca;
    color: #1e1c2c;
    max-width: 467px;
    width: 467px; }
  .vpn-windows .c-l img {
    position: absolute;
    top: 113px;
    left: -80px; }
  .vpn-windows .c-l .arrow-group {
    position: absolute;
    top: 450px;
    left: 35px; }
    .vpn-windows .c-l .arrow-group a.arrow {
      width: 38px;
      height: 14px;
      display: inline-block;
      position: absolute; }
    .vpn-windows .c-l .arrow-group a.left-arrow {
      right: 0;
      background: url("../images/vpn-windows/left-arrow.svg") no-repeat;
      background-position-x: right; }
    .vpn-windows .c-l .arrow-group a.right-arrow {
      left: 0;
      transform: rotate(180deg);
      margin-left: 138px;
      background: url("../images/vpn-windows/left-arrow.svg") no-repeat;
      background-position-x: right; }
    .vpn-windows .c-l .arrow-group a.left-arrow:hover {
      transform: rotate(180deg);
      cursor: pointer;
      background: url("../images/vpn-windows/arrow-l.svg"); }
    .vpn-windows .c-l .arrow-group a.right-arrow:hover {
      cursor: pointer;
      transform: rotate(0);
      background: url("../images/vpn-windows/arrow-l.svg"); }
.vpn-windows .c-r {
  margin-top: 100px;
  width: calc(100% - 335px); }
  .vpn-windows .c-r .swiper-container {
    width: 90%; }
  .vpn-windows .c-r .swiper {
    height: 500px;
    padding-left: 50px; }
    .vpn-windows .c-r .swiper .swiper-slide {
      height: 151px !important;
      background: #ffffff;
      border: 1px solid #ede2fc;
      border-radius: 20px;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: start;
      padding-left: 66px;
      position: relative;
      margin-top: 115px; }
      .vpn-windows .c-r .swiper .swiper-slide .thumbnail {
        width: 82px;
        height: 82px;
        position: absolute;
        left: -40px;
        top: 30px; }
        .vpn-windows .c-r .swiper .swiper-slide .thumbnail img {
          width: 100%;
          height: 100%; }
      .vpn-windows .c-r .swiper .swiper-slide .tips {
        opacity: 0;
        position: absolute;
        bottom: -120px;
        width: 318px;
        height: 0;
        line-height: 28px; }
    .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active {
      width: 398px !important;
      height: 380px !important;
      box-shadow: 0px 50px 50px #8aa9ff40;
      transition: all 0.5s;
      margin-top: 0;
      padding: 0 40px;
      position: relative;
      border: 0; }
      .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .thumbnail {
        width: 117px;
        height: 117px;
        position: absolute;
        left: -27px;
        top: 40px; }
        .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .thumbnail img {
          width: 100%;
          height: 100%; }
      .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .txt {
        position: absolute;
        top: 72px;
        left: 128px; }
      .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .title {
        font: 400 24px/30px Lexend Deca; }
      .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .subtitle {
        position: absolute;
        margin-top: 10px; }
      .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .tips {
        display: inline-block;
        bottom: 47px;
        text-align: left;
        opacity: 1;
        left: 40px;
        height: auto;
        transform: all 0.3s;
        transition-delay: 0.5s; }
        .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .tips.list04 {
          bottom: 20px; }
        .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .tips.list03 {
          bottom: 70px; }
    .vpn-windows .c-r .swiper .title {
      color: #1e1c2c; }
    .vpn-windows .c-r .swiper .subtitle {
      font: 400 12px/15px Lexend Deca;
      color: #8e8b9d; }
    .vpn-windows .c-r .swiper .tips {
      color: #1e1c2c; }
@media screen and (max-width: 768px) {
  .vpn-windows .carousel-container {
    margin-bottom: 5.1071428571rem !important; }
  .vpn-windows .carousel-content {
    display: inline-block !important;
    height: auto; }
  .vpn-windows .c-l img {
    display: none; }
  .vpn-windows .c-r {
    margin-top: 50px;
    width: 100%; }
  .vpn-windows .c-r .swiper {
    overflow: inherit;
    padding-left: 1rem;
    height: 32.8571428571rem; }
  .vpn-windows .c-l h2 {
    font-size: 24px;
    line-height: 28px;
    padding: 2rem 4rem 0;
    max-width: 100%; }
  .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .thumbnail {
    width: 95px !important;
    height: 95px !important;
    left: -14px; }
  .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active {
    width: 23.107143rem !important;
    height: 26.4285714286rem !important;
    margin-right: 70px !important; }
  .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .title {
    font-size: 1.6428571429rem;
    line-height: 2.4642857143rem; }
  .vpn-windows .c-r .swiper .swiper-slide.swiper-slide-active .subtitle {
    font-size: 1rem;
    line-height: 1.5rem; }
  .vpn-windows .c-l .arrow-group {
    position: absolute;
    top: 40.3571428571rem;
    left: calc(50% - 75px);
    z-index: 2; }
  .vpn-windows .c-r .swiper .swiper-slide .tips {
    max-width: 69vw;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    top: 11.7857142857rem !important;
    color: #8e8b9d; }
  .vpn-windows .mob-point {
    display: block;
    transform: scale(0.5);
    position: absolute;
    top: -33px;
    left: -35px;
    z-index: 1; } }

.win-powerful {
  margin-top: 142px;
  padding-bottom: 126px;
  background: transparent linear-gradient(0deg, #F2F6FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; }
  .win-powerful h2 {
    text-align: center;
    font-size: 40px;
    color: #1E1C2C;
    margin-bottom: 25px; }
  .win-powerful .title_text {
    width: 768px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #8E8B9D;
    margin-bottom: 63px; }
  .win-powerful ._main .click_box {
    display: flex;
    justify-content: center;
    margin-bottom: 23px; }
    .win-powerful ._main .click_box li {
      position: relative;
      width: 347px;
      height: 54px;
      background: #E3F3EE;
      border-radius: 5px;
      margin-right: 5px;
      text-align: center;
      font-size: 16px;
      line-height: 56px;
      color: #535165;
      cursor: pointer; }
      .win-powerful ._main .click_box li:nth-last-of-type(1) {
        margin: 0; }
      .win-powerful ._main .click_box li.on {
        background: #48FCC0;
        font-size: 18px;
        line-height: 56px;
        color: #1E1C2C; }
        .win-powerful ._main .click_box li.on::before {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          height: 4px;
          background: #48FCC0;
          left: 0;
          bottom: -23px; }
  .win-powerful ._main .change_box {
    width: 1286px;
    margin: 0 auto;
    padding: 96px 0 15px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 20px 40px #E4EDFFF5;
    border-radius: 30px;
    margin-bottom: 58px; }
    .win-powerful ._main .change_box .move_box {
      position: relative;
      width: 300%;
      display: flex;
      transition: all 0.3s;
      right: 0; }
      .win-powerful ._main .change_box .move_box ul {
        width: 1286px;
        height: 380px;
        padding: 0px 53px 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: hidden; }
        .win-powerful ._main .change_box .move_box ul.security {
          padding: 0;
          overflow: hidden;
          position: relative; }
          .win-powerful ._main .change_box .move_box ul.security .security_move {
            padding: 0px 53px 0px;
            position: absolute;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            transition: all 0.2s;
            top: 0; }
          .win-powerful ._main .change_box .move_box ul.security i {
            position: absolute;
            z-index: 100;
            cursor: pointer;
            transform: translateX(-50%) rotate(90deg);
            transform-origin: center center;
            transition: all 0.2s;
            bottom: 20px;
            left: 50%; }
            .win-powerful ._main .change_box .move_box ul.security i svg {
              width: 22px;
              height: 36px;
              fill: #e1e2eb; }
              .win-powerful ._main .change_box .move_box ul.security i svg:hover {
                fill: #0c5aff; }
            .win-powerful ._main .change_box .move_box ul.security i.on {
              transform: translateX(-50%) rotate(270deg); }
        .win-powerful ._main .change_box .move_box ul li {
          display: flex;
          align-items: center;
          margin-bottom: 93px; }
          .win-powerful ._main .change_box .move_box ul li img {
            width: auto;
            margin-right: 30px; }
          .win-powerful ._main .change_box .move_box ul li ._text h3 {
            font-size: 18px;
            font-weight: 600;
            color: #1E1C2C;
            margin-bottom: 20px; }
          .win-powerful ._main .change_box .move_box ul li ._text p {
            width: 421px;
            font-size: 13px;
            line-height: 21px;
            color: #8E8B9D; }
            .win-powerful ._main .change_box .move_box ul li ._text p a {
              text-decoration: underline;
              font-size: 13px;
              color: #2D69FF; }

@media (min-width: 769px) and (max-width: 1100px) {
  .wrapper {
    width: 100% !important;
    padding: 0 16px; }

  .vpn-windows .windows-content.section1 {
    flex-wrap: wrap;
    flex-direction: row-reverse; }
    .vpn-windows .windows-content.section1 .w-r {
      text-align: center;
      width: 100%; }
      .vpn-windows .windows-content.section1 .w-r img {
        margin: 0 auto 0;
        height: auto;
        width: 80%;
        position: static; }
      .vpn-windows .windows-content.section1 .w-r .line,
      .vpn-windows .windows-content.section1 .w-r .ellipse1,
      .vpn-windows .windows-content.section1 .w-r .ellipse2,
      .vpn-windows .windows-content.section1 .w-r .ellipse3 {
        display: none; }

  .vpn-windows .section2 {
    margin-top: 60px !important; }
    .vpn-windows .section2 .bg {
      flex-wrap: wrap;
      height: auto;
      gap: 110px; }

  .vpn-windows .section7 {
    width: 100%; }
    .vpn-windows .section7 .nav {
      flex-wrap: wrap; }
      .vpn-windows .section7 .nav li {
        width: 140px;
        margin-right: 0; }
    .vpn-windows .section7 ._cont li .left {
      width: 40%; }
    .vpn-windows .section7 ._cont li .right {
      right: -300px; }
    .vpn-windows .section7 ._cont li.ac .right {
      right: 0px;
      bottom: auto;
      top: -20px; }

  .vpn-windows .section3,
  .vpn-windows .section5,
  .vpn-windows .section4 {
    flex-wrap: wrap;
    justify-content: center; }
    .vpn-windows .section3 .s3-l,
    .vpn-windows .section5 .s3-l,
    .vpn-windows .section4 .s3-l {
      width: 100%; }
    .vpn-windows .section3 .s4-r,
    .vpn-windows .section5 .s4-r,
    .vpn-windows .section4 .s4-r {
      width: 100%; }

  .vpn-windows .section5,
  .vpn-windows .section4 {
    flex-direction: column-reverse;
    align-items: center; }

  .win-powerful ._main .change_box {
    width: 100%; }

  .win-powerful ._main .click_box li.on {
    font-size: 16px; }

  .win-powerful ._main .change_box .move_box ul {
    width: 100%; }
    .win-powerful ._main .change_box .move_box ul li {
      width: 100%; }

  .vpn-windows ._faqs {
    width: 100%; }
    .vpn-windows ._faqs dd {
      padding: 0 42px; }

  .vpn-windows .carousel-container .carousel-content {
    flex-direction: column; }
    .vpn-windows .carousel-container .carousel-content .mob-point {
      display: none; }

  .vpn-windows .c-l {
    width: 100%; }
    .vpn-windows .c-l h2 {
      max-width: none;
      width: 100%; }

  .vpn-windows .c-r {
    width: 100%; }
    .vpn-windows .c-r .swiper .swiper-slide .thumbnail {
      left: 0;
      top: -30px; }
    .vpn-windows .c-r .swiper-container {
      width: 100%; }

  .vpn-windows .home-down {
    padding-top: 310px;
    height: 772px;
    box-sizing: border-box; }

  .vpn-windows .page-content .wrapper ._down_text {
    top: -230px;
    left: 0;
    padding: 0 16px; } }
@media screen and (max-width: 768px) {
  .vpn-windows .button-link {
    display: flex !important;
    width: 14.6428571429rem !important;
    height: 3.2142857143rem;
    margin: 10px auto;
    padding: 0;
    border: 2px solid rgba(0, 84, 255, 0.27) !important;
    /* line-height: 50px; */
    justify-content: center;
    text-align: center; }
    .vpn-windows .button-link span.combe-text {
      left: 0;
      transform: none; }
    .vpn-windows .button-link img {
      display: none; }

  .button-combe.btn-primary:hover {
    background: linear-gradient(90deg, #1965fd 0%, #7700ff 100%) !important; }
    .button-combe.btn-primary:hover span.noIcon {
      transform: scale(1) translate(-50%, -50%) !important;
      left: 58% !important; }
    .button-combe.btn-primary:hover .combe-img {
      transform: none !important;
      top: 10px;
      opacity: 1;
      left: 35px; }

  .win-powerful {
    padding: 0 0px 4.2857142857rem;
    margin-top: 1.4285714286rem; }
    .win-powerful h2 {
      font-size: 1.6428571429rem;
      line-height: 2.0714285714rem;
      font-weight: 600;
      color: #1E1C2C;
      margin-bottom: 2.2857142857rem;
      text-align: center;
      padding: 0 8px; }
    .win-powerful .title_text {
      width: auto;
      font-size: 1rem;
      line-height: 1.5714285714rem;
      color: #8E8B9D;
      margin-bottom: 2.7857142857rem;
      padding: 0 8px; }
    .win-powerful ._main {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .win-powerful ._main .click_box {
        width: 17.0714285714rem;
        height: 2.5rem;
        background: #48FCC0;
        border-radius: 5px; }
        .win-powerful ._main .click_box li {
          width: auto;
          height: auto;
          display: none;
          background: none !important;
          line-height: 2.5rem !important;
          font-size: 1rem !important;
          font-weight: 600;
          margin: 0; }
          .win-powerful ._main .click_box li::before {
            display: none !important; }
          .win-powerful ._main .click_box li.on {
            display: block; }
      .win-powerful ._main .change_box {
        width: 95%;
        margin: 0 auto;
        padding: 3.5714285714rem 0rem 0rem;
        border: 3px solid #48FCC0;
        border-radius: 20px;
        overflow: hidden; }
        .win-powerful ._main .change_box .move_box {
          right: auto;
          left: 0; }
          .win-powerful ._main .change_box .move_box ul {
            height: auto;
            width: 33.33%;
            padding: 0 0.8571428571rem 0; }
            .win-powerful ._main .change_box .move_box ul li {
              width: 50%;
              flex-direction: column;
              align-items: flex-start;
              margin-bottom: 2.1428571429rem; }
              .win-powerful ._main .change_box .move_box ul li img {
                width: 4.2857142857rem;
                margin: 0;
                margin-bottom: 0.7142857143rem; }
              .win-powerful ._main .change_box .move_box ul li ._text h3 {
                font-size: 1rem;
                font-weight: 600;
                margin-bottom: 0.6428571429rem; }
              .win-powerful ._main .change_box .move_box ul li ._text p {
                width: 10.7142857143rem;
                font-size: 0.8571428571rem;
                line-height: 1.2857142857rem; }
            .win-powerful ._main .change_box .move_box ul.security .security_move {
              padding: 0 0.8571428571rem 0; }
              .win-powerful ._main .change_box .move_box ul.security .security_move .two {
                margin-top: 3.5714285714rem; }
      .win-powerful ._main .click_point {
        display: flex !important;
        justify-content: center;
        margin-bottom: 5.7142857143rem;
        margin-top: 1.7857142857rem; }
        .win-powerful ._main .click_point li {
          display: inline-block;
          width: 0.7142857143rem;
          height: 0.7142857143rem;
          background: #C3C2D5;
          border-radius: 50%;
          margin: 0 0.8571428571rem; }
          .win-powerful ._main .click_point li.on {
            background: #0DC185; }

  .vpn-windows .features {
    padding: 0 0.8rem;
    width: auto;
    margin-top: -60px; }
    .vpn-windows .features h2 {
      font: normal normal normal 30px/40px Lexend Deca;
      font-size: 30px; }
    .vpn-windows .features p {
      font-size: 14px;
      line-height: 21px; }
  .vpn-windows .button-combe.btn-primary .combe-img {
    display: block;
    top: 7px; }
  .vpn-windows .button-combe.btn-primary .noIcon {
    top: 14px;
    font-size: 12px;
    left: 35%; }
  .vpn-windows .section3 {
    margin-top: 60px !important; }
  .vpn-windows .w-l-b-btn {
    flex-wrap: wrap; }
    .vpn-windows .w-l-b-btn .button-combe {
      margin-right: 0; }
  .vpn-windows .section-lcy {
    padding-bottom: 45px; }
    .vpn-windows .section-lcy .s5-r {
      width: auto;
      left: 0; }
      .vpn-windows .section-lcy .s5-r img {
        width: 100%; }
    .vpn-windows .section-lcy .s3-l {
      margin-top: 0 !important; }
  .vpn-windows .section6 {
    margin-top: 40px;
    width: 100%;
    padding: 0 0.8rem;
    margin-bottom: 33px; }
    .vpn-windows .section6 li {
      width: 100%;
      padding: 33px;
      min-height: 350px;
      height: auto;
      overflow: hidden;
      width: 100% !important;
      flex: none; }
      .vpn-windows .section6 li h3 {
        font: normal normal normal 24px/28px Lexend Deca; }
      .vpn-windows .section6 li p {
        width: auto !important; }
      .vpn-windows .section6 li ._icon {
        width: 100px !important;
        right: 12px !important;
        bottom: 17px !important; }
      .vpn-windows .section6 li.step-3 ._icon {
        width: 55px;
        margin-left: 2rem; }
      .vpn-windows .section6 li.step-4 ._icon {
        width: 63px; }
      .vpn-windows .section6 li .step-5 {
        margin: auto; }
  .vpn-windows .section5 {
    height: auto !important;
    margin-top: 50px !important;
    padding-bottom: 40px; }
    .vpn-windows .section5 .title {
      width: 100%; }
    .vpn-windows .section5 .s5-box {
      align-items: flex-start; }
      .vpn-windows .section5 .s5-box div {
        width: 49%; }
  .vpn-windows .section7 {
    width: auto;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 0 0.8rem; }
    .vpn-windows .section7 h2 {
      font: normal normal normal 23px/35px Lexend Deca; }
    .vpn-windows .section7 .nav-swiper-container {
      margin: 45px 0 33px;
      position: relative;
      padding: 0 2rem;
      width: 100%; }
      .vpn-windows .section7 .nav-swiper-container .swiper-slide {
        justify-content: space-between; }
        .vpn-windows .section7 .nav-swiper-container .swiper-slide ul {
          width: 100% !important;
          display: flex;
          align-items: center; }
          .vpn-windows .section7 .nav-swiper-container .swiper-slide ul li {
            display: flex;
            align-items: center;
            margin-right: 2rem;
            font: normal normal normal 13px/26px Lexend Deca; }
            .vpn-windows .section7 .nav-swiper-container .swiper-slide ul li.ac {
              color: #2d69ff; }
            .vpn-windows .section7 .nav-swiper-container .swiper-slide ul li svg {
              margin-right: 6px; }
      .vpn-windows .section7 .nav-swiper-container .nav-swiper-pagination {
        bottom: -25px !important; }
      .vpn-windows .section7 .nav-swiper-container .swiper-pagination-bullet-active {
        background: #2d69ff; }
    .vpn-windows .section7 ._cont {
      margin-top: 125px; }
      .vpn-windows .section7 ._cont li.ac {
        flex-wrap: wrap; }
        .vpn-windows .section7 ._cont li.ac .left {
          width: 250px;
          position: absolute;
          top: -115px;
          left: 50%;
          margin-left: -125px; }
        .vpn-windows .section7 ._cont li.ac .right {
          position: relative;
          right: 0;
          bottom: 0; }
      .vpn-windows .section7 ._cont li .right {
        position: relative;
        padding: 80px 20px;
        right: 0;
        color: #8e8b9d;
        font-size: 12px;
        /* background: transparent; */
        background: #eff4ff 0% 0% no-repeat padding-box;
        border-radius: 12px; }
  .vpn-windows ._faqs {
    width: auto;
    padding: 0 0.8rem;
    margin-top: 50px;
    margin-bottom: 50px; }
    .vpn-windows ._faqs h2 {
      font: normal normal normal 32px/40px Lexend Deca;
      text-align: left;
      margin-bottom: 25px; }
    .vpn-windows ._faqs li {
      padding: 15px 0;
      margin-bottom: 0; }
      .vpn-windows ._faqs li h3 {
        font: normal normal normal 14px/21px Lexend Deca;
        margin-bottom: 4px;
        padding-right: 2rem; }
      .vpn-windows ._faqs li ._tis {
        width: 22px;
        height: 22px;
        top: 0; }
      .vpn-windows ._faqs li p {
        font-size: 12px; }
      .vpn-windows ._faqs li.ac {
        padding-bottom: 15px; }
  .vpn-windows .down-btn.w-l-b-btn {
    margin-top: 0; } }

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