@charset "UTF-8";.thumb-image-bg {
  -webkit-background-size: 100% auto
}

body {
  box-sizing: border-box;
  color: #333;
  letter-spacing: .02em;
  margin: 0;
  font-size: 14px;
  background-color: #fff;
  font-family: PingFang TC,Microsoft Yahei,Helvetica Neue,Helvetica,Arial,sans-serif;
  position: relative
}

main {
  max-width: 100%;
  overflow: hidden
}

.foot {
  display: flex;
  max-width: 1080px;
  background: #292f36;
  margin: auto;
  padding: 15px 0;
  border-top: 1px solid var(--color-border-1);
  justify-content: space-between;
  opacity: .7
}

.foot .right {
  display: flex
}

.foot .right a {
  color: #fff;
  margin-right: 10px
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 18px
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.row-17 .download-item-container {
  position: relative
}

.row-17 .download-item-container .pop,.row-17 .download-item-container .pop-mac,.row-17 .download-item-container .pop-ios {
  position: absolute;
  right: 10px;
  top: 10px
}

.t-icon {
  width: 25px;
  height: 25px
}

.t-icon path {
  fill: #000
}

.a-popper {
  padding: 10px
}

.a-popper p {
  font-size: 14px
}

.btns {
  display: flex;
  gap: 0 20px
}

.btns a {
  width: 100px!important
}

@media (max-width: 767px) {
  .btns a {
      width:80px!important
  }
}

.gap-6 {
  gap: 20px
}

.FeatureCardsSection__card-icon {
  margin: 0 24px 24px 0
}

.container-fluid {
  min-width: 1440px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  box-sizing: border-box
}

.container {
  max-width: 1440px;
  background: #f4f5f8;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 0;
  box-sizing: border-box
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-weight: 700;
  line-height: 1;
  color: #222
}



p {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  color: #3a424e
}

ul {
  list-style: none;
  margin: 0;
  padding: 0
}

a {
  text-decoration: none;
  transition: all .3s ease;
  cursor: pointer;
  color: #237eff
}

a:hover {
  color: #1e65c9
}

input {
  color: #333;
  letter-spacing: .03em;
  margin: 0;
  font-size: 16px
}

.hide {
  display: none
}

.button {
  background: linear-gradient(90deg,#194bfb,#64c6ff)!important;
  text-align: center;
  width: 200px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .02em;
  border-radius: 8px;
  line-height: 60px;
  display: inline-block;
  transition: all .2s ease;
  cursor: pointer
}

.button:hover,.button:active {
  background-color: #48515f;
  border-color: #48515f;
  color: #fff
}

.secondary_button {
  background-color: #fff;
  text-align: center;
  width: 200px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .02em;
  border-radius: 8px;
  line-height: 60px;
  display: inline-block;
  transition: all .2s ease;
  cursor: pointer
}

.secondary_button:hover,.secondary_button:active {
  background-color: #f0f2f5;
  border-color: #48515f;
  color: #48515f
}

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

header {
  width: 100%;
  background: transparent;
  padding: 0;
  position: sticky;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
  z-index: 98;
  transition: opacity .36s,background-color .36s,padding .36s;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

header .container-fluid.header:before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transform: translateZ(0)
}

header .container-fluid.header {
  box-shadow: 0 2px 29px #3a424e1a;
  background: transparent
}

header .container {
  background: transparent;
  padding: 29px 26px;
  text-align: left
}

header .mobile-menu {
  display: none
}

header .menu-btn {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='20px'%20viewBox='0%200%2020%2020'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon/menu%3c/title%3e%3cg%20id='icon/menu'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M18.5,16%20C19.0522847,16%2019.5,16.4477153%2019.5,17%20C19.5,17.5522847%2019.0522847,18%2018.5,18%20L1.5,18%20C0.94771525,18%200.5,17.5522847%200.5,17%20C0.5,16.4477153%200.94771525,16%201.5,16%20L18.5,16%20Z%20M18.5,9%20C19.0522847,9%2019.5,9.44771525%2019.5,10%20C19.5,10.5522847%2019.0522847,11%2018.5,11%20L1.5,11%20C0.94771525,11%200.5,10.5522847%200.5,10%20C0.5,9.44771525%200.94771525,9%201.5,9%20L18.5,9%20Z%20M18.5,2%20C19.0522847,2%2019.5,2.44771525%2019.5,3%20C19.5,3.55228475%2019.0522847,4%2018.5,4%20L1.5,4%20C0.94771525,4%200.5,3.55228475%200.5,3%20C0.5,2.44771525%200.94771525,2%201.5,2%20L18.5,2%20Z'%20id='Combined-Shape'%20fill='%233B424D'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 21px;
  background-color: transparent;
  border: none;
  margin: 0;
  float: left;
  width: 43px;
  height: 43px;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  display: none;
  transition: all .3s ease;
  cursor: pointer
}

.header-container {
  display: flex;
  align-items: center
}

header .close-btn {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='20px'%20viewBox='0%200%2020%2020'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon/close%3c/title%3e%3cg%20id='icon/close'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M16.4316921,3.18514107%20C16.8332584,2.89652959%2017.3947375,2.94759403%2017.7375501,3.3226166%20C18.1089305,3.72889105%2018.0830472,4.3615185%2017.6797383,4.73562956%20L17.6797383,4.73562956%20L11.465,10.5%20L17.6797383,16.2643704%20C18.0830472,16.6384815%2018.1089305,17.2711089%2017.7375501,17.6773834%20C17.3947375,18.052406%2016.8332584,18.1034704%2016.4316921,17.8148589%20L16.3348511,17.7356204%20L10,11.859%20L3.66514892,17.7356204%20L3.56830794,17.8148589%20C3.16674159,18.1034704%202.60526248,18.052406%202.26244986,17.6773834%20C1.89106952,17.2711089%201.91695278,16.6384815%202.32026175,16.2643704%20L2.32026175,16.2643704%20L8.534,10.5%20L2.32026175,4.73562956%20C1.91695278,4.3615185%201.89106952,3.72889105%202.26244986,3.3226166%20C2.60526248,2.94759403%203.16674159,2.89652959%203.56830794,3.18514107%20L3.66514892,3.26437962%20L10,9.14%20L16.3348511,3.26437962%20Z'%20id='Combined-Shape'%20fill='%233A424E'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  display: none;
  top: 15px;
  right: 15px;
  background-size: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%
}

header .menu-btn:active,header .menu-btn:hover {
  background-color: #f7f8f9
}

header .close-btn:active,header .close-btn:hover {
  background-color: #f7f8f9
}

header a.logo {
  background-image: url(https://www.shenlan01.com/theme/bundle/images/logo-main.png?v=1);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 32px;
  width: 140px;
  display: inline-block;
  vertical-align: middle
}

header .container .new_domain {
  font-size: 16px;
  line-height: 22px;
  color: #3b424d;
  text-align: left;
  margin-left: 15px
}

header .container .menu {
  display: flex;
  align-items: center;
  flex: 1
}

header .container .menu ul {
  display: inline-block;
  text-align: left
}

header .container .menu ul.mobile-nav {
  display: none
}

header .container .menu ul li {
  display: inline-block;
  margin-left: 40px;
  font-size: 18px;
  color: #3b424d
}

header .container .menu ul li a {
  font-size: 18px;
  color: #3b424d;
  transition: all .2s ease;
  font-weight: 700
}

header .container .menu ul li a:hover {
  color: #237eff
}

header .container .menu ul li a.mobile-a {
  display: none
}

@keyframes navmenu-3a875803 {
  0% {
      opacity: 0;
      top: 5px
  }

  to {
      opacity: 1;
      top: 0
  }
}

header .container .menu ul .dropdown-menu {
  position: relative
}

.arco-icon {
  width: 14px;
  height: 14px
}

header .container .menu ul .dropdown-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 150px;
  max-width: 200px;
  margin-top: 5px;
  background-color: #fff;
  box-shadow: -1px 7px 58px -25px #000000bf;
  padding: 15px;
  border-radius: 10px;
  text-align: left
}

header .container .menu ul .dropdown-menu .sub-menu li {
  margin-left: 0;
  padding: 10px;
  width: calc(100% - 20px);
  display: inline-block;
  border-radius: 10px
}

header .container .menu ul .dropdown-menu .sub-menu li a {
  font-size: 14px
}

header .container .menu ul .dropdown-menu .sub-menu li:hover {
  background: #f2f2f2
}

header .container .menu ul li.reg {
  margin-left: 20px
}

header .register_button {
  border: none;
  background: linear-gradient(90deg,#194bfb,#64c6ff)!important;
  color: #fff!important;
  padding: 7px 20px;
  margin-left: 0;
  border-radius: 5px;
  font-size: 15px!important
}

header .container-fluid.header.gradient-header {
  background-image: linear-gradient(to right,#0096ff 10%,#2f5dff 45%,#4f35ff);
  background-color: transparent;
  box-shadow: none
}

.gradient-header .container {
  background-color: transparent
}

header .gradient-header .container .new_domain {
  color: #fff
}

header .gradient-header .container .menu ul li a {
  color: #fff
}

header .gradient-header .container .menu ul li a:hover {
  color: #7c9cf4
}

header .gradient-header a.logo {
  background-image: url(/assets/logo-x-Czwy0PpF.png)
}

.gradient-header .menu-btn:hover {
  background-color: #316aa4
}

.gradient-header .login_button {
  background-color: transparent
}

.gradient-header nav.menu.animated ul li a {
  color: #3b424d
}

.gradient-header nav.menu.animated ul li a:hover {
  color: #237eff
}

.container-fluid.inner-page .container {
  background-color: #fff;
  box-shadow: 0 7px 45px #97acb938;
  border-radius: 5px;
  margin: 30px auto;
  padding: 50px;
  text-align: left;
  max-width: 1390px
}

.empty {
  height: 50px
}

.empty.large {
  height: 80px
}

.container-fluid.inner-page p {
  font-size: 16px;
  color: #7e8794
}

.container-fluid.inner-page li {
  font-size: 16px;
  color: #7e8794;
  margin-bottom: 5px
}

.container-fluid.inner-page .small {
  font-size: 12px
}

.container-fluid.inner-page .right {
  text-align: right
}

.container-fluid.inner-page .light-grey {
  color: #9da7b5
}

.inner-page .inner-mark-logo {
  width: 130px;
  height: 21px;
  display: inline-block;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  float: left
}

.row-1-upper .container {
  background-color: transparent
}

.row-1-upper h1 {
  margin-top: 70px
}

.row-1-upper ul {
  margin: 10px 0
}

.row-1-upper ul li {
  display: inline-block;
  border-right: 1px solid #E2E6EE;
  padding: 0 15px;
  font-size: 24px;
  color: #9fa6b4;
  font-weight: 300
}

.row-1-upper ul li:last-child {
  border-right: 0
}

.row-1-upper p {
  font-size: 32px;
  color: #3a424e;
  font-weight: 900
}

.row-1-upper .price_tag {
  font-size: 38px;
  margin: 0 4px;
  display: inline-block
}

.row-1-upper .price_amount {
  font-size: 57px;
  margin-right: 4px
}

.row-1-upper .signup_container {
  margin-top: 30px;
  margin-right: 10px;
  display: inline-block
}

.row-1-upper .download_container {
  display: inline-block;
  margin-top: 30px
}

.row-1-upper .tips {
  background-color: #e9f1ff;
  border-radius: 18px;
  padding: 8px 20px 9px;
  color: #4361a2;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  display: inline-block
}

.row-1-upper .tips:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  width: 0;
  border-top: 13px solid #E9F1FF;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent
}

.row-1-upper .signup_button {
  display: block;
  text-align: center;
  margin: 20px auto auto
}

.row-1-upper .download_button {
  display: inline-block
}

.row-1-upper .payment_support {
  margin-top: 28px
}

.row-1-upper .payment_support ul {
  display: inline-block;
  margin: 0
}

.row-1-upper .payment_support li {
  border-right: 0;
  padding: 0 7px
}

.row-1-upper .payment_support li img {
  height: 22px
}

.row-1-upper .payment_support span {
  vertical-align: super
}

.row-1-upper .head-banner-container-618 {
  width: 728px;
  height: 90px;
  display: block;
  margin: 30px auto auto;
  background-size: cover;
  border-radius: 4px
}

.row-1-upper .head-banner-container-618+article h1 {
  margin-top: 30px
}

.row-1-upper .head-banner-container-1111 {
  width: 728px;
  height: 90px;
  display: block;
  margin: 30px auto auto;
  background-size: cover;
  border-radius: 4px
}

.row-1-upper .head-banner-container-1111+article h1 {
  margin-top: 30px
}

.row-1-upper .head-banner-container-1212 {
  width: 728px;
  height: 90px;
  display: block;
  margin: 30px auto auto;
  background-size: cover;
  border-radius: 4px
}

.row-1-upper .head-banner-container-1212+article h1 {
  margin-top: 30px
}

.container-fluid.row-1-lower {
  height: 900px;
  margin: -40px auto 0;
  position: relative;
  background-color: transparent
}

.banner-element {
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 900px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0
}

@keyframes lightrayanimation-3a875803 {
  0% {
      background-size: 80%;
      opacity: .8
  }

  to {
      background-size: 130%;
      opacity: 0
  }
}

.banner-screens {
  background-image: url(/assets/x1-BKD1L7ye.png);
  background-size: 60%
}

.light-ray-bg {
  background-image: url(/assets/banner-light-ray-bg@2x-DNZBVFAp.png);
  opacity: .8;
  animation: lightrayanimation-3a875803 2s infinite;
  background-size: 80%
}

.light-ray-bg-2 {
  background-image: url(/assets/banner-light-ray-bg@2x-DNZBVFAp.png);
  opacity: .8;
  animation: lightrayanimation-3a875803 2s infinite;
  animation-delay: .5s;
  background-size: 80%
}

.light-ray-bg-3 {
  background-image: url(/assets/banner-light-ray-bg@2x-DNZBVFAp.png);
  opacity: .8;
  animation: lightrayanimation-3a875803 2s infinite;
  animation-delay: 1s;
  background-size: 80%
}

.light-ray-bg-4 {
  background-image: url(/assets/banner-light-ray-bg@2x-DNZBVFAp.png);
  opacity: .8;
  animation: lightrayanimation-3a875803 2s infinite;
  animation-delay: 1.5s;
  background-size: 80%
}

.light-ray-bg-5 {
  background-image: url(/assets/banner-light-ray-bg@2x-DNZBVFAp.png);
  opacity: .8;
  animation: lightrayanimation-3a875803 2s infinite;
  animation-delay: 1.6s;
  background-size: 80%
}

.light-ray-bg-6 {
  background-image: url(/assets/banner-light-ray-bg@2x-DNZBVFAp.png);
  opacity: .8;
  animation: lightrayanimation-3a875803 2s infinite;
  animation-delay: 2s;
  background-size: 80%
}

.character-blue-sword {
  background-image: url(/assets/char_blue_sword@2x-CQZf2Du6.png)
}

.character-flying {
  background-image: url(/assets/char_flying@2x-CI2kgNGK.png)
}

.character-on-floor {
  background-image: url(/assets/char_on_floor@2x-ZS7kieqe.png)
}

.banner-macbook {
  background-image: url(/assets/banner-macbook-BtTAnKwL.png)
}

.banner-ios-mobile {
  background-image: url(/assets/banner-ios-mobile-BWS_Q5VI.png)
}

.character-long-hair {
  background-image: url(/assets/char_long_hair@2x-Du5CgDtl.png)
}

.character-red-sword {
  background-image: url(/assets/char_red_sword@2x-D71nwnt4.png)
}

.banner-mac {
  background-image: url(/assets/banner-mac-BWStpIjM.png)
}

.banner-android-mobile {
  background-image: url(/assets/banner-android-mobile-Ctmu5o_T.png)
}

.banner-mobile-screens,.banner-mobile-devices {
  display: none
}

.row-2 .container {
  background-color: transparent;
  position: relative;
  z-index: 1
}

.row-2 .container article {
  width: 1000px;
  padding: 48px 70px;
  box-shadow: 0 7px 37px #97acb945;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  margin: auto;
  position: relative;
  box-sizing: border-box
}

.row-2 h3 {
  margin-bottom: 16px
}

.row-2 p {
  font-size: 20px;
  color: #3a424e
}

.row-3 {
  background-image: linear-gradient(#fff,#d8d8d857);
  position: relative;
  padding-top: 120px
}

.row-3 .container {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center
}

.row-3 article {
  text-align: left;
  width: 50%;
  display: inline-block;
  float: left
}

.row-3 h2 {
  margin-bottom: 30px
}

.row-3 .number-2 {
  font-size: 56px;
  margin-left: 5px
}

.row-3 p {
  margin-bottom: 6px;
  color: #7e8794
}

.row-3 .signup_button {
  margin-top: 24px
}

.row-3 aside {
  width: 50%;
  display: inline-block;
  position: relative
}

.row-3 .signup_ui {
  background-size: cover;
  width: 100%;
  height: auto;
  display: inline-block
}

.row-3 .signup_ui:after {
  content: "";
  display: block;
  padding-bottom: 76.67%
}

.row-3 .signup_character {
  background-size: cover;
  width: 224px;
  height: 325px;
  position: absolute;
  bottom: 0;
  left: -20px
}

.row-4 {
  padding: 160px 0 120px
}

.row-4 .container {
  background-color: transparent
}

.row-4 .feature-list {
  text-align: left;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.row-4 .feature-list li {
  margin-bottom: 40px;
  margin-left: 25px;
  float: left;
  width: 655px;
  margin-right: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row
}

.row-4 .feature-list li:nth-child(2n) {
  margin-right: 0
}

.row-4 .feature-list li p {
  font-size: 18px;
  color: #8c94a1;
  margin-top: 6px
}

.row-4 .feature-item .feature-content {
  margin-left: 20px
}

.row-4 .feature-item .feature-icon {
  width: 120px;
  height: 120px;
  background-size: cover;
  display: inline-block;
  float: left
}

.row-4 .feature-item.item-1 .feature-icon {
  background-image: url(data:image/png;base64,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)
}

.row-4 .feature-item.item-2 .feature-icon {
  background-image: url(data:image/png;base64,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)
}

.row-4 .feature-item.item-3 .feature-icon {
  background-image: url(data:image/png;base64,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)
}

.row-4 .feature-item.item-4 .feature-icon {
  background-image: url(data:image/png;base64,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)
}

.row-4 .feature-item.item-5 .feature-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAMAAAAJixmgAAAC61BMVEUAAAAAy/84Pv85PP8Pi/8ThP8Axv8Ugv8Axf8Ax/8Lkf8Zd/8Rh/8Xff8ad/8Pi/8LkP8adv8Jk/8db/8Kk/8Wfv8Dnf8Lkf8bdP8ThP8Shv8Kkv8Rh/8bc/8ccf8iY/8Mj/8Hl/8Kkv8AvP8Xff8Kkv8XfP8fa/8Lkf8Atf8Apf8bcv8jYv8pVv8Hl/8bc/8AwP8Arf8GmP8zR/8Ilf8bdP8ccP8GmP8Xfv8fa/84Pv8Rh/8adv8db/8ApP8iYv8nWf8Qif8ccf8ad/8Hlv8Axf8Qif8Xfv8sUf8Ax/8AtP8Axv85Pf8AuP8Ar/8Dnf8Thf8adf8EnP8db/8Wfv8AvP8XfP8db/85Pf8Pi/8Wf/8Ilv81RP8Lkf8kX/8tUf83QP8Dnf8zRv8AwP8ySf8Axv8Atf81Q/8pVv8jYP80Rv8VgP8Cnv8Thf8oWP80Rf8vTP8vTf8Zd/8db/8Ap/8Ayf8Arf8Xff84Pv8Apf8xS/8vTf8AxP8Aq/8hZv8uT/8Aw/8Aqf8Ilv8Av/8ad/8mW/8Asv83QP8AvP8Arf8Vgf8Piv8jYf82Qf8rUv85Pf8Yef8ThP8Ye/89N/8Avv8AtP8lXP8Ao/8Bof8Cnv8jYf8Auv8Asf8Ap/8gaf8oWP8Qif8Thf88OP8Wf/86PP8Sh/8Ayv8Axv8bc/8Ilf8Lkf8AyP8ccP84Pv87O/8Ayf87Ov8Kk/8Zd/8XfP8Qiv8Vgf8Vg/8Mj/8Zef8Xfv8Ugv8JlP8Ye/8Ojf8PjP8ccv8ebP8Oi/8dbv8adv8bdf8Aof8Njv8Nj/8mW/8Fmv8DnP8kYP8rU/8Av/8As/8GmP8hZP8pVv8Aqf8jYv8lXf82Qf8Awv8AuP8wS/8Atv8Apf8Cn/81Q/8AxP8AvP8Arv8hZv8zR/8Auv8AqP8gaP8xSf8AsP8Aq/8Ao/8faf8uT/8vTf80Rf8Hl/8Cnv8Il/8AzP8At/8Arf8oWP8Awf8Ojv8oWf8tUf8tUP/RTlEtAAAAoHRSTlMAgEBAQEC/gL+/QEC/QBCAEDCAQDC/QM+/v4BQICBgQO+/vyC/n5+/j4CAgICAYFBAQCAQ7+/Pn4CAgO/f37+/v5+fgHBgYGBg7+/Pz7+/v6+PgHBQMO/v79/fz7+vr6+fj4+AgHBQUEAwIO/f39/fz7+vr5+PcHBgUEAwEBDv79/f38/Pz6+vj4+PcHBwUDDvz8+/n59Q7+/v79/fz3Bw6visngAAChBJREFUeNrt3WVcE2EcwPG/raBzgzlQGkSxKDtQULC7u7u7u7s7UQxsEbu7u7u7W1/68Dxju7nbjXHT7c7/7xVvv58bg3vunv8DGIZhGIZhGIZhGIZhGIZhGIZhGIZhGIZhGIZhGIZhGIZhGCbj6vRJX+FGhfTjo4LB/urYrnXjbvfuVR7XP7+1uBnWrLl//8aNb+fPn38wanau4MFgJw0s37LHsOePH797d+/e9evX6xcDa9Rm/XoO+MGTJ09uVqwyvm/IELBhg6bma9b9zdu3t24914M3bqxshYvcZzPxGoBv3rz5+fbtCxcqVp2QK6QO/Nvyt1+WL7zruXPnfv56YwS2hjhqtUnwhRcvHj788mVE1Qm5Q0Lgb9fBa3Le8PBTp358vXz5sknwysogrsEVzIJfvrxy5enTO3dKlsyde4AmFKybwotAm5ZaePbs2WvXrp0yC15ZTOQHejUDD28V3Gb2KD4w8TLwq1fHSXfvLqhWrUXNmhqNBpKfytm5VtGiOXOGPXv06NKlS1evXhUCd2vcul3/5lpwfXEf6goM3AZYwVHjq5gDf/hw5syZ06dPX7x48X0jH58mTiQ3B5IaTOWRKZOjo2MZUk9XV9cNGzYcOXKI9Pr1M3Pg7s1aD9QKp9Wn4E39QUTBnyi4D3DzC841p0rSwGtJe+Pi1q1bt3PnyRP79x84cHjbtujo6FWrlpN27NmzPSYmZnd8/L59u3Zt3br16LHY2NiDSQN37dG6/CDgNo2Bx4GI2jDwYDDOLyTXnKoV+cBnBMCHRYFPUXB4s3xT2wNPzSlY1NdWCgrOAKYLGZC7d8kRFoJXccG7jcFH+MHhTfOVby/wK9qOgrdYCSycOqQvgXf+K+ChpUrlzevlBWZLaXWw+YZoNJE1W1Sr1lkH3vsnONok+CgXXC9nztJFi3p5eYA2+wRzCtVo3MgXtL+vr68L8ZoHlyDf0D3z5Mnj6eysAstj4E02AfOnTp1YGn2ZEjL2yQIsEIKTD96CYAQjWNrgFQi2BLwawXYcghGMYAQTr7XB7rWzRWTMmDVr1urpyqlkD04d0EC/pLWD3A5XL6ewInilfYGVkxoYrOHtYGt4OVT2BV5vJbAys/eBA3zg+PjsHjIEOzT4vt8UOH5fDYXcwAEnTwiBd41W2Q94jXiw0mUnB1w848Rs2dKlqz6DA941vZyMwGrvnTpwxknuoKt2jk4UTFdp+8kGrPZelwiOoFpu5Rrq1uFryAQc6p24Dt/EHXjqV1cLPuppJ+C0In9/1zGwtxvw55FdCz4WJAewfxwDu6jBZDm04IIe0ge7xTGwixIEKsfAsa6SBysLMDDxClaGgWM9pQ522kvB3u5gphwMXFAhbXDoXgZ2A3MpRrOnpXmkDQ5gYH/glJr/ajsycEGFlMHKAhTsrQRd6uLRqyJ4yaUp+KCnGPAmG4MD11KwE+irnnDvUDwbGOfBwIWkDG7CwErQp30BoEttnkt8jHgPbvCQMHgtBfuDMXj58qwq+CMVA9cSA95iU7ADA7vxgnfsyKEAw0pQcC/pgp0YGEyA93TqBwbVoOAw6YILU7CvSfD27Q0zAacgCt4gCrzClmAfCg4QAMfEZHEHXSoGdpYseCQFOwmCd8dPVEBiUgevpWAHM+D4HP8PWLuGp/+apuBacgfXhcQK0peHPSUOdjMHLsL9SG+Q8ke6EQHH8X1pcdfhG9YG2YB9KNhfCNypCOhzZGCVLcGbxYADKNhFAGz436UnA4NkwZEUHKc0Bc6SBgwqTcGFIJmlWmlrsJqBA/nBXYyeJhWk4NK2Ba8XAYYCdMeDLx+4eDoF/FFQLAV7ShhcmILXhYK+4gxc3R2McmVghYTBbmuN1vAiEsAz0oBxjscouBfYGLxGBBhGslVaNehSVo/uUhb4cmXgIEmDIxnYF8wXxNbwwkDS4MQnLU5gLo+CDOwpbTBEMvBOB7MPHrZScBhIHAwuDOytTtKjpVhnyYPVDHxSUKwgXgquAZIHQ2TiCwBlTXtn7mLgQgq7AKcHUfknvuIRoATeak9PfAFABXIAK1204AMN+C6yR0/dZloVyAJMxLq9pUZkVQ79ZlpPkAkYlL76zbTFI8q6A0uRZmJD/e7hgo4gGzCAv+Hu4awJdTLcPawC8eBNdgMGN2/j7dLbOeCeCpAXGNybCIBL1AaQGxggdUYueIceXLeMAqwE3mJPYEKO4AHPLEe4MgUDKMtGdOGCs/RzBwAZgyk6TVnyfjgpjQpI1gWvsEMwJwQjGMEIRjCCESwA3oxgOw7ByQGvtxbYPTVpUubM2VjpEipCSxhqqZIHWO1AhsQFkBFxO4U307JFSzIirjQdECc5cKgmsGZhn0Yf9SMPhcHGQy3DcvYqutSrg03AaywAawbULFytc+KMRxFg0msy5PHR0FJN83p6KewPHKohUy3nc+e0igezoZYkMsWTuOd62Qe4zoDcY5dox5YKgvebBO8zD2aDabuGk8ml/wI8HPgaEtK3d1U2mNYycHEytoTUkILrZq9r4STeMWQ0bUfga4p4cBQF3w8Gw/za5hq7mI4eNgt28fUNoOOWUwNAZgrOCLR0FJwFaGTaclCZPHlcXQslbdbysB4t2exhbpUpeBaIyI+BKw3mWqtUND9r2cenhVOg4URpQTA3lXNQwjDtoc/MTtOmas4FpuCWIKZK7ASASvQaB7cau4gM0xaapt2ZTA/nzg43DxYcC583b6kx+lnL/PPSG7ds1xEA8hfbyMDTQExRDHzjxvD0o+i8dFPgeSVb5NaogSUIXsUF76Zg4TzIlPhSXY3Bt/QD4rs1brxxIwPPAnFVomA2EZ8fPKJk7kANsMSBheswN1/TMfxgNhGfgVOBuPwqGIFv68BVJ1hwvgUFR5sBm2eXzxc+TABcDMRWpwIfuGLVXG39gCUebPnpFuQcDx7wpk3NQXx+lQzBFavorLYCswZOad5dB96YAK7fH6xSVKUb3xiYYxUP3i4SzNStx3XTgus37wjWyi+qVatWberQn+0LzA4gKkZKCfYXL1jOIThmd3aQcwhGsMz6AxyDYLkle7AysIlLHFvSOiGwaMlepj12LLZEr1oKkHCRBcganiVgsoZXLw9INjLFw3Iw2Vwq1YtMvEkDE+8u7iptIZBkbh8NwN+TDj5SFKTYSBFPWjxAegW+Z2B/Nwdaal3cw6VYjtqCamjBtUB6FWbgQLAoVT0KzgnSy4eC/cHCalDwIZBeDOwEFuYscXAAWJinxMEFlGBZhShYin+JI7VPSx3Agjy0J9OWBukVSsDJPpnWGSRY4eSfTCvFv0oAygJJAO/mA9dTgSRTF0jeybT1gkCiqRvt5QULn0wbJtHrSwtsZOlRvGHSXvIACHXQpr93MH3z4OwsxdskDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwzCb9BtCEESP7vUEFAAAAAElFTkSuQmCC)
}

.row-4 .feature-item.item-6 .feature-icon {
  background-image: url(data:image/png;base64,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)
}

.row-4 .feature-item.item-7 .feature-icon {
  background-image: url(/assets/features-07-B-BSRxJ1.png)
}

.row-4 .feature-item.item-8 .feature-icon {
  background-image: url(data:image/png;base64,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)
}

.row-5 {
  background-image: linear-gradient(#e6eef357,#fefefe57);
  position: relative;
  padding: 160px 0
}

.row-5 .container {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center
}

.row-5 article {
  text-align: left;
  width: 35%;
  display: inline-block;
  float: left
}

.row-5 aside {
  width: 65%;
  display: inline-block;
  position: relative
}

.row-5 .route-map {
  background-image: url(/assets/maps_2@2x-BugIRpXP.png);
  background-size: cover;
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative
}

.row-5 .route-map .pin {
  height: 16px;
  width: 16px;
  position: absolute;
  display: flex;
  background: #1582ff;
  border-radius: 50%;
  margin: -8px 0 0 -8px;
  top: 50px;
  right: 100px
}

.row-5 .route-map .pin.hk {
  top: 196px;
  right: 187px
}

.row-5 .route-map .pin.sh {
  top: 164px;
  right: 170px
}

.row-5 .route-map .pin.kr {
  top: 156px;
  right: 151px
}

.row-5 .route-map .pin.jp1 {
  top: 167px;
  right: 135px
}

.row-5 .route-map .pin.jp2 {
  top: 141px;
  right: 112px
}

.row-5 .route-map .pin.tw {
  top: 191px;
  right: 160px
}

.row-5 .route-map .pin.bj {
  top: 142px;
  right: 190px
}

.row-5 .route-map .pin.sg {
  top: 247px;
  right: 214px
}

.row-5 .route-map .pin.au {
  top: 346px;
  right: 91px
}

.row-5 .route-map .pin.ru {
  top: 93px;
  right: 385px
}

.row-5 .route-map .pin.uk {
  top: 101px;
  right: 494px
}

.row-5 .route-map .pin.de {
  top: 107px;
  right: 467px
}

.row-5 .route-map .pin.fr {
  top: 119px;
  right: 486px
}

.row-5 .route-map .pin.it {
  top: 144px;
  right: 451px
}

.row-5 .route-map .pin.ca {
  top: 123px;
  right: 815px
}

.row-5 .route-map .pin.la {
  top: 176px;
  right: 787px
}

.row-5 .route-map .pin.ny {
  top: 150px;
  right: 698px
}

.row-5 .route-map .pin.da {
  top: 158px;
  right: 744px
}

.row-5 .route-map .pin.se {
  top: 125px;
  right: 795px
}

.row-5 .route-map .wave-1 {
  width: 16px;
  height: 16px;
  background: #1582ff;
  border-radius: 50%;
  position: absolute;
  opacity: .5;
  animation: signalanimation-3a875803 3s infinite
}

.row-5 .route-map .wave-2 {
  width: 16px;
  height: 16px;
  background: #1582ff;
  border-radius: 50%;
  position: absolute;
  opacity: .5;
  animation: signalanimation-3a875803 3s infinite;
  animation-delay: .45s
}

@keyframes signalanimation-3a875803 {
  0% {
      width: 16px;
      height: 16px;
      margin: 0;
      opacity: .5
  }

  80% {
      width: 58px;
      height: 58px;
      margin: -135% 0 0 -135%;
      opacity: 0
  }

  to {
      width: 16px;
      height: 16px;
      margin: 0;
      opacity: 0
  }
}

.row-5 .route-map:after {
  content: "";
  display: block;
  padding-bottom: 44.67%
}

.row-5 h2 {
  margin-bottom: 15px
}

.row-5 p {
  color: #7e8794
}

.row-5 .number-100 {
  font-size: 56px
}

.row-5 .route-list {
  font-size: 14px;
  color: #9da7b5;
  margin-top: 20px
}

.row-6 {
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 357px;
  background-position: center
}

.row-6 .container {
  background-color: transparent;
  color: #fff
}

.row-6 .p-1 {
  font-size: 32px;
  color: #fff
}

.row-6 .p-2 {
  font-size: 40px;
  color: #fff;
  margin-top: 12px;
  margin-bottom: 12px
}

.row-6 .p-3 {
  font-size: 22px;
  color: #fff
}

.iplc-label {
  width: 75px;
  height: auto;
  margin-right: 8px;
  margin-bottom: -2px
}

.ms-label {
  width: 127px;
  height: auto;
  margin-left: 15px;
  margin-bottom: -3px
}

.row-7 {
  padding: 160px 0
}

.row-7 .container {
  background-color: transparent;
  text-align: left
}

.row-7 p {
  margin-top: 12px;
  color: #9da7b5;
  font-size: 20px
}

.row-7 .media-pf-container {
  position: relative
}

.row-7 .media-pf-list {
  margin-top: 70px
}

.row-7 .media-item {
  width: 13.8%;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block
}

.row-7 .media-item:after {
  content: "";
  display: block;
  padding-bottom: 194.75%
}

.row-7 .media-item:nth-child(1) {
  background-image: url(/assets/channel_netflix-BhtY85pV.jpg)
}

.row-7 .media-item:nth-child(2) {
  background-image: url(/assets/channel_prime_video-AC3rpvXy.jpg)
}

.row-7 .media-item:nth-child(3) {
  background-image: url(/assets/channel_disney_-Cynzt71X.jpg)
}

.row-7 .media-item:nth-child(4) {
  background-image: url(/assets/channel_hbo_max-BH2bj8YK.jpg)
}

.row-7 .media-item:nth-child(5) {
  background-image: url(/assets/channel_BBC_iplayer-BHr8u7yJ.jpg)
}

.row-7 .media-item:nth-child(6) {
  background-image: url(/assets/channel_mytv-CTEhdzNE.jpg)
}

.row-7 .media-item:nth-child(7) {
  background-image: url(/assets/channel_hulu-Ce6mAnCV.jpg)
}

.row-7 .media-item .blue-tick {
  position: absolute;
  width: 95px;
  height: 95px;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%);
  background-image: url(/assets/channel_blue_tick@2x-C69zf6_j.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.row-7 .media-character {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 97px;
  height: 279px;
  position: absolute;
  bottom: 0;
  left: -45px
}

.row-8 {
  background-image: linear-gradient(#fff,#fff 7.9%,#f0f5f8 8%,#e2ebf1)
}

.row-8 .container {
  background-color: transparent;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center
}

.row-8 article {
  text-align: left;
  width: 50%;
  display: inline-block;
  float: left;
  margin-top: 40px
}

.row-8 .number-3 {
  font-size: 56px;
  line-height: 78px;
  margin: 0 5px 0 10px
}

.row-8 p {
  color: #7e8794;
  font-size: 20px
}

.row-8 p:nth-child(2) {
  margin-bottom: 15px;
  margin-top: 10px
}

.row-8 p.small {
  font-size: 18px
}

.row-8 ul {
  margin-top: 20px
}

.row-8 ul li {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top
}

.row-8 .apple-icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='31px'%20height='40px'%20viewBox='0%200%2031%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eapple%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='1440~'%20transform='translate(-350.000000,%20-6180.000000)'%3e%3cg%20id='Group-18'%20transform='translate(350.000000,%205980.000000)'%3e%3cg%20id='Group-7'%20transform='translate(0.000000,%20200.000000)'%3e%3cg%20id='apple'%20transform='translate(-0.000000,%200.000000)'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20width='31'%20height='40'%3e%3c/rect%3e%3cpath%20d='M21.102969,5.97948718%20C22.5834008,4.39460189%2023.5847503,2.19419703%2023.3106613,0%20C21.1778677,0.0761133603%2018.5929825,1.25195682%2017.0620783,2.83670715%20C15.6897436,4.23967611%2014.4882591,6.48191633%2014.8089069,8.63306343%20C17.1887989,8.79406208%2019.620108,7.56180837%2021.102969,5.97948718%20Z%20M25.6450742,21.1326586%20C25.5995951,16.2134953%2029.5396761,13.8508772%2029.71417,13.7367072%20C27.4990553,10.3962213%2024.0492578,9.9391363%2022.8206478,9.88758435%20C19.8831309,9.57921727%2017.0929825,11.6665317%2015.6016194,11.6665317%20C14.1163293,11.6665317%2011.8188934,9.92807018%209.38259109,9.97476383%20C6.17975709,10.0275304%203.22860999,11.8925776%201.58367072,14.848448%20C-1.74345479,20.7948718%200.730904184,29.6036437%203.97300945,34.4269906%20C5.55789474,36.7882591%207.44493927,39.437112%209.92294197,39.3412955%20C12.3149798,39.2454791%2013.2167341,37.7503374%2016.1026991,37.7503374%20C18.9898785,37.7503374%2019.7982456,39.3412955%2022.3241565,39.2933873%20C24.894332,39.2454791%2026.5209177,36.8866397%2028.0923077,34.5179487%20C29.9105263,31.7794872%2030.660054,29.1282051%2030.702969,28.994332%20C30.6477733,28.9623482%2025.6978408,27.0151147%2025.6450742,21.1326586%20Z'%20id='Shape'%20fill='%233A424E'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.row-8 .windows-icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='35px'%20height='40px'%20viewBox='0%200%2035%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ewindows%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='1440~'%20transform='translate(-404.000000,%20-6180.000000)'%3e%3cg%20id='Group-18'%20transform='translate(350.000000,%205980.000000)'%3e%3cg%20id='Group-7'%20transform='translate(0.000000,%20200.000000)'%3e%3cg%20id='windows'%20transform='translate(54.000000,%200.000000)'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20width='35'%20height='40'%3e%3c/rect%3e%3cpolygon%20id='Path'%20fill='%233A424E'%20fill-rule='nonzero'%20points='16.3967398%204.73278996%2034.6153846%202%2034.6153846%2018.2146034%2016.3967398%2018.2146034'%3e%3c/polygon%3e%3cpolygon%20id='Path'%20fill='%233A424E'%20fill-rule='nonzero'%20points='0%207.10123948%2013.9675781%205.03641827%2013.9675781%2018.3967398%200%2018.3967398'%3e%3c/polygon%3e%3cpolygon%20id='Path'%20fill='%233A424E'%20fill-rule='nonzero'%20points='16.3967398%2033.8825947%2034.6153846%2036.6153846%2034.6153846%2020.8259014%2016.3967398%2020.8259014'%3e%3c/polygon%3e%3cpolygon%20id='Path'%20fill='%233A424E'%20fill-rule='nonzero'%20points='0%2031.5141451%2013.9675781%2033.5789663%2013.9675781%2020.8259014%200%2020.8259014'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.row-8 .android-icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='40px'%20viewBox='0%200%2032%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eandroid-seeklogo.com%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='1440~'%20transform='translate(-462.000000,%20-6180.000000)'%3e%3cg%20id='Group-18'%20transform='translate(350.000000,%205980.000000)'%3e%3cg%20id='Group-7'%20transform='translate(0.000000,%20200.000000)'%3e%3cg%20id='android-seeklogo.com'%20transform='translate(112.000000,%200.000000)'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20width='32'%20height='40'%3e%3c/rect%3e%3cpath%20d='M26.1073604,14.0504235%20L26.1073604,28.5445931%20C26.1073604,29.8302692%2025.1137234,30.8753332%2023.8493523,30.9568813%20L23.6899482,30.9620042%20L22.0858497,30.9610906%20L22.0863516,35.90669%20C22.0863516,37.1033535%2021.1738293,38.0657218%2019.9987696,38.1438417%20L19.8440655,38.1489631%20C18.5953764,38.1489631%2017.6017782,37.1553823%2017.6017782,35.90669%20L17.6017782,35.90669%20L17.6008497,30.9610906%20L14.6138497,30.9610906%20L14.6143521,35.90669%20C14.6143521,37.1033535%2013.7018288,38.0657218%2012.526769,38.1438417%20L12.3720649,38.1489631%20C11.1233758,38.1489631%2010.1297783,37.1553823%2010.1297783,35.90669%20L10.1297783,35.90669%20L10.1288497,30.9610906%20L8.52618279,30.9620042%20C7.24050652,30.9620042%206.19544197,29.9683672%206.11389389,28.7039971%20L6.10877098,28.5445931%20L6.10877098,14.0504235%20L26.1073604,14.0504235%20Z%20M3.03213655,13.665835%20C4.28082528,13.665835%205.27442332,14.6594332%205.27442332,15.9081222%20L5.27442332,15.9081222%20L5.27442332,25.2481221%20C5.27442332,26.4968111%204.28082528,27.4904094%203.03213655,27.4904094%20C1.78344772,27.4904094%200.789849745,26.4968111%200.789849745,25.2481221%20L0.789849745,25.2481221%20L0.789849745,15.9081222%20C0.789849745,14.6594332%201.78344772,13.665835%203.03213655,13.665835%20Z%20M29.184138,13.665835%20C30.4328271,13.665835%2031.4264242,14.6594332%2031.4264242,15.9081222%20L31.4264242,15.9081222%20L31.4264242,25.2481221%20C31.4264242,26.4968111%2030.4328271,27.4904094%2029.184138,27.4904094%20C27.9354489,27.4904094%2026.9418508,26.4968111%2026.9418508,25.2481221%20L26.9418508,25.2481221%20L26.9418508,15.9081222%20C26.9418508,14.6594332%2027.9354489,13.665835%2029.184138,13.665835%20Z%20M22.3164192,1.89810576%20C22.3694255,1.89862654%2022.4188173,1.91233887%2022.4675075,1.93932664%20C22.6045575,2.01529556%2022.6627665,2.16113751%2022.6206461,2.30220137%20L22.5911257,2.37198952%20L21.0115658,5.22549705%20C23.9611827,6.76026403%2025.981652,9.63629236%2026.1017085,12.9575138%20L26.1073604,13.2606446%20L6.10877098,13.2606446%20C6.11276401,9.91326451%208.04659265,6.98392403%2010.9390044,5.36869132%20L11.2045646,5.22549705%20L9.62500633,2.37198952%20C9.53615215,2.21169241%209.58873194,2.02795705%209.74862401,1.93932664%20C9.79731398,1.91233887%209.84670604,1.8986634%209.89971224,1.89810576%20C9.99048913,1.89724742%2010.0774825,1.93335751%2010.1396468,2.00375738%20L10.1812857,2.06294476%20L11.7814478,4.9473571%20C13.0904426,4.36672933%2014.5586853,4.04082819%2016.1080658,4.04082819%20C17.5283301,4.04082819%2018.8804161,4.31467567%2020.1041612,4.80754815%20L20.4346827,4.9473571%20L22.0348447,2.06294476%20C22.095388,1.95372308%2022.2029465,1.89702633%2022.3164192,1.89810576%20Z%20M11.4929791,7.93134977%20C11.0364486,7.93134977%2010.6585598,8.3092381%2010.6585598,8.76576965%20C10.6585598,9.22230011%2011.0364486,9.60018843%2011.4929791,9.60018843%20C11.9495096,9.60018843%2012.3273979,9.22230011%2012.3273979,8.76576965%20C12.3273979,8.3092381%2011.9495096,7.93134977%2011.4929791,7.93134977%20Z%20M20.7230971,7.93134977%20C20.2665665,7.93134977%2019.8886772,8.3092381%2019.8886772,8.76576965%20C19.8886772,9.22230011%2020.2665665,9.60018843%2020.7230971,9.60018843%20C21.1796265,9.60018843%2021.5575158,9.22230011%2021.5575158,8.76576965%20C21.5575158,8.3092381%2021.1796265,7.93134977%2020.7230971,7.93134977%20Z'%20id='Combined-Shape'%20fill='%233A424E'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.row-8 .linux-icon {
  background-image: url(/assets/icon_os_linux-D91QYGnC.svg)
}

.row-8 aside {
  width: 50%;
  display: inline-block;
  position: relative
}

.row-8 .characters {
  background-image: url(/assets/characters@2x-DfMNeoyn.png);
  background-size: cover;
  width: 100%;
  height: auto;
  display: inline-block
}

.row-8 .characters:after {
  content: "";
  display: block;
  padding-bottom: 81.125%
}

.row-8 .signal-l {
  background-image: url(/assets/signal-l@2x-eXRTqmIH.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 283px;
  height: 210px;
  position: absolute;
  top: 0;
  left: 105px
}

.row-8 .signal-m {
  background-image: url(/assets/signal-m@2x-DF7BOQnp.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 187px;
  height: 169px;
  position: absolute;
  top: 0;
  left: 333px
}

.row-8 .signal-r {
  background-image: url(/assets/signal-r@2x-B9FYLWd3.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 411px;
  height: 357px;
  position: absolute;
  top: 50px;
  left: 346px
}

.row-9 {
  padding: 160px 0
}

.row-9 .container {
  background-color: transparent
}

.row-9 p {
  margin-top: 12px;
  color: #9da7b5;
  font-size: 20px
}

.row-9 .app-carousel .apps-display {
  margin-top: 70px;
  background-image: url(/assets/apps_full@2x-Cj_GnVWq.jpg);
  background-size: 1960px;
  height: 380px;
  background-position: 1000px top;
  animation: carouselanimation-3a875803 60s infinite;
  animation-timing-function: linear
}

@keyframes carouselanimation-3a875803 {
  0% {
      background-position: 1500px top
  }

  to {
      background-position: 0px top
  }
}

.row-10 {
  padding: 160px 0;
  background-image: linear-gradient(#f4f8fa57,#e8eff457)
}

.row-10 .container {
  background-color: transparent
}

.row-10 p {
  font-size: 20px;
  color: #9da7b5;
  margin-top: 12px
}

.row-10 .flow-list {
  width: 1240px;
  margin: 70px auto 0
}

.row-10 .flow-item {
  display: flex;
  justify-content: flex-start;
  align-content: center
}

.row-10 .content-container {
  text-align: left;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.row-10 .content-container .list-title {
  font-size: 22px
}

.row-10 .content-container p {
  font-size: 18px;
  color: #7e8794;
  margin-top: 4px
}

.row-10 .flow-number {
  width: 120px;
  height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 60px
}

.row-10 .content-container {
  width: calc(100% - 290px);
  padding-right: 20px
}

.row-10 .timer {
  width: 110px;
  font-size: 18px;
  color: #9da7b5;
  display: flex;
  align-items: center
}

.row-10 .timer .time {
  font-size: 32px;
  margin: 0 5px
}

.row-11 {
  padding: 160px 0
}

.row-11 .container {
  background-color: transparent
}

.row-11 .plan-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 70px;
  margin-bottom: 50px
}

.row-11 h3 {
  margin-bottom: 20px
}

.row-11 .plan-list .plan-item {
  width: 380px;
  display: inline-block;
  margin-right: 40px
}

.row-11 .plan-list li:last-child {
  margin-right: 0
}

.row-11 .plan-character {
  width: 100%;
  height: 262px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

.row-11 .plan-content {
  box-shadow: 0 7px 37px #97acb938;
  margin-top: -182px;
  padding-top: 60px;
  padding-bottom: 60px;
  border-radius: 10px
}

.row-11 .plan-title {
  font-size: 30px;
  font-weight: 600;
  color: #3a424e
}

.row-11 .plan-description {
  font-size: 18px;
  color: #9da7b5;
  padding: 0 25px;
  margin-top: 10px;
  min-height: 50px
}

.row-11 .plan-detail {
  margin-top: 30px;
  text-align: left;
  padding: 0 50px
}

.row-11 .plan-content-item {
  margin-bottom: 5px
}

.row-11 .plan-content-item p {
  font-size: 18px;
  color: #3a424e;
  display: inline-block;
  vertical-align: top
}

.row-11 .plan-content-item p .traffic,.row-11 .plan-content-item p .device {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2
}

.row-11 .circle-tick {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='128px'%20height='128px'%20viewBox='0%200%20128%20128'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicn_tick%3c/title%3e%3cg%20id='icn_tick'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Group-34'%3e%3ccircle%20id='Oval-Copy-3'%20fill='%231E98F5'%20cx='64'%20cy='64'%20r='64'%3e%3c/circle%3e%3cpath%20d='M93.6873844,39.0136415%20C95.706693,37.1300667%2098.8706051,37.2401007%20100.75418,39.2594093%20C102.582355,41.2193264%20102.532469,44.2575076%20100.681629,46.156746%20L100.508412,46.3262047%20L51.8772624,91.688468%20L27.4905796,66.2800623%20C25.5784256,64.2877953%2025.6433701,61.1226366%2027.6356372,59.2104826%20C29.5693081,57.3545684%2032.6078917,57.361163%2034.5333075,59.1847548%20L34.7052169,59.3555401%20L52.265,77.651%20L93.6873844,39.0136415%20Z'%20id='Path-16-Copy'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  display: inline-block;
  margin-right: 10px
}

.row-11 .start {
  height: 20px;
  margin-left: 10px;
  vertical-align: inherit
}

.row-11 .from-price {
  margin-top: 40px;
  color: #3a424e;
  font-weight: 600
}

.row-11 .event_label {
  font-size: 14px;
  background: linear-gradient(90deg,#27bff9 0% 5%,#4e04ff 40%,#9600d2 52%,#ff0171);
  color: #fff;
  padding: 2px 10px 3px;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 13px;
  margin-bottom: -10px;
  display: inline-block;
  font-weight: 700
}

.row-11 .price_tag {
  font-size: 20px;
  margin-right: -3px
}

.row-11 .unit {
  font-size: 22px
}

.row-11 .price_amount {
  font-size: 42px
}

.row-11 .orig_price {
  text-decoration: line-through;
  font-weight: 400;
  margin-left: 5px;
  font-size: 20px
}

.row-11 .payment_support {
  margin-top: 28px
}

.row-11 .payment_support ul,.row-11 .payment_support ul li {
  display: inline-block;
  margin: 0
}

.row-11 .payment_support li {
  border-right: 0;
  padding: 0 7px
}

.row-11 .payment_support li img {
  height: 22px
}

.row-11 .payment_support span {
  vertical-align: super
}

.row-11 .remarks {
  font-size: 18px;
  color: #9da7b5;
  margin-top: 30px
}

.row-12 {
  background-image: linear-gradient(#e6eef357,#fefefe57);
  position: relative;
  padding: 160px 0
}

.row-12 .container {
  background-color: transparent
}

.row-12 ul {
  margin: 70px auto;
  width: 70%
}

.row-12 .q-item {
  background-color: #f1f2f8;
  margin-bottom: 25px;
  border-radius: 5px;
  box-shadow: 0 7px 45px #97acb938
}

.row-12 .q-item .question {
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
  box-sizing: border-box;
  clear: both
}

.row-12 .q-item .question h3 {
  font-size: 18px;
  text-align: left;
  padding: 0 50px 0 0
}

.row-12 .q-item .question .plus-icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='19px'%20viewBox='0%200%2020%2019'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eGroup%2072%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20stroke-linecap='round'%3e%3cg%20id='1440~-hover'%20transform='translate(-1372.000000,%20-10075.000000)'%20stroke='%231E98F5'%20stroke-width='3'%3e%3cg%20id='Group-91'%20transform='translate(0.000000,%209767.000000)'%3e%3cg%20id='Group-75'%20transform='translate(500.000000,%20275.000000)'%3e%3cg%20id='Group-72'%20transform='translate(874.000000,%2034.000000)'%3e%3cline%20x1='8'%20y1='0.5'%20x2='8'%20y2='16.5'%20id='Line-3'%3e%3c/line%3e%3cline%20x1='16'%20y1='8.5'%20x2='0'%20y2='8.5'%20id='Line-3'%3e%3c/line%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  width: 40px;
  height: 40px;
  float: right;
  display: block;
  transition: all .4s ease
}

.row-12 .q-item .answer {
  padding: 30px;
  display: none;
  background-color: #f8f9fa
}

.row-12 .q-item .answer p {
  font-size: 18px;
  text-align: left;
  color: #7f8693
}

.row-12 .go-to-faq {
  font-size: 20px;
  border-radius: 8px;
  color: #237eff;
  background-color: #fff;
  border: 2px solid #237EFF;
  padding: 0 20px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 60px;
  display: inline-block;
  transition: all .2s ease;
  cursor: pointer
}

.row-12 .go-to-faq:hover {
  background-color: #ecf2f9;
  border-color: #9dc6ff
}

.row-12.inner-page {
  padding: 0 0 30px;
  background-color: transparent;
  background-image: none
}

.row-12.inner-page .container {
  background-color: transparent;
  box-shadow: none;
  padding: 0
}

.row-12 header {
  z-index: 1
}

.row-13 {
  background-image: linear-gradient(#f8f8f857,#eaeaea57);
  padding: 160px 0
}

.row-13 .container {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center
}

.row-13 aside {
  width: 75%;
  display: inline-block
}

.row-13 aside .backend_screen {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  height: 705px;
  width: 100%
}

.row-13 aside .backend_screen:after {
  content: "";
  padding-bottom: 79.02%;
  display: inline-block
}

.row-13 article {
  width: 45%;
  display: inline-block;
  text-align: left
}

.row-13 p {
  font-size: 22px;
  color: #7e8794;
  margin-top: 15px;
  margin-bottom: 20px
}

.row-13 .button {
  width: 200px;
  margin-right: 10px;
  margin-bottom: 10px
}

.login_button-row13 {
  color: #237eff;
  background-color: #fff;
  border: 2px solid #237EFF
}

.login_button-row13:hover {
  background-color: #e9f2ff;
  border-color: #9dc6ff
}

.row-13 .function-list {
  font-size: 18px;
  color: #7e8794;
  margin-bottom: 30px
}

.row-14 {
  padding: 60px 0;
  background-image: linear-gradient(#e2ebf18c,#f0f5f88c)
}

.row-14 .container {
  background-color: transparent;
  display: flex
}

.row-14 aside {
  width: 55%;
  display: inline-block
}

.row-14 article {
  width: 45%;
  display: inline-flex;
  text-align: left;
  flex-direction: column;
  justify-content: center
}

.row-14 h2 {
  margin-bottom: 15px
}

.row-14 p {
  color: #7e8794;
  margin-bottom: 10px
}

.row-14 .privacy_protection {
  background-image: url(/assets/graphic_privacy-BQ4RCJux.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%
}

.row-14 .privacy_protection:after {
  content: "";
  padding-bottom: 100%;
  display: inline-block
}

.row-14 .privacy_protection-x {
  background-image: url(/assets/x2-BXjkVXks.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%
}

.row-14 .privacy_protection-x:after {
  content: "";
  padding-bottom: 100%;
  display: inline-block
}

.row-15 {
  padding: 60px 0;
  background-color: #f5f8fa
}

.row-15 .container {
  background-color: transparent
}

.row-15 .logo-carousel {
  min-width: unset;
  width: 1440px;
  margin: auto;
  background-color: transparent
}

.row-15 .logo-carousel .partner-logo-display {
  background-image: url(/assets/partner_logo_display-Bvx3v6c_.png);
  background-size: 1440px;
  height: 290px;
  background-position: 0px top;
  width: 100%
}

.row-16 {
  background-color: #0a0a0a;
  background-image: url(/assets/bg_4k-DW1At10Z.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.row-16 .container {
  background-color: transparent;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap
}

.row-16 article {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  color: #fff;
  text-align: left
}

.row-16 h2 {
  color: #fff;
  text-align: left;
  margin-bottom: 12px
}

.row-16 p {
  color: #fff
}

.row-16 .fourk-label {
  width: 84px;
  height: auto;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -3px
}

.row-16 aside {
  width: 60%;
  margin-top: 50px
}

.row-16 aside .fourk-screen {
  background-image: url(/assets/4k_screen@2x-DlF-wIrS.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%
}

.row-16 aside .fourk-screen:after {
  content: "";
  padding-bottom: 60.035%;
  display: block
}

.row-17 {
  background: linear-gradient(#e1e2e2b3,#e6eef357);
  padding: 80px 0
}

.row-17 h2 {
  display: block;
  width: 100%;
  margin-bottom: 20px
}

.row-17 h3 {
  display: block;
  width: 100%;
  margin-bottom: 30px
}

.row-17 .container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  flex-wrap: wrap
}

.row-17 .download-item-container {
  display: inline-flex;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px #d2d3d8,0 0 1px #d1d2d8;
  padding: 30px 40px;
  text-align: left;
  width: calc(42% - 60px);
  margin: 0 10px 20px;
  align-items: center
}

.row-17 .download-item-container .download-item-thumbnail {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.row-17 .download-item-container .download-item-text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.row-17 .download-item-container .button {
  font-size: 14px;
  line-height: 38px;
  width: 200px;
  margin-top: 4px
}

.row-17 .download-item-container .title {
  font-size: 20px;
  font-weight: 600
}

.row-17 .download-item-container .remark {
  font-size: 13px;
  color: #8c94a1;
  margin-top: 8px
}

footer,footer .container-fluid,footer .container {
  background-color: #292f36;
  color: #fff
}

footer .container {
  padding: 50px 25px;
  text-align: left;
  position: relative
}

footer .social-media {
  width: 23px;
  height: 23px;
  margin-left: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block
}

footer .social-media-container a:hover {
  opacity: 55%
}

footer p {
  color: #fff;
  font-size: 14px
}

.footer-logo-container {
  position: relative;
  display: block
}

.footer-logo-container .footer-logo {
  background-image: url(/assets/logo-footer-BJEz_Tcx.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  width: 163px;
  height: 25px;
  display: inline-block;
  margin-right: 10px
}

.footer-logo-container p {
  display: inline-block;
  vertical-align: super
}

.footer .social-media-container {
  display: inline-block;
  position: absolute;
  top: 50px;
  right: 25px
}

.footer .social-media-container p {
  display: inline-block;
  vertical-align: super
}

.footer-links {
  margin: 25px 0
}

.footer-links a {
  color: #fff;
  font-size: 16px;
  margin-right: 20px
}

p.copyright {
  color: #7f8693
}

.footer a:hover {
  color: #9da7b5
}

.gradient-main-top {
  background-image: linear-gradient(to right,#0096ff 10%,#2f5dff 45%,#4f35ff);
  padding-top: 140px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden
}

.gradient-main-top:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  opacity: .2;
  mix-blend-mode: luminosity;
  pointer-events: none;
  width: 320px;
  height: 275px;
  right: 40px;
  bottom: -10px
}

.gradient-main-top .container {
  background-color: transparent;
  z-index: 1
}

.gradient-main-top h1 {
  color: #fff
}

.theme-gradient-text {
  background: linear-gradient(120deg,#27bff9 0% 25%,#4e04ff 40%,#9600d2 52%,#db0161 72%,#f52222 80% 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

@media (max-width: 2048px) {
  .container-fluid {
      min-width:100%
  }

  .container {
      max-width: 1240px;
      width: 100%
  }

  

  p {
      font-size: 18px
  }

  .container-fluid.inner-page .container {
      margin: 30px auto;
      width: 1190px
  }

  .row-1-upper h1 {
      margin-top: 60px
  }

  .row-1-upper ul {
      margin-top: 0
  }

  .row-1-upper ul li {
      font-size: 20px
  }

  .row-1-upper p {
      font-size: 24px
  }

  .row-1-upper .price_tag {
      font-size: 32px
  }

  .row-1-upper .price_amount {
      font-size: 48px
  }

  .container-fluid.row-1-lower {
      height: 700px
  }

  .banner-element {
      height: 750px
  }

  .row-2 h3 {
      font-size: 22px
  }

  .row-2 p {
      font-size: 18px
  }

  .row-3 h2 {
      margin-bottom: 15px
  }

  .row-3 .number-2 {
      font-size: 48px
  }

  .row-3 article {
      margin-left: 25px
  }

  .row-4 {
      padding: 100px 0 60px
  }

  .row-4 .feature-list {
      width: 1240px
  }

  .row-4 .feature-list li {
      width: 520px;
      margin-right: 40px
  }

  .row-4 .feature-list li p {
      font-size: 16px
  }

  .row-4 .feature-item .feature-icon {
      width: 100px;
      height: 100px
  }

  .row-5 {
      padding: 100px 0
  }

  .row-5 article {
      padding-left: 25px;
      box-sizing: border-box
  }

  .row-5 .number-100 {
      font-size: 46px
  }

  .row-5 .route-map .pin.hk {
      top: 168px;
      right: 165px
  }

  .row-5 .route-map .pin.sh {
      top: 146px;
      right: 150px
  }

  .row-5 .route-map .pin.kr {
      top: 132px;
      right: 128px
  }

  .row-5 .route-map .pin.jp1 {
      top: 142px;
      right: 116px
  }

  .row-5 .route-map .pin.jp2 {
      top: 122px;
      right: 94px
  }

  .row-5 .route-map .pin.tw {
      top: 165px;
      right: 142px
  }

  .row-5 .route-map .pin.bj {
      top: 123px;
      right: 165px
  }

  .row-5 .route-map .pin.sg {
      top: 217px;
      right: 183px
  }

  .row-5 .route-map .pin.au {
      top: 300px;
      right: 80px
  }

  .row-5 .route-map .pin.ru {
      top: 88px;
      right: 349px
  }

  .row-5 .route-map .pin.uk {
      top: 85px;
      right: 427px
  }

  .row-5 .route-map .pin.de {
      top: 87px;
      right: 397px
  }

  .row-5 .route-map .pin.fr {
      top: 102px;
      right: 418px
  }

  .row-5 .route-map .pin.it {
      top: 122px;
      right: 386px
  }

  .row-5 .route-map .pin.ca {
      top: 102px;
      right: 702px
  }

  .row-5 .route-map .pin.la {
      top: 143px;
      right: 687px
  }

  .row-5 .route-map .pin.ny {
      top: 130px;
      right: 598px
  }

  .row-5 .route-map .pin.da {
      top: 133px;
      right: 639px
  }

  .row-5 .route-map .pin.se {
      top: 108px;
      right: 676px
  }

  .row-6 {
      padding-top: 160px;
      padding-bottom: 300px
  }

  .row-6 .p-1 {
      font-size: 28px
  }

  .row-6 .p-3 {
      font-size: 18px
  }

  .row-7 {
      padding: 100px 25px
  }

  .row-7 p {
      font-size: 18px;
      margin-top: 5px
  }

  .row-7 .media-pf-list {
      margin-top: 30px
  }

  .row-8 article {
      margin-top: 0;
      padding-left: 25px
  }

  .row-8 .number-3 {
      font-size: 46px
  }

  .row-8 p {
      font-size: 18px
  }

  .row-8 ul li {
      width: 35px;
      height: 35px
  }

  .row-8 .signal-l {
      width: 233px;
      left: 75px
  }

  .row-8 .signal-m {
      width: 157px;
      left: 293px
  }

  .row-8 .signal-r {
      width: 331px;
      left: 304px
  }

  .row-9 {
      padding-bottom: 100px;
      padding-top: 100px
  }

  .row-9 p {
      font-size: 18px;
      margin-top: 5px
  }

  .row-9 .app-carousel .apps-display {
      margin-top: 30px;
      background-size: 1600px;
      height: 312px
  }

  .row-10 {
      padding: 100px 0
  }

  .row-10 p {
      font-size: 18px;
      margin-top: 5px
  }

  .row-10 .flow-list {
      margin-top: 30px;
      width: 1190px
  }

  .row-10 .flow-item {
      margin-bottom: 10px
  }

  .row-10 .content-container .list-title {
      font-size: 20px
  }

  .row-10 .content-container p {
      font-size: 15px;
      margin-top: 2px
  }

  .row-10 .flow-number {
      width: 100px;
      height: 100px
  }

  .row-10 .timer {
      font-size: 15px
  }

  .row-10 .timer .time {
      font-size: 26px
  }

  .row-11 {
      padding: 100px 0
  }

  .row-11 .plan-list {
      margin-top: 30px
  }

  .row-11 .plan-content {
      padding-bottom: 36px
  }

  .row-11 .plan-title {
      font-size: 24px
  }

  .row-11 .plan-description,.row-11 .plan-content-item p {
      font-size: 14px
  }

  .row-11 .plan-detail {
      margin-top: 22px
  }

  .row-11 .circle-tick {
      width: 20px;
      height: 20px;
      margin-right: 5px
  }

  .row-11 .start {
      height: 15px;
      vertical-align: middle;
      margin-bottom: 3px;
      margin-left: 5px
  }

  .row-11 .from-price {
      margin-top: 24px
  }

  .row-11 .price_tag {
      font-size: 23px
  }

  .row-11 .unit {
      font-size: 16px
  }

  .row-11 .price_amount {
      font-size: 30px
  }

  .row-11 .remarks {
      font-size: 16px
  }

  .row-12 {
      padding: 100px 0
  }

  .row-12 ul {
      margin-top: 30px
  }

  .row-12 .q-item .question .plus-icon {
      margin-top: -6px
  }

  .row-13 {
      padding-top: 80px;
      padding-bottom: 80px
  }

  .row-13 article {
      padding-left: 25px
  }

  .row-13 aside .backend_screen {
      height: 600px
  }

  .row-13 p {
      font-size: 18px
  }

  .row-13 .function-list {
      font-size: 16px
  }

  .row-13 .button {
      width: 160px
  }

  .row-14 .privacy_protection {
      width: 75%;
      margin: auto
  }

  .row-14 article p {
      width: 480px
  }

  .row-15 .logo-carousel {
      width: 1240px
  }

  .row-15 .logo-carousel .partner-logo-display {
      background-size: 1240px;
      height: 250px
  }

  .row-16 {
      padding: 0 25px
  }

  .row-16 aside {
      margin-top: 50px
  }
}

@media (max-width: 1439px) {
  .container {
      max-width:1240px
  }

  .container-fluid.inner-page .container {
      margin: 30px auto
  }

  .row-4 .feature-list {
      width: 1240px
  }

  .row-4 .feature-list li {
      width: 480px;
      margin-left: 0
  }

  .row-5 article {
      padding-left: 25px;
      box-sizing: border-box
  }

  .row-5 .route-map .pin.hk {
      top: 168px;
      right: 165px
  }

  .row-5 .route-map .pin.sh {
      top: 146px;
      right: 150px
  }

  .row-5 .route-map .pin.kr {
      top: 132px;
      right: 128px
  }

  .row-5 .route-map .pin.jp1 {
      top: 142px;
      right: 116px
  }

  .row-5 .route-map .pin.jp2 {
      top: 122px;
      right: 94px
  }

  .row-5 .route-map .pin.tw {
      top: 165px;
      right: 142px
  }

  .row-5 .route-map .pin.bj {
      top: 123px;
      right: 165px
  }

  .row-5 .route-map .pin.sg {
      top: 217px;
      right: 183px
  }

  .row-5 .route-map .pin.au {
      top: 300px;
      right: 80px
  }

  .row-5 .route-map .pin.ru {
      top: 88px;
      right: 349px
  }

  .row-5 .route-map .pin.uk {
      top: 85px;
      right: 427px
  }

  .row-5 .route-map .pin.de {
      top: 87px;
      right: 397px
  }

  .row-5 .route-map .pin.fr {
      top: 102px;
      right: 418px
  }

  .row-5 .route-map .pin.it {
      top: 122px;
      right: 386px
  }

  .row-5 .route-map .pin.ca {
      top: 102px;
      right: 702px
  }

  .row-5 .route-map .pin.la {
      top: 143px;
      right: 687px
  }

  .row-5 .route-map .pin.ny {
      top: 130px;
      right: 598px
  }

  .row-5 .route-map .pin.da {
      top: 133px;
      right: 639px
  }

  .row-5 .route-map .pin.se {
      top: 108px;
      right: 676px
  }

  .row-7 .media-item .blue-tick {
      width: 70px;
      height: 70px
  }

  .row-8 article {
      padding-left: 25px
  }

  .row-8 .signal-l {
      width: 233px;
      left: 75px
  }

  .row-8 .signal-m {
      width: 157px;
      left: 293px
  }

  .row-8 .signal-r {
      width: 331px;
      left: 304px
  }
}

@media (max-width: 1239px) {
  .container {
      max-width:1024px
  }

  .container-fluid.inner-page .container {
      width: 974px;
      margin: 30px auto
  }

  .row-2 .container article {
      width: auto;
      padding: 38px 70px;
      margin: 0 52px
  }

  .row-3 .signup_character {
      width: 170px;
      height: 250px;
      bottom: 30px
  }

  .row-4 .feature-list {
      width: 1024px
  }

  .row-4 .feature-list li {
      width: calc(50% - 20px);
      margin-right: 40px
  }

  .row-5 .route-map .pin {
      height: 12px;
      width: 12px;
      margin: -6px 0 0 -6px
  }

  .row-5 .route-map .wave-1,.row-5 .route-map .wave-2 {
      width: 12px;
      height: 12px
  }

  @keyframes signalanimation-3a875803 {
      0% {
          width: 12px;
          height: 12px;
          margin: 0;
          opacity: .5
      }

      80% {
          width: 48px;
          height: 48px;
          margin: -150% 0 0 -150%;
          opacity: 0
      }

      to {
          width: 12px;
          height: 12px;
          margin: 0;
          opacity: 0
      }
  }

  .row-5 .route-map .pin.hk {
      top: 140px;
      right: 133px
  }

  .row-5 .route-map .pin.sh {
      top: 120px;
      right: 121px
  }

  .row-5 .route-map .pin.kr {
      top: 113px;
      right: 102px
  }

  .row-5 .route-map .pin.jp1 {
      top: 118px;
      right: 93px
  }

  .row-5 .route-map .pin.jp2 {
      top: 101px;
      right: 76px
  }

  .row-5 .route-map .pin.tw {
      top: 135px;
      right: 117px
  }

  .row-5 .route-map .pin.bj {
      top: 107px;
      right: 135px
  }

  .row-5 .route-map .pin.sg {
      top: 197px;
      right: 136px
  }

  .row-5 .route-map .pin.au {
      top: 248px;
      right: 65px
  }

  .row-5 .route-map .pin.ru {
      top: 74px;
      right: 288px
  }

  .row-5 .route-map .pin.uk {
      top: 73px;
      right: 349px
  }

  .row-5 .route-map .pin.de {
      top: 72px;
      right: 327px
  }

  .row-5 .route-map .pin.fr {
      top: 82px;
      right: 345px
  }

  .row-5 .route-map .pin.it {
      top: 101px;
      right: 318px
  }

  .row-5 .route-map .pin.ca {
      top: 82px;
      right: 572px
  }

  .row-5 .route-map .pin.la {
      top: 115px;
      right: 564px
  }

  .row-5 .route-map .pin.ny {
      top: 106px;
      right: 490px
  }

  .row-5 .route-map .pin.da {
      top: 110px;
      right: 526px
  }

  .row-5 .route-map .pin.se {
      top: 88px;
      right: 540px
  }

  .row-7 .media-character {
      width: 70px;
      height: 203px;
      left: -25px
  }

  .row-8 {
      background-image: linear-gradient(#f0f5f8,#e2ebf1)
  }

  .row-8 .signal-l {
      width: 183px;
      left: 71px
  }

  .row-8 .signal-m {
      width: 133px;
      left: 243px
  }

  .row-8 .signal-r {
      width: 281px;
      left: unset;
      right: -23px
  }

  .row-10 .flow-list {
      margin-top: 30px;
      width: 1024px
  }

  .row-13 aside .backend_screen {
      height: 495px
  }

  .row-14 {
      padding: 60px 0
  }

  .row-14 .container {
      max-width: 1024px
  }

  .row-14 article {
      padding-right: 25px
  }

  .row-14 .privacy_protection {
      width: 80%
  }

  .row-15 .logo-carousel {
      width: 1024px
  }

  .row-15 .logo-carousel .partner-logo-display {
      background-size: 1024px;
      height: 205px
  }

  .row-17 .download-item-container {
      width: calc(45% - 60px)
  }

  .row-17 .download-item-container .download-item-thumbnail {
      width: 100px;
      height: 100px;
      margin-right: 20px
  }
}

@media (max-width: 1023px) {
  .container-fluid {
      width:100%;
      box-sizing: border-box
  }

  .container {
      max-width: 768px;
      width: 100%
  }

 

  h4,p {
      font-size: 15px
  }

  .button {
      font-size: 18px;
      line-height: 55px
  }

  .container-fluid.inner-page .container {
      width: 738px;
      margin: 30px auto;
      padding: 40px
  }

  header a.logo {
      height: 22px;
      width: 140px
  }

  header .container {
      padding: 19px 18px;
      min-width: 100%;
      width: 100%;
      box-sizing: border-box
  }

  header .container .menu ul li a {
      font-size: 16px
  }

  .row-1-upper h1 {
      margin-top: 50px
  }

  .row-1-upper ul {
      margin-top: 10px
  }

  .row-1-upper ul li {
      font-size: 16px;
      padding: 0 10px
  }

  .row-1-upper .payment_support {
      margin-top: 14px
  }

  .row-1-upper .payment_support li img {
      height: 18px
  }

  .character-flying {
      background-position: 70% 0
  }

  .row-2 .container article {
      padding: 32px 50px
  }

  .row-2 article:before {
      width: 45px;
      height: 22px;
      right: -23px;
      top: 15px
  }

  .row-2 article:after {
      width: 45px;
      height: 22px;
      left: -25px;
      bottom: 15px
  }

  .row-2 h3 {
      font-size: 18px
  }

  .row-2 p {
      font-size: 15px
  }

  .row-3 {
      padding-top: 70px
  }

  .row-3 .container {
      padding: 0 25px
  }

  .row-3 h2 {
      font-size: 20px
  }

  .row-3 .number-2 {
      font-size: 40px
  }

  .row-3 p {
      font-size: 13px
  }

  .row-3 .signup_character {
      width: 106px;
      height: 154px;
      left: 0
  }

  .row-4 {
      padding: 70px 25px
  }

  .row-4 .feature-list {
      width: 718px
  }

  .row-4 .feature-list li {
      width: calc(50% - 10px);
      margin-right: 20px;
      margin-bottom: 30px
  }

  .row-4 .feature-item .feature-icon {
      width: 64px;
      height: 64px
  }

  .row-4 .feature-list li p {
      font-size: 12px
  }

  .row-5 {
      padding: 70px 25px
  }

  .row-5 .container {
      width: 718px
  }

  .row-5 article {
      width: 40%;
      padding-right: 20px;
      padding-left: 0;
      box-sizing: border-box
  }

  .row-5 aside {
      width: 60%
  }

  .row-5 .number-100 {
      font-size: 38px
  }

  .row-5 .route-list {
      font-size: 13px
  }

  .row-5 .route-map .pin {
      height: 8px;
      width: 8px;
      margin: -4px 0 0 -4px
  }

  .row-5 .route-map .wave-1,.row-5 .route-map .wave-2 {
      width: 8px;
      height: 8px
  }

  @keyframes signalanimation-3a875803 {
      0% {
          width: 8px;
          height: 8px;
          margin: 0;
          opacity: .4
      }

      80% {
          width: 38px;
          height: 38px;
          margin: -188% 0 0 -188%;
          opacity: 0
      }

      to {
          width: 8px;
          height: 8px;
          margin: 0;
          opacity: 0
      }
  }

  .row-5 .route-map .pin.hk {
      top: 89px;
      right: 84px
  }

  .row-5 .route-map .pin.sh {
      top: 78px;
      right: 77px
  }

  .row-5 .route-map .pin.kr {
      top: 71px;
      right: 64px
  }

  .row-5 .route-map .pin.jp1 {
      top: 78px;
      right: 60px
  }

  .row-5 .route-map .pin.jp2 {
      top: 68px;
      right: 52px
  }

  .row-5 .route-map .pin.tw {
      top: 90px;
      right: 70px
  }

  .row-5 .route-map .pin.bj {
      top: 74px;
      right: 82px
  }

  .row-5 .route-map .pin.sg {
      top: 125px;
      right: 86px
  }

  .row-5 .route-map .pin.au {
      top: 160px;
      right: 39px
  }

  .row-5 .route-map .pin.ru {
      top: 49px;
      right: 185px
  }

  .row-5 .route-map .pin.uk {
      top: 47px;
      right: 222px
  }

  .row-5 .route-map .pin.de {
      top: 48px;
      right: 213px
  }

  .row-5 .route-map .pin.fr {
      top: 55px;
      right: 220px
  }

  .row-5 .route-map .pin.it {
      top: 65px;
      right: 204px
  }

  .row-5 .route-map .pin.ca {
      top: 55px;
      right: 369px
  }

  .row-5 .route-map .pin.la {
      top: 75px;
      right: 364px
  }

  .row-5 .route-map .pin.ny {
      top: 69px;
      right: 315px
  }

  .row-5 .route-map .pin.da {
      top: 74px;
      right: 341px
  }

  .row-5 .route-map .pin.se {
      top: 56px;
      right: 348px
  }

  .row-6 {
      padding-top: 80px;
      padding-bottom: 230px
  }

  .row-6 .p-1 {
      font-size: 22px
  }

  .row-6 .p-2 {
      font-size: 32px
  }

  .row-6 .p-3 {
      font-size: 16px
  }

  .iplc-label {
      width: 64px;
      margin-right: 5px
  }

  .ms-label {
      width: 100px;
      margin-left: 10px
  }

  .row-7 {
      padding: 70px 25px
  }

  .row-7 p {
      font-size: 16px
  }

  .row-7 .media-pf-container {
      padding-left: 10px
  }

  .row-7 .media-item {
      width: 13.6%
  }

  .row-7 .media-character {
      left: -30px;
      width: 60px;
      height: 174px
  }

  .row-7 .media-item .blue-tick {
      bottom: -5px;
      width: 50px;
      height: 50px
  }

  .row-8 article {
      margin-top: 30px;
      margin-bottom: 60px;
      padding-left: 25px
  }

  .row-8 p {
      font-size: 15px
  }

  .row-8 p:nth-child(2) {
      margin-bottom: 10px
  }

  .row-8 p.small {
      font-size: 13px
  }

  .row-8 .characters {
      margin-top: 40px
  }

  .row-8 .signal-l {
      width: 171px;
      left: 31px;
      top: 20px
  }

  .row-8 .signal-m {
      width: 115px;
      left: 173px;
      top: 20px
  }

  .row-8 .signal-r {
      width: 200px;
      left: unset;
      right: -13px;
      top: 80px
  }

  .row-9 {
      padding: 70px 0
  }

  .row-9 p {
      font-size: 16px
  }

  .row-9 .app-carousel .apps-display {
      background-size: 1250px;
      height: 242px
  }

  .row-10 {
      padding: 70px 25px
  }

  .row-10 .flow-list {
      width: 718px
  }

  .row-10 p {
      font-size: 16px
  }

  .row-10 .flow-number {
      margin-right: 20px
  }

  .row-10 .content-container .list-title {
      font-size: 18px
  }

  .row-10 .content-container {
      width: calc(100% - 205px)
  }

  .row-10 .timer {
      width: 95px
  }

  .row-11 {
      padding: 70px 0
  }

  .row-11 .plan-list .plan-item {
      margin-right: 18px
  }

  .row-11 .plan-character {
      height: 235px
  }

  .row-11 .plan-description {
      padding: 0 15px;
      min-height: 60px
  }

  .row-11 .plan-detail {
      padding: 0 20px
  }

  .row-11 .payment_support {
      margin-top: 14px
  }

  .row-11 .payment_support li img {
      height: 18px
  }

  .row-11 .remarks {
      font-size: 14px
  }

  .row-12 {
      padding: 70px 0
  }

  .row-12 ul {
      width: 90%
  }

  .row-12 .q-item .question h3,.row-12 .q-item .answer p {
      font-size: 15px
  }

  .row-12 .go-to-faq {
      font-size: 18px;
      line-height: 55px
  }

  .row-12.inner-page .container {
      padding: 0
  }

  .row-12 .q-item .question .plus-icon {
      margin-top: -7.5px
  }

  .row-13 {
      padding: 70px 25px
  }

  .row-13 aside {
      width: 65%;
      background-position: center
  }

  .row-13 aside .backend_screen {
      height: 348px
  }

  .row-13 p {
      font-size: 15px
  }

  .row-13 .function-list {
      font-size: 14px
  }

  .row-13 .button {
      width: 125px
  }

  .row-14 {
      padding: 35px 25px
  }

  .row-14 article {
      padding: 0;
      width: 55%
  }

  .row-14 aside {
      width: 45%
  }

  .row-14 article p {
      width: 405px
  }

  .row-15 .logo-carousel {
      width: 100%
  }

  .row-15 .logo-carousel .partner-logo-display {
      width: 100%;
      background-position: 0 top;
      animation: carouselanimation-3a875803 60s infinite;
      animation-timing-function: linear
  }

  .row-16 .fourk-label {
      width: 67px;
      margin-left: 12px;
      margin-right: 12px
  }

  .row-16 article {
      width: 45%
  }

  .row-16 aside {
      width: 55%
  }

  .row-17 .download-item-container {
      margin: 0 8px 16px;
      width: calc(45% - 28px);
      padding: 20px 25px
  }

  .row-17 .download-item-container .download-item-thumbnail {
      width: 100px;
      height: 100px;
      margin-right: 20px
  }

  .row-17 .download-item-container .title {
      font-size: 16px
  }

  .row-17 .download-item-container .button {
      font-size: 13px;
      line-height: 34px;
      width: 182px;
      margin-top: 4px
  }

  .row-17 .download-item-container .remark {
      font-size: 12px
  }

  footer .container {
      padding: 50px 25px
  }

  .gradient-main-top {
      padding-top: 100px
  }

  .gradient-main-top:after {
      width: 240px;
      height: 195px
  }
}

@media (max-width: 767px) {
  .FeatureCardsSection__card-icon {
      margin:0
  }

  .foot {
      flex-direction: column;
      align-items: center;
      position: relative;
      z-index: 99999999999
  }

  header .mobile-nav {
      display: block!important
  }

  header .container .menu ul li.reg {
      margin-left: 0!important
  }

  header .register_button {
      padding: 5px 15px;
      margin-left: 10px
  }

  header .container .menu ul .dropdown-menu .sub-menu {
      width: 80%;
      left: 50%;
      transform: translate(-50%)
  }

  .container-fluid {
      width: 100%;
      box-sizing: border-box
  }

  .container {
      max-width: unset;
      width: 100%
  }

  

  p {
      font-size: 14px
  }

  .button {
      font-size: 16px;
      line-height: 42px;
      width: 150px
  }

  .container-fluid.inner-page .container {
      width: calc(100% - 30px);
      margin: 30px auto;
      padding: 30px 20px
  }

  .container-fluid.inner-page p {
      font-size: 14px
  }

  .container-fluid.inner-page li {
      font-size: 14px;
      margin-bottom: 5px
  }

  .container-fluid.inner-page .small {
      font-size: 10px
  }

  .empty {
      height: 40px
  }

  .empty.large {
      height: 60px
  }

  .inner-page .inner-mark-logo {
      width: 110px
  }

  header.top-header {
      position: fixed;
      top: 0;
      margin: 0
  }

  header.top-header.animated {
      animation-duration: .3s!important
  }

  header .mobile-menu {
      display: block!important;
      position: absolute;
      right: 50px
  }

  header .container .menu ul .dropdown-menu .sub-menu li {
      text-align: center
  }

  header .container .menu ul .dropdown-menu .sub-menu li a {
      display: inline
  }

  header .mobile-menu ul {
      display: flex;
      flex: 1;
      justify-content: flex-end;
      gap: 0 10px
  }

  header .mobile-menu ul li:first-child a {
      color: #000
  }

  header a.logo {
      width: 130px;
      background-position: left
  }

  header .menu-btn {
      display: block
  }

  header .container {
      text-align: center!important;
      padding: 16px 18px
  }

  header .container .menu {
      padding: 50px 0;
      float: none;
      min-width: auto;
      width: 100%;
      text-align: center;
      background: #fff;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99999;
      display: none;
      height: 100vh;
      box-shadow: 0 0 80px #ccc
  }

  header .container .menu.animated {
      animation-duration: .3s
  }

  header .close-btn {
      display: none
  }

  header .container .menu ul {
      display: block
  }

  header .container .menu ul li {
      display: block;
      width: 100%;
      margin: 0
  }

  header .container .menu ul li a {
      width: 50%;
      padding: 10px 0;
      text-align: center;
      margin: 10px auto;
      font-size: 18px;
      color: #333;
      display: block
  }

  header .container .menu ul li a.mobile-a {
      display: block
  }

  header .container .menu ul li a.desktop-a {
      display: none
  }

  header .container .new_domain {
      display: none
  }

  header .container .menu ul li a.header_button {
      width: 80%;
      max-width: 250px;
      background-color: #2f343b;
      font-weight: 700;
      font-size: 16px;
      color: #fff;
      letter-spacing: .02em;
      border-radius: 8px;
      line-height: 25px;
      margin-bottom: 20px
  }

  header .container .menu ul li a.header_button:hover {
      background-color: #48515f
  }

  header .container .menu ul li a.header_button.login_button {
      margin-top: 60px;
      color: #237eff;
      border: 2px solid #237EFF;
      background-color: #fff
  }

  header .container .menu ul li a.header_button.login_button:hover {
      background-color: #e9f2ff;
      border-color: #9dc6ff
  }

  .row-1-upper h1 {
      margin-top: 90px
  }

  .row-1-upper h1+ul {
      width: 98%
  }

  .row-1-upper ul {
      margin-top: 0;
      margin-bottom: 0
  }

  .row-1-upper ul li {
      font-size: 14px;
      padding: 0 9px
  }

  .row-1-upper p {
      font-size: 18px
  }

  .row-1-upper .price_tag {
      font-size: 22px
  }

  .row-1-upper .price_amount {
      font-size: 32px
  }

  .row-1-upper .tips {
      font-size: 13px
  }

  .row-1-upper .signup_container {
      margin-right: 0
  }

  .row-1-upper .signup_button {
      z-index: 1;
      position: relative
  }

  .row-1-upper .download_container {
      display: block;
      margin-top: 10px;
      margin-bottom: 20px
  }

  .row-1-upper .payment_support {
      font-size: 12px
  }

  .row-1-upper .payment_support span {
      vertical-align: top
  }

  .row-1-upper .payment_support li {
      padding: 0 4px
  }

  .row-1-upper .payment_support li img {
      height: 13px
  }

  .row-1-upper .head-banner-container-618 {
      width: 100%;
      background-position: center;
      height: 50px;
      margin-top: 54px
  }

  .row-1-upper .head-banner-container-618+article h1 {
      margin-top: 20px
  }

  .row-1-upper .head-banner-container-1111 {
      width: 100%;
      background-position: center;
      height: 50px;
      margin-top: 54px
  }

  .row-1-upper .head-banner-container-1111+article h1 {
      margin-top: 20px
  }

  .row-1-upper .head-banner-container-1212 {
      width: 100%;
      background-position: center;
      height: 50px;
      margin-top: 54px
  }

  .row-1-upper .head-banner-container-1212+article h1 {
      margin-top: 20px
  }

  .container-fluid.row-1-lower {
      height: 540px;
      margin-top: -30px
  }

  .banner-element {
      height: 540px
  }

  .banner-element.no-mobile {
      display: none
  }

  .character-flying {
      background-position: 110% -40px
  }

  .character-on-floor {
      background-position: 60% 60%;
      background-size: auto 133%
  }

  .banner-mobile-screens {
      background-image: url(/assets/x2@2x-RhlKz-ar.png);
      background-size: 100%;
      display: block
  }

  .banner-mobile-devices {
      background-image: url(/assets/banner-mobile-devices@2x-BuCAldxq.png);
      display: block
  }

  .banner-screens,.character-blue-sword,.banner-macbook,.character-red-sword,.banner-ios-mobile,.banner-mac,.banner-android-mobile,.character-long-hair {
      display: none
  }

  .light-ray-bg,.light-ray-bg-2 {
      opacity: 1;
      animation: lightrayanimation-3a875803 2s infinite;
      background-size: 150%
  }

  @keyframes lightrayanimation-3a875803 {
      0% {
          background-size: 150%;
          opacity: 1
      }

      to {
          background-size: 200%;
          opacity: 0
      }
  }

  .row-2 .container article {
      margin: 0 30px;
      padding: 28px 32px
  }

  .row-2 article:before {
      width: 34px;
      height: 17px;
      right: -14px
  }

  .row-2 article:after {
      width: 34px;
      height: 17px;
      left: -14px
  }

  .row-2 p {
      font-size: 13px
  }

  .row-3 .container {
      padding: 0 15px
  }

  .row-3 article {
      width: 100%;
      text-align: center;
      margin-left: 0
  }

  .row-3 aside {
      width: 100%
  }

  .row-3 .container {
      flex-direction: column
  }

  .row-3 h2 {
      font-size: 20px
  }

  .row-3 .number-2 {
      font-size: 35px
  }

  .row-3 p {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4px
  }

  .row-3 aside {
      margin-top: 20px
  }

  .row-3 .signup_character {
      bottom: 10px
  }

  .row-3 .signup_ui {
      max-width: 500px
  }

  .row-4 {
      padding: 60px 15px 35px
  }

  .row-4 .feature-list {
      width: 100%
  }

  .row-4 .feature-item .feature-icon {
      width: 50px;
      height: 50px;
      background-position: top;
      margin-top: -8px
  }

  .row-4 .feature-item .feature-content {
      margin-left: 8px;
      width: calc(100% - 42px);
      padding-right: 10px
  }

  .row-4 .feature-list li {
      margin-right: 0;
      width: calc(50% + -0px);
      margin-bottom: 25px;
      align-items: flex-start
  }

  .row-4 .feature-list li p {
      font-size: 11px
  }

  .row-4 h4 {
      font-size: 13px
  }

  .row-5 {
      padding: 60px 15px 20px;
      overflow: hidden
  }

  .row-5 .container {
      padding: 0;
      width: 100%;
      flex-direction: column
  }

  .row-5 article {
      width: 100%;
      text-align: center;
      margin-bottom: 30px
  }

  .row-5 aside {
      width: 100%
  }

  .row-5 .route-list {
      display: none
  }

  .row-5 .number-100 {
      font-size: 32px
  }

  .row-5 .route-map {
      width: 430.8px;
      margin-left: 0
  }

  .row-6 {
      padding-bottom: 180px
  }

  .row-6 .container {
      padding: 0 15px
  }

  .row-6 .p-1 {
      font-size: 18px
  }

  .iplc-label {
      width: 48px
  }

  .row-6 .p-2 {
      font-size: 28px
  }

  .ms-label {
      width: 90px;
      margin-left: 6px
  }

  .row-6 .p-3 {
      font-size: 14px
  }

  .row-7 {
      padding: 60px 15px
  }

  .row-7 h2 {
      text-align: center
  }

  .row-7 p {
      font-size: 14px;
      text-align: center
  }

  .row-7 .media-pf-container {
      padding-left: 0
  }

  .row-7 .media-pf-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center
  }

  .row-7 .media-item {
      width: 23.5%;
      margin-right: 3px
  }

  .row-7 .media-item:nth-child(5) {
      margin-left: 11.7%
  }

  .row-7 .media-character {
      max-width: 75px;
      max-height: 210px;
      width: 16%;
      height: 230px;
      left: 5px
  }

  .row-7 .media-item .blue-tick {
      min-width: 45px;
      min-height: 45px;
      width: 50%;
      height: 70px
  }

  .row-8 {
      padding: 0 15px;
      background-image: linear-gradient(#f0f5f8,#e2ebf1)
  }

  .row-8 .container {
      flex-direction: column
  }

  .row-8 article {
      width: 100%;
      padding-left: 0;
      text-align: center;
      margin-bottom: 30px;
      margin-top: 60px
  }

  .row-8 .number-3 {
      font-size: 32px;
      line-height: 45px
  }

  .row-8 p {
      font-size: 14px
  }

  .row-8 ul li {
      width: 30px;
      height: 30px
  }

  .row-8 aside {
      width: 400px
  }

  .row-8 .characters {
      background-size: 400px;
      background-repeat: no-repeat;
      background-position: top center;
      margin-top: 0
  }

  .row-8 .characters:after {
      padding-bottom: 312px
  }

  .row-8 .signal-l {
      width: 144px;
      left: 51px;
      top: 0
  }

  .row-8 .signal-m {
      width: 105px;
      left: 193px;
      top: 0
  }

  .row-8 .signal-r {
      width: 210px;
      left: unset;
      right: -23px;
      top: 40px
  }

  .row-9 {
      padding: 60px 0
  }

  .row-9 p {
      font-size: 14px;
      padding: 0 15px
  }

  .row-9 .app-carousel .apps-display {
      background-image: url(/assets/apps_full@2x-D4GLn9vm.jpg);
      background-size: 960px;
      height: 188px
  }

  .row-10 {
      padding: 60px 15px
  }

  .row-10 p {
      font-size: 14px
  }

  .row-10 .flow-list {
      width: 100%
  }

  .row-10 .flow-item {
      margin-bottom: 20px
  }

  .row-10 .flow-number {
      width: 75px;
      height: 75px;
      margin-right: 10px
  }

  .row-10 .content-container {
      width: calc(100% - 160px);
      padding-right: 5px
  }

  .row-10 .content-container .list-title {
      font-size: 14px
  }

  .row-10 .content-container p {
      font-size: 13px
  }

  .row-10 .timer {
      font-size: 12px;
      width: 65px
  }

  .row-10 .timer .time {
      font-size: 18px;
      margin: 0 2px
  }

  .row-11 {
      padding: 60px 0
  }

  .row-11 .plan-box {
      position: relative
  }

  .row-11 .plan-list {
      flex-direction: column;
      padding: 0 15px;
      margin-bottom: 15px
  }

  .row-11 .plan-list .plan-item {
      width: 100%;
      max-width: 500px;
      margin-left: auto;
      margin-bottom: 25px;
      margin-right: auto
  }

  .row-11 .plan-list li:last-child {
      margin-right: auto
  }

  .row-11 .plan-content {
      padding: 15px 20px;
      margin-top: 0;
      text-align: left
  }

  .row-11 .plan-description {
      padding: 0;
      margin-top: 4px;
      min-height: unset
  }

  .row-11 .plan-character {
      position: absolute;
      background-position: 190px 40px;
      bottom: 0;
      right: 0;
      width: 350px
  }

  .row-11 .plan-title {
      font-size: 22px
  }

  .row-11 h3 {
      margin-bottom: 15px;
      font-size: 15px
  }

  .row-11 .plan-detail {
      margin-top: 10px;
      padding: 0
  }

  .row-11 .plan-content-item {
      margin-bottom: 0
  }

  .row-11 .from-price {
      margin-top: 10px
  }

  .row-11 .tips {
      font-size: 13px
  }

  .row-11 .payment_support li {
      padding: 0 4px
  }

  .row-11 .payment_support li img {
      height: 12px
  }

  .row-11 .remarks {
      padding: 0 15px
  }

  .row-11 .signup_button {
      width: 175px
  }

  .row-11 .payment_support span {
      vertical-align: top;
      font-size: 12px
  }

  .row-12 {
      padding: 60px 15px
  }

  .row-12 ul {
      width: 100%;
      margin-bottom: 30px
  }

  .row-12 .q-item .question {
      padding: 20px 30px
  }

  .row-12 .q-item .question h3 {
      font-size: 14px
  }

  .row-12 .q-item .question .plus-icon {
      width: 30px;
      height: 30px;
      margin-top: -2.5px;
      margin-right: -10px
  }

  .row-12 .go-to-faq {
      font-size: 14px;
      line-height: 42px;
      width: 250px
  }

  .row-12 .q-item {
      margin-bottom: 15px
  }

  .row-12.inner-page {
      padding: 30px 15px
  }

  .row-12.inner-page .container {
      margin: auto;
      padding: 0;
      width: 100%;
      max-width: 600px
  }

  .row-12.inner-page .container ul {
      margin: auto
  }

  .row-13 {
      padding: 60px 15px
  }

  .row-13 .container {
      flex-direction: column
  }

  .row-13 article {
      width: 100%;
      padding: 0;
      text-align: center
  }

  .row-13 aside {
      width: 100%;
      margin-top: 30px
  }

  .row-13 aside .backend_screen {
      height: auto
  }

  .row-13 p {
      font-size: 14px
  }

  .row-13 .button {
      width: 150px
  }

  .row-13 .function-list {
      display: none
  }

  .row-14 {
      padding: 60px 15px 20px
  }

  .row-14 .container {
      flex-direction: column-reverse
  }

  .row-14 aside {
      width: 100%
  }

  .row-14 article {
      width: 100%;
      text-align: center;
      margin-bottom: 20px
  }

  .row-14 .privacy_protection {
      width: 90%;
      margin: auto;
      max-width: 400px
  }

  .row-14.agent article {
      justify-content: center;
      width: 100%
  }

  .row-14.agent article h2,.row-14.agent article p {
      text-align: center
  }

  .FeatureCardsSection .Title {
      font-size: 30px
  }

  .FeatureCardsSection .col .Text {
      width: 80%!important
  }

  .FeatureCardsSection .Text {
      font-size: 13px;
      max-width: 320px
  }

  .FeatureCardsSection .Text.c-neu-9 {
      text-align: center;
      width: 100%;
      max-width: 100%
  }

  .FeatureCardsSection .grid .FeatureCardsSection__card {
      height: auto
  }

  .FeatureCardsSection__card-wrapper {
      background-color: #12162b
  }

  .row-14 article p {
      max-width: 380px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box
  }

  .row-15 {
      padding: 40px 0
  }

  .row-15 .logo-carousel .partner-logo-display {
      background-size: 720px;
      height: 145px
  }

  .row-16 {
      padding: 0
  }

  .row-16 .container {
      flex-direction: column;
      padding: 0;
      width: 100%
  }

  .row-16 article {
      width: 100%;
      padding: 60px 15px 10px;
      box-sizing: border-box
  }

  .row-16 h2,.row-16 p {
      text-align: center
  }

  .row-16 aside {
      width: 100%;
      margin-top: 10px
  }

  .row-16 .fourk-label {
      width: 60px
  }

  .row-16 aside .fourk-screen {
      background-image: url(/assets/4k_screen@2x-DdLSwErF.png)
  }

  .row-17 {
      padding: 50px 0
  }

  .row-17 h2 {
      margin-bottom: 15px
  }

  .row-17 h3 {
      font-size: 14px
  }

  .row-17 .download-item-container {
      margin: 0 0 16px;
      width: 90%;
      padding: 15px 20px;
      justify-content: center
  }

  .row-17 .download-item-container .download-item-thumbnail {
      width: 85px;
      min-width: 85px;
      max-width: 85px;
      height: 85px;
      margin-right: 15px
  }

  .row-17 .download-item-container .download-item-text {
      min-width: 200px
  }

  .row-17 .download-item-container .title {
      font-size: 15px
  }

  .row-17 .download-item-container .button {
      font-size: 13px;
      line-height: 34px;
      width: 182px;
      margin-top: 4px
  }

  .row-17 .download-item-container .remark {
      font-size: 12px
  }

  footer .container {
      padding: 30px 15px
  }

  footer p {
      font-size: 12px
  }

  .footer .social-media-container {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-bottom: 0;
      margin-top: 20px
  }

  .footer-links {
      margin-top: 30px;
      margin-bottom: 35px
  }

  .footer-links a {
      display: block;
      margin-right: 0;
      margin-bottom: 25px
  }

  .footer-logo-container .footer-logo {
      width: 130px;
      height: 20px
  }

  .gradient-main-top {
      padding-top: 114px
  }

  .gradient-main-top:after {
      width: 170px;
      height: 135px;
      right: 10px
  }
}

@media (max-width: 400px) {
  .row-5 .route-map {
      transform:scale(.8);
      margin-left: -45px;
      transform-origin: top
  }
}

.sign-in .col-img[data-v-3195efdd] {
  height: 100%
}

.sign-in .col-img .col-left[data-v-3195efdd] {
  position: relative;
  height: 100%;
  padding-right: 100px;
  padding-left: 100px;
  background-size: cover;
  background-image: url(/assets/banner-BBS8_mxv.png);
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center
}

@media (min-width: 992px) {
  .sign-in .col-form[data-v-3195efdd] {
      margin-right:10%
  }
}

.sign-in .col-form[data-v-3195efdd] .ant-form-item label {
  font-size: 13px;
  font-weight: 600;
  color: #141414
}

.sign-in .col-form[data-v-3195efdd] .ant-form-item .ant-input {
  height: 40px
}

.sign-in .col-form[data-v-3195efdd] .ant-form-item .ant-input::-moz-placeholder {
  font-weight: 700
}

.sign-in .col-form[data-v-3195efdd] .ant-form-item .ant-input::placeholder {
  font-weight: 700
}

.sign-in .col-form .logo-mini[data-v-3195efdd] {
  height: 58px
}

.register[data-v-905ab012] .ant-statistic-content-suffix {
  margin-left: 0;
  --tw-text-opacity: 1;
  color: rgb(51 118 252 / var(--tw-text-opacity))
}

.register[data-v-905ab012] :host>* {
  width: 100%!important
}

.register[data-v-905ab012] .ant-statistic-content-value {
  font-size: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(51 118 252 / var(--tw-text-opacity))
}

.register .col-img[data-v-905ab012] {
  height: 100%
}

.register .col-img .col-left[data-v-905ab012] {
  position: relative;
  height: 100%;
  padding-right: 100px;
  padding-left: 100px;
  background-image: url(/assets/banner-BBS8_mxv.png);
  background-size: cover;
  border-radius: 12px;
  background-repeat: no-repeat
}

@media (min-width: 768px) {
  .register .col-form[data-v-905ab012] {
      margin-right:10%
  }
}

.register .col-form[data-v-905ab012] .ant-form-item label {
  font-size: 13px;
  font-weight: 600;
  color: #141414
}

.register .col-form[data-v-905ab012] .ant-form-item .ant-input::-moz-placeholder {
  font-weight: 700
}

.register .col-form[data-v-905ab012] .ant-form-item .ant-input::placeholder {
  font-weight: 700
}

.register[data-v-ca1cd1b6] .ant-statistic-content-suffix {
  margin-left: 0;
  --tw-text-opacity: 1;
  color: rgb(51 118 252 / var(--tw-text-opacity))
}

.register[data-v-ca1cd1b6] .ant-statistic-content-value {
  font-size: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(51 118 252 / var(--tw-text-opacity))
}

.register .col-img[data-v-ca1cd1b6] {
  height: 100%
}

.register .col-img .col-left[data-v-ca1cd1b6] {
  position: relative;
  height: 100%;
  padding-right: 100px;
  padding-left: 100px;
  background-image: url(/assets/banner-BBS8_mxv.png);
  background-size: cover;
  border-radius: 12px;
  background-repeat: no-repeat
}

@media (min-width: 768px) {
  .register .col-form[data-v-ca1cd1b6] {
      margin-right:10%
  }
}

.register .col-form[data-v-ca1cd1b6] .ant-form-item label {
  font-size: 13px;
  font-weight: 600;
  color: #141414
}

.register .col-form[data-v-ca1cd1b6] .ant-form-item .ant-input::-moz-placeholder {
  font-weight: 700
}

.register .col-form[data-v-ca1cd1b6] .ant-form-item .ant-input::placeholder {
  font-weight: 700
}

.ofBar-content[data-v-48b5dafb] {
  margin: 15px 0;
  text-align: center;
  font-size: 18px
}

.btn-bar[data-v-48b5dafb] {
  background-image: linear-gradient(310deg,#141727,#3a416f);
  color: #fff;
  border-radius: 4px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  opacity: .95;
  margin-right: 20px;
  box-shadow: 0 5px 10px -3px #0000003b,0 6px 10px -5px #00000040
}

.files .file-box[data-v-5a82f74e] {
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  padding: 4px;
  background-color: #f6f7fb;
  display: inherit;
  position: relative
}

.files .file-box[data-v-5a82f74e]:first-child {
  animation: fadeIncustom .5s linear 10ms
}

.files .file-box .file-top[data-v-5a82f74e] {
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 5px;
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px
}

@media (min-width: 768px) {
  .files .file-box .file-top[data-v-5a82f74e] {
      height:80px
  }

  .files .file-box .file-bottom[data-v-5a82f74e] {
      margin-top: 5px
  }
}

.files .file-box .file-bottom .text-black[data-v-5a82f74e] {
  margin-bottom: 0
}

@media (min-width: 768px) {
  .files .file-box .file-bottom .text-black[data-v-5a82f74e] {
      margin-bottom:8px
  }
}

.card-info[data-v-2c37279e] .ant-card-head {
  border-bottom: none
}

@media (min-width: 1024px) {
  .card-info .col-img[data-v-2c37279e] {
      margin-top:0;
      width: auto!important;
      max-width: none;
      flex: 0 1 auto;
      flex-shrink: 0;
      flex-grow: 0
  }
}

.card-info .col-img .card-img-bg[data-v-2c37279e] {
  width: 220px;
  height: 220px;
  background-size: cover;
  background-position: 50%;
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001f;
  position: relative;
  overflow: hidden
}

.card-info .col-img .card-img-bg[data-v-2c37279e] .ant-progress-text {
  font-size: 1em
}

.card-info .col-content[data-v-2c37279e] {
  flex-grow: 1;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  justify-content: space-between
}

.card-info[data-v-2c37279e] .ant-card-body {
  padding: 16px
}

.card-info p[data-v-2c37279e] {
  font-size: 16px;
  color: #8c8c8c
}

.card-info h5[data-v-2c37279e] {
  font-size: 20px;
  font-weight: 700
}

.card-info h6[data-v-2c37279e] {
  color: #8c8c8c;
  margin-bottom: 0;
  font-size: 16px
}

.card-info .col-img[data-v-24c0a2f8] {
  align-items: center
}

@media (min-width: 768px) {
  .card-info .col-img[data-v-24c0a2f8] {
      display:flex
  }
}

@media (min-width: 1024px) {
  .card-info .col-img[data-v-24c0a2f8] {
      margin-top:0;
      width: auto!important;
      max-width: none;
      flex: 0 1 auto;
      flex-shrink: 0;
      flex-grow: 0
  }
}

.card-info .col-img .card-img-bg[data-v-24c0a2f8] {
  width: 180px;
  height: 180px;
  background-size: cover;
  background-position: 50%;
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001f;
  position: relative;
  overflow: hidden
}

.card-info .col-img .card-img-bg[data-v-24c0a2f8] .ant-progress-text {
  font-size: 1em
}

.card-info .col-content[data-v-24c0a2f8] {
  flex-grow: 1;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  justify-content: space-between
}

.card-info[data-v-24c0a2f8] .ant-card-body {
  padding: 16px
}

.card-info p[data-v-24c0a2f8] {
  font-size: 16px;
  color: #8c8c8c
}

.card-info h5[data-v-24c0a2f8] {
  font-size: 20px;
  font-weight: 700
}

.card-info h6[data-v-24c0a2f8] {
  color: #8c8c8c;
  margin-bottom: 0;
  font-size: 16px
}

.widget .ant-statistic[data-v-d51d306f] {
  margin-right: 50px
}

.widget[data-v-d51d306f] .ant-card-body {
  padding: 16px;
  position: relative
}

.widget .ant-statistic-content-prefix[data-v-d51d306f] {
  margin-right: 0
}

.widget[data-v-d51d306f] .ant-statistic-content-value {
  color: #141414;
  font-size: 22px!important
}

.widget[data-v-d51d306f] .ant-statistic-title {
  font-family: open sans,Helvetica,Arial,sans-serif;
  font-weight: 600;
  color: #8c8c8c;
  font-size: 14px
}

.widget[data-v-d51d306f] .ant-statistic-content {
  font-family: open sans,Helvetica,Arial,sans-serif;
  font-weight: 700;
  color: inherit;
  font-size: 30px;
  line-height: 30px
}

.widget .icon[data-v-d51d306f] {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  background: linear-gradient(90deg,#194bfb,#64c6ff);
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001f;
  display: flex;
  justify-content: center;
  align-items: center
}

.thumb-cover[data-v-c58a32b2] {
  background-color: transparent
}

.knowledge[data-v-853bb819] {
  min-height: 100vh
}

.knowledge[data-v-853bb819] .content h6 {
  font-size: 1rem;
  line-height: 1.5rem
}

.knowledge .md-view[data-v-853bb819] h6 {
  font-size: 16px;
  font-weight: 700
}

.knowledge .md-view[data-v-853bb819] table {
  display: block;
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap
}

.knowledge .md-view[data-v-853bb819] table tr th,.knowledge .md-view[data-v-853bb819] table tr td {
  border: 1px solid #f2f2f2;
  padding: 10px 15px
}

.knowledge .md-view[data-v-853bb819] blockquote {
  position: relative;
  padding: 14px;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity))
}

.knowledge .md-view[data-v-853bb819] blockquote blockquote {
  border: none
}

.knowledge .md-view[data-v-853bb819] blockquote b {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity))
}

.knowledge .md-view[data-v-853bb819] blockquote>p {
  line-height: 30px
}

.knowledge .md-view[data-v-853bb819] ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0
}

.knowledge .md-view[data-v-853bb819] a {
  word-break: break-all
}

.server[data-v-043ccd55] .ant-card-head {
  border: none
}

.server[data-v-043ccd55] .ant-card-head:after {
  border: none
}

.subscribe[data-v-bd2b4606] {
  min-height: 100vh
}

.card-pricing[data-v-0388c22f] {
  width: 100%;
  margin: auto auto 20px;
  box-shadow: 0 20px 27px #0000000d;
  border-radius: 12px;
  text-align: center
}

.card-pricing h1[data-v-0388c22f] {
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px;
  font-size: 48px
}

.card-pricing .list-pricing[data-v-0388c22f] {
  text-align: left;
  font-size: 16px;
  padding: 0
}

.card-pricing .list-pricing[data-v-0388c22f] p {
  font-size: 14px;
  color: #000000a6
}

.pricing[data-v-6f97ac03] {
  min-height: 100vh
}

.pricing .pricing-header[data-v-6f97ac03] {
  height: 550px;
  margin-top: -16px;
  padding-top: 30px;
  border-radius: 12px;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  text-align: center
}

.pricing .pricing-header p[data-v-6f97ac03] {
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px
}

.pricing .pricing-header .content[data-v-6f97ac03] {
  padding-top: 20px;
  max-width: 480px;
  margin: auto
}

.pricing .pricing-wrapper[data-v-6f97ac03] {
  margin-top: -350px
}

.pricing .pricing-wrapper .sliding-tab[data-v-6f97ac03] {
  text-align: center;
  width: 352px;
  margin: auto;
  background: #f8f9fa;
  border-radius: 12px;
  position: relative;
  padding: 4px
}

.pricing .pricing-wrapper .sliding-tab ul[data-v-6f97ac03] {
  display: flex;
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0
}

.pricing .pricing-wrapper .sliding-tab ul .tab[data-v-6f97ac03] {
  display: block;
  flex: 1 1 0;
  border-radius: 8px
}

.pricing .pricing-wrapper .sliding-tab ul .tab a[data-v-6f97ac03] {
  display: block;
  padding: 8px 16px;
  font-size: 16px;
  color: #344767
}

.pricing .pricing-wrapper .sliding-tab .tab-bg[data-v-6f97ac03] {
  box-shadow: 0 1px 5px 1px #ddd;
  transition: transform .2s ease;
  transform: translateZ(0);
  background: #fff;
  width: 176px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 4px;
  z-index: 1;
  border-radius: 8px
}

.pricing .pricing-wrapper .container[data-v-6f97ac03] {
  max-width: 1320px;
  margin: 40px auto 0
}

.period-checked[data-v-141a01d3] {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
  font-weight: 700;
  font-size: 14px
}

.plan-detail[data-v-141a01d3] {
  min-height: 100vh
}

.plan-detail .transactions-list h6[data-v-141a01d3] {
  font-size: 12px;
  font-weight: 600;
  color: #8c8c8c;
  margin: 6px 0
}

.plan-detail[data-v-141a01d3] .ant-list-item {
  border-block-end:none}

.plan-detail .amount[data-v-141a01d3] {
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px
}

.plan-detail .verify-code[data-v-141a01d3] input::-moz-placeholder {
  font-size: 14px!important
}

.plan-detail .verify-code[data-v-141a01d3] input::placeholder {
  font-size: 14px!important
}

.profile .profile-nav-bg[data-v-a8327aa8] {
  height: 300px;
  border-radius: 12px;
  box-shadow: 0 20px 27px #0000000d;
  background-size: cover;
  background-position: 50%
}

.profile .card-profile-head[data-v-a8327aa8] {
  margin: -53px 0 24px
}

@media (min-width: 768px) {
  .profile .card-profile-head[data-v-a8327aa8] {
      margin:-53px 24px 24px
  }
}

.profile .card-profile-head[data-v-a8327aa8] .ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.profile[data-v-a8327aa8] .ant-form-item input::-moz-placeholder {
  font-weight: 700
}

.profile[data-v-a8327aa8] .ant-form-item input::placeholder {
  font-weight: 700
}

.profile[data-v-a8327aa8] .ant-steps-item-title {
  font-weight: 700
}

.profile[data-v-a8327aa8] .ant-statistic-content-value-int {
  font-weight: 600
}

.profile[data-v-a8327aa8] .ant-card-head-title span {
  margin-left: 5px
}

.profile[data-v-a8327aa8] .ant-card-head {
  border-bottom: none
}

.profile[data-v-a8327aa8] .ant-card-head:after {
  display: none
}

.profile .ant-modal-header[data-v-a8327aa8] {
  padding: 16px 24px;
  color: #000000a6;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0
}

.checkout-container[data-v-b42d8325] .total .ant-descriptions-item-label {
  font-size: 20px!important
}

.checkout-container .payment-checked[data-v-b42d8325] {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff
}

.checkout-container .checkout-description[data-v-b42d8325] {
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px
}

.checkout-container .checkout-description[data-v-b42d8325] .ant-descriptions-item {
  padding-bottom: 6px
}

.checkout-container .checkout-description[data-v-b42d8325] .ant-descriptions-item-label {
  font-size: 13px;
  font-weight: 600;
  color: #8c8c8c
}

.checkout-container .checkout-description[data-v-b42d8325] .ant-descriptions-item-content {
  font-size: 13px;
  font-weight: 600;
  color: #141414
}

.checkout-container .payment-method-card[data-v-b42d8325] {
  box-shadow: none;
  word-spacing: 10px;
  margin-bottom: 10px
}

.checkout-container .payment-method-card[data-v-b42d8325] .ant-card-body {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 12px
}

.checkout-container .payment-method-card[data-v-b42d8325] .ant-card-body img {
  width: 40px
}

.checkout-container .payment-method-card[data-v-b42d8325] .ant-card-body h6 {
  font-weight: 600;
  margin-bottom: 0
}

.order[data-v-f9ea64d7] {
  width: 100%
}

.order[data-v-f9ea64d7] .ant-table-thead>tr>th {
  color: #8c8c8c;
  font-weight: 700;
  background-color: transparent;
  font-size: 12px
}

.order[data-v-f9ea64d7] .ant-table-thead>tr>th:before {
  display: none
}

.order[data-v-f9ea64d7] .ant-table-cell-fix-right {
  background: #fff!important
}

.order[data-v-f9ea64d7] .ant-table-tbody>tr>td {
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px;
  color: #000000a6
}

.order .ant-table-tbody>tr>td[data-v-f9ea64d7],.order .ant-table-thead>tr>th[data-v-f9ea64d7] {
  padding: 16px 25px
}

[data-v-1c2a7acd] .ant-result-extra {
  margin-top: 16px
}

.invite[data-v-978a3e7b] .ant-table-thead>tr>th {
  color: #8c8c8c;
  font-weight: 700;
  background-color: transparent;
  font-size: 12px
}

.invite[data-v-978a3e7b] .ant-table-thead>tr>th:before {
  display: none
}

.invite[data-v-978a3e7b] .ant-table-tbody>tr>td {
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px;
  color: #000000a6
}

.invite .ant-table-tbody>tr>td[data-v-978a3e7b],.invite .ant-table-thead>tr>th[data-v-978a3e7b] {
  padding: 16px 25px
}

.invite[data-v-978a3e7b] .widget-stat .ant-statistic-content {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  font-family: open sans,Helvetica,Arial,sans-serif
}

.invite[data-v-978a3e7b] .widget-stat .ant-statistic-content-value-decimal {
  font-size: 16px
}

.invite[data-v-978a3e7b] .widget-stat .ant-statistic-content-suffix {
  font-family: open sans,Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-left: 10px
}

.invite[data-v-978a3e7b] .widget-stat .icon {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  background: linear-gradient(90deg,#194bfb,#64c6ff);
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001f;
  display: flex;
  justify-content: center;
  align-items: center
}

.ticket[data-v-dc704b62] .ant-table-cell-fix-right {
  background: #fff!important
}

.ticket[data-v-dc704b62] .ant-table-thead>tr>th {
  color: #8c8c8c;
  font-weight: 700;
  background-color: transparent;
  font-size: 12px
}

.ticket[data-v-dc704b62] .ant-table-thead>tr>th:before {
  display: none
}

.ticket[data-v-dc704b62] .ant-table-tbody>tr>td {
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px;
  color: #000000a6
}

.ticket .ant-table-tbody>tr>td[data-v-dc704b62],.ticket .ant-table-thead>tr>th[data-v-dc704b62] {
  padding: 16px 25px
}

.ticket .ant-comment .ant-comment-inner[data-v-dc704b62] {
  padding: 0!important
}

.reply-form[data-v-dc704b62] .ant-comment-inner {
  padding-bottom: 0
}

.layout-header[data-v-9e5f73a5] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px) {
  .layout-header[data-v-9e5f73a5] {
      background-color:transparent
  }
}

.layout-header[data-v-9e5f73a5] {
  height: auto!important;
  padding: 16px!important;
  margin: 10px 4px;
  line-height: inherit!important;
  border-radius: 12px;
  transition: .2s
}

.layout-header[data-v-9e5f73a5] .ant-page-header-heading .ant-page-header-heading-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-top: 5px
}

.layout-header[data-v-9e5f73a5] .ant-page-header-heading .ant-page-header-heading-left {
  margin: 0
}

[data-v-9e5f73a5] .ant-affix {
  z-index: 50
}

@media (min-width: 768px) {
  .ant-layout-sider[data-v-f347278f] {
      margin:20px 0 64px 20px
  }
}

.ant-layout-sider[data-v-f347278f] {
  transition: width .3s;
  padding-top: 13px;
  border-radius: 8px;
  box-shadow: 0 20px 27px #0000000d
}

.ant-layout-sider.ant-layout-sider-collapsed[data-v-f347278f] {
  margin: 0;
  padding: 33px 0 0
}

.ant-layout-sider[data-v-f347278f] .ant-menu-item-selected {
  background-color: transparent
}

.ant-layout-sider hr[data-v-f347278f] {
  margin: 12px 0;
  border: none;
  height: 1px;
  background-color: #f5f5f5;
  background-image: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent);
  opacity: .25
}

.ant-layout-sider .footer-box[data-v-f347278f] {
  background: linear-gradient(90deg,#194bfb,#64c6ff);
  color: #fff;
  box-shadow: none;
  padding: 16px;
  border-radius: 8px
}

@media (min-width: 768px) {
  .ant-layout-sider .footer-box[data-v-f347278f] {
      margin-bottom:8px
  }
}

.ant-layout-sider .footer-box .icon[data-v-f347278f] {
  display: inline-flex;
  width: 32px;
  height: 32px;
  box-shadow: 0 4px 6px #0000001f;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  background: linear-gradient(90deg,#194bfb,#64c6ff)
}

[data-v-f347278f] .ant-menu-light {
  border-inline-end:none!important}

[data-v-f347278f] .ant-menu-light .menu-item-header:hover {
  color: #8c8c8c!important
}

[data-v-f347278f] .ant-menu-light .ant-menu-submenu {
  padding: 0!important;
  height: auto;
  line-height: normal
}

[data-v-f347278f] .ant-menu-light .ant-menu-submenu a {
  padding: 10px 0;
  display: block;
  color: #141414;
  border-radius: 8px
}

[data-v-f347278f] .ant-menu-light .ant-menu-submenu a svg path {
  fill: #bfbfbf
}

[data-v-f347278f] .ant-menu-light .ant-menu-item {
  padding: 0!important;
  height: auto;
  margin: 0;
  line-height: normal
}

[data-v-f347278f] .ant-menu-light .ant-menu-item.menu-item-header {
  padding-left: 16px!important
}

[data-v-f347278f] .ant-menu-light .ant-menu-item .ant-menu-submenu-title {
  width: calc(100% + 1px)
}

[data-v-f347278f] .ant-menu-light .ant-menu-item a {
  padding: 10px 16px;
  display: block;
  color: #141414;
  border-radius: 8px
}

[data-v-f347278f] .ant-menu-light .ant-menu-item a svg path {
  fill: #bfbfbf
}

[data-v-f347278f] .ant-menu-light .ant-menu-item:hover {
  background-color: transparent!important
}

[data-v-f347278f] .ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):hover {
  background-color: transparent!important
}

.sider-primary[data-v-f347278f] {
  padding: 13px 20px 0;
  width: 250px;
  position: fixed!important;
  left: 0;
  z-index: 99;
  background: #fff!important;
  overflow: hidden!important;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
  height: 100%
}

@media (min-width: 768px) {
  .sider-primary[data-v-f347278f] {
      height:calc(100vh - 20px);
      padding-bottom: 13px
  }
}

.sider-primary .ant-menu-item a:hover .icon[data-v-f347278f] {
  transition: box-shadow .1s ease-in;
  box-shadow: 0 2px 4px #0000001f
}

.sider-primary .ant-menu-item .router-link-active .label[data-v-f347278f] {
  font-weight: 700
}

.sider-primary .ant-menu-item .icon[data-v-f347278f] {
  display: inline-flex;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 4px 6px #0000001f;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 11px;
  vertical-align: middle
}

.sider-primary.ant-layout-sider-primary .ant-menu-item.ant-menu-item-selected .router-link-active .icon[data-v-f347278f],.sider-primary.ant-layout-sider-primary .ant-menu-item .router-link-active .icon[data-v-f347278f] {
  background: linear-gradient(90deg,#194bfb,#64c6ff)
}

.sider-primary.ant-layout-sider-primary .ant-menu-item.ant-menu-item-selected .router-link-active .icon[data-v-f347278f] svg path,.sider-primary.ant-layout-sider-primary .ant-menu-item .router-link-active .icon[data-v-f347278f] svg path {
  fill: #fff;
  color: #fff
}

.sider-primary.ant-layout-sider-danger .ant-menu-item.ant-menu-item-selected .router-link-active .icon[data-v-f347278f],.sider-primary.ant-layout-sider-danger .ant-menu-item .router-link-active .icon[data-v-f347278f] {
  background-color: #f5222d
}

.sider-primary.ant-layout-sider-danger .ant-menu-item.ant-menu-item-selected .router-link-active .icon svg path[data-v-f347278f],.sider-primary.ant-layout-sider-danger .ant-menu-item .router-link-active .icon svg path[data-v-f347278f] {
  fill: #fff
}

.ant-layout[data-v-f347278f] {
  background: transparent;
  position: relative;
  min-height: 100vh;
  width: 100%;
  flex-shrink: 0
}

@media (min-width: 992px) {
  .ant-layout[data-v-f347278f] {
      width:auto;
      flex-shrink: 1;
      margin-left: 270px
  }
}

.layout-dashboard[data-v-539155c2] {
  background: transparent;
  text-align: left;
  position: relative
}

.layout-dashboard[data-v-539155c2] .ant-spin-nested-loading .ant-spin-blur {
  opacity: 0
}

.layout-dashboard[data-v-539155c2] .ant-card {
  border-radius: 12px;
  box-shadow: 0 20px 27px #0000000d
}

.layout-dashboard .sidebar-overlay[data-v-539155c2] {
  position: absolute;
  inset: 0;
  background-color: #141414;
  opacity: .5;
  z-index: 29
}

@media (min-width: 992px) {
  .layout-dashboard .ant-layout[data-v-539155c2] {
      width:auto;
      flex-shrink: 1
  }
}

body {
  box-sizing: border-box;
  color: #333;
  letter-spacing: .02em;
  margin: 0;
  font-size: 14px;
  background-color: #fff;
  font-family: PingFang TC,Microsoft Yahei,Helvetica Neue,Helvetica,Arial,sans-serif;
  position: relative
}

main {
  max-width: 100%;
  overflow: hidden
}

.foot {
  display: flex;
  max-width: 1080px;
  background: #292f36;
  margin: auto;
  padding: 15px 0;
  border-top: 1px solid var(--color-border-1);
  justify-content: space-between;
  opacity: .7
}

.foot .right {
  display: flex
}

.foot .right a {
  color: #fff;
  margin-right: 10px
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 18px
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.row-17 .download-item-container {
  position: relative
}

.row-17 .download-item-container .pop,.row-17 .download-item-container .pop-mac,.row-17 .download-item-container .pop-ios {
  position: absolute;
  right: 10px;
  top: 10px
}

.t-icon {
  width: 25px;
  height: 25px
}

.t-icon path {
  fill: #000
}

.a-popper {
  padding: 10px
}

.a-popper p {
  font-size: 14px
}

.btns {
  display: flex;
  gap: 0 20px
}

.btns a {
  width: 100px!important
}

@media (max-width: 767px) {
  .btns a {
      width:80px!important
  }
}

.gap-6 {
  gap: 20px
}

.FeatureCardsSection__card-icon {
  margin: 0 24px 24px 0
}

.container-fluid {
  min-width: 1440px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  box-sizing: border-box
}

.container {
  max-width: 1440px;
  background: #f4f5f8;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 0;
  box-sizing: border-box
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-weight: 700;
  line-height: 1;
  color: #222
}



p {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  color: #3a424e
}

ul {
  list-style: none;
  margin: 0;
  padding: 0
}

a {
  text-decoration: none;
  transition: all .3s ease;
  cursor: pointer;
  color: #237eff
}

a:hover {
  color: #1e65c9
}

input {
  color: #333;
  letter-spacing: .03em;
  margin: 0;
  font-size: 16px
}

.hide {
  display: none
}

.button {
  background: linear-gradient(90deg,#194bfb,#64c6ff);
  text-align: center;
  width: 200px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .02em;
  border-radius: 8px;
  line-height: 60px;
  display: inline-block;
  transition: all .2s ease;
  cursor: pointer
}

.button:hover,.button:active {
  background-color: #48515f;
  border-color: #48515f;
  color: #fff
}

.secondary_button {
  background-color: #fff;
  text-align: center;
  width: 200px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .02em;
  border-radius: 8px;
  line-height: 60px;
  display: inline-block;
  transition: all .2s ease;
  cursor: pointer
}

.secondary_button:hover,.secondary_button:active {
  background-color: #f0f2f5;
  border-color: #48515f;
  color: #48515f
}

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

header {
  width: 100%;
  background: transparent;
  padding: 0;
  position: sticky;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
  z-index: 98;
  transition: opacity .36s,background-color .36s,padding .36s;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

header .container-fluid.header:before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transform: translateZ(0)
}

header .container-fluid.header {
  box-shadow: 0 2px 29px #3a424e1a;
  background: transparent
}

header .container {
  background: transparent;
  padding: 29px 26px;
  text-align: left
}

header .mobile-menu {
  display: none
}

header .menu-btn {
  background-image: url(https://exp1.xfxss01.top/img/menu.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 21px;
  background-color: transparent;
  border: none;
  margin: 0;
  float: left;
  width: 43px;
  height: 43px;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  display: none;
  transition: all .3s ease;
  cursor: pointer
}

.header-container {
  display: flex;
  align-items: center
}

header .close-btn {
  background-image: url(https://exp1.xfxss01.top/img/close.svg);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  top: 15px;
  right: 15px;
  background-size: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%
}

header .menu-btn:active,header .menu-btn:hover {
  background-color: #f7f8f9
}

header .close-btn:active,header .close-btn:hover {
  background-color: #f7f8f9
}

header a.logo {
  background-image: url(https://www.shenlan01.com/theme/bundle/images/logo-main.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 32px;
  width: 140px;
  display: inline-block;
  vertical-align: middle
}

header .container .new_domain {
  font-size: 16px;
  line-height: 22px;
  color: #3b424d;
  text-align: left;
  margin-left: 15px
}

header .container .menu {
  display: flex;
  align-items: center;
  flex: 1
}

header .container .menu ul {
  display: inline-block;
  text-align: left
}

header .container .menu ul.mobile-nav {
  display: none
}

header .container .menu ul li {
  display: inline-block;
  margin-left: 40px;
  font-size: 18px;
  color: #3b424d
}

header .container .menu ul li a {
  font-size: 18px;
  color: #3b424d;
  transition: all .2s ease;
  font-weight: 700
}

header .container .menu ul li a:hover {
  color: #237eff
}

header .container .menu ul li a.mobile-a {
  display: none
}

@keyframes navmenu-7233f0fa {
  0% {
      opacity: 0;
      top: 5px
  }

  to {
      opacity: 1;
      top: 0
  }
}

header .container .menu ul .dropdown-menu {
  position: relative
}

.arco-icon {
  width: 14px;
  height: 14px
}

header .container .menu ul .dropdown-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 150px;
  max-width: 200px;
  margin-top: 5px;
  background-color: #fff;
  box-shadow: -1px 7px 58px -25px #000000bf;
  padding: 15px;
  border-radius: 10px;
  text-align: left
}

header .container .menu ul .dropdown-menu .sub-menu li {
  margin-left: 0;
  padding: 10px;
  width: calc(100% - 20px);
  display: inline-block;
  border-radius: 10px
}

header .container .menu ul .dropdown-menu .sub-menu li a {
  font-size: 14px
}

header .container .menu ul .dropdown-menu .sub-menu li:hover {
  background: #f2f2f2
}

header .container .menu ul li.reg {
  margin-left: 20px
}

header .register_button {
  border: none;
  background: linear-gradient(90deg,#194bfb,#64c6ff);
  color: #fff!important;
  padding: 7px 20px;
  margin-left: 0;
  border-radius: 5px;
  font-size: 15px!important
}

header .container-fluid.header.gradient-header {
  background-image: linear-gradient(to right,#0096ff 10%,#2f5dff 45%,#4f35ff);
  background-color: transparent;
  box-shadow: none
}

.gradient-header .container {
  background-color: transparent
}

header .gradient-header .container .new_domain {
  color: #fff
}

header .gradient-header .container .menu ul li a {
  color: #fff
}

header .gradient-header .container .menu ul li a:hover {
  color: #7c9cf4
}

header .gradient-header a.logo {
  background-image: url(https://www.shenlan01.com/theme/bundle/images/logo-main.png)
}

.gradient-header .menu-btn {
  background-image: url(https://exp1.xfxss01.top/img/menu-white.svg)
}

.gradient-header .menu-btn:hover {
  background-color: #316aa4
}

.gradient-header .login_button {
  background-color: transparent
}

.gradient-header nav.menu.animated ul li a {
  color: #3b424d
}

.gradient-header nav.menu.animated ul li a:hover {
  color: #237eff
}

.container-fluid.inner-page .container {
  background-color: #fff;
  box-shadow: 0 7px 45px #97acb938;
  border-radius: 5px;
  margin: 30px auto;
  padding: 50px;
  text-align: left;
  max-width: 1390px
}

.empty {
  height: 50px
}

.empty.large {
  height: 80px
}

.container-fluid.inner-page p {
  font-size: 16px;
  color: #7e8794
}

.container-fluid.inner-page li {
  font-size: 16px;
  color: #7e8794;
  margin-bottom: 5px
}

.container-fluid.inner-page .small {
  font-size: 12px
}

.container-fluid.inner-page .right {
  text-align: right
}

.container-fluid.inner-page .light-grey {
  color: #9da7b5
}

.inner-page .inner-mark-logo {
  width: 130px;
  height: 21px;
  display: inline-block;
  background-image: url(https://exp1.xfxss01.top/img/logo_dark_navy.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  float: left
}

.row-1-upper .container {
  background-color: transparent
}

.row-1-upper h1 {
  margin-top: 70px
}

.row-1-upper ul {
  margin: 10px 0
}

.row-1-upper ul li {
  display: inline-block;
  border-right: 1px solid #E2E6EE;
  padding: 0 15px;
  font-size: 24px;
  color: #9fa6b4;
  font-weight: 300
}

.row-1-upper ul li:last-child {
  border-right: 0
}

.row-1-upper p {
  font-size: 32px;
  color: #3a424e;
  font-weight: 900
}

.row-1-upper .price_tag {
  font-size: 38px;
  margin: 0 4px;
  display: inline-block
}

.row-1-upper .price_amount {
  font-size: 57px;
  margin-right: 4px
}

.row-1-upper .signup_container {
  margin-top: 30px;
  margin-right: 10px;
  display: inline-block
}

.row-1-upper .download_container {
  display: inline-block;
  margin-top: 30px
}

.row-1-upper .tips {
  background-color: #e9f1ff;
  border-radius: 18px;
  padding: 8px 20px 9px;
  color: #4361a2;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  display: inline-block
}

.row-1-upper .tips:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  width: 0;
  border-top: 13px solid #E9F1FF;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent
}

.row-1-upper .signup_button {
  display: block;
  text-align: center;
  margin: 20px auto auto
}

.row-1-upper .download_button {
  display: inline-block
}

.row-1-upper .payment_support {
  margin-top: 28px
}

.row-1-upper .payment_support ul {
  display: inline-block;
  margin: 0
}

.row-1-upper .payment_support li {
  border-right: 0;
  padding: 0 7px
}

.row-1-upper .payment_support li img {
  height: 22px
}

.row-1-upper .payment_support span {
  vertical-align: super
}

.row-1-upper .head-banner-container-618 {
  background-image: url(https://exp1.xfxss01.top/img/banner_618_desktop.png);
  width: 728px;
  height: 90px;
  display: block;
  margin: 30px auto auto;
  background-size: cover;
  border-radius: 4px
}

.row-1-upper .head-banner-container-618+article h1 {
  margin-top: 30px
}

.row-1-upper .head-banner-container-1111 {
  background-image: url(https://exp1.xfxss01.top/img/banner_1111Sale_desktop.png);
  width: 728px;
  height: 90px;
  display: block;
  margin: 30px auto auto;
  background-size: cover;
  border-radius: 4px
}

.row-1-upper .head-banner-container-1111+article h1 {
  margin-top: 30px
}

.row-1-upper .head-banner-container-1212 {
  background-image: url(https://exp1.xfxss01.top/img/banner_1212Sale_desktop.png);
  width: 728px;
  height: 90px;
  display: block;
  margin: 30px auto auto;
  background-size: cover;
  border-radius: 4px
}

.row-1-upper .head-banner-container-1212+article h1 {
  margin-top: 30px
}

.container-fluid.row-1-lower {
  height: 900px;
  margin: -40px auto 0;
  position: relative;
  background-color: transparent
}

.banner-element {
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 900px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0
}

@keyframes lightrayanimation-7233f0fa {
  0% {
      background-size: 80%;
      opacity: .8
  }

  to {
      background-size: 130%;
      opacity: 0
  }
}

.banner-screens {
  background-image: url(https://exp1.xfxss01.top/img/desktop/x1.png);
  background-size: 60%
}

.light-ray-bg {
  background-image: url(https://exp1.xfxss01.top/img/banner-light-ray-bg@2x.png);
  opacity: .8;
  animation: lightrayanimation-7233f0fa 2s infinite;
  background-size: 80%
}

.light-ray-bg-2 {
  background-image: url(https://exp1.xfxss01.top/img/banner-light-ray-bg@2x.png);
  opacity: .8;
  animation: lightrayanimation-7233f0fa 2s infinite;
  animation-delay: .5s;
  background-size: 80%
}

.light-ray-bg-3 {
  background-image: url(https://exp1.xfxss01.top/img/banner-light-ray-bg@2x.png);
  opacity: .8;
  animation: lightrayanimation-7233f0fa 2s infinite;
  animation-delay: 1s;
  background-size: 80%
}

.light-ray-bg-4 {
  background-image: url(https://exp1.xfxss01.top/img/banner-light-ray-bg@2x.png);
  opacity: .8;
  animation: lightrayanimation-7233f0fa 2s infinite;
  animation-delay: 1.5s;
  background-size: 80%
}

.light-ray-bg-5 {
  background-image: url(https://exp1.xfxss01.top/img/banner-light-ray-bg@2x.png);
  opacity: .8;
  animation: lightrayanimation-7233f0fa 2s infinite;
  animation-delay: 1.6s;
  background-size: 80%
}

.light-ray-bg-6 {
  background-image: url(https://exp1.xfxss01.top/img/banner-light-ray-bg@2x.png);
  opacity: .8;
  animation: lightrayanimation-7233f0fa 2s infinite;
  animation-delay: 2s;
  background-size: 80%
}

.character-blue-sword {
  background-image: url(https://exp1.xfxss01.top/img/desktop/char_blue_sword@2x.png)
}

.character-flying {
  background-image: url(https://exp1.xfxss01.top/img/char_flying@2x.png)
}

.character-on-floor {
  background-image: url(https://exp1.xfxss01.top/img/char_on_floor@2x.png)
}

.banner-macbook {
  background-image: url(https://exp1.xfxss01.top/img/desktop/banner-macbook.png)
}

.banner-ios-mobile {
  background-image: url(https://exp1.xfxss01.top/img/desktop/banner-ios-mobile.png)
}

.character-long-hair {
  background-image: url(https://exp1.xfxss01.top/img/desktop/char_long_hair@2x.png)
}

.character-red-sword {
  background-image: url(https://exp1.xfxss01.top/img/desktop/char_red_sword@2x.png)
}

.banner-mac {
  background-image: url(https://exp1.xfxss01.top/img/desktop/banner-mac.png)
}

.banner-android-mobile {
  background-image: url(https://exp1.xfxss01.top/img/desktop/banner-android-mobile.png)
}

.banner-mobile-screens,.banner-mobile-devices {
  display: none
}

.row-2 .container {
  background-color: transparent;
  position: relative;
  z-index: 1
}

.row-2 .container article {
  width: 1000px;
  padding: 48px 70px;
  box-shadow: 0 7px 37px #97acb945;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  margin: auto;
  position: relative;
  box-sizing: border-box
}

.row-2 h3 {
  margin-bottom: 16px
}

.row-2 p {
  font-size: 20px;
  color: #3a424e
}

.row-3 {
  background-image: linear-gradient(#fff,#d8d8d857);
  position: relative;
  padding-top: 120px
}

.row-3 .container {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center
}

.row-3 article {
  text-align: left;
  width: 50%;
  display: inline-block;
  float: left
}

.row-3 h2 {
  margin-bottom: 30px
}

.row-3 .number-2 {
  font-size: 56px;
  margin-left: 5px
}

.row-3 p {
  margin-bottom: 6px;
  color: #7e8794
}

.row-3 .signup_button {
  margin-top: 24px
}

.row-3 aside {
  width: 50%;
  display: inline-block;
  position: relative
}

.row-3 .signup_ui {
  background-image: url(https://exp1.xfxss01.top/img/signup_ui@2x.png);
  background-size: cover;
  width: 100%;
  height: auto;
  display: inline-block
}

.row-3 .signup_ui:after {
  content: "";
  display: block;
  padding-bottom: 76.67%
}

.row-3 .signup_character {
  background-image: url(https://exp1.xfxss01.top/img/signup_character@2x.png);
  background-size: cover;
  width: 224px;
  height: 325px;
  position: absolute;
  bottom: 0;
  left: -20px
}

.row-4 {
  padding: 160px 0 120px
}

.row-4 .container {
  background-color: transparent
}

.row-4 .feature-list {
  text-align: left;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.row-4 .feature-list li {
  margin-bottom: 40px;
  margin-left: 25px;
  float: left;
  width: 655px;
  margin-right: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row
}

.row-4 .feature-list li:nth-child(2n) {
  margin-right: 0
}

.row-4 .feature-list li p {
  font-size: 18px;
  color: #8c94a1;
  margin-top: 6px
}

.row-4 .feature-item .feature-content {
  margin-left: 20px
}

.row-4 .feature-item .feature-icon {
  width: 120px;
  height: 120px;
  background-size: cover;
  display: inline-block;
  float: left
}

.row-4 .feature-item.item-1 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-01.png)
}

.row-4 .feature-item.item-2 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-02.png)
}

.row-4 .feature-item.item-3 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-03.png)
}

.row-4 .feature-item.item-4 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-04.png)
}

.row-4 .feature-item.item-5 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-05.png)
}

.row-4 .feature-item.item-6 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-06.png)
}

.row-4 .feature-item.item-7 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-07.png)
}

.row-4 .feature-item.item-8 .feature-icon {
  background-image: url(https://exp1.xfxss01.top/img/features-08.png)
}

.row-5 {
  background-image: linear-gradient(#e6eef357,#fefefe57);
  position: relative;
  padding: 160px 0
}

.row-5 .container {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center
}

.row-5 article {
  text-align: left;
  width: 35%;
  display: inline-block;
  float: left
}

.row-5 aside {
  width: 65%;
  display: inline-block;
  position: relative
}

.row-5 .route-map {
  background-image: url(https://exp1.xfxss01.top/img/maps_2@2x.png);
  background-size: cover;
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative
}

.row-5 .route-map .pin {
  height: 16px;
  width: 16px;
  position: absolute;
  display: flex;
  background: #1582ff;
  border-radius: 50%;
  margin: -8px 0 0 -8px;
  top: 50px;
  right: 100px
}

.row-5 .route-map .pin.hk {
  top: 196px;
  right: 187px
}

.row-5 .route-map .pin.sh {
  top: 164px;
  right: 170px
}

.row-5 .route-map .pin.kr {
  top: 156px;
  right: 151px
}

.row-5 .route-map .pin.jp1 {
  top: 167px;
  right: 135px
}

.row-5 .route-map .pin.jp2 {
  top: 141px;
  right: 112px
}

.row-5 .route-map .pin.tw {
  top: 191px;
  right: 160px
}

.row-5 .route-map .pin.bj {
  top: 142px;
  right: 190px
}

.row-5 .route-map .pin.sg {
  top: 247px;
  right: 214px
}

.row-5 .route-map .pin.au {
  top: 346px;
  right: 91px
}

.row-5 .route-map .pin.ru {
  top: 93px;
  right: 385px
}

.row-5 .route-map .pin.uk {
  top: 101px;
  right: 494px
}

.row-5 .route-map .pin.de {
  top: 107px;
  right: 467px
}

.row-5 .route-map .pin.fr {
  top: 119px;
  right: 486px
}

.row-5 .route-map .pin.it {
  top: 144px;
  right: 451px
}

.row-5 .route-map .pin.ca {
  top: 123px;
  right: 815px
}

.row-5 .route-map .pin.la {
  top: 176px;
  right: 787px
}

.row-5 .route-map .pin.ny {
  top: 150px;
  right: 698px
}

.row-5 .route-map .pin.da {
  top: 158px;
  right: 744px
}

.row-5 .route-map .pin.se {
  top: 125px;
  right: 795px
}

.row-5 .route-map .wave-1 {
  width: 16px;
  height: 16px;
  background: #1582ff;
  border-radius: 50%;
  position: absolute;
  opacity: .5;
  animation: signalanimation-7233f0fa 3s infinite
}

.row-5 .route-map .wave-2 {
  width: 16px;
  height: 16px;
  background: #1582ff;
  border-radius: 50%;
  position: absolute;
  opacity: .5;
  animation: signalanimation-7233f0fa 3s infinite;
  animation-delay: .45s
}

@keyframes signalanimation-7233f0fa {
  0% {
      width: 16px;
      height: 16px;
      margin: 0;
      opacity: .5
  }

  80% {
      width: 58px;
      height: 58px;
      margin: -135% 0 0 -135%;
      opacity: 0
  }

  to {
      width: 16px;
      height: 16px;
      margin: 0;
      opacity: 0
  }
}

.row-5 .route-map:after {
  content: "";
  display: block;
  padding-bottom: 44.67%
}

.row-5 h2 {
  margin-bottom: 15px
}

.row-5 p {
  color: #7e8794
}

.row-5 .number-100 {
  font-size: 56px
}

.row-5 .route-list {
  font-size: 14px;
  color: #9da7b5;
  margin-top: 20px
}

.row-6 {
  background-image: url(https://exp1.xfxss01.top/img/desktop/game_bg@2x.jpg);
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 357px;
  background-position: center
}

.row-6 .container {
  background-color: transparent;
  color: #fff
}

.row-6 .p-1 {
  font-size: 32px;
  color: #fff
}

.row-6 .p-2 {
  font-size: 40px;
  color: #fff;
  margin-top: 12px;
  margin-bottom: 12px
}

.row-6 .p-3 {
  font-size: 22px;
  color: #fff
}

.iplc-label {
  width: 75px;
  height: auto;
  margin-right: 8px;
  margin-bottom: -2px
}

.ms-label {
  width: 127px;
  height: auto;
  margin-left: 15px;
  margin-bottom: -3px
}

.row-7 {
  padding: 160px 0
}

.row-7 .container {
  background-color: transparent;
  text-align: left
}

.row-7 p {
  margin-top: 12px;
  color: #9da7b5;
  font-size: 20px
}

.row-7 .media-pf-container {
  position: relative
}

.row-7 .media-pf-list {
  margin-top: 70px
}

.row-7 .media-item {
  width: 13.8%;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block
}

.row-7 .media-item:after {
  content: "";
  display: block;
  padding-bottom: 194.75%
}

.row-7 .media-item:nth-child(1) {
  background-image: url(https://exp1.xfxss01.top/img/channel_netflix.jpg)
}

.row-7 .media-item:nth-child(2) {
  background-image: url(https://exp1.xfxss01.top/img/channel_prime_video.jpg)
}

.row-7 .media-item:nth-child(3) {
  background-image: url(https://exp1.xfxss01.top/img/channel_disney+.jpg)
}

.row-7 .media-item:nth-child(4) {
  background-image: url(https://exp1.xfxss01.top/img/channel_hbo_max.jpg)
}

.row-7 .media-item:nth-child(5) {
  background-image: url(https://exp1.xfxss01.top/img/channel_BBC_iplayer.jpg)
}

.row-7 .media-item:nth-child(6) {
  background-image: url(https://exp1.xfxss01.top/img/channel_mytv.jpg)
}

.row-7 .media-item:nth-child(7) {
  background-image: url(https://exp1.xfxss01.top/img/channel_hulu.jpg)
}

.row-7 .media-item .blue-tick {
  position: absolute;
  width: 95px;
  height: 95px;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%);
  background-image: url(https://exp1.xfxss01.top/img/channel_blue_tick@2x.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.row-7 .media-character {
  background-image: url(https://exp1.xfxss01.top/img/media-character@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 97px;
  height: 279px;
  position: absolute;
  bottom: 0;
  left: -45px
}

.row-8 {
  background-image: linear-gradient(#fff,#fff 7.9%,#f0f5f8 8%,#e2ebf1)
}

.row-8 .container {
  background-color: transparent;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center
}

.row-8 article {
  text-align: left;
  width: 50%;
  display: inline-block;
  float: left;
  margin-top: 40px
}

.row-8 .number-3 {
  font-size: 56px;
  line-height: 78px;
  margin: 0 5px 0 10px
}

.row-8 p {
  color: #7e8794;
  font-size: 20px
}

.row-8 p:nth-child(2) {
  margin-bottom: 15px;
  margin-top: 10px
}

.row-8 p.small {
  font-size: 18px
}

.row-8 ul {
  margin-top: 20px
}

.row-8 ul li {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top
}

.row-8 .apple-icon {
  background-image: url(https://exp1.xfxss01.top/img/icon_os_apple.svg)
}

.row-8 .windows-icon {
  background-image: url(https://exp1.xfxss01.top/img/icon_os_window.svg)
}

.row-8 .android-icon {
  background-image: url(https://exp1.xfxss01.top/img/icon_os_android.svg)
}

.row-8 .linux-icon {
  background-image: url(https://exp1.xfxss01.top/img/icon_os_linux.svg)
}

.row-8 aside {
  width: 50%;
  display: inline-block;
  position: relative
}

.row-8 .characters {
  background-image: url(https://exp1.xfxss01.top/img/characters@2x.png);
  background-size: cover;
  width: 100%;
  height: auto;
  display: inline-block
}

.row-8 .characters:after {
  content: "";
  display: block;
  padding-bottom: 81.125%
}

.row-8 .signal-l {
  background-image: url(https://exp1.xfxss01.top/img/signal-l@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 283px;
  height: 210px;
  position: absolute;
  top: 0;
  left: 105px
}

.row-8 .signal-m {
  background-image: url(https://exp1.xfxss01.top/img/signal-m@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 187px;
  height: 169px;
  position: absolute;
  top: 0;
  left: 333px
}

.row-8 .signal-r {
  background-image: url(https://exp1.xfxss01.top/img/signal-r@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 411px;
  height: 357px;
  position: absolute;
  top: 50px;
  left: 346px
}

.row-9 {
  padding: 160px 0
}

.row-9 .container {
  background-color: transparent
}

.row-9 p {
  margin-top: 12px;
  color: #9da7b5;
  font-size: 20px
}

.row-9 .app-carousel .apps-display {
  margin-top: 70px;
  background-image: url(https://exp1.xfxss01.top/img/desktop/apps_full@2x.jpg);
  background-size: 1960px;
  height: 380px;
  background-position: 1000px top;
  animation: carouselanimation-7233f0fa 60s infinite;
  animation-timing-function: linear
}

@keyframes carouselanimation-7233f0fa {
  0% {
      background-position: 1500px top
  }

  to {
      background-position: 0px top
  }
}

.row-10 {
  padding: 160px 0;
  background-image: linear-gradient(#f4f8fa57,#e8eff457)
}

.row-10 .container {
  background-color: transparent
}

.row-10 p {
  font-size: 20px;
  color: #9da7b5;
  margin-top: 12px
}

.row-10 .flow-list {
  width: 1240px;
  margin: 70px auto 0
}

.row-10 .flow-item {
  display: flex;
  justify-content: flex-start;
  align-content: center
}

.row-10 .content-container {
  text-align: left;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.row-10 .content-container .list-title {
  font-size: 22px
}

.row-10 .content-container p {
  font-size: 18px;
  color: #7e8794;
  margin-top: 4px
}

.row-10 .flow-number {
  width: 120px;
  height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 60px
}

.row-10 .flow-1 .flow-number {
  background-image: url(https://exp1.xfxss01.top/img/step_1@2x.png)
}

.row-10 .flow-2 .flow-number {
  background-image: url(https://exp1.xfxss01.top/img/step_2@2x.png)
}

.row-10 .flow-3 .flow-number {
  background-image: url(https://exp1.xfxss01.top/img/step_3@2x.png)
}

.row-10 .flow-4 .flow-number {
  background-image: url(https://exp1.xfxss01.top/img/step_4@2x.png)
}

.row-10 .content-container {
  width: calc(100% - 290px);
  padding-right: 20px
}

.row-10 .timer {
  width: 110px;
  font-size: 18px;
  color: #9da7b5;
  display: flex;
  align-items: center
}

.row-10 .timer .time {
  font-size: 32px;
  margin: 0 5px
}

.row-11 {
  padding: 160px 0
}

.row-11 .container {
  background-color: transparent
}

.row-11 .plan-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 70px;
  margin-bottom: 50px
}

.row-11 h3 {
  margin-bottom: 20px
}

.row-11 .plan-list .plan-item {
  width: 380px;
  display: inline-block;
  margin-right: 40px
}

.row-11 .plan-list li:last-child {
  margin-right: 0
}

.row-11 .plan-character {
  width: 100%;
  height: 262px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

.row-11 .plan-content {
  box-shadow: 0 7px 37px #97acb938;
  margin-top: -182px;
  padding-top: 60px;
  padding-bottom: 60px;
  border-radius: 10px
}

.row-11 .plan-title {
  font-size: 30px;
  font-weight: 600;
  color: #3a424e
}

.row-11 .plan-description {
  font-size: 18px;
  color: #9da7b5;
  padding: 0 25px;
  margin-top: 10px;
  min-height: 50px
}

.row-11 .plan-detail {
  margin-top: 30px;
  text-align: left;
  padding: 0 50px
}

.row-11 .plan-content-item {
  margin-bottom: 5px
}

.row-11 .plan-content-item p {
  font-size: 18px;
  color: #3a424e;
  display: inline-block;
  vertical-align: top
}

.row-11 .plan-content-item p .traffic,.row-11 .plan-content-item p .device {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2
}

.row-11 .circle-tick {
  width: 24px;
  height: 24px;
  background-image: url(https://exp1.xfxss01.top/img/icn_tick.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  display: inline-block;
  margin-right: 10px
}

.row-11 .start {
  height: 20px;
  margin-left: 10px;
  vertical-align: inherit
}

.row-11 .from-price {
  margin-top: 40px;
  color: #3a424e;
  font-weight: 600
}

.row-11 .event_label {
  font-size: 14px;
  background: linear-gradient(90deg,#27bff9 0% 5%,#4e04ff 40%,#9600d2 52%,#ff0171);
  color: #fff;
  padding: 2px 10px 3px;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 13px;
  margin-bottom: -10px;
  display: inline-block;
  font-weight: 700
}

.row-11 .price_tag {
  font-size: 20px;
  margin-right: -3px
}

.row-11 .unit {
  font-size: 22px
}

.row-11 .price_amount {
  font-size: 42px
}

.row-11 .orig_price {
  text-decoration: line-through;
  font-weight: 400;
  margin-left: 5px;
  font-size: 20px
}

.row-11 .payment_support {
  margin-top: 28px
}

.row-11 .payment_support ul,.row-11 .payment_support ul li {
  display: inline-block;
  margin: 0
}

.row-11 .payment_support li {
  border-right: 0;
  padding: 0 7px
}

.row-11 .payment_support li img {
  height: 22px
}

.row-11 .payment_support span {
  vertical-align: super
}

.row-11 .remarks {
  font-size: 18px;
  color: #9da7b5;
  margin-top: 30px
}

.row-12 {
  background-image: linear-gradient(#e6eef357,#fefefe57);
  position: relative;
  padding: 160px 0
}

.row-12 .container {
  background-color: transparent
}

.row-12 ul {
  margin: 70px auto;
  width: 70%
}

.row-12 .q-item {
  background-color: #f1f2f8;
  margin-bottom: 25px;
  border-radius: 5px;
  box-shadow: 0 7px 45px #97acb938
}

.row-12 .q-item .question {
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
  box-sizing: border-box;
  clear: both
}

.row-12 .q-item .question h3 {
  font-size: 18px;
  text-align: left;
  padding: 0 50px 0 0
}

.row-12 .q-item .question .plus-icon {
  background-image: url(https://exp1.xfxss01.top/img/icon_plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  width: 40px;
  height: 40px;
  float: right;
  display: block;
  transition: all .4s ease
}

.row-12 .q-item .answer {
  padding: 30px;
  display: none;
  background-color: #f8f9fa
}

.row-12 .q-item .answer p {
  font-size: 18px;
  text-align: left;
  color: #7f8693
}

.row-12 .go-to-faq {
  font-size: 20px;
  border-radius: 8px;
  color: #237eff;
  background-color: #fff;
  border: 2px solid #237EFF;
  padding: 0 20px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 60px;
  display: inline-block;
  transition: all .2s ease;
  cursor: pointer
}

.row-12 .go-to-faq:hover {
  background-color: #ecf2f9;
  border-color: #9dc6ff
}

.row-12.inner-page {
  padding: 0 0 30px;
  background-color: transparent;
  background-image: none
}

.row-12.inner-page .container {
  background-color: transparent;
  box-shadow: none;
  padding: 0
}

.row-12 header {
  z-index: 1
}

.row-13 {
  background-image: linear-gradient(#f8f8f857,#eaeaea57);
  padding: 160px 0
}

.row-13 .container {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center
}

.row-13 aside {
  width: 75%;
  display: inline-block
}

.row-13 aside .backend_screen {
  background-image: url(https://exp1.xfxss01.top/img/backend_screen@2x.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  height: 705px;
  width: 100%
}

.row-13 aside .backend_screen:after {
  content: "";
  padding-bottom: 79.02%;
  display: inline-block
}

.row-13 article {
  width: 45%;
  display: inline-block;
  text-align: left
}

.row-13 p {
  font-size: 22px;
  color: #7e8794;
  margin-top: 15px;
  margin-bottom: 20px
}

.row-13 .button {
  width: 200px;
  margin-right: 10px;
  margin-bottom: 10px
}

.login_button-row13 {
  color: #237eff;
  background-color: #fff;
  border: 2px solid #237EFF
}

.login_button-row13:hover {
  background-color: #e9f2ff;
  border-color: #9dc6ff
}

.row-13 .function-list {
  font-size: 18px;
  color: #7e8794;
  margin-bottom: 30px
}

.row-14 {
  padding: 60px 0;
  background-image: linear-gradient(#e2ebf18c,#f0f5f88c)
}

.row-14 .container {
  background-color: transparent;
  display: flex
}

.row-14 aside {
  width: 55%;
  display: inline-block
}

.row-14 article {
  width: 45%;
  display: inline-flex;
  text-align: left;
  flex-direction: column;
  justify-content: center
}

.row-14 h2 {
  margin-bottom: 15px
}

.row-14 p {
  color: #7e8794;
  margin-bottom: 10px
}

.row-14 .privacy_protection {
  background-image: url(https://exp1.xfxss01.top/img/graphic_privacy.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%
}

.row-14 .privacy_protection:after {
  content: "";
  padding-bottom: 100%;
  display: inline-block
}

.row-14 .privacy_protection-x {
  background-image: url(https://exp1.xfxss01.top/img/x2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%
}

.row-14 .privacy_protection-x:after {
  content: "";
  padding-bottom: 100%;
  display: inline-block
}

.row-15 {
  padding: 60px 0;
  background-color: #f5f8fa
}

.row-15 .container {
  background-color: transparent
}

.row-15 .logo-carousel {
  min-width: unset;
  width: 1440px;
  margin: auto;
  background-color: transparent
}

.row-15 .logo-carousel .partner-logo-display {
  background-image: url(https://exp1.xfxss01.top/img/partner_logo_display.png);
  background-size: 1440px;
  height: 290px;
  background-position: 0px top;
  width: 100%
}

.row-16 {
  background-color: #0a0a0a;
  background-image: url(https://exp1.xfxss01.top/img/bg_4k.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.row-16 .container {
  background-color: transparent;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap
}

.row-16 article {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  color: #fff;
  text-align: left
}

.row-16 h2 {
  color: #fff;
  text-align: left;
  margin-bottom: 12px
}

.row-16 p {
  color: #fff
}

.row-16 .fourk-label {
  width: 84px;
  height: auto;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -3px
}

.row-16 aside {
  width: 60%;
  margin-top: 50px
}

.row-16 aside .fourk-screen {
  background-image: url(https://exp1.xfxss01.top/img/desktop/4k_screen@2x.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%
}

.row-16 aside .fourk-screen:after {
  content: "";
  padding-bottom: 60.035%;
  display: block
}

.row-17 {
  background: linear-gradient(#e1e2e2b3,#e6eef357);
  padding: 80px 0
}

.row-17 h2 {
  display: block;
  width: 100%;
  margin-bottom: 20px
}

.row-17 h3 {
  display: block;
  width: 100%;
  margin-bottom: 30px
}

.row-17 .container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  flex-wrap: wrap
}

.row-17 .download-item-container {
  display: inline-flex;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px #d2d3d8,0 0 1px #d1d2d8;
  padding: 30px 40px;
  text-align: left;
  width: calc(42% - 60px);
  margin: 0 10px 20px;
  align-items: center
}

.row-17 .download-item-container .download-item-thumbnail {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.row-17 .download-item-container .download-item-text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.row-17 .download-item-container .button {
  font-size: 14px;
  line-height: 38px;
  width: 200px;
  margin-top: 4px
}

.row-17 .download-item-container .title {
  font-size: 20px;
  font-weight: 600
}

.row-17 .download-item-container .remark {
  font-size: 13px;
  color: #8c94a1;
  margin-top: 8px
}

footer,footer .container-fluid,footer .container {
  background-color: #292f36;
  color: #fff
}

footer .container {
  padding: 50px 25px;
  text-align: left;
  position: relative
}

footer .social-media {
  width: 23px;
  height: 23px;
  margin-left: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block
}

footer .social-media-container a:hover {
  opacity: 55%
}

footer .social-media.facebook {
  background-image: url(https://exp1.xfxss01.top/img/icon_social_media_facebook.svg)
}

footer .social-media.instagram {
  background-image: url(https://exp1.xfxss01.top/img/icon_social_media_instagram.svg)
}

footer .social-media.twitter {
  background-image: url(https://exp1.xfxss01.top/img/icon_social_media_twitter.svg)
}

footer .social-media.telegram {
  background-image: url(https://exp1.xfxss01.top/img/icon_social_media_telegram.svg)
}

footer p {
  color: #fff;
  font-size: 14px
}

.footer-logo-container {
  position: relative;
  display: block
}

.footer-logo-container .footer-logo {
  background-image: url(https://exp1.xfxss01.top/img/logo-footer.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  width: 163px;
  height: 25px;
  display: inline-block;
  margin-right: 10px
}

.footer-logo-container p {
  display: inline-block;
  vertical-align: super
}

.footer .social-media-container {
  display: inline-block;
  position: absolute;
  top: 50px;
  right: 25px
}

.footer .social-media-container p {
  display: inline-block;
  vertical-align: super
}

.footer-links {
  margin: 25px 0
}

.footer-links a {
  color: #fff;
  font-size: 16px;
  margin-right: 20px
}

p.copyright {
  color: #7f8693
}

.footer a:hover {
  color: #9da7b5
}

.gradient-main-top {
  background-image: linear-gradient(to right,#0096ff 10%,#2f5dff 45%,#4f35ff);
  padding-top: 140px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden
}

.gradient-main-top:after {
  content: "";
  position: absolute;
  background-image: url(https://exp1.xfxss01.top/img/character_pro_bg.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  opacity: .2;
  mix-blend-mode: luminosity;
  pointer-events: none;
  width: 320px;
  height: 275px;
  right: 40px;
  bottom: -10px
}

.gradient-main-top .container {
  background-color: transparent;
  z-index: 1
}

.gradient-main-top h1 {
  color: #fff
}

.theme-gradient-text {
  background: linear-gradient(120deg,#27bff9 0% 25%,#4e04ff 40%,#9600d2 52%,#db0161 72%,#f52222 80% 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

@media (max-width: 2048px) {
  .container-fluid {
      min-width:100%
  }

  .container {
      max-width: 1240px;
      width: 100%
  }

  

  h2 {
      font-size: 28px
  }

  h3 {
      font-size: 20px;
      line-height: 28px
  }

  h4 {
      font-size: 20px
  }

  p {
      font-size: 18px
  }

  .container-fluid.inner-page .container {
      margin: 30px auto;
      width: 1190px
  }

  .row-1-upper h1 {
      margin-top: 60px
  }

  .row-1-upper ul {
      margin-top: 0
  }

  .row-1-upper ul li {
      font-size: 20px
  }

  .row-1-upper p {
      font-size: 24px
  }

  .row-1-upper .price_tag {
      font-size: 32px
  }

  .row-1-upper .price_amount {
      font-size: 48px
  }

  .container-fluid.row-1-lower {
      height: 700px
  }

  .banner-element {
      height: 750px
  }

  .row-2 h3 {
      font-size: 22px
  }

  .row-2 p {
      font-size: 18px
  }

  .row-3 h2 {
      margin-bottom: 15px
  }

  .row-3 .number-2 {
      font-size: 48px
  }

  .row-3 article {
      margin-left: 25px
  }

  .row-4 {
      padding: 100px 0 60px
  }

  .row-4 .feature-list {
      width: 1240px
  }

  .row-4 .feature-list li {
      width: 520px;
      margin-right: 40px
  }

  .row-4 .feature-list li p {
      font-size: 16px
  }

  .row-4 .feature-item .feature-icon {
      width: 100px;
      height: 100px
  }

  .row-5 {
      padding: 100px 0
  }

  .row-5 article {
      padding-left: 25px;
      box-sizing: border-box
  }

  .row-5 .number-100 {
      font-size: 46px
  }

  .row-5 .route-map .pin.hk {
      top: 168px;
      right: 165px
  }

  .row-5 .route-map .pin.sh {
      top: 146px;
      right: 150px
  }

  .row-5 .route-map .pin.kr {
      top: 132px;
      right: 128px
  }

  .row-5 .route-map .pin.jp1 {
      top: 142px;
      right: 116px
  }

  .row-5 .route-map .pin.jp2 {
      top: 122px;
      right: 94px
  }

  .row-5 .route-map .pin.tw {
      top: 165px;
      right: 142px
  }

  .row-5 .route-map .pin.bj {
      top: 123px;
      right: 165px
  }

  .row-5 .route-map .pin.sg {
      top: 217px;
      right: 183px
  }

  .row-5 .route-map .pin.au {
      top: 300px;
      right: 80px
  }

  .row-5 .route-map .pin.ru {
      top: 88px;
      right: 349px
  }

  .row-5 .route-map .pin.uk {
      top: 85px;
      right: 427px
  }

  .row-5 .route-map .pin.de {
      top: 87px;
      right: 397px
  }

  .row-5 .route-map .pin.fr {
      top: 102px;
      right: 418px
  }

  .row-5 .route-map .pin.it {
      top: 122px;
      right: 386px
  }

  .row-5 .route-map .pin.ca {
      top: 102px;
      right: 702px
  }

  .row-5 .route-map .pin.la {
      top: 143px;
      right: 687px
  }

  .row-5 .route-map .pin.ny {
      top: 130px;
      right: 598px
  }

  .row-5 .route-map .pin.da {
      top: 133px;
      right: 639px
  }

  .row-5 .route-map .pin.se {
      top: 108px;
      right: 676px
  }

  .row-6 {
      padding-top: 160px;
      padding-bottom: 300px
  }

  .row-6 .p-1 {
      font-size: 28px
  }

  .row-6 .p-3 {
      font-size: 18px
  }

  .row-7 {
      padding: 100px 25px
  }

  .row-7 p {
      font-size: 18px;
      margin-top: 5px
  }

  .row-7 .media-pf-list {
      margin-top: 30px
  }

  .row-8 article {
      margin-top: 0;
      padding-left: 25px
  }

  .row-8 .number-3 {
      font-size: 46px
  }

  .row-8 p {
      font-size: 18px
  }

  .row-8 ul li {
      width: 35px;
      height: 35px
  }

  .row-8 .signal-l {
      width: 233px;
      left: 75px
  }

  .row-8 .signal-m {
      width: 157px;
      left: 293px
  }

  .row-8 .signal-r {
      width: 331px;
      left: 304px
  }

  .row-9 {
      padding-bottom: 100px;
      padding-top: 100px
  }

  .row-9 p {
      font-size: 18px;
      margin-top: 5px
  }

  .row-9 .app-carousel .apps-display {
      margin-top: 30px;
      background-size: 1600px;
      height: 312px
  }

  .row-10 {
      padding: 100px 0
  }

  .row-10 p {
      font-size: 18px;
      margin-top: 5px
  }

  .row-10 .flow-list {
      margin-top: 30px;
      width: 1190px
  }

  .row-10 .flow-item {
      margin-bottom: 10px
  }

  .row-10 .content-container .list-title {
      font-size: 20px
  }

  .row-10 .content-container p {
      font-size: 15px;
      margin-top: 2px
  }

  .row-10 .flow-number {
      width: 100px;
      height: 100px
  }

  .row-10 .timer {
      font-size: 15px
  }

  .row-10 .timer .time {
      font-size: 26px
  }

  .row-11 {
      padding: 100px 0
  }

  .row-11 .plan-list {
      margin-top: 30px
  }

  .row-11 .plan-content {
      padding-bottom: 36px
  }

  .row-11 .plan-title {
      font-size: 24px
  }

  .row-11 .plan-description,.row-11 .plan-content-item p {
      font-size: 14px
  }

  .row-11 .plan-detail {
      margin-top: 22px
  }

  .row-11 .circle-tick {
      width: 20px;
      height: 20px;
      margin-right: 5px
  }

  .row-11 .start {
      height: 15px;
      vertical-align: middle;
      margin-bottom: 3px;
      margin-left: 5px
  }

  .row-11 .from-price {
      margin-top: 24px
  }

  .row-11 .price_tag {
      font-size: 23px
  }

  .row-11 .unit {
      font-size: 16px
  }

  .row-11 .price_amount {
      font-size: 30px
  }

  .row-11 .remarks {
      font-size: 16px
  }

  .row-12 {
      padding: 100px 0
  }

  .row-12 ul {
      margin-top: 30px
  }

  .row-12 .q-item .question .plus-icon {
      margin-top: -6px
  }

  .row-13 {
      padding-top: 80px;
      padding-bottom: 80px
  }

  .row-13 article {
      padding-left: 25px
  }

  .row-13 aside .backend_screen {
      height: 600px
  }

  .row-13 p {
      font-size: 18px
  }

  .row-13 .function-list {
      font-size: 16px
  }

  .row-13 .button {
      width: 160px
  }

  .row-14 .privacy_protection {
      width: 75%;
      margin: auto
  }

  .row-14 article p {
      width: 480px
  }

  .row-15 .logo-carousel {
      width: 1240px
  }

  .row-15 .logo-carousel .partner-logo-display {
      background-size: 1240px;
      height: 250px
  }

  .row-16 {
      padding: 0 25px
  }

  .row-16 aside {
      margin-top: 50px
  }
}

@media (max-width: 1439px) {
  .container {
      max-width:1240px
  }

  .container-fluid.inner-page .container {
      margin: 30px auto
  }

  .row-4 .feature-list {
      width: 1240px
  }

  .row-4 .feature-list li {
      width: 480px;
      margin-left: 0
  }

  .row-5 article {
      padding-left: 25px;
      box-sizing: border-box
  }

  .row-5 .route-map .pin.hk {
      top: 168px;
      right: 165px
  }

  .row-5 .route-map .pin.sh {
      top: 146px;
      right: 150px
  }

  .row-5 .route-map .pin.kr {
      top: 132px;
      right: 128px
  }

  .row-5 .route-map .pin.jp1 {
      top: 142px;
      right: 116px
  }

  .row-5 .route-map .pin.jp2 {
      top: 122px;
      right: 94px
  }

  .row-5 .route-map .pin.tw {
      top: 165px;
      right: 142px
  }

  .row-5 .route-map .pin.bj {
      top: 123px;
      right: 165px
  }

  .row-5 .route-map .pin.sg {
      top: 217px;
      right: 183px
  }

  .row-5 .route-map .pin.au {
      top: 300px;
      right: 80px
  }

  .row-5 .route-map .pin.ru {
      top: 88px;
      right: 349px
  }

  .row-5 .route-map .pin.uk {
      top: 85px;
      right: 427px
  }

  .row-5 .route-map .pin.de {
      top: 87px;
      right: 397px
  }

  .row-5 .route-map .pin.fr {
      top: 102px;
      right: 418px
  }

  .row-5 .route-map .pin.it {
      top: 122px;
      right: 386px
  }

  .row-5 .route-map .pin.ca {
      top: 102px;
      right: 702px
  }

  .row-5 .route-map .pin.la {
      top: 143px;
      right: 687px
  }

  .row-5 .route-map .pin.ny {
      top: 130px;
      right: 598px
  }

  .row-5 .route-map .pin.da {
      top: 133px;
      right: 639px
  }

  .row-5 .route-map .pin.se {
      top: 108px;
      right: 676px
  }

  .row-7 .media-item .blue-tick {
      width: 70px;
      height: 70px
  }

  .row-8 article {
      padding-left: 25px
  }

  .row-8 .signal-l {
      width: 233px;
      left: 75px
  }

  .row-8 .signal-m {
      width: 157px;
      left: 293px
  }

  .row-8 .signal-r {
      width: 331px;
      left: 304px
  }
}

@media (max-width: 1239px) {
  .container {
      max-width:1024px
  }

  .container-fluid.inner-page .container {
      width: 974px;
      margin: 30px auto
  }

  .row-2 .container article {
      width: auto;
      padding: 38px 70px;
      margin: 0 52px
  }

  .row-3 .signup_character {
      width: 170px;
      height: 250px;
      bottom: 30px
  }

  .row-4 .feature-list {
      width: 1024px
  }

  .row-4 .feature-list li {
      width: calc(50% - 20px);
      margin-right: 40px
  }

  .row-5 .route-map .pin {
      height: 12px;
      width: 12px;
      margin: -6px 0 0 -6px
  }

  .row-5 .route-map .wave-1,.row-5 .route-map .wave-2 {
      width: 12px;
      height: 12px
  }

  @keyframes signalanimation-7233f0fa {
      0% {
          width: 12px;
          height: 12px;
          margin: 0;
          opacity: .5
      }

      80% {
          width: 48px;
          height: 48px;
          margin: -150% 0 0 -150%;
          opacity: 0
      }

      to {
          width: 12px;
          height: 12px;
          margin: 0;
          opacity: 0
      }
  }

  .row-5 .route-map .pin.hk {
      top: 140px;
      right: 133px
  }

  .row-5 .route-map .pin.sh {
      top: 120px;
      right: 121px
  }

  .row-5 .route-map .pin.kr {
      top: 113px;
      right: 102px
  }

  .row-5 .route-map .pin.jp1 {
      top: 118px;
      right: 93px
  }

  .row-5 .route-map .pin.jp2 {
      top: 101px;
      right: 76px
  }

  .row-5 .route-map .pin.tw {
      top: 135px;
      right: 117px
  }

  .row-5 .route-map .pin.bj {
      top: 107px;
      right: 135px
  }

  .row-5 .route-map .pin.sg {
      top: 197px;
      right: 136px
  }

  .row-5 .route-map .pin.au {
      top: 248px;
      right: 65px
  }

  .row-5 .route-map .pin.ru {
      top: 74px;
      right: 288px
  }

  .row-5 .route-map .pin.uk {
      top: 73px;
      right: 349px
  }

  .row-5 .route-map .pin.de {
      top: 72px;
      right: 327px
  }

  .row-5 .route-map .pin.fr {
      top: 82px;
      right: 345px
  }

  .row-5 .route-map .pin.it {
      top: 101px;
      right: 318px
  }

  .row-5 .route-map .pin.ca {
      top: 82px;
      right: 572px
  }

  .row-5 .route-map .pin.la {
      top: 115px;
      right: 564px
  }

  .row-5 .route-map .pin.ny {
      top: 106px;
      right: 490px
  }

  .row-5 .route-map .pin.da {
      top: 110px;
      right: 526px
  }

  .row-5 .route-map .pin.se {
      top: 88px;
      right: 540px
  }

  .row-7 .media-character {
      width: 70px;
      height: 203px;
      left: -25px
  }

  .row-8 {
      background-image: linear-gradient(#f0f5f8,#e2ebf1)
  }

  .row-8 .signal-l {
      width: 183px;
      left: 71px
  }

  .row-8 .signal-m {
      width: 133px;
      left: 243px
  }

  .row-8 .signal-r {
      width: 281px;
      left: unset;
      right: -23px
  }

  .row-10 .flow-list {
      margin-top: 30px;
      width: 1024px
  }

  .row-13 aside .backend_screen {
      height: 495px
  }

  .row-14 {
      padding: 60px 0
  }

  .row-14 .container {
      max-width: 1024px
  }

  .row-14 article {
      padding-right: 25px
  }

  .row-14 .privacy_protection {
      width: 80%
  }

  .row-15 .logo-carousel {
      width: 1024px
  }

  .row-15 .logo-carousel .partner-logo-display {
      background-size: 1024px;
      height: 205px
  }

  .row-17 .download-item-container {
      width: calc(45% - 60px)
  }

  .row-17 .download-item-container .download-item-thumbnail {
      width: 100px;
      height: 100px;
      margin-right: 20px
  }
}

@media (max-width: 1023px) {
  .container-fluid {
      width:100%;
      box-sizing: border-box
  }

  .container {
      max-width: 768px;
      width: 100%
  }

 

  h4,p {
      font-size: 15px
  }

  .button {
      font-size: 18px;
      line-height: 55px
  }

  .container-fluid.inner-page .container {
      width: 738px;
      margin: 30px auto;
      padding: 40px
  }

  header a.logo {
      height: 22px;
      width: 140px
  }

  header .container {
      padding: 19px 18px;
      min-width: 100%;
      width: 100%;
      box-sizing: border-box
  }

  header .container .menu ul li a {
      font-size: 16px
  }

  .row-1-upper h1 {
      margin-top: 50px
  }

  .row-1-upper ul {
      margin-top: 10px
  }

  .row-1-upper ul li {
      font-size: 16px;
      padding: 0 10px
  }

  .row-1-upper .payment_support {
      margin-top: 14px
  }

  .row-1-upper .payment_support li img {
      height: 18px
  }

  .character-flying {
      background-position: 70% 0
  }

  .row-2 .container article {
      padding: 32px 50px
  }

  .row-2 article:before {
      width: 45px;
      height: 22px;
      right: -23px;
      top: 15px
  }

  .row-2 article:after {
      width: 45px;
      height: 22px;
      left: -25px;
      bottom: 15px
  }

  .row-2 h3 {
      font-size: 18px
  }

  .row-2 p {
      font-size: 15px
  }

  .row-3 {
      padding-top: 70px
  }

  .row-3 .container {
      padding: 0 25px
  }

  .row-3 h2 {
      font-size: 20px
  }

  .row-3 .number-2 {
      font-size: 40px
  }

  .row-3 p {
      font-size: 13px
  }

  .row-3 .signup_character {
      width: 106px;
      height: 154px;
      left: 0
  }

  .row-4 {
      padding: 70px 25px
  }

  .row-4 .feature-list {
      width: 718px
  }

  .row-4 .feature-list li {
      width: calc(50% - 10px);
      margin-right: 20px;
      margin-bottom: 30px
  }

  .row-4 .feature-item .feature-icon {
      width: 64px;
      height: 64px
  }

  .row-4 .feature-list li p {
      font-size: 12px
  }

  .row-5 {
      padding: 70px 25px
  }

  .row-5 .container {
      width: 718px
  }

  .row-5 article {
      width: 40%;
      padding-right: 20px;
      padding-left: 0;
      box-sizing: border-box
  }

  .row-5 aside {
      width: 60%
  }

  .row-5 .number-100 {
      font-size: 38px
  }

  .row-5 .route-list {
      font-size: 13px
  }

  .row-5 .route-map .pin {
      height: 8px;
      width: 8px;
      margin: -4px 0 0 -4px
  }

  .row-5 .route-map .wave-1,.row-5 .route-map .wave-2 {
      width: 8px;
      height: 8px
  }

  @keyframes signalanimation-7233f0fa {
      0% {
          width: 8px;
          height: 8px;
          margin: 0;
          opacity: .4
      }

      80% {
          width: 38px;
          height: 38px;
          margin: -188% 0 0 -188%;
          opacity: 0
      }

      to {
          width: 8px;
          height: 8px;
          margin: 0;
          opacity: 0
      }
  }

  .row-5 .route-map .pin.hk {
      top: 89px;
      right: 84px
  }

  .row-5 .route-map .pin.sh {
      top: 78px;
      right: 77px
  }

  .row-5 .route-map .pin.kr {
      top: 71px;
      right: 64px
  }

  .row-5 .route-map .pin.jp1 {
      top: 78px;
      right: 60px
  }

  .row-5 .route-map .pin.jp2 {
      top: 68px;
      right: 52px
  }

  .row-5 .route-map .pin.tw {
      top: 90px;
      right: 70px
  }

  .row-5 .route-map .pin.bj {
      top: 74px;
      right: 82px
  }

  .row-5 .route-map .pin.sg {
      top: 125px;
      right: 86px
  }

  .row-5 .route-map .pin.au {
      top: 160px;
      right: 39px
  }

  .row-5 .route-map .pin.ru {
      top: 49px;
      right: 185px
  }

  .row-5 .route-map .pin.uk {
      top: 47px;
      right: 222px
  }

  .row-5 .route-map .pin.de {
      top: 48px;
      right: 213px
  }

  .row-5 .route-map .pin.fr {
      top: 55px;
      right: 220px
  }

  .row-5 .route-map .pin.it {
      top: 65px;
      right: 204px
  }

  .row-5 .route-map .pin.ca {
      top: 55px;
      right: 369px
  }

  .row-5 .route-map .pin.la {
      top: 75px;
      right: 364px
  }

  .row-5 .route-map .pin.ny {
      top: 69px;
      right: 315px
  }

  .row-5 .route-map .pin.da {
      top: 74px;
      right: 341px
  }

  .row-5 .route-map .pin.se {
      top: 56px;
      right: 348px
  }

  .row-6 {
      padding-top: 80px;
      padding-bottom: 230px
  }

  .row-6 .p-1 {
      font-size: 22px
  }

  .row-6 .p-2 {
      font-size: 32px
  }

  .row-6 .p-3 {
      font-size: 16px
  }

  .iplc-label {
      width: 64px;
      margin-right: 5px
  }

  .ms-label {
      width: 100px;
      margin-left: 10px
  }

  .row-7 {
      padding: 70px 25px
  }

  .row-7 p {
      font-size: 16px
  }

  .row-7 .media-pf-container {
      padding-left: 10px
  }

  .row-7 .media-item {
      width: 13.6%
  }

  .row-7 .media-character {
      left: -30px;
      width: 60px;
      height: 174px
  }

  .row-7 .media-item .blue-tick {
      bottom: -5px;
      width: 50px;
      height: 50px
  }

  .row-8 article {
      margin-top: 30px;
      margin-bottom: 60px;
      padding-left: 25px
  }

  .row-8 p {
      font-size: 15px
  }

  .row-8 p:nth-child(2) {
      margin-bottom: 10px
  }

  .row-8 p.small {
      font-size: 13px
  }

  .row-8 .characters {
      margin-top: 40px
  }

  .row-8 .signal-l {
      width: 171px;
      left: 31px;
      top: 20px
  }

  .row-8 .signal-m {
      width: 115px;
      left: 173px;
      top: 20px
  }

  .row-8 .signal-r {
      width: 200px;
      left: unset;
      right: -13px;
      top: 80px
  }

  .row-9 {
      padding: 70px 0
  }

  .row-9 p {
      font-size: 16px
  }

  .row-9 .app-carousel .apps-display {
      background-size: 1250px;
      height: 242px
  }

  .row-10 {
      padding: 70px 25px
  }

  .row-10 .flow-list {
      width: 718px
  }

  .row-10 p {
      font-size: 16px
  }

  .row-10 .flow-number {
      margin-right: 20px
  }

  .row-10 .content-container .list-title {
      font-size: 18px
  }

  .row-10 .content-container {
      width: calc(100% - 205px)
  }

  .row-10 .timer {
      width: 95px
  }

  .row-11 {
      padding: 70px 0
  }

  .row-11 .plan-list .plan-item {
      margin-right: 18px
  }

  .row-11 .plan-character {
      height: 235px
  }

  .row-11 .plan-description {
      padding: 0 15px;
      min-height: 60px
  }

  .row-11 .plan-detail {
      padding: 0 20px
  }

  .row-11 .payment_support {
      margin-top: 14px
  }

  .row-11 .payment_support li img {
      height: 18px
  }

  .row-11 .remarks {
      font-size: 14px
  }

  .row-12 {
      padding: 70px 0
  }

  .row-12 ul {
      width: 90%
  }

  .row-12 .q-item .question h3,.row-12 .q-item .answer p {
      font-size: 15px
  }

  .row-12 .go-to-faq {
      font-size: 18px;
      line-height: 55px
  }

  .row-12.inner-page .container {
      padding: 0
  }

  .row-12 .q-item .question .plus-icon {
      margin-top: -7.5px
  }

  .row-13 {
      padding: 70px 25px
  }

  .row-13 aside {
      width: 65%;
      background-position: center
  }

  .row-13 aside .backend_screen {
      height: 348px
  }

  .row-13 p {
      font-size: 15px
  }

  .row-13 .function-list {
      font-size: 14px
  }

  .row-13 .button {
      width: 125px
  }

  .row-14 {
      padding: 35px 25px
  }

  .row-14 article {
      padding: 0;
      width: 55%
  }

  .row-14 aside {
      width: 45%
  }

  .row-14 article p {
      width: 405px
  }

  .row-15 .logo-carousel {
      width: 100%
  }

  .row-15 .logo-carousel .partner-logo-display {
      width: 100%;
      background-position: 0 top;
      animation: carouselanimation-7233f0fa 60s infinite;
      animation-timing-function: linear
  }

  .row-16 .fourk-label {
      width: 67px;
      margin-left: 12px;
      margin-right: 12px
  }

  .row-16 article {
      width: 45%
  }

  .row-16 aside {
      width: 55%
  }

  .row-17 .download-item-container {
      margin: 0 8px 16px;
      width: calc(45% - 28px);
      padding: 20px 25px
  }

  .row-17 .download-item-container .download-item-thumbnail {
      width: 100px;
      height: 100px;
      margin-right: 20px
  }

  .row-17 .download-item-container .title {
      font-size: 16px
  }

  .row-17 .download-item-container .button {
      font-size: 13px;
      line-height: 34px;
      width: 182px;
      margin-top: 4px
  }

  .row-17 .download-item-container .remark {
      font-size: 12px
  }

  footer .container {
      padding: 50px 25px
  }

  .gradient-main-top {
      padding-top: 100px
  }

  .gradient-main-top:after {
      width: 240px;
      height: 195px
  }
}

@media (max-width: 767px) {
  .FeatureCardsSection__card-icon {
      margin:0
  }

  header .mobile-nav {
      display: block!important
  }

  header .container .menu ul li.reg {
      margin-left: 0!important
  }

  header .register_button {
      padding: 5px 15px;
      margin-left: 10px
  }

  header .container .menu ul .dropdown-menu .sub-menu {
      width: 80%;
      left: 50%;
      transform: translate(-50%)
  }

  .container-fluid {
      width: 100%;
      box-sizing: border-box
  }

  .container {
      max-width: unset;
      width: 100%
  }

  

  p {
      font-size: 14px
  }

  .button {
      font-size: 16px;
      line-height: 42px;
      width: 150px
  }

  .container-fluid.inner-page .container {
      width: calc(100% - 30px);
      margin: 30px auto;
      padding: 30px 20px
  }

  .container-fluid.inner-page p {
      font-size: 14px
  }

  .container-fluid.inner-page li {
      font-size: 14px;
      margin-bottom: 5px
  }

  .container-fluid.inner-page .small {
      font-size: 10px
  }

  .empty {
      height: 40px
  }

  .empty.large {
      height: 60px
  }

  .inner-page .inner-mark-logo {
      width: 110px
  }

  header.top-header {
      position: fixed;
      top: 0;
      margin: 0
  }

  header.top-header.animated {
      animation-duration: .3s!important
  }

  header .mobile-menu {
      display: block!important;
      position: absolute;
      right: 50px
  }

  header .container .menu ul .dropdown-menu .sub-menu li {
      text-align: center
  }

  header .container .menu ul .dropdown-menu .sub-menu li a {
      display: inline
  }

  header .mobile-menu ul {
      display: flex;
      flex: 1;
      justify-content: flex-end;
      gap: 0 10px
  }

  header .mobile-menu ul li:first-child a {
      color: #000
  }

  header a.logo {
      width: 130px;
      background-position: left
  }

  header .menu-btn {
      display: block
  }

  header .container {
      text-align: center!important;
      padding: 16px 18px
  }

  header .container .menu {
      padding: 50px 0;
      float: none;
      min-width: auto;
      width: 100%;
      text-align: center;
      background: #fff;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99999;
      display: block;
      height: 100vh;
      box-shadow: 0 0 80px #ccc
  }

  header .container .menu.animated {
      animation-duration: .3s
  }

  header .close-btn {
      display: none
  }

  header .container .menu ul {
      display: block
  }

  header .container .menu ul li {
      display: block;
      width: 100%;
      margin: 0
  }

  header .container .menu ul li a {
      width: 50%;
      padding: 10px 0;
      text-align: center;
      margin: 10px auto;
      font-size: 18px;
      color: #333;
      display: block
  }

  header .container .menu ul li a.mobile-a {
      display: block
  }

  header .container .menu ul li a.desktop-a {
      display: none
  }

  header .container .new_domain {
      display: none
  }

  header .container .menu ul li a.header_button {
      width: 80%;
      max-width: 250px;
      background-color: #2f343b;
      font-weight: 700;
      font-size: 16px;
      color: #fff;
      letter-spacing: .02em;
      border-radius: 8px;
      line-height: 25px;
      margin-bottom: 20px
  }

  header .container .menu ul li a.header_button:hover {
      background-color: #48515f
  }

  header .container .menu ul li a.header_button.login_button {
      margin-top: 60px;
      color: #237eff;
      border: 2px solid #237EFF;
      background-color: #fff
  }

  header .container .menu ul li a.header_button.login_button:hover {
      background-color: #e9f2ff;
      border-color: #9dc6ff
  }

  .row-1-upper h1 {
      margin-top: 90px
  }

  .row-1-upper h1+ul {
      width: 98%
  }

  .row-1-upper ul {
      margin-top: 0;
      margin-bottom: 0
  }

  .row-1-upper ul li {
      font-size: 14px;
      padding: 0 9px
  }

  .row-1-upper p {
      font-size: 18px
  }

  .row-1-upper .price_tag {
      font-size: 22px
  }

  .row-1-upper .price_amount {
      font-size: 32px
  }

  .row-1-upper .tips {
      font-size: 13px
  }

  .row-1-upper .signup_container {
      margin-right: 0
  }

  .row-1-upper .signup_button {
      z-index: 1;
      position: relative
  }

  .row-1-upper .download_container {
      display: block;
      margin-top: 10px;
      margin-bottom: 20px
  }

  .row-1-upper .payment_support {
      font-size: 12px
  }

  .row-1-upper .payment_support span {
      vertical-align: top
  }

  .row-1-upper .payment_support li {
      padding: 0 4px
  }

  .row-1-upper .payment_support li img {
      height: 13px
  }

  .row-1-upper .head-banner-container-618 {
      width: 100%;
      background-image: url(../img/banner_618_mobile.png);
      background-position: center;
      height: 50px;
      margin-top: 54px
  }

  .row-1-upper .head-banner-container-618+article h1 {
      margin-top: 20px
  }

  .row-1-upper .head-banner-container-1111 {
      width: 100%;
      background-image: url(../img/banner_1111Sale_mobile.png);
      background-position: center;
      height: 50px;
      margin-top: 54px
  }

  .row-1-upper .head-banner-container-1111+article h1 {
      margin-top: 20px
  }

  .row-1-upper .head-banner-container-1212 {
      width: 100%;
      background-image: url(../img/banner_1212Sale_mobile.png);
      background-position: center;
      height: 50px;
      margin-top: 54px
  }

  .row-1-upper .head-banner-container-1212+article h1 {
      margin-top: 20px
  }

  .container-fluid.row-1-lower {
      height: 540px;
      margin-top: -30px
  }

  .banner-element {
      height: 540px
  }

  .banner-element.no-mobile {
      display: none
  }

  .character-flying {
      background-position: 110% -40px
  }

  .character-on-floor {
      background-position: 60% 60%;
      background-size: auto 133%
  }

  .banner-mobile-screens {
      background-image: url(/assets/x2@2x-RhlKz-ar.png);
      background-size: 100%;
      display: block
  }

  .banner-mobile-devices {
      background-image: url(/assets/banner-mobile-devices@2x-BuCAldxq.png);
      display: block
  }

  .banner-screens,.character-blue-sword,.banner-macbook,.character-red-sword,.banner-ios-mobile,.banner-mac,.banner-android-mobile,.character-long-hair {
      display: none
  }

  .light-ray-bg,.light-ray-bg-2 {
      opacity: 1;
      animation: lightrayanimation-7233f0fa 2s infinite;
      background-size: 150%
  }

  @keyframes lightrayanimation-7233f0fa {
      0% {
          background-size: 150%;
          opacity: 1
      }

      to {
          background-size: 200%;
          opacity: 0
      }
  }

  .row-2 .container article {
      margin: 0 30px;
      padding: 28px 32px
  }

  .row-2 article:before {
      width: 34px;
      height: 17px;
      right: -14px
  }

  .row-2 article:after {
      width: 34px;
      height: 17px;
      left: -14px
  }

  .row-2 p {
      font-size: 13px
  }

  .row-3 .container {
      padding: 0 15px
  }

  .row-3 article {
      width: 100%;
      text-align: center;
      margin-left: 0
  }

  .row-3 aside {
      width: 100%
  }

  .row-3 .container {
      flex-direction: column
  }

  .row-3 h2 {
      font-size: 20px
  }

  .row-3 .number-2 {
      font-size: 35px
  }

  .row-3 p {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4px
  }

  .row-3 aside {
      margin-top: 20px
  }

  .row-3 .signup_character {
      bottom: 10px
  }

  .row-3 .signup_ui {
      max-width: 500px
  }

  .row-4 {
      padding: 60px 15px 35px
  }

  .row-4 .feature-list {
      width: 100%
  }

  .row-4 .feature-item .feature-icon {
      width: 50px;
      height: 50px;
      background-position: top;
      margin-top: -8px
  }

  .row-4 .feature-item .feature-content {
      margin-left: 8px;
      width: calc(100% - 42px);
      padding-right: 10px
  }

  .row-4 .feature-list li {
      margin-right: 0;
      width: calc(50% + -0px);
      margin-bottom: 25px;
      align-items: flex-start
  }

  .row-4 .feature-list li p {
      font-size: 11px
  }

  .row-4 h4 {
      font-size: 13px
  }

  .row-5 {
      padding: 60px 15px 20px;
      overflow: hidden
  }

  .row-5 .container {
      padding: 0;
      width: 100%;
      flex-direction: column
  }

  .row-5 article {
      width: 100%;
      text-align: center;
      margin-bottom: 30px
  }

  .row-5 aside {
      width: 100%
  }

  .row-5 .route-list {
      display: none
  }

  .row-5 .number-100 {
      font-size: 32px
  }

  .row-5 .route-map {
      width: 430.8px;
      margin-left: 0
  }

  .row-6 {
      background-image: url(../img/game_bg@2x.jpg);
      padding-bottom: 180px
  }

  .row-6 .container {
      padding: 0 15px
  }

  .row-6 .p-1 {
      font-size: 18px
  }

  .iplc-label {
      width: 48px
  }

  .row-6 .p-2 {
      font-size: 28px
  }

  .ms-label {
      width: 90px;
      margin-left: 6px
  }

  .row-6 .p-3 {
      font-size: 14px
  }

  .row-7 {
      padding: 60px 15px
  }

  .row-7 h2 {
      text-align: center
  }

  .row-7 p {
      font-size: 14px;
      text-align: center
  }

  .row-7 .media-pf-container {
      padding-left: 0
  }

  .row-7 .media-pf-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center
  }

  .row-7 .media-item {
      width: 23.5%;
      margin-right: 3px
  }

  .row-7 .media-item:nth-child(5) {
      margin-left: 11.7%
  }

  .row-7 .media-character {
      max-width: 75px;
      max-height: 210px;
      width: 16%;
      height: 230px;
      left: 5px
  }

  .row-7 .media-item .blue-tick {
      min-width: 45px;
      min-height: 45px;
      width: 50%;
      height: 70px
  }

  .row-8 {
      padding: 0 15px;
      background-image: linear-gradient(#f0f5f8,#e2ebf1)
  }

  .row-8 .container {
      flex-direction: column
  }

  .row-8 article {
      width: 100%;
      padding-left: 0;
      text-align: center;
      margin-bottom: 30px;
      margin-top: 60px
  }

  .row-8 .number-3 {
      font-size: 32px;
      line-height: 45px
  }

  .row-8 p {
      font-size: 14px
  }

  .row-8 ul li {
      width: 30px;
      height: 30px
  }

  .row-8 aside {
      width: 400px
  }

  .row-8 .characters {
      background-size: 400px;
      background-repeat: no-repeat;
      background-position: top center;
      margin-top: 0
  }

  .row-8 .characters:after {
      padding-bottom: 312px
  }

  .row-8 .signal-l {
      width: 144px;
      left: 51px;
      top: 0
  }

  .row-8 .signal-m {
      width: 105px;
      left: 193px;
      top: 0
  }

  .row-8 .signal-r {
      width: 210px;
      left: unset;
      right: -23px;
      top: 40px
  }

  .row-9 {
      padding: 60px 0
  }

  .row-9 p {
      font-size: 14px;
      padding: 0 15px
  }

  .row-9 .app-carousel .apps-display {
      background-image: url(/assets/apps_full@2x-D4GLn9vm.jpg);
      background-size: 960px;
      height: 188px
  }

  .row-10 {
      padding: 60px 15px
  }

  .row-10 p {
      font-size: 14px
  }

  .row-10 .flow-list {
      width: 100%
  }

  .row-10 .flow-item {
      margin-bottom: 20px
  }

  .row-10 .flow-number {
      width: 75px;
      height: 75px;
      margin-right: 10px
  }

  .row-10 .content-container {
      width: calc(100% - 160px);
      padding-right: 5px
  }

  .row-10 .content-container .list-title {
      font-size: 14px
  }

  .row-10 .content-container p {
      font-size: 13px
  }

  .row-10 .timer {
      font-size: 12px;
      width: 65px
  }

  .row-10 .timer .time {
      font-size: 18px;
      margin: 0 2px
  }

  .row-11 {
      padding: 60px 0
  }

  .row-11 .plan-box {
      position: relative
  }

  .row-11 .plan-list {
      flex-direction: column;
      padding: 0 15px;
      margin-bottom: 15px
  }

  .row-11 .plan-list .plan-item {
      width: 100%;
      max-width: 500px;
      margin-left: auto;
      margin-bottom: 25px;
      margin-right: auto
  }

  .row-11 .plan-list li:last-child {
      margin-right: auto
  }

  .row-11 .plan-content {
      padding: 15px 20px;
      margin-top: 0;
      text-align: left
  }

  .row-11 .plan-description {
      padding: 0;
      margin-top: 4px;
      min-height: unset
  }

  .row-11 .plan-character {
      position: absolute;
      background-position: 190px 40px;
      bottom: 0;
      right: 0;
      width: 350px
  }

  .row-11 .plan-title {
      font-size: 22px
  }

  .row-11 h3 {
      margin-bottom: 15px;
      font-size: 15px
  }

  .row-11 .plan-detail {
      margin-top: 10px;
      padding: 0
  }

  .row-11 .plan-content-item {
      margin-bottom: 0
  }

  .row-11 .from-price {
      margin-top: 10px
  }

  .row-11 .tips {
      font-size: 13px
  }

  .row-11 .payment_support li {
      padding: 0 4px
  }

  .row-11 .payment_support li img {
      height: 12px
  }

  .row-11 .remarks {
      padding: 0 15px
  }

  .row-11 .signup_button {
      width: 175px
  }

  .row-11 .payment_support span {
      vertical-align: top;
      font-size: 12px
  }

  .row-12 {
      padding: 60px 15px
  }

  .row-12 ul {
      width: 100%;
      margin-bottom: 30px
  }

  .row-12 .q-item .question {
      padding: 20px 30px
  }

  .row-12 .q-item .question h3 {
      font-size: 14px
  }

  .row-12 .q-item .question .plus-icon {
      width: 30px;
      height: 30px;
      margin-top: -2.5px;
      margin-right: -10px
  }

  .row-12 .go-to-faq {
      font-size: 14px;
      line-height: 42px;
      width: 250px
  }

  .row-12 .q-item {
      margin-bottom: 15px
  }

  .row-12.inner-page {
      padding: 30px 15px
  }

  .row-12.inner-page .container {
      margin: auto;
      padding: 0;
      width: 100%;
      max-width: 600px
  }

  .row-12.inner-page .container ul {
      margin: auto
  }

  .row-13 {
      padding: 60px 15px
  }

  .row-13 .container {
      flex-direction: column
  }

  .row-13 article {
      width: 100%;
      padding: 0;
      text-align: center
  }

  .row-13 aside {
      width: 100%;
      margin-top: 30px
  }

  .row-13 aside .backend_screen {
      height: auto
  }

  .row-13 p {
      font-size: 14px
  }

  .row-13 .button {
      width: 150px
  }

  .row-13 .function-list {
      display: none
  }

  .row-14 {
      padding: 60px 15px 20px
  }

  .row-14 .container {
      flex-direction: column-reverse
  }

  .row-14 aside {
      width: 100%
  }

  .row-14 article {
      width: 100%;
      text-align: center;
      margin-bottom: 20px
  }

  .row-14 .privacy_protection {
      width: 90%;
      margin: auto;
      max-width: 400px
  }

  .row-14.agent article {
      justify-content: center;
      width: 100%
  }

  .row-14.agent article h2,.row-14.agent article p {
      text-align: center
  }

  .FeatureCardsSection .Title {
      font-size: 30px
  }

  .FeatureCardsSection .col .Text {
      width: 80%!important
  }

  .FeatureCardsSection .Text {
      font-size: 13px;
      max-width: 320px
  }

  .FeatureCardsSection .Text.c-neu-9 {
      text-align: center;
      width: 100%;
      max-width: 100%
  }

  .FeatureCardsSection .grid .FeatureCardsSection__card {
      height: auto
  }

  .FeatureCardsSection__card-wrapper {
      background-color: #12162b
  }

  .row-14 article p {
      max-width: 380px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box
  }

  .row-15 {
      padding: 40px 0
  }

  .row-15 .logo-carousel .partner-logo-display {
      background-size: 720px;
      height: 145px
  }

  .row-16 {
      padding: 0
  }

  .row-16 .container {
      flex-direction: column;
      padding: 0;
      width: 100%
  }

  .row-16 article {
      width: 100%;
      padding: 60px 15px 10px;
      box-sizing: border-box
  }

  .row-16 h2,.row-16 p {
      text-align: center
  }

  .row-16 aside {
      width: 100%;
      margin-top: 10px
  }

  .row-16 .fourk-label {
      width: 60px
  }

  .row-16 aside .fourk-screen {
      background-image: url(/assets/4k_screen@2x-DdLSwErF.png)
  }

  .row-17 {
      padding: 50px 0
  }

  .row-17 h2 {
      margin-bottom: 15px
  }

  .row-17 h3 {
      font-size: 14px
  }

  .row-17 .download-item-container {
      margin: 0 0 16px;
      width: 80%;
      padding: 15px 20px;
      justify-content: center
  }

  .row-17 .download-item-container .download-item-thumbnail {
      width: 85px;
      min-width: 85px;
      max-width: 85px;
      height: 85px;
      margin-right: 15px
  }

  .row-17 .download-item-container .download-item-text {
      min-width: 200px
  }

  .row-17 .download-item-container .title {
      font-size: 15px
  }

  .row-17 .download-item-container .button {
      font-size: 13px;
      line-height: 34px;
      width: 182px;
      margin-top: 4px
  }

  .row-17 .download-item-container .remark {
      font-size: 12px
  }

  footer .container {
      padding: 30px 15px
  }

  footer p {
      font-size: 12px
  }

  .footer .social-media-container {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-bottom: 0;
      margin-top: 20px
  }

  .footer-links {
      margin-top: 30px;
      margin-bottom: 35px
  }

  .footer-links a {
      display: block;
      margin-right: 0;
      margin-bottom: 25px
  }

  .footer-logo-container .footer-logo {
      width: 130px;
      height: 20px
  }

  .gradient-main-top {
      padding-top: 114px
  }

  .gradient-main-top:after {
      width: 170px;
      height: 135px;
      right: 10px
  }
}

@media (max-width: 400px) {
  .row-5 .route-map {
      transform:scale(.8);
      margin-left: -45px;
      transform-origin: top
  }
}

.container {
  background-color: #fafafa
}

html,body {
  width: 100%;
  height: 100%
}

input::-ms-clear,input::-ms-reveal {
  display: none
}

*,*:before,*:after {
  box-sizing: border-box
}

body {
  margin: 0
}

[tabindex="-1"]:focus {
  outline: none
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: 500
}

abbr[title],abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help
}

address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit
}

input[type=text],input[type=password],input[type=number],textarea {
  -webkit-appearance: none
}

ol,ul,dl {
  margin-top: 0;
  margin-bottom: 1em
}

ol ol,ul ul,ol ul,ul ol {
  margin-bottom: 0
}

dt {
  font-weight: 500
}

dd {
  margin-bottom: .5em;
  margin-left: 0
}

blockquote {
  margin: 0 0 1em
}

dfn {
  font-style: italic
}

b,strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

pre,code,kbd,samp {
  font-size: 1em;
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace
}

pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto
}

figure {
  margin: 0 0 1em
}

img {
  vertical-align: middle;
  border-style: none
}

a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea {
  touch-action: manipulation
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75em;
  padding-bottom: .3em;
  text-align: left;
  caption-side: bottom
}

input,button,select,optgroup,textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}

button,html [type=button],[type=reset],[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=radio],input[type=checkbox] {
  box-sizing: border-box;
  padding: 0
}

input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
  -webkit-appearance: listbox
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: .5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none!important
}

mark {
  padding: .2em;
  background-color: #feffe6
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration) * .8);
  animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3)
}

@media print,(prefers-reduced-motion: reduce) {
  .animate__animated {
      -webkit-animation-duration: 1ms!important;
      animation-duration: 1ms!important;
      -webkit-transition-duration: 1ms!important;
      transition-duration: 1ms!important;
      -webkit-animation-iteration-count: 1!important;
      animation-iteration-count: 1!important
  }

  .animate__animated[class*=Out] {
      opacity: 0
  }
}

@-webkit-keyframes bounce {
  0%,20%,53%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  40%,43% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
      transform: translate3d(0,-30px,0) scaleY(1.1)
  }

  70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
      transform: translate3d(0,-15px,0) scaleY(1.05)
  }

  80% {
      -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
      transition-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0) scaleY(.95);
      transform: translateZ(0) scaleY(.95)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
      transform: translate3d(0,-4px,0) scaleY(1.02)
  }
}

@keyframes bounce {
  0%,20%,53%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  40%,43% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
      transform: translate3d(0,-30px,0) scaleY(1.1)
  }

  70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
      transform: translate3d(0,-15px,0) scaleY(1.05)
  }

  80% {
      -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
      transition-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0) scaleY(.95);
      transform: translateZ(0) scaleY(.95)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
      transform: translate3d(0,-4px,0) scaleY(1.02)
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  0%,50%,to {
      opacity: 1
  }

  25%,75% {
      opacity: 0
  }
}

@keyframes flash {
  0%,50%,to {
      opacity: 1
  }

  25%,75% {
      opacity: 0
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }

  50% {
      -webkit-transform: scale3d(1.05,1.05,1.05);
      transform: scale3d(1.05,1.05,1.05)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

@keyframes pulse {
  0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }

  50% {
      -webkit-transform: scale3d(1.05,1.05,1.05);
      transform: scale3d(1.05,1.05,1.05)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
  0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }

  30% {
      -webkit-transform: scale3d(1.25,.75,1);
      transform: scale3d(1.25,.75,1)
  }

  40% {
      -webkit-transform: scale3d(.75,1.25,1);
      transform: scale3d(.75,1.25,1)
  }

  50% {
      -webkit-transform: scale3d(1.15,.85,1);
      transform: scale3d(1.15,.85,1)
  }

  65% {
      -webkit-transform: scale3d(.95,1.05,1);
      transform: scale3d(.95,1.05,1)
  }

  75% {
      -webkit-transform: scale3d(1.05,.95,1);
      transform: scale3d(1.05,.95,1)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

@keyframes rubberBand {
  0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }

  30% {
      -webkit-transform: scale3d(1.25,.75,1);
      transform: scale3d(1.25,.75,1)
  }

  40% {
      -webkit-transform: scale3d(.75,1.25,1);
      transform: scale3d(.75,1.25,1)
  }

  50% {
      -webkit-transform: scale3d(1.15,.85,1);
      transform: scale3d(1.15,.85,1)
  }

  65% {
      -webkit-transform: scale3d(.95,1.05,1);
      transform: scale3d(.95,1.05,1)
  }

  75% {
      -webkit-transform: scale3d(1.05,.95,1);
      transform: scale3d(1.05,.95,1)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shakeX {
  0%,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
      -webkit-transform: translate3d(-10px,0,0);
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      -webkit-transform: translate3d(10px,0,0);
      transform: translate3d(10px,0,0)
  }
}

@keyframes shakeX {
  0%,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
      -webkit-transform: translate3d(-10px,0,0);
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      -webkit-transform: translate3d(10px,0,0);
      transform: translate3d(10px,0,0)
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}

@-webkit-keyframes shakeY {
  0%,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
      -webkit-transform: translate3d(0,-10px,0);
      transform: translate3d(0,-10px,0)
  }

  20%,40%,60%,80% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0)
  }
}

@keyframes shakeY {
  0%,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
      -webkit-transform: translate3d(0,-10px,0);
      transform: translate3d(0,-10px,0)
  }

  20%,40%,60%,80% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0)
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}

@-webkit-keyframes headShake {
  0% {
      -webkit-transform: translateX(0);
      transform: translate(0)
  }

  6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translate(-6px) rotateY(-9deg)
  }

  18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translate(5px) rotateY(7deg)
  }

  31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translate(-3px) rotateY(-5deg)
  }

  43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translate(2px) rotateY(3deg)
  }

  50% {
      -webkit-transform: translateX(0);
      transform: translate(0)
  }
}

@keyframes headShake {
  0% {
      -webkit-transform: translateX(0);
      transform: translate(0)
  }

  6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translate(-6px) rotateY(-9deg)
  }

  18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translate(5px) rotateY(7deg)
  }

  31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translate(-3px) rotateY(-5deg)
  }

  43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translate(2px) rotateY(3deg)
  }

  50% {
      -webkit-transform: translateX(0);
      transform: translate(0)
  }
}

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@-webkit-keyframes swing {
  20% {
      -webkit-transform: rotate3d(0,0,1,15deg);
      transform: rotate3d(0,0,1,15deg)
  }

  40% {
      -webkit-transform: rotate3d(0,0,1,-10deg);
      transform: rotate3d(0,0,1,-10deg)
  }

  60% {
      -webkit-transform: rotate3d(0,0,1,5deg);
      transform: rotate3d(0,0,1,5deg)
  }

  80% {
      -webkit-transform: rotate3d(0,0,1,-5deg);
      transform: rotate3d(0,0,1,-5deg)
  }

  to {
      -webkit-transform: rotate3d(0,0,1,0deg);
      transform: rotate3d(0,0,1,0)
  }
}

@keyframes swing {
  20% {
      -webkit-transform: rotate3d(0,0,1,15deg);
      transform: rotate3d(0,0,1,15deg)
  }

  40% {
      -webkit-transform: rotate3d(0,0,1,-10deg);
      transform: rotate3d(0,0,1,-10deg)
  }

  60% {
      -webkit-transform: rotate3d(0,0,1,5deg);
      transform: rotate3d(0,0,1,5deg)
  }

  80% {
      -webkit-transform: rotate3d(0,0,1,-5deg);
      transform: rotate3d(0,0,1,-5deg)
  }

  to {
      -webkit-transform: rotate3d(0,0,1,0deg);
      transform: rotate3d(0,0,1,0)
  }
}

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }

  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }

  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }

  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

@keyframes tada {
  0% {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }

  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }

  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }

  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  15% {
      -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes wobble {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  15% {
      -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {
  0%,11.1%,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skew(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skew(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skew(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skew(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skew(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(.390625deg) skewY(.390625deg);
      transform: skew(.390625deg) skewY(.390625deg)
  }

  88.8% {
      -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skew(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {
  0%,11.1%,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skew(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skew(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skew(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skew(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skew(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(.390625deg) skewY(.390625deg);
      transform: skew(.390625deg) skewY(.390625deg)
  }

  88.8% {
      -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skew(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes heartBeat {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

  28% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

  70% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

  28% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

  70% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
  0% {
      -webkit-transform: translateY(-1200px) scale(.7);
      transform: translateY(-1200px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

@keyframes backInDown {
  0% {
      -webkit-transform: translateY(-1200px) scale(.7);
      transform: translateY(-1200px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}

@-webkit-keyframes backInLeft {
  0% {
      -webkit-transform: translateX(-2000px) scale(.7);
      transform: translate(-2000px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

@keyframes backInLeft {
  0% {
      -webkit-transform: translateX(-2000px) scale(.7);
      transform: translate(-2000px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}

@-webkit-keyframes backInRight {
  0% {
      -webkit-transform: translateX(2000px) scale(.7);
      transform: translate(2000px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

@keyframes backInRight {
  0% {
      -webkit-transform: translateX(2000px) scale(.7);
      transform: translate(2000px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}

@-webkit-keyframes backInUp {
  0% {
      -webkit-transform: translateY(1200px) scale(.7);
      transform: translateY(1200px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

@keyframes backInUp {
  0% {
      -webkit-transform: translateY(1200px) scale(.7);
      transform: translateY(1200px) scale(.7);
      opacity: .7
  }

  80% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}

@-webkit-keyframes backOutDown {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateY(700px) scale(.7);
      transform: translateY(700px) scale(.7);
      opacity: .7
  }
}

@keyframes backOutDown {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateY(700px) scale(.7);
      transform: translateY(700px) scale(.7);
      opacity: .7
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateX(-2000px) scale(.7);
      transform: translate(-2000px) scale(.7);
      opacity: .7
  }
}

@keyframes backOutLeft {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateX(-2000px) scale(.7);
      transform: translate(-2000px) scale(.7);
      opacity: .7
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateX(2000px) scale(.7);
      transform: translate(2000px) scale(.7);
      opacity: .7
  }
}

@keyframes backOutRight {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateX(0px) scale(.7);
      transform: translate(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateX(2000px) scale(.7);
      transform: translate(2000px) scale(.7);
      opacity: .7
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateY(-700px) scale(.7);
      transform: translateY(-700px) scale(.7);
      opacity: .7
  }
}

@keyframes backOutUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  20% {
      -webkit-transform: translateY(0px) scale(.7);
      transform: translateY(0) scale(.7);
      opacity: .7
  }

  to {
      -webkit-transform: translateY(-700px) scale(.7);
      transform: translateY(-700px) scale(.7);
      opacity: .7
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      transform: scaleZ(1)
  }
}

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
      transform: translate3d(0,-3000px,0) scaleY(3)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,25px,0) scaleY(.9);
      transform: translate3d(0,25px,0) scaleY(.9)
  }

  75% {
      -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
      transform: translate3d(0,-10px,0) scaleY(.95)
  }

  90% {
      -webkit-transform: translate3d(0,5px,0) scaleY(.985);
      transform: translate3d(0,5px,0) scaleY(.985)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes bounceInDown {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
      transform: translate3d(0,-3000px,0) scaleY(3)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,25px,0) scaleY(.9);
      transform: translate3d(0,25px,0) scaleY(.9)
  }

  75% {
      -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
      transform: translate3d(0,-10px,0) scaleY(.95)
  }

  90% {
      -webkit-transform: translate3d(0,5px,0) scaleY(.985);
      transform: translate3d(0,5px,0) scaleY(.985)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
      transform: translate3d(-3000px,0,0) scaleX(3)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(25px,0,0) scaleX(1);
      transform: translate3d(25px,0,0) scaleX(1)
  }

  75% {
      -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
      transform: translate3d(-10px,0,0) scaleX(.98)
  }

  90% {
      -webkit-transform: translate3d(5px,0,0) scaleX(.995);
      transform: translate3d(5px,0,0) scaleX(.995)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
      transform: translate3d(-3000px,0,0) scaleX(3)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(25px,0,0) scaleX(1);
      transform: translate3d(25px,0,0) scaleX(1)
  }

  75% {
      -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
      transform: translate3d(-10px,0,0) scaleX(.98)
  }

  90% {
      -webkit-transform: translate3d(5px,0,0) scaleX(.995);
      transform: translate3d(5px,0,0) scaleX(.995)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px,0,0) scaleX(3);
      transform: translate3d(3000px,0,0) scaleX(3)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px,0,0) scaleX(1);
      transform: translate3d(-25px,0,0) scaleX(1)
  }

  75% {
      -webkit-transform: translate3d(10px,0,0) scaleX(.98);
      transform: translate3d(10px,0,0) scaleX(.98)
  }

  90% {
      -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
      transform: translate3d(-5px,0,0) scaleX(.995)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes bounceInRight {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px,0,0) scaleX(3);
      transform: translate3d(3000px,0,0) scaleX(3)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px,0,0) scaleX(1);
      transform: translate3d(-25px,0,0) scaleX(1)
  }

  75% {
      -webkit-transform: translate3d(10px,0,0) scaleX(.98);
      transform: translate3d(10px,0,0) scaleX(.98)
  }

  90% {
      -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
      transform: translate3d(-5px,0,0) scaleX(.995)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,3000px,0) scaleY(5);
      transform: translate3d(0,3000px,0) scaleY(5)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
      transform: translate3d(0,-20px,0) scaleY(.9)
  }

  75% {
      -webkit-transform: translate3d(0,10px,0) scaleY(.95);
      transform: translate3d(0,10px,0) scaleY(.95)
  }

  90% {
      -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
      transform: translate3d(0,-5px,0) scaleY(.985)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes bounceInUp {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,3000px,0) scaleY(5);
      transform: translate3d(0,3000px,0) scaleY(5)
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
      transform: translate3d(0,-20px,0) scaleY(.9)
  }

  75% {
      -webkit-transform: translate3d(0,10px,0) scaleY(.95);
      transform: translate3d(0,10px,0) scaleY(.95)
  }

  90% {
      -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
      transform: translate3d(0,-5px,0) scaleY(.985)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  50%,55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }
}

@keyframes bounceOut {
  20% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  50%,55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }
}

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
      -webkit-transform: translate3d(0,10px,0) scaleY(.985);
      transform: translate3d(0,10px,0) scaleY(.985)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
      transform: translate3d(0,-20px,0) scaleY(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0) scaleY(3);
      transform: translate3d(0,2000px,0) scaleY(3)
  }
}

@keyframes bounceOutDown {
  20% {
      -webkit-transform: translate3d(0,10px,0) scaleY(.985);
      transform: translate3d(0,10px,0) scaleY(.985)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
      transform: translate3d(0,-20px,0) scaleY(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0) scaleY(3);
      transform: translate3d(0,2000px,0) scaleY(3)
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(20px,0,0) scaleX(.9);
      transform: translate3d(20px,0,0) scaleX(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
      transform: translate3d(-2000px,0,0) scaleX(2)
  }
}

@keyframes bounceOutLeft {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(20px,0,0) scaleX(.9);
      transform: translate3d(20px,0,0) scaleX(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
      transform: translate3d(-2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
      transform: translate3d(-20px,0,0) scaleX(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0) scaleX(2);
      transform: translate3d(2000px,0,0) scaleX(2)
  }
}

@keyframes bounceOutRight {
  20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
      transform: translate3d(-20px,0,0) scaleX(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0) scaleX(2);
      transform: translate3d(2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
      -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
      transform: translate3d(0,-10px,0) scaleY(.985)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,20px,0) scaleY(.9);
      transform: translate3d(0,20px,0) scaleY(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
      transform: translate3d(0,-2000px,0) scaleY(3)
  }
}

@keyframes bounceOutUp {
  20% {
      -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
      transform: translate3d(0,-10px,0) scaleY(.985)
  }

  40%,45% {
      opacity: 1;
      -webkit-transform: translate3d(0,20px,0) scaleY(.9);
      transform: translate3d(0,20px,0) scaleY(.9)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
      transform: translate3d(0,-2000px,0) scaleY(3)
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInDownBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInRightBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInUpBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,-100%,0);
      transform: translate3d(-100%,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInTopLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,-100%,0);
      transform: translate3d(-100%,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,-100%,0);
      transform: translate3d(100%,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInTopRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,-100%,0);
      transform: translate3d(100%,-100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,100%,0);
      transform: translate3d(-100%,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInBottomLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,100%,0);
      transform: translate3d(-100%,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,100%,0);
      transform: translate3d(100%,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes fadeInBottomRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,100%,0);
      transform: translate3d(100%,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

@keyframes fadeOutDown {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }
}

@keyframes fadeOutDownBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0)
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

@keyframes fadeOutLeft {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px,0,0);
      transform: translate3d(-2000px,0,0)
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

@keyframes fadeOutRight {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }
}

@keyframes fadeOutRightBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(2000px,0,0);
      transform: translate3d(2000px,0,0)
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

@keyframes fadeOutUp {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }
}

@keyframes fadeOutUpBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-2000px,0);
      transform: translate3d(0,-2000px,0)
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,-100%,0);
      transform: translate3d(-100%,-100%,0)
  }
}

@keyframes fadeOutTopLeft {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,-100%,0);
      transform: translate3d(-100%,-100%,0)
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,-100%,0);
      transform: translate3d(100%,-100%,0)
  }
}

@keyframes fadeOutTopRight {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,-100%,0);
      transform: translate3d(100%,-100%,0)
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,100%,0);
      transform: translate3d(100%,100%,0)
  }
}

@keyframes fadeOutBottomRight {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,100%,0);
      transform: translate3d(100%,100%,0)
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,100%,0);
      transform: translate3d(-100%,100%,0)
  }
}

@keyframes fadeOutBottomLeft {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,100%,0);
      transform: translate3d(-100%,100%,0)
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
  0% {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
      transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
      transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
      transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
      transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
      transform: perspective(400px) rotateX(10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
      transform: perspective(400px) rotateX(-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
      transform: perspective(400px) rotateX(10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
      transform: perspective(400px) rotateX(-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

.animate__flipInX {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
  }

  80% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

.animate__flipInY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0
  }
}

@keyframes flipOutX {
  0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0
  }
}

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
  0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0
  }
}

@keyframes flipOutY {
  0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1
  }

  to {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0
  }
}

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
  0% {
      -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
      transform: translate3d(100%,0,0) skew(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skew(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skew(-5deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes lightSpeedInRight {
  0% {
      -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
      transform: translate3d(100%,0,0) skew(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skew(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skew(-5deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
  0% {
      -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
      transform: translate3d(-100%,0,0) skew(30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(-20deg);
      transform: skew(-20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(5deg);
      transform: skew(5deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes lightSpeedInLeft {
  0% {
      -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
      transform: translate3d(-100%,0,0) skew(30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(-20deg);
      transform: skew(-20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(5deg);
      transform: skew(5deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(100%,0,0) skewX(30deg);
      transform: translate3d(100%,0,0) skew(30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOutRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(100%,0,0) skewX(30deg);
      transform: translate3d(100%,0,0) skew(30deg);
      opacity: 0
  }
}

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
      transform: translate3d(-100%,0,0) skew(-30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOutLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
      transform: translate3d(-100%,0,0) skew(-30deg);
      opacity: 0
  }
}

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
      -webkit-transform: rotate3d(0,0,1,-200deg);
      transform: rotate3d(0,0,1,-200deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateIn {
  0% {
      -webkit-transform: rotate3d(0,0,1,-200deg);
      transform: rotate3d(0,0,1,-200deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
  0% {
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
  0% {
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
  0% {
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
  0% {
      -webkit-transform: rotate3d(0,0,1,-90deg);
      transform: rotate3d(0,0,1,-90deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
      -webkit-transform: rotate3d(0,0,1,-90deg);
      transform: rotate3d(0,0,1,-90deg);
      opacity: 0
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0);
      opacity: 1
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,200deg);
      transform: rotate3d(0,0,1,200deg);
      opacity: 0
  }
}

@keyframes rotateOut {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,200deg);
      transform: rotate3d(0,0,1,200deg);
      opacity: 0
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,45deg);
      transform: rotate3d(0,0,1,45deg);
      opacity: 0
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,-45deg);
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,90deg);
      transform: rotate3d(0,0,1,90deg);
      opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: rotate3d(0,0,1,90deg);
      transform: rotate3d(0,0,1,90deg);
      opacity: 0
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes hinge {
  0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate3d(0,0,1,80deg);
      transform: rotate3d(0,0,1,80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate3d(0,0,1,60deg);
      transform: rotate3d(0,0,1,60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,700px,0);
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

@keyframes hinge {
  0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate3d(0,0,1,80deg);
      transform: rotate3d(0,0,1,80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate3d(0,0,1,60deg);
      transform: rotate3d(0,0,1,60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,700px,0);
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
  0% {
      opacity: 0;
      -webkit-transform: scale(.1) rotate(30deg);
      transform: scale(.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom
  }

  50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg)
  }

  70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg)
  }

  to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes jackInTheBox {
  0% {
      opacity: 0;
      -webkit-transform: scale(.1) rotate(30deg);
      transform: scale(.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom
  }

  50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg)
  }

  70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg)
  }

  to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
      transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes rollIn {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
      transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
      transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
  }
}

@keyframes rollOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
      transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

@keyframes zoomIn {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInDown {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInLeft {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInRight {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInUp {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
      opacity: 1
  }

  50% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  to {
      opacity: 0
  }
}

@keyframes zoomOut {
  0% {
      opacity: 1
  }

  50% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  to {
      opacity: 0
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutDown {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(-2000px,0,0);
      transform: scale(.1) translate3d(-2000px,0,0)
  }
}

@keyframes zoomOutLeft {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(-2000px,0,0);
      transform: scale(.1) translate3d(-2000px,0,0)
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(2000px,0,0);
      transform: scale(.1) translate3d(2000px,0,0)
  }
}

@keyframes zoomOutRight {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
      transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(2000px,0,0);
      transform: scale(.1) translate3d(2000px,0,0)
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutUp {
  40% {
      opacity: 1;
      -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
  0% {
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0% {
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0% {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0% {
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

@keyframes slideOutDown {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

@keyframes slideOutLeft {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

@keyframes slideOutRight {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

@keyframes slideOutUp {
  0% {
      -webkit-transform: translate3d(0,0,0);
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0)
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.container {
  width: 100%
}

@media (min-width: 640px) {
  .container {
      max-width:640px
  }
}

@media (min-width: 768px) {
  .container {
      max-width:768px
  }
}

@media (min-width: 1024px) {
  .container {
      max-width:1024px
  }
}

@media (min-width: 1280px) {
  .container {
      max-width:1280px
  }
}

@media (min-width: 1536px) {
  .container {
      max-width:1536px
  }
}

.visible {
  visibility: visible
}

.collapse {
  visibility: collapse
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.inset-0 {
  inset: 0
}

.bottom-0 {
  bottom: 0
}

.left-0 {
  left: 0
}

.right-0 {
  right: 0
}

.top-0 {
  top: 0
}

.\!z-\[100\] {
  z-index: 100!important
}

.z-10 {
  z-index: 10
}

.z-\[1\] {
  z-index: 1
}

.z-\[1px\] {
  z-index: 1px
}

.float-right {
  float: right
}

.\!m-0 {
  margin: 0!important
}

.m-0 {
  margin: 0
}

.m-\[-53px_0_24px\] {
  margin: -53px 0 24px
}

.\!mx-auto {
  margin-left: auto!important;
  margin-right: auto!important
}

.\!my-0 {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.mx-\[20px\] {
  margin-left: 20px;
  margin-right: 20px
}

.mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.\!mb-0,.\!mb-\[0px\] {
  margin-bottom: 0!important
}

.\!mb-\[10px\] {
  margin-bottom: 10px!important
}

.\!mb-\[20px\] {
  margin-bottom: 20px!important
}

.\!ml-0 {
  margin-left: 0!important
}

.\!mr-\[5px\] {
  margin-right: 5px!important
}

.\!ms-0 {
  margin-inline-start:0px!important}

.\!mt-\[5px\] {
  margin-top: 5px!important
}

.mb-0 {
  margin-bottom: 0
}

.mb-6 {
  margin-bottom: 1.5rem
}

.mb-\[10px\] {
  margin-bottom: 10px
}

.mb-\[15px\] {
  margin-bottom: 15px
}

.mb-\[16px\] {
  margin-bottom: 16px
}

.mb-\[20px\] {
  margin-bottom: 20px
}

.mb-\[24px\] {
  margin-bottom: 24px
}

.mb-\[40px\] {
  margin-bottom: 40px
}

.mb-\[50px\] {
  margin-bottom: 50px
}

.mb-\[5px\] {
  margin-bottom: 5px
}

.ml-0 {
  margin-left: 0
}

.ml-\[10px\] {
  margin-left: 10px
}

.ml-\[20px\] {
  margin-left: 20px
}

.ml-\[5px\] {
  margin-left: 5px
}

.ml-auto {
  margin-left: auto
}

.mr-0 {
  margin-right: 0
}

.mr-0\.5 {
  margin-right: .125rem
}

.mr-1 {
  margin-right: .25rem
}

.mr-\[15px\] {
  margin-right: 15px
}

.mr-\[4px\] {
  margin-right: 4px
}

.mr-\[5px\] {
  margin-right: 5px
}

.mt-3 {
  margin-top: .75rem
}

.mt-6 {
  margin-top: 1.5rem
}

.mt-\[10px\] {
  margin-top: 10px
}

.mt-\[15px\] {
  margin-top: 15px
}

.mt-\[16px\] {
  margin-top: 16px
}

.mt-\[20px\] {
  margin-top: 20px
}

.mt-\[24px\] {
  margin-top: 24px
}

.mt-\[4px\] {
  margin-top: 4px
}

.mt-\[5px\] {
  margin-top: 5px
}

.mt-\[60px\] {
  margin-top: 60px
}

.block {
  display: block
}

.inline {
  display: inline
}

.\!flex {
  display: flex!important
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.contents {
  display: contents
}

.\!hidden {
  display: none!important
}

.hidden {
  display: none
}

.\!h-\[30px\] {
  height: 30px!important
}

.\!h-\[34px\] {
  height: 34px!important
}

.\!h-\[40px\] {
  height: 40px!important
}

.h-0 {
  height: 0px
}

.h-\[110px\] {
  height: 110px
}

.h-\[1px\] {
  height: 1px
}

.h-\[30px\] {
  height: 30px
}

.h-\[40px\] {
  height: 40px
}

.h-\[70px\] {
  height: 70px
}

.h-full {
  height: 100%
}

.min-h-\[40px\] {
  min-height: 40px
}

.min-h-screen {
  min-height: 100vh
}

.\!w-full {
  width: 100%!important
}

.w-11\/12 {
  width: 91.666667%
}

.w-\[300px\] {
  width: 300px
}

.w-\[30px\] {
  width: 30px
}

.w-\[55px\] {
  width: 55px
}

.w-full {
  width: 100%
}

.min-w-\[100px\] {
  min-width: 100px
}

.min-w-\[180px\] {
  min-width: 180px
}

.max-w-\[1090px\] {
  max-width: 1090px
}

.max-w-\[800px\] {
  max-width: 800px
}

.max-w-full {
  max-width: 100%
}

.\!flex-1 {
  flex: 1 1 0%!important
}

.flex-1 {
  flex: 1 1 0%
}

.flex-shrink {
  flex-shrink: 1
}

.flex-grow {
  flex-grow: 1
}

.transform {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
  cursor: pointer
}

.resize {
  resize: both
}

.flex-row {
  flex-direction: row
}

.\!flex-row-reverse {
  flex-direction: row-reverse!important
}

.\!flex-col {
  flex-direction: column!important
}

.flex-col {
  flex-direction: column
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.\!items-center {
  align-items: center!important
}

.items-center {
  align-items: center
}

.justify-start {
  justify-content: flex-start
}

.\!justify-end {
  justify-content: flex-end!important
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.\!justify-between {
  justify-content: space-between!important
}

.justify-between {
  justify-content: space-between
}

.gap-x-1 {
  -moz-column-gap: .25rem;
  column-gap: .25rem
}

.gap-x-\[12px\] {
  -moz-column-gap: 12px;
  column-gap: 12px
}

.gap-y-0\.5 {
  row-gap: .125rem
}

.self-start {
  align-self: flex-start
}

.overflow-auto {
  overflow: auto
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.\!rounded-full {
  border-radius: 9999px!important
}

.rounded {
  border-radius: .25rem
}

.rounded-\[12px\] {
  border-radius: 12px
}

.rounded-\[8px\] {
  border-radius: 8px
}

.rounded-tl-\[8px\] {
  border-top-left-radius: 8px
}

.rounded-tr-\[8px\] {
  border-top-right-radius: 8px
}

.border {
  border-width: 1px
}

.\!border-none {
  border-style: none!important
}

.border-none {
  border-style: none
}

.border-\[\#f5f5f5\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity))
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity))
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.\!bg-primary-1 {
  background-image: linear-gradient(90deg,#194bfb,#64c6ff)!important
}

.bg-primary {
  background-image: linear-gradient(135deg,#367ef4,#43abf5)
}

.bg-primary-1 {
  background-image: linear-gradient(90deg,#194bfb,#64c6ff)!important
}

.\!bg-cover {
  background-size: cover!important
}

.bg-cover {
  background-size: cover
}

.bg-center {
  background-position: center
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.fill-red-600 {
  fill: #dc2626
}

.\!p-0 {
  padding: 0!important
}

.\!p-\[10px\] {
  padding: 10px!important
}

.p-\[10px_16px\] {
  padding: 10px 16px
}

.p-\[12px\] {
  padding: 12px
}

.p-\[16px\] {
  padding: 16px
}

.p-\[20px\] {
  padding: 20px
}

.p-\[24px\] {
  padding: 24px
}

.p-\[2px_11px\] {
  padding: 2px 11px
}

.\!px-0 {
  padding-left: 0!important;
  padding-right: 0!important
}

.\!px-\[25px\] {
  padding-left: 25px!important;
  padding-right: 25px!important
}

.\!px-\[30px\] {
  padding-left: 30px!important;
  padding-right: 30px!important
}

.\!py-\[16px\] {
  padding-top: 16px!important;
  padding-bottom: 16px!important
}

.\!py-\[3px\] {
  padding-top: 3px!important;
  padding-bottom: 3px!important
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px
}

.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px
}

.py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px
}

.\!pb-0 {
  padding-bottom: 0!important
}

.\!pb-\[12px\] {
  padding-bottom: 12px!important
}

.\!pl-\[12px\] {
  padding-left: 12px!important
}

.\!ps-\[20px\] {
  padding-inline-start:20px!important}

.\!pt-0 {
  padding-top: 0!important
}

.pl-0 {
  padding-left: 0
}

.pl-\[12px\] {
  padding-left: 12px
}

.pt-\[10px\] {
  padding-top: 10px
}

.pt-\[110px\] {
  padding-top: 110px
}

.pt-\[5px\] {
  padding-top: 5px
}

.\!text-left {
  text-align: left!important
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.\!text-\[14px\] {
  font-size: 14px!important
}

.\!text-\[16px\] {
  font-size: 16px!important
}

.text-\[12px\] {
  font-size: 12px
}

.text-\[13px\] {
  font-size: 13px
}

.text-\[14px\] {
  font-size: 14px
}

.text-\[16px\] {
  font-size: 16px
}

.text-\[30px\] {
  font-size: 30px
}

.text-\[80\%\] {
  font-size: 80%
}

.\!font-bold {
  font-weight: 700!important
}

.\!font-medium {
  font-weight: 500!important
}

.\!font-semibold {
  font-weight: 600!important
}

.font-bold {
  font-weight: 700
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.uppercase {
  text-transform: uppercase
}

.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity))!important
}

.\!text-red-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity))!important
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity))!important
}

.text-\[\#141414\] {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity))
}

.text-\[\#3376fc\] {
  --tw-text-opacity: 1;
  color: rgb(51 118 252 / var(--tw-text-opacity))
}

.text-\[\#8c8c8c\] {
  --tw-text-opacity: 1;
  color: rgb(140 140 140 / var(--tw-text-opacity))
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity))
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity))
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity))
}

.text-muted {
  --tw-text-opacity: 1;
  color: rgb(140 140 140 / var(--tw-text-opacity))
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-opacity-65 {
  --tw-text-opacity: .65
}

.underline {
  text-decoration-line: underline
}

.\!shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s
}

.btn-hover-reset:hover {
  border-color: #fff!important;
  color: #fff!important
}

.btn-danger {
  font-size: 12px;
  font-weight: 600;
  span {
      font-size: 12px
  }
}

.btn-primary-1 {
  border-style: none!important;
  background-image: linear-gradient(90deg,#194bfb,#64c6ff)!important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity))!important;
  font-weight: 600;
  font-size: 12px;
  height: 40px!important;
  padding: 0 15px;
  span {
      font-size: 12px
  }
}

.card-heading-title {
  margin-bottom: 0;
  font-weight: 700
}

.card-heading-small-title {
  font-family: open sans,Helvetica,Arial,sans-serif
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity))
}

.thumb-cover .ant-modal-content {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px
}

.thumb-cover .ant-modal-close {
  background-color: #f5f5f5
}

#s-chat-plugin {
  z-index: 3!important
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
  margin: 0;
  color: #000000a6;
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  font-feature-settings: "tnum";
  font-family: open sans,Helvetica,Arial,sans-serif;
  letter-spacing: -.3px;
  background-color: #fafafa
}

#app {
  width: 100%;
  height: 100%
}

.h1,.h2,h1,h2,.h3,.h4,h3,h4 {
  font-weight: 700;
  color: #141414
}

.h4,h4 {
  font-size: 24px
}

.h5,h5 {
  font-size: 20px
}

.h6,h6 {
  font-size: 16px
}

p {
  margin-top: 0;
  margin-bottom: 1em
}

hr.gradient-line {
  margin: 18px 0;
  border: none;
  height: 1px;
  background-color: #f5f5f5;
  background-image: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent);
  opacity: .25
}

.login-form-button {
  background: linear-gradient(90deg,#194bfb,#64c6ff)
}

.ps {
  overflow: hidden!important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  height: 15px;
  bottom: 0
}

.ps__rail-x,.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear,opacity .2s linear;
  -webkit-transition: background-color .2s linear,opacity .2s linear;
  position: absolute
}

.ps__rail-y {
  width: 15px;
  right: 0
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
  display: block;
  background-color: transparent
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  transition: background-color .2s linear,height .2s ease-in-out;
  -webkit-transition: background-color .2s linear,height .2s ease-in-out;
  height: 6px;
  bottom: 2px
}

.ps__thumb-x,.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  position: absolute
}

.ps__thumb-y {
  transition: background-color .2s linear,width .2s ease-in-out;
  -webkit-transition: background-color .2s linear,width .2s ease-in-out;
  width: 6px;
  right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports (-ms-overflow-style: none) {
  .ps {
      overflow:auto!important
  }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
  .ps {
      overflow: auto!important
  }
}

.cf-turnstile :host :deep(iframe) {
  background-color: red;
  width: 100%!important
}

.ant-float-btn-body {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff!important;
  text-align: center;
  background-color: #00000073!important;
  border-radius: 20px;
  transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-float-btn-icon {
  color: #fff!important;
  .anticon {
      font-size: 16px
  }
}

.ant-statistic-content-value-decimal,.ant-statistic-content-suffix {
  font-weight: 700;
  margin-left: 5px;
  font-size: 16px
}

.ant-menu-inline-collapsed-tooltip {
  display: none
}

.ant-layout {
  overflow: hidden!important
}

.wall-bg {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.placeholder\:font-bold::-moz-placeholder {
  font-weight: 700
}

.placeholder\:font-bold::placeholder {
  font-weight: 700
}

.hover\:\!bg-blue-500:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity))!important
}

.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity))!important
}

@media (min-width: 768px) {
  .md\:pointer-events-none {
      pointer-events:none
  }

  .md\:top-\[80px\] {
      top: 80px
  }

  .md\:\!m-\[10px_20px\] {
      margin: 10px 20px!important
  }

  .md\:m-\[-53px_24px_24px\] {
      margin: -53px 24px 24px
  }

  .md\:m-\[20px_0_64px_20px\] {
      margin: 20px 0 64px 20px
  }

  .md\:mb-\[15px\] {
      margin-bottom: 15px
  }

  .md\:mb-\[70px\] {
      margin-bottom: 70px
  }

  .md\:mb-\[8px\] {
      margin-bottom: 8px
  }

  .md\:ml-\[270px\] {
      margin-left: 270px
  }

  .md\:ml-auto {
      margin-left: auto
  }

  .md\:mr-\[10\%\] {
      margin-right: 10%
  }

  .md\:mt-0 {
      margin-top: 0
  }

  .md\:mt-\[-12\.8px\] {
      margin-top: -12.8px
  }

  .md\:mt-\[5px\] {
      margin-top: 5px
  }

  .md\:\!block {
      display: block!important
  }

  .md\:block {
      display: block
  }

  .md\:\!flex {
      display: flex!important
  }

  .md\:flex {
      display: flex
  }

  .md\:\!hidden {
      display: none!important
  }

  .md\:hidden {
      display: none
  }

  .md\:h-\[150px\] {
      height: 150px
  }

  .md\:h-\[80px\] {
      height: 80px
  }

  .md\:h-\[calc\(100vh-20px\)\] {
      height: calc(100vh - 20px)
  }

  .md\:w-10\/12 {
      width: 83.333333%
  }

  .md\:w-11\/12 {
      width: 91.666667%
  }

  .md\:w-auto {
      width: auto
  }

  .md\:\!flex-auto {
      flex: 1 1 auto!important
  }

  .md\:flex-shrink {
      flex-shrink: 1
  }

  .md\:flex-row {
      flex-direction: row
  }

  .md\:\!justify-start {
      justify-content: flex-start!important
  }

  .md\:justify-start {
      justify-content: flex-start
  }

  .md\:bg-transparent {
      background-color: transparent
  }

  .md\:p-\[16px\] {
      padding: 16px
  }

  .md\:px-0 {
      padding-left: 0;
      padding-right: 0
  }

  .md\:pb-\[13px\] {
      padding-bottom: 13px
  }

  .md\:pb-\[5px\] {
      padding-bottom: 5px
  }

  .md\:pt-\[150px\] {
      padding-top: 150px
  }

  .md\:opacity-0 {
      opacity: 0
  }
}

@media (min-width: 1024px) {
  .lg\:ml-auto {
      margin-left:auto
  }

  .lg\:mt-0 {
      margin-top: 0
  }

  .lg\:flex {
      display: flex
  }

  .lg\:\!w-auto {
      width: auto!important
  }

  .lg\:max-w-none {
      max-width: none
  }

  .lg\:flex-initial {
      flex: 0 1 auto
  }

  .lg\:flex-shrink-0 {
      flex-shrink: 0
  }

  .lg\:flex-grow-0 {
      flex-grow: 0
  }
}