.itopvoicy .br-numGhost {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 4;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-style: italic;
  color: #ff0000 !important;
  font-size: 24px;
  text-shadow: 0 1px 0 #fff;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s ease; }

.itopvoicy .banner .br-numGhost {
  letter-spacing: 8px; }

.itopvoicy .br-reduce {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 6px;
  left: 58%;
  transform: translateX(-50%);
  margin: 0 auto;
  text-align: center;
  background: none !important; }

.itopvoicy .br-num {
  z-index: 22;
  display: inline-block;
  position: absolute;
  right: -16px;
  top: 0;
  font-size: 22px;
  line-height: 34px;
  color: #ff0000;
  font-weight: 700;
  text-align: center;
  background: transparent linear-gradient(180deg, #FFCF41 0%, #FF002C 46%, #FFCF41 100%) 0% 0% no-repeat padding-box;
  opacity: 0; }

.itopvoicy .br-reduce .br-num {
  position: absolute;
  right: 10px;
  top: 0;
  display: inline-block;
  background: none !important;
  z-index: 22;
  transform: translateY(0px); }

.itopvoicy .br_num {
  background: transparent !important; }

.itopvoicy .zoom-top-animation {
  animation: zoomTop 0.8s forwards;
  animation-timing-function: ease-in;
  transform-origin: center center; }

.itopvoicy .zoom-out-animation {
  animation: zoomOut 0.8s 0.3s forwards;
  animation-timing-function: ease-in;
  transform-origin: center center; }

@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(3); } }
@keyframes zoomTop {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(-50px); } }
.itopvoicy .buybtn.btn-red {
  color: #fff;
  outline: 4px solid #FF7700;
  background: linear-gradient(97deg, #F60000 0%, #FF0060 100%);
  box-shadow: 0px 5px 15px #FF9A4D; }

.itopvoicy .buybtn.btn-red:hover {
  background: transparent linear-gradient(90deg, #FF6F00 0%, red 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 15px #FF9A4D;
  color: #fff;
  outline: 4px solid #FF7700; }

.itopvoicy .buybtn.ext_btn::before {
  content: attr(data-ext);
  position: absolute;
  top: -15px;
  right: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  padding: 0 4px;
  height: 15px;
  background: transparent linear-gradient(88deg, #4AF49D 0%, #03CF35 100%) 0% 0% no-repeat padding-box;
  border-radius: 2px 2px 0px 0px; }

.itopvoicy .buybtn:hover {
  background: transparent linear-gradient(90deg, #FF6F00 0%, red 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 15px #FF9A4D;
  color: #fff;
  outline: 4px solid #FF7700; }

.xmasvpn .banner .message .time_cont .countdown .scroll-tick strong,
.xmasvpn .banner .message .time_cont .countdown .scroll-tick span {
  color: #FF2525;
  background: transparent linear-gradient(90deg, #FFA04900 0%, #FFFFFFAD 43%, #FFA04900 100%) 0% 0% no-repeat padding-box;
  background-position-y: -2px; }

.itopvoicy {
  background: none; }
  .itopvoicy .banner h2.title-subtitle {
    font: normal normal normal 24px/27px League Spartan;
    font-family: "League Spartan" !important;
    letter-spacing: 0px;
    color: #60667E; }
  .itopvoicy .buybtn {
    min-width: auto;
    outline: 1px solid #FFB31E;
    color: #FFB31E; }
    .itopvoicy .buybtn.red {
      background: transparent linear-gradient(269deg, #FF2C00 0%, #CE00FF 100%) 0% 0% no-repeat padding-box;
      box-shadow: inset 0px 10px 20px #FF00AA, 0px 5px 15px #FF9A4D;
      outline: 4px solid #FF77002B;
      color: #fff;
      font-size: 18px;
      font-weight: 600; }
    .itopvoicy .buybtn:hover {
      background: transparent linear-gradient(96deg, #FF2C00 0%, #CE00FF 100%) 0% 0% no-repeat padding-box;
      box-shadow: inset 0px 10px 20px #FF00AA, 0px 5px 15px #FF9A4D;
      outline: 4px solid #FF77002B; }
  .itopvoicy .logo {
    position: absolute;
    left: -5%;
    top: 20px; }
  .itopvoicy .banner {
    height: 947px;
    background: #fff url(./voc_bg.jpg) no-repeat center top; }
    .itopvoicy .banner .title {
      padding-top: 40px; }
    .itopvoicy .banner .message {
      padding-top: 20px; }
      .itopvoicy .banner .message.message-r2 {
        gap: 46px;
        align-items: center;
        justify-content: center; }
        .itopvoicy .banner .message.message-r2 .box {
          flex: none;
          max-width: none;
          min-width: 0;
          min-height: 555px;
          padding: 40px 50px 22px;
          background: #FFFFFF 0% 0% no-repeat padding-box;
          border: 2px solid #E8E8E8; }
          .itopvoicy .banner .message.message-r2 .box h3 {
            margin: 0;
            padding-bottom: 9px;
            font-size: 20px;
            line-height: 1; }
            .itopvoicy .banner .message.message-r2 .box h3 span,
            .itopvoicy .banner .message.message-r2 .box h3 b {
              font-size: 18px; }
          .itopvoicy .banner .message.message-r2 .box h4 {
            height: 48px;
            line-height: 1; }
          .itopvoicy .banner .message.message-r2 .box .buybtn {
            margin-top: 30px;
            border-radius: 0;
            width: 258px;
            height: 48px; }
          .itopvoicy .banner .message.message-r2 .box.free {
            padding: 40px 50px;
            min-width: 354px;
            max-width: none; }
            .itopvoicy .banner .message.message-r2 .box.free h3 {
              padding-bottom: 105px; }
            .itopvoicy .banner .message.message-r2 .box.free ul {
              min-height: 180px;
              padding-left: 10px; }
              .itopvoicy .banner .message.message-r2 .box.free ul li {
                text-align: left; }
          .itopvoicy .banner .message.message-r2 .box.active-box {
            position: relative;
            max-width: 390px;
            width: 390px;
            min-width: 0;
            min-height: 0;
            padding: 56px 56px 52px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 20px 34px #DC3D3552;
            border: 4px solid #F54B00; }
            .itopvoicy .banner .message.message-r2 .box.active-box h4 {
              margin-bottom: 4px; }
            .itopvoicy .banner .message.message-r2 .box.active-box .buybtn {
              margin-top: 39px; }
            .itopvoicy .banner .message.message-r2 .box.active-box .sale_per {
              color: #70040E;
              background: #8AFF9A; }
            .itopvoicy .banner .message.message-r2 .box.active-box ul li::before {
              top: 8px;
              background: url(./check-circle-red.png) no-repeat center/cover; }
            .itopvoicy .banner .message.message-r2 .box.active-box h4 p {
              font-size: 24px;
              color: #FF0000; }
              .itopvoicy .banner .message.message-r2 .box.active-box h4 p strong {
                font-size: 44px; }
            .itopvoicy .banner .message.message-r2 .box.active-box .time_cont {
              top: -23px;
              height: 38px;
              width: 342px; }
          .itopvoicy .banner .message.message-r2 .box ul {
            margin-top: 24px;
            padding-top: 0;
            border-top: none;
            padding-left: 10px; }
            .itopvoicy .banner .message.message-r2 .box ul li {
              margin-bottom: 4px;
              list-style: none; }
              .itopvoicy .banner .message.message-r2 .box ul li::before {
                content: '';
                display: block;
                position: absolute;
                top: 4px;
                left: -18px;
                width: 12px;
                height: 12px;
                background: url(./check-circle.png) no-repeat center/cover; }
          .itopvoicy .banner .message.message-r2 .box .sale_per {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 150px;
            height: 30px;
            background: rgba(138, 255, 154, 0.48);
            border-radius: 2px;
            font-size: 20px;
            font-weight: 600;
            color: #AA4F57;
            margin-bottom: 32px; }
          .itopvoicy .banner .message.message-r2 .box .box-p {
            margin-top: 0; }
          .itopvoicy .banner .message.message-r2 .box .desc {
            font: normal normal normal 16px/28px League Spartan;
            color: #8E8B9D;
            margin-top: 8px; }
  .itopvoicy .screen1 {
    padding-top: 20px; }
    .itopvoicy .screen1 .wrapper {
      width: 1300px; }
    .itopvoicy .screen1 h2.title {
      font: normal normal bold 40px/54px League Spartan;
      letter-spacing: 0px;
      color: #000000;
      text-align: center;
      margin: 0 auto 0; }
    .itopvoicy .screen1 .content {
      margin-top: 90px;
      display: flex;
      justify-content: right;
      align-items: center;
      gap: 50px;
      position: relative;
      right: -25px; }
      .itopvoicy .screen1 .content ul {
        width: 475px;
        display: flex;
        flex-direction: column;
        gap: 36px; }
        .itopvoicy .screen1 .content ul li {
          background: #FAF9FB 0% 0% no-repeat padding-box;
          box-shadow: 0px 8px 11px #C7BAE985;
          border-radius: 8px;
          border-radius: 16px;
          position: relative;
          width: 100%;
          height: 127px;
          padding: 20px 30px 10px 48px;
          list-style: none;
          transition: all .3s ease-in-out; }
          .itopvoicy .screen1 .content ul li:nth-of-type(1) span {
            background-image: url(./sc_icon1.png); }
          .itopvoicy .screen1 .content ul li:nth-of-type(2) span {
            background-image: url(./sc_icon2.png); }
          .itopvoicy .screen1 .content ul li:nth-of-type(3) span {
            background-image: url(./sc_icon3.png); }
          .itopvoicy .screen1 .content ul li span {
            display: block;
            width: 58px;
            height: 58px;
            position: absolute;
            left: -29px;
            top: 34px;
            background-position: left; }
          .itopvoicy .screen1 .content ul li h4 {
            font-size: 18px;
            margin-bottom: 12px;
            font-weight: bold; }
          .itopvoicy .screen1 .content ul li p {
            font-size: 18px;
            font-weight: 400;
            line-height: 22px; }
      .itopvoicy .screen1 .content .img-box {
        position: relative;
        width: 722px;
        height: 427px;
        overflow: hidden; }
        .itopvoicy .screen1 .content .img-box .img_wrapper {
          display: flex;
          position: relative;
          right: 0px;
          transition: all .3s ease; }
          .itopvoicy .screen1 .content .img-box .img_wrapper img {
            display: block; }
    .itopvoicy .screen1 .cont1 {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 0 26px;
      margin-top: 62px; }
      .itopvoicy .screen1 .cont1 .item {
        background: #F6F6F6 0% 0% no-repeat padding-box;
        border-radius: 16px;
        position: relative;
        width: 325px;
        height: 127px;
        padding: 20px 42px 0px;
        transition: all .3s ease-in-out; }
        .itopvoicy .screen1 .cont1 .item:nth-of-type(1) span {
          background-image: url(./sc_icon4.png); }
        .itopvoicy .screen1 .cont1 .item:nth-of-type(2) span {
          background-image: url(./sc_icon5.png); }
        .itopvoicy .screen1 .cont1 .item:nth-of-type(3) span {
          background-image: url(./sc_icon6.png); }
        .itopvoicy .screen1 .cont1 .item span {
          display: block;
          width: 58px;
          height: 58px;
          position: absolute;
          left: -29px;
          top: 34px;
          background-position: left; }
        .itopvoicy .screen1 .cont1 .item h4 {
          font-size: 16px;
          margin-bottom: 12px;
          font-weight: bold; }
        .itopvoicy .screen1 .cont1 .item p {
          font-size: 16px;
          font-weight: 400;
          line-height: 22px; }
  .itopvoicy .table_new {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-top: 116px; }
    .itopvoicy .table_new .wrapper {
      width: 1300px;
      margin: 0 auto 0;
      position: relative; }
      .itopvoicy .table_new .wrapper h2.tit {
        font: normal normal bold 40px/54px League Spartan;
        letter-spacing: 0px;
        color: #000000;
        text-align: center;
        margin: 0 auto; }
      .itopvoicy .table_new .wrapper .cont {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: 11px;
        margin-top: 58px; }
        .itopvoicy .table_new .wrapper .cont .buybtn {
          width: 190px;
          height: 40px;
          border-radius: 0; }
        .itopvoicy .table_new .wrapper .cont .ul1 {
          width: 430px;
          box-shadow: none; }
          .itopvoicy .table_new .wrapper .cont .ul1 li {
            width: 430px;
            justify-content: flex-start;
            padding-left: 18px;
            position: relative; }
            .itopvoicy .table_new .wrapper .cont .ul1 li::before {
              content: '';
              display: inline-block;
              width: 4px;
              height: 4px;
              border-radius: 50%;
              background: #1E1C2C;
              position: absolute;
              top: 15px;
              left: 8px; }
          .itopvoicy .table_new .wrapper .cont .ul1 .top {
            height: 54px;
            border-radius: 0px 0px; }
            .itopvoicy .table_new .wrapper .cont .ul1 .top::before {
              display: none; }
          .itopvoicy .table_new .wrapper .cont .ul1 .spec::before {
            display: none; }
          .itopvoicy .table_new .wrapper .cont .ul1 .bot::before {
            display: none; }
        .itopvoicy .table_new .wrapper .cont .ul2 {
          width: 224px; }
          .itopvoicy .table_new .wrapper .cont .ul2 li {
            font-size: 14px;
            color: #1E1C2C;
            font-weight: 600; }
        .itopvoicy .table_new .wrapper .cont .ul3 {
          width: 224px; }
          .itopvoicy .table_new .wrapper .cont .ul3 li {
            font-size: 14px;
            color: #1E1C2C;
            font-weight: 600; }
          .itopvoicy .table_new .wrapper .cont .ul3 .spec {
            font-size: 20px;
            color: #AA4F57; }
        .itopvoicy .table_new .wrapper .cont .ul4 {
          width: 256px; }
          .itopvoicy .table_new .wrapper .cont .ul4 li {
            font-size: 14px;
            color: #1E1C2C;
            font-weight: 600; }
          .itopvoicy .table_new .wrapper .cont .ul4 .spec {
            font-size: 20px;
            color: #FF0000; }
          .itopvoicy .table_new .wrapper .cont .ul4 .top {
            padding-top: 16px;
            height: 104px;
            color: #fff;
            font-size: 22px;
            background: transparent linear-gradient(101deg, #D15CDE 0%, #3E5EFF 100%) 0% 0% no-repeat padding-box; }
          .itopvoicy .table_new .wrapper .cont .ul4 .check {
            display: block;
            width: 31px;
            height: 31px;
            background: url(./table_check_red.png) no-repeat center/cover; }
        .itopvoicy .table_new .wrapper .cont ul {
          background: #FFFFFF;
          box-shadow: 0px 6px 10px #C9C9C97D;
          border-radius: 12px; }
          .itopvoicy .table_new .wrapper .cont ul li {
            width: 200px;
            margin: 0 auto 0;
            height: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-top: 1px solid #DFDBE8;
            font-size: 16px;
            color: #1E1C2C;
            font-weight: 400; }
            .itopvoicy .table_new .wrapper .cont ul li .check {
              display: block;
              width: 17px;
              height: 17px;
              background: url(./table_check.png) no-repeat center/cover; }
            .itopvoicy .table_new .wrapper .cont ul li .no {
              display: block;
              width: 14px;
              height: 2px;
              background: url(./table_no.png) no-repeat center/cover; }
          .itopvoicy .table_new .wrapper .cont ul .top {
            width: 100%;
            height: 82px;
            color: #1E1C2C;
            font-size: 20px;
            background: #F2F2F2;
            border-radius: 12px 12px 0px 0px; }
          .itopvoicy .table_new .wrapper .cont ul .top + li,
          .itopvoicy .table_new .wrapper .cont ul .top {
            border-top: none; }
          .itopvoicy .table_new .wrapper .cont ul .spec {
            border-top: none;
            height: 54px;
            width: 100%;
            background: #FFF6EF;
            font-size: 18px;
            color: #000000;
            font-weight: 600; }
          .itopvoicy .table_new .wrapper .cont ul .bot {
            height: 112px;
            border-top: none; }
  .itopvoicy .review_new {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-top: 150px; }
    .itopvoicy .review_new .wrapper {
      width: 1300px;
      margin: 0 auto 0;
      position: relative; }
    .itopvoicy .review_new h2.tit {
      font: normal normal bold 34px/54px League Spartan;
      letter-spacing: 0px;
      color: #000000;
      text-align: center;
      margin: 0 auto; }
    .itopvoicy .review_new .swiper {
      margin: 45px auto 0;
      width: 1100px;
      position: relative; }
      .itopvoicy .review_new .swiper-slide {
        width: 100%;
        flex-direction: column;
        align-items: center; }
        .itopvoicy .review_new .swiper-slide .user_icon {
          width: 460px;
          height: 130px;
          margin: 0 auto 0;
          background: url(./name_bg.png) no-repeat center/cover;
          display: flex;
          justify-content: center;
          align-items: center; }
          .itopvoicy .review_new .swiper-slide .user_icon img {
            width: 80px;
            height: 80px; }
        .itopvoicy .review_new .swiper-slide .user_name {
          font: normal normal 500 20px/28px League Spartan;
          letter-spacing: 0px;
          margin-bottom: 36px; }
        .itopvoicy .review_new .swiper-slide .cont {
          width: 928px;
          height: 191px;
          box-sizing: border-box;
          background: #F5F8F9 0% 0% no-repeat padding-box;
          border: 1px solid #7070700F;
          border-radius: 12px;
          padding: 32px 83px 0;
          margin: 0 auto; }
          .itopvoicy .review_new .swiper-slide .cont p.p1 {
            font-size: 26px;
            font-weight: 600;
            color: #000;
            margin-bottom: 26px;
            line-height: 1; }
          .itopvoicy .review_new .swiper-slide .cont p.p2 {
            font: normal normal normal 20px/28px League Spartan;
            color: #000000; }
      .itopvoicy .review_new .swiper-button-next, .itopvoicy .review_new .swiper-button-prev {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #E5E7FF;
        top: 80%; }
        .itopvoicy .review_new .swiper-button-next:after, .itopvoicy .review_new .swiper-button-prev:after {
          font-size: 18px;
          font-weight: 600; }
      .itopvoicy .review_new .swiper-button-disable {
        background-color: #EEEEEE; }
        .itopvoicy .review_new .swiper-button-disable:after {
          font-size: 18px;
          font-weight: 600; }
  .itopvoicy .bot {
    width: 1300px;
    position: relative;
    margin: 113px auto 32px;
    display: flex;
    justify-content: center;
    gap: 7px; }
    .itopvoicy .bot .item {
      width: 384px;
      height: 153px;
      background: #F3F3F3 0% 0% no-repeat padding-box;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 51px;
      gap: 10px; }
      .itopvoicy .bot .item p.p1 {
        font: normal normal bold 12px/14px Spartan;
        color: #000000; }
  .itopvoicy .footer {
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
    font: normal normal 500 16px/24px Spartan;
    color: #8E8B9D; }

/*# sourceMappingURL=vpn_style.css.map */