@media (max-width: 992px) {
  .btn-xl {
    min-width: 224px;
  }
}

main {
  background: #f1f7ff;
}

.swiper-pagination {
  gap: 14px;
  padding: 5px 7px !important;
  background: #ffffff;
}
.swiper-pagination span {
  width: 10px;
  height: 10px;
  background: #c3dcff;
}
.swiper-pagination .swiper-pagination-bullet-active {
  width: 37px;
  background: #0c72ff;
}

.swiper-button-wrap .swiper-button-prev,
.swiper-button-wrap .swiper-button-next {
  width: 40px;
  height: 40px;
  background: #f8f8f8;
  border-radius: 50%;
}
.swiper-button-wrap .swiper-button-prev::after,
.swiper-button-wrap .swiper-button-next::after {
  content: "";
  display: block;
  width: 13px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2213%22 height=%2218%22 fill=%22none%22%3E%3Cpath fill=%22%23014af5%22 d=%22M6.53 2.219a.653.653 0 0 0-.935 0 .68.68 0 0 0 0 .953l.468-.477zm5.596 6.65.468.476a.68.68 0 0 0 0-.953zm-6.531 5.696a.68.68 0 0 0 0 .953.653.653 0 0 0 .936 0l-.468-.476zm.468-11.87-.468.477 6.063 6.173.468-.476.468-.477L6.53 2.22zm6.063 6.174-.468-.477-6.063 6.173.468.477.468.476 6.063-6.173z%22/%3E%3C/svg%3E") no-repeat center/contain;
}
.swiper-button-wrap .swiper-button-prev::after {
  transform: rotate(180deg);
}

