@charset "UTF-8"; /** * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量 * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可 * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用 */ .circle.data-v-ad2d06f4 { max-height: 100vh; } /* 底部安全边距 start*/ .tn-tabbar-height.data-v-ad2d06f4 { 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-ad2d06f4 { height: 100%; } .custom-nav__back.data-v-ad2d06f4 { margin: auto 5rpx; font-size: 40rpx; margin-right: 10rpx; margin-left: 30rpx; flex-basis: 5%; } .custom-nav__search.data-v-ad2d06f4 { flex-basis: 60%; width: 100%; height: 100%; } .custom-nav__search__box.data-v-ad2d06f4 { 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-ad2d06f4 { padding-right: 10rpx; margin-left: 20rpx; font-size: 30rpx; } .custom-nav__search__text.data-v-ad2d06f4 { color: #AAAAAA; } .logo-image.data-v-ad2d06f4 { width: 60rpx; height: 60rpx; position: relative; margin-top: -15rpx; } .logo-pic.data-v-ad2d06f4 { background-size: cover; background-repeat: no-repeat; background-position: top; border-radius: 50%; } /* 自定义导航栏内容 end */ /* 博主头像 start*/ .image-circle.data-v-ad2d06f4 { width: 190rpx; height: 190rpx; font-size: 40rpx; font-weight: 300; position: relative; } .image-pic.data-v-ad2d06f4 { border: 1rpx solid #F8F7F8; background-size: cover; background-repeat: no-repeat; background-position: top; border-radius: 10rpx; } .tn-color-cat.data-v-ad2d06f4 { color: #1D2541; } .tn-bg-cat.data-v-ad2d06f4 { background-color: #1D2541; } /* 文章内容 start*/ .blogger__item.data-v-ad2d06f4 { padding: 30rpx; } .blogger__author__btn.data-v-ad2d06f4 { margin-right: -12rpx; opacity: 0.5; } .blogger__desc.data-v-ad2d06f4 { line-height: 30rpx; } .blogger__desc__label.data-v-ad2d06f4 { 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-ad2d06f4 { font-size: 24rpx; color: #1D2541; padding-right: 10rpx; } .blogger__desc__content.data-v-ad2d06f4 { line-height: 50rpx; } .blogger__content.data-v-ad2d06f4 { margin-top: 18rpx; padding-right: 18rpx; } .blogger__content__data.data-v-ad2d06f4 { line-height: 46rpx; text-align: justify; overflow: hidden; transition: all 0.25s ease-in-out; } .blogger__content__status.data-v-ad2d06f4 { margin-top: 10rpx; font-size: 26rpx; color: #82B2FF; } .blogger__main-image.data-v-ad2d06f4 { border: 1rpx solid #F8F7F8; border-radius: 16rpx; } .blogger__main-image--1.data-v-ad2d06f4 { max-width: 80%; max-height: 300rpx; } .blogger__main-image--2.data-v-ad2d06f4 { max-width: 260rpx; max-height: 260rpx; } .blogger__main-image--3.data-v-ad2d06f4 { height: 212rpx; width: 100%; } .blogger__count-icon.data-v-ad2d06f4 { font-size: 40rpx; padding-right: 5rpx; } .blogger__ad.data-v-ad2d06f4 { width: 100%; height: 500rpx; -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .blogger__ad.data-v-ad2d06f4 .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-ad2d06f4 { -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .blogger__ad__item.data-v-ad2d06f4 { 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-ad2d06f4 { -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-ad2d06f4 { -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-ad2d06f4 { -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-ad2d06f4 { border-radius: 40rpx; width: 640rpx; height: 500rpx; overflow: hidden; } .blogger__ad__image.data-v-ad2d06f4 { width: 100%; height: 100%; } /* 文章内容 end*/ /* 间隔线 start*/ .tn-strip-bottom.data-v-ad2d06f4 { width: 100%; border-bottom: 20rpx solid rgba(241, 241, 241, 0.8); } /* 间隔线 end*/ /* 广告内容 start */ .ad-image.data-v-ad2d06f4 { width: 80rpx; height: 80rpx; position: relative; } .ad-pic.data-v-ad2d06f4 { background-size: cover; background-repeat: no-repeat; background-position: top; border-radius: 20%; } /* 自定义导航栏内容 end */ /* 全屏轮播 start*/ .card-swiper.data-v-ad2d06f4 { height: 100vh !important; } .card-swiper swiper-item.data-v-ad2d06f4 { width: 750rpx !important; left: 0rpx; box-sizing: border-box; overflow: initial; } .card-swiper swiper-item .swiper-item.data-v-ad2d06f4 { 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-ad2d06f4 { -webkit-transform: none; transform: none; transition: all 0.2s ease-in 0s; } .card-swiper swiper-item .swiper-item-png.data-v-ad2d06f4 { 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-ad2d06f4 { 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-ad2d06f4 { display: flex; align-items: center; justify-content: center; } .image-banner image.data-v-ad2d06f4 { width: 100%; } /* 轮播指示点 start*/ .indication.data-v-ad2d06f4 { z-index: 9999; width: 100%; height: 36rpx; position: fixed; display: block; flex-direction: row; align-items: center; justify-content: center; } .spot.data-v-ad2d06f4 { 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-ad2d06f4 { opacity: 0.6; height: 30rpx; background-color: #000; } /* 资讯主图 start*/ .image-article.data-v-ad2d06f4 { border-radius: 8rpx; border: 1rpx solid #F8F7F8; width: 200rpx; height: 200rpx; position: relative; } .image-pic.data-v-ad2d06f4 { background-size: cover; background-repeat: no-repeat; background-position: top; border-radius: 10rpx; } .article-shadow.data-v-ad2d06f4 { border-radius: 15rpx; box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07); } /* 文字截取*/ .clamp-text-1.data-v-ad2d06f4 { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .clamp-text-2.data-v-ad2d06f4 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } /* 标签内容 start*/ .tn-tag-content__item.data-v-ad2d06f4 { 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-ad2d06f4 { padding-right: 10rpx; } /* 图标容器9 start */ .icon9__item.data-v-ad2d06f4 { 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-ad2d06f4 { width: 110rpx; height: 110rpx; font-size: 65rpx; border-radius: 50%; margin: 20rpx 40rpx; position: relative; z-index: 1; } .icon9__item--icon.data-v-ad2d06f4::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-ad2d06f4 { -webkit-animation: suspension-data-v-ad2d06f4 3s ease-in-out infinite; animation: suspension-data-v-ad2d06f4 3s ease-in-out infinite; } @-webkit-keyframes suspension-data-v-ad2d06f4 { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-0.8rem); transform: translateY(-0.8rem); } } @keyframes suspension-data-v-ad2d06f4 { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-0.8rem); transform: translateY(-0.8rem); } } /* 悬浮按钮 */ .button-shop.data-v-ad2d06f4 { 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-ad2d06f4 { bottom: 300rpx; right: 75rpx; position: fixed; z-index: 9999; } .pa.data-v-ad2d06f4, .pa0.data-v-ad2d06f4 { position: absolute; } .pa0.data-v-ad2d06f4 { left: 0; top: 0; } .bg0.data-v-ad2d06f4 { width: 100rpx; height: 100rpx; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .bg1.data-v-ad2d06f4 { width: 100%; height: 100%; } .hx-box.data-v-ad2d06f4 { 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-ad2d06f4 { width: 100rpx; height: 100rpx; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: hxz-data-v-ad2d06f4 20s linear infinite; animation: hxz-data-v-ad2d06f4 20s linear infinite; } @-webkit-keyframes hxz-data-v-ad2d06f4 { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-360deg); transform: rotateX(-360deg); } } @keyframes hxz-data-v-ad2d06f4 { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-360deg); transform: rotateX(-360deg); } } .hx-box .pr .pa0.data-v-ad2d06f4 { width: 100rpx; height: 100rpx; /* border: 4px solid #5ec0ff; */ border-radius: 1000px; } .hx-box .pr .pa0 .span.data-v-ad2d06f4 { 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-ad2d06f4 4s linear infinite; animation: hx-data-v-ad2d06f4 4s linear infinite; } @-webkit-keyframes hx-data-v-ad2d06f4 { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes hx-data-v-ad2d06f4 { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .hx-k1.data-v-ad2d06f4 { -webkit-transform: rotateX(-60deg) rotateZ(-60deg); transform: rotateX(-60deg) rotateZ(-60deg); } .hx-k2.data-v-ad2d06f4 { -webkit-transform: rotateX(-30deg) rotateZ(-30deg); transform: rotateX(-30deg) rotateZ(-30deg); } .hx-k3.data-v-ad2d06f4 { -webkit-transform: rotateX(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateZ(0deg); } .hx-k4.data-v-ad2d06f4 { -webkit-transform: rotateX(30deg) rotateZ(30deg); transform: rotateX(30deg) rotateZ(30deg); } .hx-k5.data-v-ad2d06f4 { -webkit-transform: rotateX(60deg) rotateZ(60deg); transform: rotateX(60deg) rotateZ(60deg); } .hx-k6.data-v-ad2d06f4 { -webkit-transform: rotateX(90deg) rotateZ(90deg); transform: rotateX(90deg) rotateZ(90deg); } .data-v-ad2d06f4 .basic-table-header { background-color: #edeeee; }