@charset "UTF-8";
@media screen and (max-width: 320px) {
  /*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
  html {
    font-size: 12px !important; } }
@media (min-width: 321px) and (max-width: 375px) {
  /*360px显示屏样式 索尼Z1*/
  html {
    font-size: 14px !important; } }
@media (min-width: 376px) and (max-width: 414px) {
  /*414px显示屏样式 苹果6plus*/
  html {
    font-size: 15.5px !important; } }
@media (min-width: 415px) and (max-width: 768px) {
  /*414px之上的*/
  html {
    font-size: 18px !important; } }
.site_page .page-banner {
  position: relative; }
  .site_page .page-banner::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    opacity: 0.24;
    background: transparent linear-gradient(106deg, #CFAAFF 0%, #E8FAFF 61%, #B2FFF4 100%) 0% 0% no-repeat padding-box; }
  .site_page .page-banner .wrapper {
    position: relative;
    z-index: 1;
    padding-top: 164px;
    gap: 80px; }
  .site_page .page-banner .wban-txt,
  .site_page .page-banner .wban-img {
    width: 500px; }
  .site_page .page-banner .wban-txt {
    width: 580px; }
    .site_page .page-banner .wban-txt .fh1 {
      font-size: 36px; }
    .site_page .page-banner .wban-txt .sub-title {
      margin: 24px auto 18px; }
    .site_page .page-banner .wban-txt .txt_circle {
      margin: 0px 0 60px; }
  .site_page .page-banner .wban-img {
    min-width: 0;
    height: auto; }
    .site_page .page-banner .wban-img .computer-pic {
      position: relative;
      left: 0%;
      top: 0%;
      transform: translate(0%, 0%);
      width: auto;
      height: auto;
      max-width: none; }
.site_page .down-mouse {
  position: relative; }
  .site_page .down-mouse:after {
    content: '';
    display: block;
    position: absolute;
    width: 49px;
    height: 81px;
    background: url(../images/vpn-for-common/down.png) no-repeat center/cover;
    left: 49%;
    transform: translateX(-50%);
    top: -40px; }

.stream_vpn p.desc {
  line-height: 1.5; }
.stream_vpn .page-bg {
  background: transparent linear-gradient(169deg, #F4F8FF 0%, #FFFFFF 41%, #F7F4FF 100%) 0% 0% no-repeat padding-box; }
.stream_vpn .page-banner::before {
  background: transparent linear-gradient(169deg, #A871FF 0%, #FFF 100%) 0% 0% no-repeat padding-box;
  opacity: 0.3; }
.stream_vpn .page-banner .wrapper {
  gap: 36px; }
  .stream_vpn .page-banner .wrapper.ban_ul {
    padding: 80px 0 0; }
.stream_vpn .page-banner .wban-txt {
  width: 550px; }
  .stream_vpn .page-banner .wban-txt .sub-title {
    margin: 13px auto; }
  .stream_vpn .page-banner .wban-txt .pc-btn {
    margin-top: 13px; }
  .stream_vpn .page-banner .wban-txt ul {
    margin: 0 !important; }
    .stream_vpn .page-banner .wban-txt ul li {
      font-weight: 500; }
.stream_vpn .page-banner .wban-img {
  width: 636px;
  height: 440px; }
  .stream_vpn .page-banner .wban-img .computer-pic {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 837px;
    height: auto;
    transform: translate(-50%, -50%); }
.stream_vpn .page-banner .equipment .icon-box .arrow-icon {
  fill: #B2A4E1 !important; }
.stream_vpn .page-banner .equipment .icon-box a:hover .arrow-icon {
  fill: #8869ed !important; }
.stream_vpn .feature-small {
  padding: 100px 0 170px; }
  .stream_vpn .feature-small .desc {
    padding-bottom: 86px; }
  .stream_vpn .feature-small .feature-txt .txt-name {
    padding: 0;
    color: #1E1C2C;
    font-size: 24px;
    font-weight: 600; }
  .stream_vpn .feature-small .feature-txt .txt-desc {
    padding: 12px 0 26px;
    color: #7E7E7E;
    font-size: 14px; }
.stream_vpn .page-access {
  padding: 86px 0 0px; }
  .stream_vpn .page-access .access_cont {
    padding: 70px 0;
    display: grid;
    place-content: center;
    grid-template-columns: repeat(3, minmax(30%, 1fr));
    gap: 30px 40px; }
  .stream_vpn .page-access .access_item {
    position: relative;
    padding: 0px 20px 60px;
    margin-bottom: 18px;
    display: grid;
    gap: 12px;
    grid-row: span 3;
    grid-template-rows: subgrid;
    background: #FFF;
    border: 1px solid #D5E3FF;
    border-radius: 16px;
    text-align: center; }
    .stream_vpn .page-access .access_item a {
      color: #2C4CD3;
      text-decoration: underline;
      font: inherit; }
      .stream_vpn .page-access .access_item a:hover {
        opacity: 0.8; }
  .stream_vpn .page-access .access_pic {
    position: relative;
    width: 100%;
    height: 86px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 12px;
    margin: 0; }
    .stream_vpn .page-access .access_pic::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      width: calc(100% - 20px);
      height: 1px;
      background: #E0E0E0; }
    .stream_vpn .page-access .access_pic img {
      position: relative;
      z-index: 1;
      width: auto;
      max-width: none;
      height: auto; }
  .stream_vpn .page-access .access_name {
    font: 600 20px/1.5 var(--familyLexend);
    color: #1E1C2C; }
  .stream_vpn .page-access .access_desc {
    font: 400 14px/1.8 var(--familyLexend);
    color: #7E7E7E; }
.stream_vpn .page-unlock {
  padding: 100px 0 0; }
  .stream_vpn .page-unlock .pc-btn {
    padding-bottom: 100px; }
  .stream_vpn .page-unlock .unlock_note {
    padding-bottom: 70px;
    text-align: center;
    font: 400 20px/1.5 var(--familyLexend);
    color: #111115; }
.stream_vpn .page_list {
  padding: 70px 0;
  display: grid;
  place-content: center;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  gap: 50px; }
  .stream_vpn .page_list .list_item {
    position: relative;
    padding: 0px;
    margin-bottom: 0px;
    display: grid;
    gap: 18px;
    grid-row: span 2;
    grid-template-rows: subgrid;
    text-align: center; }
    .stream_vpn .page_list .list_item a {
      color: #2C4CD3;
      text-decoration: underline;
      font: inherit; }
      .stream_vpn .page_list .list_item a:hover {
        opacity: 0.8; }
  .stream_vpn .page_list .list_pic {
    position: relative;
    width: 100%;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    background: transparent linear-gradient(120deg, #E2EAFF 0%, #F0EAFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px; }
    .stream_vpn .page_list .list_pic a {
      position: relative;
      z-index: 1;
      transition: none;
      display: block;
      width: 100%;
      height: 100%;
      opacity: 1;
      text-decoration: none; }
      .stream_vpn .page_list .list_pic a:hover {
        opacity: 1;
        text-decoration: none; }
        .stream_vpn .page_list .list_pic a:hover img {
          transform: translateY(5px); }
    .stream_vpn .page_list .list_pic::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background: url(../images/vpn-for-common/media_icon/list_pic_bg.png) center center no-repeat;
      background-size: auto 100%; }
    .stream_vpn .page_list .list_pic img {
      position: relative;
      z-index: 1;
      width: 134px;
      max-width: none;
      height: auto;
      transition: all 0.4s ease-out; }
  .stream_vpn .page_list .list_name {
    font: 500 18px/1.5 var(--familyLexend);
    color: #111115; }
  .stream_vpn .page_list .list_desc {
    font: 400 14px/1.8 var(--familyLexend);
    color: #7E7E7E; }
.stream_vpn .purple-step {
  padding: 70px 0 80px; }
  .stream_vpn .purple-step p.desc {
    color: #414141;
    margin-top: 18px; }
  .stream_vpn .purple-step .step-content {
    margin-bottom: 75px; }
    .stream_vpn .purple-step .step-content dd {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
      .stream_vpn .purple-step .step-content dd h4,
      .stream_vpn .purple-step .step-content dd p {
        padding-left: 18px;
        padding-right: 18px; }
      .stream_vpn .purple-step .step-content dd h4 {
        font-size: 17px;
        padding-left: 12px;
        padding-right: 12px; }
      .stream_vpn .purple-step .step-content dd p {
        min-height: 80px; }
    .stream_vpn .purple-step .step-content dl:nth-child(2) .step_pic {
      align-items: flex-end; }
      .stream_vpn .purple-step .step-content dl:nth-child(2) .step_pic > img {
        vertical-align: bottom; }
    .stream_vpn .purple-step .step-content .step_pic {
      position: relative;
      height: 104px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      border-radius: inherit;
      background: url(../images/vpn-streaming/step_pic_bg.png) center center/cover no-repeat; }
      .stream_vpn .purple-step .step-content .step_pic > img {
        display: inline-block;
        max-width: none;
        width: auto;
        height: auto; }
.stream_vpn .feature-normal {
  padding: 75px 0 92px;
  background: transparent linear-gradient(180deg, #F7FAFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; }
  .stream_vpn .feature-normal .tit {
    padding-bottom: 52px; }
  .stream_vpn .feature-normal .feature-box {
    margin-bottom: 100px;
    align-items: center; }
  .stream_vpn .feature-normal .feature-txt .txt-title {
    padding-bottom: 28px;
    font-size: 24px;
    font-weight: 700; }
  .stream_vpn .feature-normal .feature-txt .txt-desc {
    padding: 0;
    line-height: 1.8;
    color: #7E7E7E; }
.stream_vpn .page-down {
  padding: 45px 0 0;
  min-height: 438px;
  background: transparent linear-gradient(359deg, #F2F6FF 0%, #FFF9FF 100%) 0% 0% no-repeat padding-box; }
  .stream_vpn .page-down .wrapper {
    gap: 20px; }
  .stream_vpn .page-down .down-img {
    width: 580px;
    height: auto; }
  .stream_vpn .page-down .down-txt h2 {
    max-width: 530px;
    line-height: 1.6;
    font-size: 40px;
    font-weight: 700; }
  .stream_vpn .page-down .pc-btn {
    margin-top: 28px;
    margin-bottom: 28px; }

.equipment ._icon_box .arrow-icon, .equipment .icon-box .arrow-icon {
  width: 41px !important;
  height: 41px !important;
  background: transparent !important; }

@media (max-width: 768px) {
  .page_prev.swiper-button-prev,
  .page_next.swiper-button-next {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #7E85F1;
    transition: all 0.3s ease-out; }
    .page_prev.swiper-button-prev::after,
    .page_next.swiper-button-next::after {
      color: #FFF;
      font-size: 18px;
      font-weight: 700; }

  .page_prev.swiper-button-prev {
    left: 0px; }

  .page_next.swiper-button-next {
    right: 0px; }

  .page_pagination {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
    .page_pagination.swiper-pagination .swiper-pagination-bullet {
      opacity: 1;
      margin: 0;
      padding: 0;
      display: block;
      flex-shrink: 0;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #E0E0E8;
      transform: scale(0.8);
      transition: all 0.3s ease-out; }
      .page_pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #7E85F1;
        transform: scale(1); }

  .stream_vpn .page-banner {
    background: #EDEFFF; }
    .stream_vpn .page-banner::before {
      background: transparent linear-gradient(178deg, #A871FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
      opacity: 0.15; }
    .stream_vpn .page-banner .wrapper {
      padding-top: 130px;
      padding-left: 0;
      padding-right: 0;
      gap: 0px; }
      .stream_vpn .page-banner .wrapper.ban_ul {
        margin-top: -20px;
        padding: 0 32px;
        gap: 10px; }
    .stream_vpn .page-banner .wban-txt {
      margin: 0 auto;
      width: calc(100% - 32px);
      text-align: center; }
      .stream_vpn .page-banner .wban-txt .fh1 {
        font-size: 26px; }
      .stream_vpn .page-banner .wban-txt .sub-title {
        margin: 0 auto 12px; }
      .stream_vpn .page-banner .wban-txt ul {
        margin: 0 !important; }
        .stream_vpn .page-banner .wban-txt ul li {
          font-weight: 500; }
    .stream_vpn .page-banner .wban-img {
      width: 100%;
      height: auto; }
      .stream_vpn .page-banner .wban-img .computer-pic {
        position: relative;
        left: 0%;
        top: 0%;
        width: 335px;
        max-width: none;
        height: auto;
        transform: translate(0%, 0%); }
  .stream_vpn .feature-small {
    padding: 60px 0; }
    .stream_vpn .feature-small .desc {
      padding-bottom: 30px; }
    .stream_vpn .feature-small .feature-img {
      order: 2; }
    .stream_vpn .feature-small .feature-txt {
      order: 1; }
      .stream_vpn .feature-small .feature-txt .txt-name {
        font-size: 20px;
        font-weight: 500; }
  .stream_vpn .page-access {
    padding: 40px 0 0px; }
    .stream_vpn .page-access .access_cont {
      display: none !important;
      padding: 30px 0;
      grid-template-columns: repeat(1, minmax(100%, 1fr));
      gap: 30px 40px; }
    .stream_vpn .page-access .access-swiper {
      padding: 30px 20px;
      padding-bottom: 0;
      display: block !important; }
      .stream_vpn .page-access .access-swiper .swiper-slide {
        height: auto !important; }
    .stream_vpn .page-access .access_item {
      padding: 0px 30px 34px;
      margin-bottom: 0px;
      height: 100%; }
  .stream_vpn .page-unlock {
    padding: 50px 0 0; }
    .stream_vpn .page-unlock .unlock_note {
      position: relative;
      z-index: 1;
      padding-top: 60px;
      padding-bottom: 0px;
      font-size: 14px;
      color: #727272; }
    .stream_vpn .page-unlock .pc-btn {
      padding-bottom: 50px; }
  .stream_vpn .page_wrapper {
    position: relative;
    z-index: 2; }
  .stream_vpn .more_mask {
    position: absolute;
    left: -16px;
    margin: 0;
    bottom: 0;
    z-index: 7;
    width: calc(100% + 32px);
    height: 112px;
    background: transparent linear-gradient(180deg, #F7F4FF00 0%, #FBFAFFE0 50%, #FEFDFFF4 82%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    transition: all 0.3s ease-out; }
    .stream_vpn .more_mask.more_on {
      background: none; }
      .stream_vpn .more_mask.more_on .more_arrow {
        transform: translateY(20px) rotate(90deg); }
    .stream_vpn .more_mask .more_arrow {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #7E85F1;
      transform: translateY(20px) rotate(-90deg);
      transition: all 0.3s ease-out; }
      .stream_vpn .more_mask .more_arrow > svg {
        display: block;
        width: 27px;
        height: 15px; }
  .stream_vpn .page_list {
    padding: 30px 0;
    place-content: flex-start;
    grid-template-columns: repeat(2, minmax(40%, 1fr));
    gap: 30px;
    max-height: 780px;
    overflow: hidden;
    transition: all 0.3s ease-out; }
    .stream_vpn .page_list.more_on {
      max-height: none; }
    .stream_vpn .page_list .list_pic {
      height: 72px; }
      .stream_vpn .page_list .list_pic img {
        width: 72px; }
    .stream_vpn .page_list .list_name {
      font-size: 14px; }
  .stream_vpn .purple-step {
    padding: 50px 0; }
    .stream_vpn .purple-step .step-content {
      margin-bottom: 40px;
      align-items: center;
      gap: 40px; }
      .stream_vpn .purple-step .step-content dl::after {
        display: none; }
      .stream_vpn .purple-step .step-content dd p {
        min-height: 0px; }
  .stream_vpn .feature-normal {
    padding: 50px 0; }
    .stream_vpn .feature-normal .feature-box {
      margin-bottom: 60px;
      align-items: center; }
    .stream_vpn .feature-normal .feature-img {
      order: 2; }
    .stream_vpn .feature-normal .feature-txt {
      order: 1; }
      .stream_vpn .feature-normal .feature-txt .txt-title {
        padding-bottom: 20px;
        font-size: 20px; }
  .stream_vpn .page-down {
    padding: 40px 0;
    min-height: 0;
    background: transparent linear-gradient(9deg, #E0E8FB 0%, #FFF9FF 100%) 0% 0% no-repeat padding-box; }
    .stream_vpn .page-down .wrapper {
      gap: 20px; }
    .stream_vpn .page-down .down-img {
      order: 2;
      width: 100%;
      height: auto; }
    .stream_vpn .page-down .down-txt {
      order: 1; }
      .stream_vpn .page-down .down-txt h2 {
        max-width: 100%;
        font-size: 28px;
        text-align: center; } }

/*# sourceMappingURL=free-streaming.css.map */