|
@@ -13,135 +13,6 @@
|
|
|
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%;
|
|
@@ -171,46 +42,7 @@
|
|
|
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;
|
|
@@ -257,28 +89,6 @@
|
|
|
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%;
|
|
@@ -311,40 +121,6 @@
|
|
|
.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;
|
|
@@ -460,342 +236,4 @@
|
|
|
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);
|
|
|
-}
|
|
|
|