sulibao-mini/unpackage/dist/dev/mp-weixin/pages/home/home.wxss

@charset "UTF-8";
/**
 * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 
 */
.index.data-v-92bb8f34 {
  max-height: 100vh;
}
/* 底部安全边距 start*/
.tn-tabbar-height.data-v-92bb8f34 {
  min-height: 120rpx;
  height: calc(140rpx + env(safe-area-inset-bottom) / 2);
  height: calc(140rpx + constant(safe-area-inset-bottom));
}
/* 轮播视觉差 start */
.card-swiper.data-v-92bb8f34 {
  height: 330rpx !important;
}
.card-swiper swiper-item.data-v-92bb8f34 {
  width: 750rpx !important;
  left: 0rpx;
  box-sizing: border-box;
  padding: 40rpx 30rpx 30rpx 30rpx;
  overflow: initial;
}
.card-swiper swiper-item .swiper-item.data-v-92bb8f34 {
  width: 100%;
  display: block;
  height: 100%;
  border-radius: 15rpx;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.2s ease-in 0s;
}
.card-swiper swiper-item.cur .swiper-item.data-v-92bb8f34 {
  -webkit-transform: none;
          transform: none;
  transition: all 0.2s ease-in 0s;
}
.card-swiper swiper-item .swiper-item-text.data-v-92bb8f34 {
  margin-top: -160rpx;
  text-align: center;
  width: 100%;
  display: block;
  height: 50%;
  border-radius: 10rpx;
  -webkit-transform: translate(100rpx, -60rpx) scale(0.9, 0.9);
          transform: translate(100rpx, -60rpx) scale(0.9, 0.9);
  transition: all 0.6s ease 0s;
  overflow: hidden;
}
.card-swiper swiper-item.cur .swiper-item-text.data-v-92bb8f34 {
  margin-top: -220rpx;
  width: 100%;
  -webkit-transform: translate(0rpx, 0rpx) scale(0.9, 0.9);
          transform: translate(0rpx, 0rpx) scale(0.9, 0.9);
  transition: all 0.6s ease 0s;
}
.image-banner.data-v-92bb8f34 {
  border: 1rpx solid #F8F7F8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-banner image.data-v-92bb8f34 {
  width: 100%;
  height: 100%;
}
/* 轮播指示点 start*/
.indication.data-v-92bb8f34 {
  z-index: 9999;
  width: 100%;
  height: 36rpx;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.spot.data-v-92bb8f34 {
  background-color: #FFFFFF;
  opacity: 0.6;
  width: 10rpx;
  height: 10rpx;
  border-radius: 20rpx;
  top: -70rpx;
  margin: 0 8rpx !important;
  position: relative;
}
.spot.active.data-v-92bb8f34 {
  opacity: 1;
  width: 30rpx;
  background-color: #FFFFFF;
}
/* 图标容器12 start */
.tn-three.data-v-92bb8f34 {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-38rpx, -20rpx) rotateX(20deg) rotateY(10deg) rotateZ(-20deg);
          transform: translate(-38rpx, -20rpx) rotateX(20deg) rotateY(10deg) rotateZ(-20deg);
  text-shadow: -1rpx 2rpx 0 #f0f0f0, -2rpx 4rpx 0 #f0f0f0, -10rpx 20rpx 30rpx rgba(0, 0, 0, 0.2);
}
.icon12__item.data-v-92bb8f34 {
  width: 30%;
  background-color: #FFFFFF;
  border-radius: 10rpx;
  padding: 30rpx;
  margin: 20rpx 10rpx;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.icon12__item--icon.data-v-92bb8f34 {
  width: 100rpx;
  height: 100rpx;
  font-size: 60rpx;
  border-radius: 50%;
  margin-bottom: 18rpx;
  position: relative;
  z-index: 1;
}
.icon12__item--icon.data-v-92bb8f34::after {
  content: " ";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  background-size: 100% 100%;
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/icon_bg6.png);
}
/* 自定义导航栏内容 start */
.custom-nav.data-v-92bb8f34 {
  height: 100%;
}
.custom-nav__back.data-v-92bb8f34 {
  margin: auto 5rpx;
  font-size: 40rpx;
  margin-right: 10rpx;
  margin-left: 30rpx;
  flex-basis: 5%;
}
.custom-nav__search.data-v-92bb8f34 {
  flex-basis: 70%;
  width: 100%;
  height: 100%;
}
.custom-nav__search__box.data-v-92bb8f34 {
  width: 100%;
  height: 70%;
  padding: 10rpx 0;
  margin: 0 30rpx;
  border-radius: 60rpx 60rpx 0 60rpx;
  font-size: 24rpx;
}
.custom-nav__search__icon.data-v-92bb8f34 {
  padding-right: 10rpx;
  margin-left: 20rpx;
  font-size: 30rpx;
}
.logo-image.data-v-92bb8f34 {
  width: 65rpx;
  height: 65rpx;
  position: relative;
  border: 1rpx solid #F8F7F8;
  border-radius: 50%;
}
.logo-pic.data-v-92bb8f34 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 50%;
}
/* 自定义导航栏内容 end */
/* 热门图片 start*/
.image-tuniao1.data-v-92bb8f34 {
  padding: 165rpx 0rpx;
  font-size: 40rpx;
  font-weight: 300;
  position: relative;
}
.image-tuniao2.data-v-92bb8f34 {
  padding: 75rpx 0rpx;
  font-size: 40rpx;
  font-weight: 300;
  position: relative;
}
.image-tuniao3.data-v-92bb8f34 {
  padding: 90rpx 0rpx;
  font-size: 40rpx;
  font-weight: 300;
  position: relative;
}
.image-pic.data-v-92bb8f34 {
  border: 1rpx solid #F8F7F8;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 10rpx;
}
/* 文章内容 start*/
.tn-blogger-content__wrap.data-v-92bb8f34 {
  margin: 30rpx;
}
.tn-blogger-content__info__btn.data-v-92bb8f34 {
  margin-right: -12rpx;
  opacity: 0.5;
}
.tn-blogger-content__label__item.data-v-92bb8f34 {
  color: #1D2541;
  background-color: #F3F2F7;
  border-radius: 10rpx;
  font-size: 22rpx;
  padding: 5rpx 15rpx;
  margin: 5rpx 0 0 18rpx;
}
.tn-blogger-content__label__item--prefix.data-v-92bb8f34 {
  font-size: 24rpx;
  color: #1D2541;
  padding-right: 10rpx;
}
.tn-blogger-content__label__desc.data-v-92bb8f34 {
  line-height: 55rpx;
}
.tn-blogger-content__main-image.data-v-92bb8f34 {
  border: 1rpx solid #F8F7F8;
  border-radius: 16rpx;
}
.tn-blogger-content__main-image--1.data-v-92bb8f34 {
  max-width: 690rpx;
  min-width: 690rpx;
  max-height: 400rpx;
  min-height: 400rpx;
}
.tn-blogger-content__main-image--2.data-v-92bb8f34 {
  max-width: 260rpx;
  max-height: 260rpx;
}
.tn-blogger-content__main-image--3.data-v-92bb8f34 {
  height: 212rpx;
  width: 100%;
}
.tn-blogger-content__count-icon.data-v-92bb8f34 {
  font-size: 40rpx;
  padding-right: 5rpx;
}
.image-wallpaper.data-v-92bb8f34 {
  padding: 160rpx 0rpx;
  font-size: 40rpx;
  font-weight: 300;
  position: relative;
}
.image-pic.data-v-92bb8f34 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 10rpx;
}
/* 文章内容 end*/
.circle.data-v-92bb8f34 {
  max-height: 100vh;
}
/* 底部安全边距 start*/
.tn-tabbar-height.data-v-92bb8f34 {
  min-height: 120rpx;
  height: calc(140rpx + env(safe-area-inset-bottom) / 2);
  height: calc(140rpx + constant(safe-area-inset-bottom));
}
/* 自定义导航栏内容 start */
.custom-nav.data-v-92bb8f34 {
  height: 100%;
}
.custom-nav__back.data-v-92bb8f34 {
  margin: auto 5rpx;
  font-size: 40rpx;
  margin-right: 10rpx;
  margin-left: 30rpx;
  flex-basis: 5%;
}
.custom-nav__search.data-v-92bb8f34 {
  flex-basis: 60%;
  width: 100%;
  height: 100%;
}
.custom-nav__search__box.data-v-92bb8f34 {
  width: 100%;
  height: 70%;
  padding: 10rpx 0;
  margin: 0 30rpx;
  border-radius: 60rpx 60rpx 0 60rpx;
  font-size: 24rpx;
}
.custom-nav__search__icon.data-v-92bb8f34 {
  padding-right: 10rpx;
  margin-left: 20rpx;
  font-size: 30rpx;
}
.custom-nav__search__text.data-v-92bb8f34 {
  color: #AAAAAA;
}
.logo-image.data-v-92bb8f34 {
  width: 60rpx;
  height: 60rpx;
  position: relative;
  margin-top: -15rpx;
}
.logo-pic.data-v-92bb8f34 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 50%;
}
/* 自定义导航栏内容 end */
/* 博主头像 start*/
.image-circle.data-v-92bb8f34 {
  width: 190rpx;
  height: 190rpx;
  font-size: 40rpx;
  font-weight: 300;
  position: relative;
}
.image-pic.data-v-92bb8f34 {
  border: 1rpx solid #F8F7F8;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 10rpx;
}
.tn-color-cat.data-v-92bb8f34 {
  color: #1D2541;
}
.tn-bg-cat.data-v-92bb8f34 {
  background-color: #1D2541;
}
/* 文章内容 start*/
.blogger__item.data-v-92bb8f34 {
  padding: 30rpx;
}
.blogger__author__btn.data-v-92bb8f34 {
  margin-right: -12rpx;
  opacity: 0.5;
}
.blogger__desc.data-v-92bb8f34 {
  line-height: 30rpx;
}
.blogger__desc__label.data-v-92bb8f34 {
  color: #1D2541;
  background-color: #F3F2F7;
  border-radius: 10rpx;
  font-size: 22rpx;
  padding: 5rpx 15rpx;
  margin: 5rpx 18rpx 0 0;
}
.blogger__desc__label--prefix.data-v-92bb8f34 {
  font-size: 24rpx;
  color: #1D2541;
  padding-right: 10rpx;
}
.blogger__desc__content.data-v-92bb8f34 {
  line-height: 50rpx;
}
.blogger__content.data-v-92bb8f34 {
  margin-top: 18rpx;
  padding-right: 18rpx;
}
.blogger__content__data.data-v-92bb8f34 {
  line-height: 46rpx;
  text-align: justify;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
}
.blogger__content__status.data-v-92bb8f34 {
  margin-top: 10rpx;
  font-size: 26rpx;
  color: #82B2FF;
}
.blogger__main-image.data-v-92bb8f34 {
  border: 1rpx solid #F8F7F8;
  border-radius: 16rpx;
}
.blogger__main-image--1.data-v-92bb8f34 {
  max-width: 80%;
  max-height: 300rpx;
}
.blogger__main-image--2.data-v-92bb8f34 {
  max-width: 260rpx;
  max-height: 260rpx;
}
.blogger__main-image--3.data-v-92bb8f34 {
  height: 212rpx;
  width: 100%;
}
.blogger__count-icon.data-v-92bb8f34 {
  font-size: 40rpx;
  padding-right: 5rpx;
}
.blogger__ad.data-v-92bb8f34 {
  width: 100%;
  height: 500rpx;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
}
.blogger__ad.data-v-92bb8f34  .uni-swiper-slide-frame {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
}
.blogger__ad .uni-swiper-slide-frame.data-v-92bb8f34 {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
}
.blogger__ad__item.data-v-92bb8f34 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translate3d(100%, 0px, 0px) scale(1) !important;
          transform: translate3d(100%, 0px, 0px) scale(1) !important;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  z-index: 1;
}
.blogger__ad__item--0.data-v-92bb8f34 {
  -webkit-transform: translate3d(0%, 0px, 0px) scale(1) !important;
          transform: translate3d(0%, 0px, 0px) scale(1) !important;
  z-index: 4;
}
.blogger__ad__item--1.data-v-92bb8f34 {
  -webkit-transform: translate3d(13%, 0px, 0px) scale(0.9) !important;
          transform: translate3d(13%, 0px, 0px) scale(0.9) !important;
  z-index: 3;
}
.blogger__ad__item--2.data-v-92bb8f34 {
  -webkit-transform: translate3d(26%, 0px, 0px) scale(0.8) !important;
          transform: translate3d(26%, 0px, 0px) scale(0.8) !important;
  z-index: 2;
}
.blogger__ad__content.data-v-92bb8f34 {
  border-radius: 40rpx;
  width: 640rpx;
  height: 500rpx;
  overflow: hidden;
}
.blogger__ad__image.data-v-92bb8f34 {
  width: 100%;
  height: 100%;
}
/* 文章内容 end*/
/* 间隔线 start*/
.tn-strip-bottom.data-v-92bb8f34 {
  width: 100%;
  border-bottom: 20rpx solid rgba(241, 241, 241, 0.8);
}
/* 间隔线 end*/
/* 广告内容 start */
.ad-image.data-v-92bb8f34 {
  width: 80rpx;
  height: 80rpx;
  position: relative;
}
.ad-pic.data-v-92bb8f34 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 20%;
}
/* 自定义导航栏内容 end */
/* 全屏轮播  start*/
.card-swiper.data-v-92bb8f34 {
  height: 100vh !important;
}
.card-swiper swiper-item.data-v-92bb8f34 {
  width: 750rpx !important;
  left: 0rpx;
  box-sizing: border-box;
  overflow: initial;
}
.card-swiper swiper-item .swiper-item.data-v-92bb8f34 {
  width: 100%;
  display: block;
  height: 100vh;
  border-radius: 0rpx;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.2s ease-in 0s;
  overflow: hidden;
}
.card-swiper swiper-item.cur .swiper-item.data-v-92bb8f34 {
  -webkit-transform: none;
          transform: none;
  transition: all 0.2s ease-in 0s;
}
.card-swiper swiper-item .swiper-item-png.data-v-92bb8f34 {
  margin-top: -50vh;
  width: 100%;
  display: block;
  border-radius: 0rpx;
  -webkit-transform: translate(1040rpx, 20rpx) scale(0.5, 0.5);
          transform: translate(1040rpx, 20rpx) scale(0.5, 0.5);
  transition: all 0.6s ease 0s;
}
.card-swiper swiper-item.cur .swiper-item-png.data-v-92bb8f34 {
  margin-top: -100vh;
  width: 900rpx;
  -webkit-transform: translate(-80rpx, 0rpx) scale(1, 1);
          transform: translate(-80rpx, 0rpx) scale(1, 1);
  transition: all 0.6s ease 0s;
}
.image-banner.data-v-92bb8f34 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-banner image.data-v-92bb8f34 {
  width: 100%;
}
/* 轮播指示点 start*/
.indication.data-v-92bb8f34 {
  z-index: 9999;
  width: 100%;
  height: 36rpx;
  position: fixed;
  display: block;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.spot.data-v-92bb8f34 {
  background-color: #000;
  opacity: 0.3;
  width: 10rpx;
  height: 10rpx;
  border-radius: 20rpx;
  margin: 20rpx 0 !important;
  left: 95vw;
  top: -60vh;
  position: relative;
}
.spot.active.data-v-92bb8f34 {
  opacity: 0.6;
  height: 30rpx;
  background-color: #000;
}
/* 资讯主图 start*/
.image-article.data-v-92bb8f34 {
  border-radius: 8rpx;
  border: 1rpx solid #F8F7F8;
  width: 200rpx;
  height: 200rpx;
  position: relative;
}
.image-pic.data-v-92bb8f34 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 10rpx;
}
.article-shadow.data-v-92bb8f34 {
  border-radius: 15rpx;
  box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
}
/* 文字截取*/
.clamp-text-1.data-v-92bb8f34 {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.clamp-text-2.data-v-92bb8f34 {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 标签内容 start*/
.tn-tag-content__item.data-v-92bb8f34 {
  display: inline-block;
  line-height: 35rpx;
  color: #1D2541;
  background-color: #F3F2F7;
  border-radius: 10rpx;
  font-size: 22rpx;
  padding: 5rpx 15rpx;
}
.tn-tag-content__item--prefix.data-v-92bb8f34 {
  padding-right: 10rpx;
}
/* 图标容器9 start */
.icon9__item.data-v-92bb8f34 {
  width: 30%;
  background-color: #FFFFFF;
  border-radius: 10rpx;
  padding: 30rpx;
  margin: 20rpx 10rpx;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.icon9__item--icon.data-v-92bb8f34 {
  width: 110rpx;
  height: 110rpx;
  font-size: 65rpx;
  border-radius: 50%;
  margin: 20rpx 40rpx;
  position: relative;
  z-index: 1;
}
.icon9__item--icon.data-v-92bb8f34::after {
  content: " ";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  background-size: 100% 100%;
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/icon_bg5.png);
}
/* 悬浮 */
.tnxuanfu.data-v-92bb8f34 {
  -webkit-animation: suspension-data-v-92bb8f34 3s ease-in-out infinite;
          animation: suspension-data-v-92bb8f34 3s ease-in-out infinite;
}
@-webkit-keyframes suspension-data-v-92bb8f34 {
0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
50% {
    -webkit-transform: translateY(-0.8rem);
            transform: translateY(-0.8rem);
}
}
@keyframes suspension-data-v-92bb8f34 {
0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
50% {
    -webkit-transform: translateY(-0.8rem);
            transform: translateY(-0.8rem);
}
}
/* 悬浮按钮 */
.button-shop.data-v-92bb8f34 {
  width: 90rpx;
  height: 90rpx;
  display: flex;
  flex-direction: row;
  position: fixed;
  /* bottom:200rpx;
        right: 20rpx; */
  left: 5rpx;
  top: 5rpx;
  z-index: 1001;
  border-radius: 100px;
  opacity: 0.9;
}
/* 按钮 */
.edit.data-v-92bb8f34 {
  bottom: 300rpx;
  right: 75rpx;
  position: fixed;
  z-index: 9999;
}
.pa.data-v-92bb8f34,
.pa0.data-v-92bb8f34 {
  position: absolute;
}
.pa0.data-v-92bb8f34 {
  left: 0;
  top: 0;
}
.bg0.data-v-92bb8f34 {
  width: 100rpx;
  height: 100rpx;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.bg1.data-v-92bb8f34 {
  width: 100%;
  height: 100%;
}
.hx-box.data-v-92bb8f34 {
  top: 50%;
  left: 50%;
  width: 100rpx;
  height: 100rpx;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translate(-50%, -50%) rotateY(75deg) rotateZ(10deg);
          transform: translate(-50%, -50%) rotateY(75deg) rotateZ(10deg);
}
.hx-box .pr.data-v-92bb8f34 {
  width: 100rpx;
  height: 100rpx;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: hxz-data-v-92bb8f34 20s linear infinite;
          animation: hxz-data-v-92bb8f34 20s linear infinite;
}
@-webkit-keyframes hxz-data-v-92bb8f34 {
0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
}
100% {
    -webkit-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
}
}
@keyframes hxz-data-v-92bb8f34 {
0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
}
100% {
    -webkit-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
}
}
.hx-box .pr .pa0.data-v-92bb8f34 {
  width: 100rpx;
  height: 100rpx;
  /* border: 4px solid #5ec0ff; */
  border-radius: 1000px;
}
.hx-box .pr .pa0 .span.data-v-92bb8f34 {
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://resource.tuniaokj.com/images/cool_bg_image/arc4.png) no-repeat center center;
  background-size: 100% 100%;
  -webkit-animation: hx-data-v-92bb8f34 4s linear infinite;
          animation: hx-data-v-92bb8f34 4s linear infinite;
}
@-webkit-keyframes hx-data-v-92bb8f34 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes hx-data-v-92bb8f34 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.hx-k1.data-v-92bb8f34 {
  -webkit-transform: rotateX(-60deg) rotateZ(-60deg);
          transform: rotateX(-60deg) rotateZ(-60deg);
}
.hx-k2.data-v-92bb8f34 {
  -webkit-transform: rotateX(-30deg) rotateZ(-30deg);
          transform: rotateX(-30deg) rotateZ(-30deg);
}
.hx-k3.data-v-92bb8f34 {
  -webkit-transform: rotateX(0deg) rotateZ(0deg);
          transform: rotateX(0deg) rotateZ(0deg);
}
.hx-k4.data-v-92bb8f34 {
  -webkit-transform: rotateX(30deg) rotateZ(30deg);
          transform: rotateX(30deg) rotateZ(30deg);
}
.hx-k5.data-v-92bb8f34 {
  -webkit-transform: rotateX(60deg) rotateZ(60deg);
          transform: rotateX(60deg) rotateZ(60deg);
}
.hx-k6.data-v-92bb8f34 {
  -webkit-transform: rotateX(90deg) rotateZ(90deg);
          transform: rotateX(90deg) rotateZ(90deg);
}
.data-v-92bb8f34 .tn-toast {
  background-color: #000c !important;
}