.sec-first .android,
.sec-first .ios {
  text-align: center;
  padding: 104px 0 40px;
  background: linear-gradient(90deg, #f1f7ff 0%, #e1eaff 100%);
}
.sec-first .android .lft .p1,
.sec-first .ios .lft .p1 {
  font-size: 16px;
}
.sec-first .android .feature-list,
.sec-first .ios .feature-list {
  display: none;
  width: 95%;
  gap: 14px 12px;
  padding: 16px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 16px 0px rgba(214, 231, 255, 0.6);
  backdrop-filter: blur(4px);
}
.sec-first .android .feature-list .item,
.sec-first .ios .feature-list .item {
  width: 100%;
  gap: 6px;
}
.sec-first .android .feature-list .item .icon svg,
.sec-first .ios .feature-list .item .icon svg {
  width: 32px;
  height: 32px;
}
.sec-first .android .feature-list .item span,
.sec-first .ios .feature-list .item span {
  font-size: 12px;
}
@media (min-width: 992px) {
  .sec-first .android,
  .sec-first .ios {
    padding: 160px 0 36px;
  }
  .sec-first .android .lft,
  .sec-first .ios .lft {
    width: 44%;
  }
  .sec-first .android .lft h1,
  .sec-first .ios .lft h1 {
    max-width: 565px;
  }
  .sec-first .android .rgt,
  .sec-first .ios .rgt {
    width: 54%;
  }
  .sec-first .android .feature-list,
  .sec-first .ios .feature-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px;
    padding: 18px 26px;
    border-radius: 20px;
  }
  .sec-first .android .feature-list .item,
  .sec-first .ios .feature-list .item {
    gap: 14px;
    border-right: 1px solid #e1e1e1;
  }
  .sec-first .android .feature-list .item:nth-child(even),
  .sec-first .ios .feature-list .item:nth-child(even) {
    border-right: 1px solid #e1e1e1;
  }
  .sec-first .android .feature-list .item:last-child,
  .sec-first .ios .feature-list .item:last-child {
    border-right: 0;
  }
  .sec-first .android .feature-list .item .icon svg,
  .sec-first .ios .feature-list .item .icon svg {
    width: 40px;
    height: 40px;
  }
  .sec-first .android .feature-list .item span,
  .sec-first .ios .feature-list .item span {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .sec-first .android,
  .sec-first .ios {
    padding: 184px 0 40px;
  }
  .sec-first .android .lft .p1,
  .sec-first .ios .lft .p1 {
    font-size: 18px;
  }
  .sec-first .android .feature-list,
  .sec-first .ios .feature-list {
    padding: 24px 32px;
  }
  .sec-first .android .feature-list .item,
  .sec-first .ios .feature-list .item {
    gap: 16px;
  }
  .sec-first .android .feature-list .item .icon svg,
  .sec-first .ios .feature-list .item .icon svg {
    width: 48px;
    height: 48px;
  }
  .sec-first .android .feature-list .item span,
  .sec-first .ios .feature-list .item span {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .sec-first .android .feature-list,
  .sec-first .ios .feature-list {
    max-width: 342px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.sec-first .ianygo {
  padding: 96px 0 0;
  background: url(https://images.ukitgo.net/product/ianygo/home-bg-mb.webp) no-repeat center bottom/cover;
}
.sec-first .ianygo .cont .tips {
  width: fit-content;
  border-radius: 50px;
  font-size: 12px;
  padding: 2px;
  background: radial-gradient(45.98% 41.43% at 49.79% 97.14%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(39% 102.68% at 88.8% 50%, rgba(255, 203, 125, 0.4) 0%, rgba(208, 232, 255, 0.4) 100%), radial-gradient(83.82% 258.05% at 95.02% 7.86%, #947fff 0%, rgba(173, 157, 255, 0) 100%), radial-gradient(50.92% 153.71% at 10.04% 89.39%, #4698ff 0%, rgba(46, 136, 250, 0) 100%);
}
.sec-first .ianygo .cont .tips .tips-inner {
  width: 100%;
  padding: 4px 10px;
  border-radius: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(151, 158, 255, 0.2) 108.33%), #ffffff;
}
.sec-first .ianygo .cont .tips svg {
  width: 16px;
  height: 16px;
}
.sec-first .ianygo .cont .tips span {
  background: linear-gradient(83.51deg, #4e7fff 12.1%, #bf4cff 88.25%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sec-first .ianygo .cont .p1 {
  font-size: 14px;
}
.sec-first .ianygo .cont .avail-text svg {
  width: 16px;
  height: 16px;
}
.sec-first .ianygo .rgt {
  width: 100%;
  height: 410px;
}
.sec-first .ianygo .rgt > div {
  width: 100%;
  height: 100%;
}
.sec-first .ianygo .rgt > div > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media (min-width: 456px) {
  .sec-first .ianygo .rgt {
    width: 100%;
    height: 680px;
  }
}
@media (min-width: 992px) {
  .sec-first .ianygo {
    padding: 194px 0;
    background: url(https://images.ukitgo.net/product/ianygo/home-bg-1366.webp) no-repeat center/cover;
  }
  .sec-first .ianygo .cont {
    width: 35%;
  }
  .sec-first .ianygo .cont .tips {
    font-size: 14px;
  }
  .sec-first .ianygo .cont .tips svg {
    width: 20px;
    height: 20px;
  }
  .sec-first .ianygo .cont .p1 {
    max-width: 364px;
    font-size: 16px;
  }
  .sec-first .ianygo .cont .avail-text svg {
    width: 24px;
    height: 24px;
  }
  .sec-first .ianygo .rgt {
    width: 58%;
    height: auto;
  }
}
@media (min-width: 1600px) {
  .sec-first .ianygo {
    padding: 254px 0;
    background: url(https://images.ukitgo.net/product/ianygo/home-bg.webp) no-repeat center/cover;
  }
  .sec-first .ianygo .cont .tips {
    font-size: 16px;
  }
  .sec-first .ianygo .cont .tips svg {
    width: 24px;
    height: 24px;
  }
  .sec-first .ianygo .cont h1 {
    font-size: 66px;
  }
  .sec-first .ianygo .cont .p1 {
    font-size: 18px;
  }
}

.sec-first .swiper-pagination {
  bottom: 40px !important;
}
.sec-first .swiper-button-wrap .swiper-button-prev,
.sec-first .swiper-button-wrap .swiper-button-next {
  width: 56px;
  height: 56px;
}
.sec-first .swiper-button-wrap .swiper-button-prev::after,
.sec-first .swiper-button-wrap .swiper-button-next::after {
  width: 18px;
  height: 25px;
}
.sec-first .swiper-button-wrap .swiper-button-prev {
  left: 6%;
}
.sec-first .swiper-button-wrap .swiper-button-next {
  right: 6%;
}

.outer-bg {
  background: url("https://images.ukitgo.net/product/4ukey-ios/sec2-bg-mb.webp") no-repeat center bottom/100% auto, linear-gradient(180deg, rgba(229, 238, 253, 0) 0%, #e6efff 100%);
}
@media (min-width: 992px) {
  .outer-bg {
    background: url("https://images.ukitgo.net/product/4ukey-ios/sec2-bg.webp") no-repeat center bottom/100% auto, linear-gradient(180deg, rgba(229, 238, 253, 0) 0%, #e6efff 100%);
  }
}

.sol-other .sol-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 14px;
}
.sol-other .sol-grid .sol-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  background: #ffffff;
  border-radius: 32px;
  border: 1px solid rgba(1, 74, 245, 0.1490196078);
  gap: 20px;
}
.sol-other .sol-grid .sol-card .sol-icon img {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  box-shadow: 0px 3.64px 7.27px 0px rgba(0, 0, 0, 0.1);
}
.sol-other .sol-grid .sol-card .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.sol-other .sol-grid .sol-card .text .h3 {
  font-size: 24px;
  font-weight: 600;
}
.sol-other .sol-grid .sol-card .text .feature-list {
  width: max-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 0;
  list-style: none;
}
.sol-other .sol-grid .sol-card .text .feature-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #5b6375;
}
.sol-other .sol-grid .sol-card .text .feature-list li::before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2720 6 9 17 4 12%27%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/14px;
}
.sol-other .sol-grid .sol-card .text .feature-list.green li::before {
  background-color: #08c776;
}
.sol-other .sol-grid .sol-card .text .feature-list.blue li::before {
  background-color: #014af5;
}
.sol-other .sol-grid .sol-card .text .feature-list.purple li::before {
  background-color: #a43afd;
}
.sol-other .sol-grid .sol-card .text .feature-list.orange li::before {
  background-color: #ff8234;
}
.sol-other .sol-grid .sol-card .text .feature-list.teal li::before {
  background-color: #3fd1c3;
}
@media (min-width: 992px) {
  .sol-other .sol-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
  }
  .sol-other .sol-grid .sol-card {
    padding: 80px 18px 60px;
    gap: 40px;
  }
  .sol-other .sol-grid .sol-card .sol-icon img {
    width: 84px;
    height: 84px;
    border-radius: 18px;
  }
  .sol-other .sol-grid .sol-card .text {
    gap: 32px;
  }
  .sol-other .sol-grid .sol-card .text .h3 {
    font-size: 16px;
  }
  .sol-other .sol-grid .sol-card .text .feature-list {
    gap: 14px;
  }
  .sol-other .sol-grid .sol-card .text .feature-list li {
    gap: 5px;
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .sol-other .sol-grid .sol-card {
    padding: 80px 18px 60px;
    gap: 48px;
  }
  .sol-other .sol-grid .sol-card .sol-icon img {
    width: 100px;
    height: 100px;
    border-radius: 24px;
  }
  .sol-other .sol-grid .sol-card .text .h3 {
    font-size: 20px;
  }
  .sol-other .sol-grid .sol-card .text .feature-list {
    gap: 16px;
  }
  .sol-other .sol-grid .sol-card .text .feature-list li {
    font-size: 16px;
  }
}

.type-support .type-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.type-support .type-swiper .swiper-slide img {
  width: 250px;
  height: 470px;
}
.type-support .type-swiper .swiper-pagination {
  background: rgba(255, 255, 255, 0.3019607843);
}
.type-support .type-swiper .swiper-pagination span {
  width: 10px;
  height: 10px;
  background: rgba(12, 114, 255, 0.2);
}
.type-support .type-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 37px;
  background: #0c72ff;
}

.why-choose .line-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: rgb(12, 114, 255);
}
@media (min-width: 1600px) {
  .why-choose .line-text {
    font-size: 24px;
  }
}
.why-choose .line-text::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 6px;
  border-radius: 12px;
  background: rgb(12, 114, 255);
  margin: 0 14px;
  vertical-align: middle;
}
.why-choose .line-text::after {
  display: inline-block;
  content: "";
  width: 24px;
  height: 6px;
  border-radius: 12px;
  background: rgb(12, 114, 255);
  margin: 0 14px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .why-choose .choose-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
.why-choose .choose-items .item {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 40px 24px;
  background: rgb(255, 255, 255);
  border-radius: 24px;
}
@media (min-width: 992px) {
  .why-choose .choose-items .item {
    gap: 34px;
    padding: 48px 26px;
    border-radius: 26px;
  }
}
@media (min-width: 1600px) {
  .why-choose .choose-items .item {
    gap: 40px;
    padding: 60px 32px;
    border-radius: 32px;
  }
}
.why-choose .choose-items .item .icon img {
  width: 108px;
  height: auto;
}
@media (min-width: 992px) {
  .why-choose .choose-items .item .icon img {
    width: 120px;
  }
}
@media (min-width: 1600px) {
  .why-choose .choose-items .item .icon img {
    width: 160px;
  }
}
.why-choose .choose-items .item .line {
  display: block;
  width: 32px;
  height: 5px;
  margin: 12px 0 20px;
  border-radius: 12px;
  background: rgb(12, 114, 255);
}
@media (min-width: 1600px) {
  .why-choose .choose-items .item .line {
    width: 40px;
    height: 6px;
    margin: 16px 0 26px;
  }
}
.why-choose .choose-items .item .text {
  flex: 1;
  border-bottom: 1px solid rgb(225, 225, 225);
}
.why-choose .choose-items .item .text .h5 {
  font-weight: 600;
  color: #000;
}
@media (max-width: 992px) {
  .why-choose .choose-items .item .text .h5 {
    font-size: 18px;
  }
}
.why-choose .choose-items .item .text .p-text {
  font-size: 14px;
}
@media (min-width: 992px) {
  .why-choose .choose-items .item .text .p-text {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .why-choose .choose-items .item .text .p-text {
    font-size: 18px;
  }
}
.why-choose .choose-items .item .logo-img {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .why-choose .choose-items .item .logo-img {
    height: 48px;
  }
}
.why-choose .choose-items .item .logo-img img {
  height: 26px;
  width: auto;
}
.why-choose .choose-items .item .logo-img img.hocks {
  height: 40px;
}
@media (min-width: 1600px) {
  .why-choose .choose-items .item .logo-img img {
    height: 32px;
  }
  .why-choose .choose-items .item .logo-img img.hocks {
    height: 48px;
  }
}

.sec-btm .cont {
  padding: 64px 20px;
  background: url(https://images.ukitgo.net/product/4ukey-android/btm-bg-mb.webp) no-repeat center/100% 100%;
}
.sec-btm .cont .title-box .h2 {
  color: #ffffff;
  font-size: 32px;
}
@media (min-width: 992px) {
  .sec-btm .cont {
    padding: 68px 0;
    background: url(https://images.ukitgo.net/product/4ukey-android/btm-bg.webp) no-repeat center/100% 100%;
  }
  .sec-btm .cont .title-box .h2 {
    font-size: 40px;
  }
}
@media (min-width: 1600px) {
  .sec-btm .cont {
    padding: 82px 0;
  }
  .sec-btm .cont .title-box .h2 {
    font-size: 48px;
  }
}

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