@charset "UTF-8";
@media screen and (max-width: 320px) {
  /*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
  html {
    font-size: 12px; } }
@media (min-width: 321px) and (max-width: 375px) {
  /*360px显示屏样式 索尼Z1*/
  html {
    font-size: 14px; } }
@media (min-width: 376px) and (max-width: 414px) {
  /*414px显示屏样式 苹果6plus*/
  html {
    font-size: 15.5px; } }
.transformY-0 {
  opacity: 0;
  animation: transformY 0s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

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

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

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

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

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

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

@keyframes transformY {
  from {
    opacity: 0;
    transform: translateY(50px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }
.float_right_normal.on,
.float_right_normal_bg.on {
  display: none !important; }

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

.prod {
  color: #050014;
  background: #FFF;
  --family: "Spartan", Arial, "Microsoft Yahei", sans-serif; }
  .prod img {
    width: auto;
    max-width: none; }
  .prod .header-nav.header-product .nav-left .nav-menu .nav-list .fb2 {
    color: #FFF; }
  .prod ._link {
    color: #0054FF; }
    .prod ._link:hover {
      opacity: 1;
      color: #3477ff;
      text-decoration: underline; }
  .prod .page_wrapper {
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto; }
  .prod .page_title {
    padding: 98px 180px 32px;
    position: relative;
    text-align: center;
    font: 700 42px/1.5 var(--family);
    color: #00FFF6; }
    .prod .page_title b {
      font: inherit;
      color: inherit;
      display: block; }
  .prod .title-white {
    color: #FFF; }
  .prod .title_gradient {
    padding: 0;
    font: normal normal 600 42px/1.5 var(--family);
    background-image: linear-gradient(95deg, #DC14CD 0%, #17F4F5 100%);
    -webkit-background-clip: text;
    color: transparent; }
  .prod .title-purple {
    color: #DC14CD; }
  .prod .page_subtitle {
    position: relative;
    text-align: left;
    font: 700 34px/1.5 var(--family);
    color: #00FFF6; }
  .prod .suntitle-purple {
    color: #DC14CD; }
  .prod .page_desc {
    position: relative;
    text-align: center;
    font: 500 20px/1.5 var(--family);
    letter-spacing: 0.6px;
    color: rgba(255, 255, 255, 0.64); }
  .prod .page_text {
    padding: 34px 0 40px;
    position: relative;
    font: 500 16px/2 var(--family);
    color: rgba(255, 255, 255, 0.68); }
  .prod .prod_support {
    font: 400 12px/1.5 var(--family);
    color: #FFF;
    text-align: center;
    width: 100%; }

.prod .page_banner {
  padding-top: 170px;
  height: 860px;
  background: #2E0024 url(../images/product/vpn-voicy/banner_bg.jpg) center top/cover no-repeat; }
  .prod .page_banner .banner_left {
    max-width: 792px;
    text-align: left; }
  .prod .page_banner .prod_name {
    position: relative;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 66px;
    border: 1px solid #941052;
    border-radius: 9999px;
    background: transparent linear-gradient(90deg, rgba(153, 22, 173, 0.55) 0%, rgba(41, 8, 43, 0) 100%) 0% 0% no-repeat padding-box; }
    .prod .page_banner .prod_name b {
      display: block;
      font: normal normal 700 38px/1 var(--family);
      background-image: linear-gradient(90deg, #00FFF6 0%, #1984FF 100%);
      -webkit-background-clip: text;
      color: transparent;
      text-align: center; }
  .prod .page_banner .banner_title {
    padding: 32px 0 48px;
    font: 700 30px/1.5 var(--family);
    color: #FFF; }
  .prod .page_banner .prod_fea {
    padding-bottom: 50px; }
    .prod .page_banner .prod_fea li {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 16px;
      padding: 6px 0;
      font: 500 20px/1.5 var(--family);
      color: #A7A4B5; }
      .prod .page_banner .prod_fea li::before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #640375 url(../images/product/check_icon.svg) center center no-repeat; }
.prod .page_platform {
  padding-bottom: 70px;
  background: transparent linear-gradient(0deg, #1B153A 0%, #380A7B 100%) 0% 0% no-repeat padding-box;
  text-align: center; }
  .prod .page_platform .platform_sort {
    margin-top: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 52px;
    gap: 30px;
    min-width: 60%;
    max-width: 100%;
    background: #261153;
    border-radius: 9999px; }
  .prod .page_platform .sort_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px; }
  .prod .page_platform .sort_text {
    font: 500 14px/1.5 var(--family);
    color: #B2A4D2; }
  .prod .page_platform .platform {
    margin: 80px auto 64px;
    position: relative;
    padding: 0 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap; }
    .prod .page_platform .platform.showup .platform_box {
      --platformW: 1881px; }
      .prod .page_platform .platform.showup .platform_box.autoScroll {
        animation: platform_scroll 24s linear infinite;
        transition: 0.3s ease; }
@keyframes platform_scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(-1 * var(--platformW))); } }
  .prod .page_platform .platform_box {
    width: 200%;
    display: flex;
    gap: 36px; }
  .prod .page_platform .platform_slide {
    position: relative;
    align-items: stretch;
    gap: 36px;
    width: 100%;
    display: grid;
    justify-content: left;
    grid-template-columns: repeat(11, 1fr); }
    .prod .page_platform .platform_slide .slide_item {
      position: relative;
      width: 136px;
      height: 136px;
      background: #1E1540;
      border: 1px solid #5C3DB5;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .prod .page_platform .platform_slide .slide_item > img {
        display: inline-block;
        vertical-align: top; }
.prod .page_feature {
  background: #050014; }
  .prod .page_feature .page_desc {
    padding-bottom: 120px; }
  .prod .page_feature .fea_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
    padding-bottom: 220px; }
  .prod .page_feature .fea_content {
    position: relative;
    max-width: 42.12%;
    text-align: left; }
  .prod .page_feature .fea_pic {
    text-align: left; }
    .prod .page_feature .fea_pic > img {
      display: inline-block;
      vertical-align: top; }
.prod .page_more {
  padding-bottom: 60px;
  background: transparent linear-gradient(0deg, #1B153A 0%, #380A7B 100%) 0% 0% no-repeat padding-box; }
  .prod .page_more .page_title,
  .prod .page_more .page_desc {
    margin: 0 auto;
    max-width: 80%; }
  .prod .page_more .more_box {
    padding: 56px 0; }
  .prod .page_more .more_list {
    margin-bottom: 20px;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: stretch; }
  .prod .page_more .more_one .more_item {
    height: 335px; }
    .prod .page_more .more_one .more_item:first-child .more_pic {
      position: relative;
      bottom: 0;
      width: auto;
      height: auto;
      min-height: 0;
      min-width: 0;
      max-width: none;
      max-height: none;
      margin: 0 auto;
      object-fit: none; }
  .prod .page_more .more_two {
    grid-template-columns: 23.6% 23.6% 1fr; }
    .prod .page_more .more_two .more_item {
      border-radius: 0;
      height: 300px; }
      .prod .page_more .more_two .more_item:last-child {
        border-radius: 9px; }
  .prod .page_more .more_three {
    grid-template-columns: 27.2% 27.2% 1fr; }
    .prod .page_more .more_three .more_item {
      border-radius: 0;
      height: 300px; }
      .prod .page_more .more_three .more_item:last-child {
        border-radius: 9px; }
        .prod .page_more .more_three .more_item:last-child .more_name {
          padding-top: 110px; }
          .prod .page_more .more_three .more_item:last-child .more_name b {
            margin-bottom: -10px; }
    .prod .page_more .more_three .more_name {
      padding-top: 78px; }
    .prod .page_more .more_three .secure_name {
      padding-top: 5px; }
  .prod .page_more .more_item {
    position: relative;
    padding: 26px;
    background: #000;
    border-radius: 9px;
    border: 1px solid #5C3DB5;
    cursor: pointer; }
    .prod .page_more .more_item:hover .more_pic {
      opacity: 0.5;
      transition: opacity .5s ease-in-out; }
    .prod .page_more .more_item:hover .more_name {
      transition: opacity .5s ease-in-out; }
    .prod .page_more .more_item:hover .more_card {
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background: #0000002c;
      opacity: 1;
      z-index: 1;
      visibility: visible;
      transition: opacity .5s ease-in-out; }
  .prod .page_more .more_name,
  .prod .page_more .more_card {
    position: relative;
    z-index: 1;
    transition: opacity .5s ease-in-out; }
  .prod .page_more .more_name {
    text-align: center;
    font: 700 22px/1.5 var(--family);
    color: #FFF;
    width: 100%; }
    .prod .page_more .more_name b {
      display: block;
      font: inherit;
      font-size: 36px;
      color: inherit; }
  .prod .page_more .secure_name {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 105px;
    padding: 0 20px;
    height: 36px;
    background: transparent linear-gradient(90deg, #00D1FF 0%, rgba(2, 184, 227, 0.26) 100%) 0% 0% no-repeat padding-box;
    border-radius: 9999px;
    font: 700 22px/1.5 var(--family);
    color: #050014;
    text-shadow: 0px 1px 4px #56D6FE; }
  .prod .page_more .more_card {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2% 10%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    font: 600 20px/1.5 var(--family);
    color: #ABABAB; }
  .prod .page_more .more_pic {
    transition: opacity .5s ease-in-out;
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 7px; }
.prod .page_use {
  background: #050014;
  padding-bottom: 90px; }
  .prod .page_use .page_title,
  .prod .page_use .page_desc {
    margin: 0 auto;
    max-width: 80%; }
  .prod .page_use .use_box {
    margin: 85px auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 28px; }
  .prod .page_use .use_item {
    position: relative;
    width: 12%;
    height: 480px;
    border-radius: 10px;
    background: #050014;
    cursor: pointer;
    transition: width 0.3s; }
    .prod .page_use .use_item.use_on {
      width: 46%;
      border: 2px solid #6700FF; }
      .prod .page_use .use_item.use_on::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 100%;
        height: 48%;
        z-index: 1;
        background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%) 0% 0% no-repeat padding-box;
        border-radius: 0 0 8px 8px; }
      .prod .page_use .use_item.use_on .use_card {
        padding: 2% 6%;
        text-align: center;
        align-items: center; }
      .prod .page_use .use_item.use_on .use_name {
        font-size: 24px; }
      .prod .page_use .use_item.use_on .use_content {
        grid-template-rows: 1fr; }
  .prod .page_use .use_game.use_on .use_card::before, .prod .page_use .use_game.use_on .use_card::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: all 0.3s 0.2s; }
  .prod .page_use .use_game .use_card::before, .prod .page_use .use_game .use_card::after {
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.1);
    transition: all 0.3s 0.2s; }
  .prod .page_use .use_game .use_card::before {
    top: -120px;
    left: -20px;
    width: 281px;
    height: 269px;
    background: url(../images/product/vpn-voicy/use_pic1.png) center center no-repeat; }
  .prod .page_use .use_game .use_card::after {
    bottom: 18%;
    right: -40px;
    width: 253px;
    height: 254px;
    background: url(../images/product/vpn-voicy/use_pic2.png) center center no-repeat; }
  .prod .page_use .use_pic {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 8px; }
  .prod .page_use .use_card {
    position: relative;
    z-index: 2;
    padding: 10% 2%;
    text-align: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    gap: 8px; }
  .prod .page_use .use_name {
    font: 600 22px/1.5 var(--family);
    color: #FFF; }
  .prod .page_use .use_content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s 0.2s;
    font: 500 16px/1.5 var(--family);
    color: #FFF; }
    .prod .page_use .use_content p {
      font: inherit;
      color: inherit; }
  .prod .page_use .use_inner {
    padding: 0;
    margin: 0;
    grid-row: 1 / span 2;
    overflow: hidden; }
.prod .page_review {
  --height: 240px;
  position: relative;
  padding: 140px 0 100px 14.48%;
  border-top: 1px solid #1f1b30;
  background: #050014 url(../images/product/vpn-voicy/review_bg.png) left top no-repeat;
  display: flex;
  align-items: stretch;
  justify-content: flex-end; }
  .prod .page_review .review_left {
    max-width: 484px;
    text-align: left; }
  .prod .page_review .page_title {
    padding: 0;
    font: 600 34px/1.5 var(--family);
    color: #FFF;
    text-align: left; }
  .prod .page_review .page_desc {
    padding: 52px 0;
    font: 400 24px/1.5 var(--family);
    color: #FFF;
    text-align: left; }
    .prod .page_review .page_desc span {
      display: block;
      font: inherit;
      color: inherit; }
  .prod .page_review .review_bottom {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px; }
  .prod .page_review .review_btn {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    color: #8B3DFF;
    border-radius: 50%;
    background: #522D5A; }
    .prod .page_review .review_btn.swiper-button-disabled {
      opacity: 0.5; }
    .prod .page_review .review_btn:hover {
      background: #F2E9FF; }
    .prod .page_review .review_btn::after {
      font-size: 32px; }
  .prod .page_review .review_box {
    flex: 1 1 0;
    transform: translateX(34px); }
  .prod .page_review .swiper-slide {
    height: auto !important; }
  .prod .page_review .review_item {
    padding: 48px 18px;
    padding-right: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    width: calc(100% - 20px);
    height: 100%;
    margin: 0 auto;
    gap: 20px;
    background: transparent linear-gradient(138deg, #340C72 0%, #0C0717 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #5C3DB5;
    border-radius: 9px; }
  .prod .page_review .review_sub {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    min-height: 56px;
    font: 600 20px/1.5 var(--family);
    color: #FFF; }
  .prod .page_review .review_desc,
  .prod .page_review .info_name,
  .prod .page_review .info_title {
    color: #FFF;
    font: 300 16px/1.8 var(--family); }
  .prod .page_review .review_desc {
    min-height: var(--height); }
  .prod .page_review .review_info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px; }
  .prod .page_review .review_pic {
    width: 85px;
    flex-shrink: 0;
    text-align: center; }
    .prod .page_review .review_pic > img {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      max-width: 100%; }
  .prod .page_review .info_content {
    flex: 1 1 0; }
  .prod .page_review .info_name,
  .prod .page_review .info_title {
    font-weight: 500; }
.prod .page_faqs {
  padding-bottom: 70px;
  background: #050014 url(../images/product/vpn-voicy/faq_bg.png) right bottom no-repeat; }
  .prod .page_faqs .faq_box {
    margin: 0 auto;
    width: 76%; }
  .prod .page_faqs .faq_item {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    padding: 0 20px;
    background: #171024;
    border: 1px solid #2F283A;
    border-radius: 8px;
    cursor: pointer; }
  .prod .page_faqs .question_wrap {
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%; }
  .prod .page_faqs .question_text,
  .prod .page_faqs .answer_text {
    font: 600 18px/1.5 var(--family);
    color: #FCFCFC; }
  .prod .page_faqs .question_icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 17px;
    height: 17px; }
    .prod .page_faqs .question_icon::before, .prod .page_faqs .question_icon::after {
      content: '';
      display: block;
      background: #FFF;
      width: 100%;
      height: 2px; }
    .prod .page_faqs .question_icon::after {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      transition: all 0.3s; }
  .prod .page_faqs .faq_on {
    padding-top: 24px;
    padding-bottom: 24px;
    gap: 10px;
    background: #171024 url(../images/product/vpn-voicy/answer_bg.png) center center/cover no-repeat; }
    .prod .page_faqs .faq_on .question_wrap {
      padding: 0; }
    .prod .page_faqs .faq_on .question_icon::after {
      transform: rotate(90deg);
      transition: all 0.3s; }
    .prod .page_faqs .faq_on .answer_wrap {
      grid-template-rows: 1fr; }
  .prod .page_faqs .answer_text {
    font-size: 16px;
    font-weight: 300; }
  .prod .page_faqs .answer_wrap {
    width: calc(100% - 34px);
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s; }
  .prod .page_faqs .answer_inner {
    padding: 0;
    margin: 0;
    grid-row: 1 / span 2;
    overflow: hidden; }
.prod .page_download {
  padding: 114px 0;
  background: #050014 url(../images/product/vpn-voicy/bottom_bg.jpg) right bottom no-repeat; }
  .prod .page_download .page_title {
    padding-top: 0; }
  .prod .page_download .page_desc {
    margin: 32px auto 50px;
    max-width: 50%;
    font: 300 18px/2 var(--family);
    letter-spacing: 0px;
    color: #FFF; }

@media (min-width: 769px) and (max-width: 1302px) {
  .prod .page_wrapper {
    width: calc(100% - 32px);
    max-width: none; }

  .prod .page_feature .fea_box {
    flex-direction: column; }
  .prod .page_feature .fea_content {
    max-width: 100%; }
  .prod .page_feature .fea_pic {
    text-align: center; }
  .prod .page_more .page_title,
  .prod .page_more .page_desc {
    max-width: 100%; }
  .prod .page_more .more_name {
    font-size: 16px; }
    .prod .page_more .more_name b {
      font-size: 24px; }
  .prod .page_more .secure_name,
  .prod .page_more .more_card {
    font-size: 16px; }
  .prod .page_use .page_title,
  .prod .page_use .page_desc {
    max-width: 100%; }
  .prod .page_use .use_game.use_on .use_card::before, .prod .page_use .use_game.use_on .use_card::after {
    display: none;
    transform: scale(0.6); }
  .prod .page_use .use_game .use_card::before, .prod .page_use .use_game .use_card::after {
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.1);
    transition: all 0.3s 0.2s; }
  .prod .page_use .use_game .use_card::before {
    top: -120px;
    left: -20px;
    width: 281px;
    height: 269px;
    background: url(../images/product/vpn-voicy/use_pic1.png) center center no-repeat; }
  .prod .page_use .use_game .use_card::after {
    bottom: 18%;
    right: -40px;
    width: 253px;
    height: 254px;
    background: url(../images/product/vpn-voicy/use_pic2.png) center center no-repeat; }
  .prod .page_use .use_name {
    font-size: 18px; }
  .prod .page_use .use_content {
    font-size: 14px; }
  .prod .page_review {
    padding-left: 32px; }
    .prod .page_review .review_left {
      max-width: 28%; }
    .prod .page_review .review_pic {
      flex-shrink: initial; } }
@media (max-width: 768px) {
  .prod img {
    width: 100%;
    max-width: 100%; }
  .prod .page_wrapper {
    width: calc(100% - 32px);
    max-width: none; }
  .prod .page_title {
    padding: 3.5714285714rem 0 2.1428571429rem;
    font-size: 1.5714285714rem; }
    .prod .page_title b {
      display: inline-block; }
  .prod .title_gradient {
    font-size: 1.5714285714rem; }
  .prod .page_subtitle {
    font-size: 1.1428571429rem;
    text-align: center; }
  .prod .page_desc {
    font-size: 1rem; }
  .prod .page_text {
    font-size: 1rem; }
  .prod .prod_support {
    font-size: 0.8571428571rem; }

  .prod .page_banner {
    padding: 6.4285714286rem 0 4.2857142857rem;
    height: auto;
    background: #2E0024 url(../images/product/vpn-voicy/banner_bg_mob.webp) center top/cover no-repeat; }
    .prod .page_banner .banner_left {
      padding-left: 0;
      max-width: 100%;
      text-align: center; }
    .prod .page_banner .prod_name {
      height: 3rem; }
      .prod .page_banner .prod_name b {
        font-size: 1.8571428571rem; }
    .prod .page_banner .banner_title {
      padding: 32px 0 1.5714285714rem;
      font-size: 1.5714285714rem; }
    .prod .page_banner .prod_fea {
      display: inline-flex;
      justify-content: center;
      flex-direction: column;
      text-align: left; }
      .prod .page_banner .prod_fea li {
        gap: 6px;
        font-size: 1rem; }
  .prod .page_platform {
    padding-bottom: 50px; }
    .prod .page_platform .platform_sort {
      margin-top: 20px;
      height: auto;
      padding: 18px;
      gap: 1.8571428571rem;
      min-width: 100%;
      display: grid;
      justify-content: left;
      grid-template-columns: repeat(3, 1fr); }
    .prod .page_platform .sort_item {
      flex-direction: column; }
    .prod .page_platform .sort_text {
      font-size: 0.8571428571rem; }
    .prod .page_platform .platform {
      margin: 30px auto 16px; }
    .prod .page_platform .platform_box {
      --heightBefore: 200px;
      --heightAfter: 700px;
      width: 100%;
      display: flex;
      gap: 0px;
      overflow: hidden;
      max-height: var(--heightBefore);
      transition: max-height 0.3s; }
      .prod .page_platform .platform_box.more_on {
        max-height: var(--heightAfter);
        transition: max-height 0.3s; }
    .prod .page_platform .platform_slide {
      gap: 6px;
      grid-template-columns: repeat(6, 1fr); }
      .prod .page_platform .platform_slide .slide_item {
        width: 54px;
        height: 54px;
        border-radius: 5px; }
        .prod .page_platform .platform_slide .slide_item > img {
          width: 60%;
          max-width: none; }
    .prod .page_platform .platform_more {
      margin-top: 24px;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 6px;
      font: 700 16px/1.5 var(--family);
      color: #FFF;
      cursor: pointer; }
      .prod .page_platform .platform_more.more_on::after {
        transition: 0.3s ease;
        transform: rotate(180deg); }
      .prod .page_platform .platform_more::after {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 22px;
        height: 13px;
        background: url(../images/product/arrow_down.svg) center center/cover no-repeat;
        transition: 0.3s ease; }
  .prod .page_feature .page_desc {
    padding-bottom: 70px; }
  .prod .page_feature .fea_box {
    flex-direction: column;
    gap: 30px;
    padding-bottom: 80px; }
  .prod .page_feature .fea_content {
    order: 2;
    max-width: 100%;
    text-align: center; }
  .prod .page_feature .fea_pic {
    order: 1;
    text-align: center; }
  .prod .prod_button {
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #7A007B;
    color: #BFA6F2; }
    .prod .prod_button.swiper-button-disabled {
      opacity: 1;
      background: #3F00B7;
      color: #271056; }
    .prod .prod_button::after {
      font-size: 28px; }
  .prod .page_more .page_title,
  .prod .page_more .page_desc {
    max-width: 100%; }
  .prod .page_more .more_box {
    display: none; }
  .prod .page_more .more_wrap {
    margin-top: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 16px; }
  .prod .page_more .more_swiper {
    margin: 34px auto 40px;
    display: block !important; }
  .prod .page_more .swiper-slide {
    height: auto !important; }
  .prod .page_more .more_item {
    padding: 16px;
    border-radius: 0px;
    width: calc(100% - 16px);
    height: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 12px; }
    .prod .page_more .more_item:hover .more_card {
      -webkit-backdrop-filter: initial;
      backdrop-filter: initial;
      background: none; }
  .prod .page_more .more_img {
    position: relative;
    order: 2;
    margin: 0 auto;
    width: 80%;
    height: 8.5714285714rem; }
    .prod .page_more .more_img > img {
      position: absolute;
      inset: 0px;
      box-sizing: border-box;
      padding: 0px;
      border: none;
      margin: auto;
      display: block;
      width: 0px;
      height: 0px;
      min-width: 100%;
      max-width: 100%;
      min-height: 100%;
      max-height: 100%;
      object-fit: cover; }
  .prod .page_more .more_name {
    order: 1;
    font-size: 1rem; }
    .prod .page_more .more_name b {
      display: inline-block;
      font-size: 1rem; }
  .prod .page_more .secure_name {
    margin-top: 0px;
    font-size: 1rem;
    text-shadow: 0px 1px 4px #56D6FE; }
  .prod .page_more .more_card {
    padding-top: 20px;
    order: 3;
    position: relative;
    width: auto;
    height: auto;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    font-size: 0.8571428571rem;
    color: #D8D4DF; }
  .prod .page_more .more_pic {
    transition: opacity .5s ease-in-out;
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 7px; }
  .prod .page_use .page_title,
  .prod .page_use .page_desc {
    max-width: 100%; }
  .prod .page_use .use_box {
    display: none !important; }
  .prod .page_use .use_wrap {
    margin-top: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 16px; }
  .prod .page_use .use_swiper {
    margin: 34px auto 40px;
    display: block !important; }
  .prod .page_use .swiper-slide {
    height: auto !important; }
  .prod .page_use .use_item {
    margin: 0 auto;
    width: 84%;
    height: 100%;
    height: auto;
    border-radius: 0;
    background: none; }
    .prod .page_use .use_item p {
      font: 300 12px/1.5 var(--family);
      color: #FFF; }
  .prod .page_use .use_game.use_on .use_card::before, .prod .page_use .use_game.use_on .use_card::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: all 0.3s 0.2s; }
  .prod .page_use .use_game .use_card::before, .prod .page_use .use_game .use_card::after {
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.1);
    transition: all 0.3s 0.2s; }
  .prod .page_use .use_game .use_card::before {
    top: -120px;
    left: -20px;
    width: 281px;
    height: 269px;
    background: url(../images/product/vpn-voicy/use_pic1.png) center center no-repeat; }
  .prod .page_use .use_game .use_card::after {
    bottom: 18%;
    right: -40px;
    width: 253px;
    height: 254px;
    background: url(../images/product/vpn-voicy/use_pic2.png) center center no-repeat; }
  .prod .page_use .use_img {
    position: relative;
    background: #050014;
    border: 2px solid #6700FF;
    border-radius: 8px;
    margin: 0 auto;
    width: 100%;
    height: 13.4285714286rem; }
    .prod .page_use .use_img > img {
      position: absolute;
      inset: 0px;
      box-sizing: border-box;
      padding: 0px;
      border: none;
      margin: auto;
      display: block;
      width: 0px;
      height: 0px;
      min-width: 100%;
      max-width: 100%;
      min-height: 100%;
      max-height: 100%;
      object-fit: cover;
      border-radius: inherit; }
  .prod .page_use .use_name {
    padding: 30px 0 20px;
    font-size: 1rem; }
  .prod .page_review {
    padding: 100px 16px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; }
    .prod .page_review .review_left {
      max-width: 100%;
      text-align: center; }
    .prod .page_review .page_title {
      color: #00FFF6;
      font-size: 1.5714285714rem;
      text-align: center; }
    .prod .page_review .page_desc {
      font-size: 1.5714285714rem;
      padding: 30px 0 40px;
      text-align: center; }
    .prod .page_review .review_bottom {
      margin-bottom: 40px;
      justify-content: center; }
    .prod .page_review .review_btn {
      border-radius: 50%;
      color: #BFA6F2;
      background: #7A007B; }
      .prod .page_review .review_btn.swiper-button-disabled {
        opacity: 1;
        color: #271056;
        background: #3F00B7; }
      .prod .page_review .review_btn:hover {
        background: #7A007B; }
    .prod .page_review .review_box {
      flex: none;
      transform: translateX(0px);
      width: 100%; }
    .prod .page_review .review_item {
      padding: 30px 18px;
      height: calc(100% - 2px); }
    .prod .page_review .review_sub {
      font-size: 1rem; }
    .prod .page_review .review_desc,
    .prod .page_review .info_name,
    .prod .page_review .info_title {
      font-size: 0.8571428571rem; }
    .prod .page_review .review_desc {
      min-height: 0; }
  .prod .page_faqs .faq_box {
    margin: 0 auto;
    width: 86%; }
  .prod .page_faqs .question_text,
  .prod .page_faqs .answer_text {
    font-size: 1rem; }
  .prod .page_faqs .answer_text {
    font-size: 0.8571428571rem; }
  .prod .page_download {
    padding: 50px 0;
    background: #0F002F url(../images/product/vpn-voicy/bottom_bg_mob.webp) center top/cover no-repeat; }
    .prod .page_download .page_desc {
      margin: 0px auto 50px;
      max-width: 100%;
      font-size: 1rem; } }

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