.tm-slides{width:100%;height:100%;overflow:hidden}.tm-slides-wrapper{display:flex;width:100%;height:100%;transition:transform 0s}.tm-slides-wrapper.allow-transition{transition:transform .6s cubic-bezier(.31,.8,.19,1.08)}.tm-slide-item{width:100%;height:100%;flex-shrink:0;border-radius:8px;background:#f2f2f2}.community-circle-banner{--border_radius:8px}.community-circle-banner .figure{width:100%;height:100%}.community-circle-banner .circle-banner-slides{padding-left:24px}.HarmonyOS .community-circle-banner .circle-banner-slides{padding-left:16px}.HarmonyOS .type-padHorizontal .community-circle-banner .circle-banner-slides,.HarmonyOS .type-padVertical .community-circle-banner .circle-banner-slides{padding-left:24px}.community-circle-banner .circle-banner-slides .banner-item{height:100%;border-radius:var(--border_radius);overflow:hidden;position:relative}.community-circle-banner .circle-banner-slides .banner-item .hot-item0{position:absolute;top:0;left:0;width:60%;height:100%;border-radius:var(--border_radius);overflow:hidden}.type-padHorizontal .community-circle-banner .circle-banner-slides .banner-item .hot-item0,.type-padVertical .community-circle-banner .circle-banner-slides .banner-item .hot-item0{width:100%}.community-circle-banner .circle-banner-slides .banner-item .hot-item1,.community-circle-banner .circle-banner-slides .banner-item .hot-item2{position:absolute;top:0;right:0;width:calc(40% - 6px);height:calc(50% - 3px);border-radius:var(--border_radius);overflow:hidden}.community-circle-banner .circle-banner-slides .banner-item .hot-item2{top:auto;bottom:0}.community-circle-banner .top-banners{position:relative}.community-circle-banner .top-banners .top-banners-title{font-size:30px;line-height:40px;padding:12px 0 20px 24px;font-family:HWtext-65ST;font-weight:700}[app-theme=newyear] .community-circle-banner .top-banners .top-banners-title{color:#fff}.HarmonyOS .community-circle-banner .top-banners .top-banners-title{font-size:24px;line-height:32px;padding:12px 0 18px 16px}.HarmonyOS .type-padHorizontal .community-circle-banner .top-banners .top-banners-title,.HarmonyOS .type-padVertical .community-circle-banner .top-banners .top-banners-title{padding:24px 0 24px 24px}.community-circle-banner .top-banners .slides-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.community-circle-banner .top-banners .slides-indicator .indicator-item{width:4px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.5)}.community-circle-banner .top-banners .slides-indicator .indicator-item:not(:last-child){margin-right:8px}.community-circle-banner .top-banners .slides-indicator .indicator-item.active{width:6px;height:6px;border-radius:3px;background-color:#fff}.community-circle-banner .top-banners .tm-slide-item{padding-bottom:10px;background-color:transparent}.HarmonyOS .community-circle-banner .top-banners .tm-slide-item{padding-bottom:8px}.community-circle-banner .top-banners .banner-item{box-shadow:0 8px 8px -10px var(--textColorPrimary)}.community-circle-banner .top-banners .banner-item .tm-figure{border-radius:8px}.community-circle-banner .hot-circle .hot-circle-title{font-size:18px;line-height:24px;margin:24px 24px 9px;font-family:HWtext-65ST;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.HarmonyOS .community-circle-banner .hot-circle .hot-circle-title{font-size:16px;line-height:22px;margin:16px 16px 10px}.HarmonyOS .type-padHorizontal .community-circle-banner .hot-circle .hot-circle-title,.HarmonyOS .type-padVertical .community-circle-banner .hot-circle .hot-circle-title{margin:24px 24px 9px}.community-circle-banner .hot-circle .hot-banners .tm-slide-item{background-color:transparent}.theme-logo-bottom{height:60px;display:flex;width:100%;justify-content:center;align-items:center;text-align:center}.theme-logo-bottom .theme-logo{height:42px;width:100%;background-image:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/themeLogo-black-cn.e535ab0e.png);background-repeat:no-repeat;background-position:50%;background-size:contain}[app-theme=dark] .theme-logo-bottom .theme-logo{background-image:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/themeLogo-white-cn.c808a9f1.png)}.HarmonyOS .circle-info{padding:8px 0}.gap-line{width:1px;height:10px;background-color:var(--textColorSecondary);display:inline-block;margin:0 8px}.HarmonyOS .gap-line{margin:0 4px}.card-item-gap{margin-top:12px;height:.25px;background-color:var(--textColorSecondary)}.flex-row{display:flex;align-items:center}.flex-colum{display:flex;flex-direction:column}.community-circle-classify-list{min-height:100vh;position:relative;padding-top:64px}.community-circle-classify-list .tm-tabs-navs{position:absolute;left:0;top:0;width:100%;z-index:1}.community-circle-classify-list .classify-tabs-container{width:100%}.community-circle-classify-list .nav-anchor-line{bottom:14px;border-radius:2px;border-bottom:2px solid var(--textColorPrimaryActivated);z-index:100}.community-circle-classify-list .classify-tabs-item{display:inline-block;margin:20px 18px 15px 0;height:29px;line-height:24px;text-align:center;color:var(--textColorSecondary);font-size:16px;font-family:HWtext-55ST}.HarmonyOS .community-circle-classify-list .classify-tabs-item{margin:18px 18px 16px 0}[app-theme=newyear2022] .community-circle-classify-list .classify-tabs-item{color:var(--textColorPrimary);opacity:.75}.community-circle-classify-list .classify-tabs-item:first-child{margin-left:16px}.community-circle-classify-list .classify-tabs-item:last-child{margin-right:16px}.HarmonyOS .type-padHorizontal .community-circle-classify-list .classify-tabs-item:first-child,.HarmonyOS .type-padVertical .community-circle-classify-list .classify-tabs-item:first-child{margin-left:24px}.HarmonyOS .type-padHorizontal .community-circle-classify-list .classify-tabs-item:last-child,.HarmonyOS .type-padVertical .community-circle-classify-list .classify-tabs-item:last-child{margin-right:24px}.community-circle-classify-list .classify-tabs-item.active{color:var(--colorAccent)}.community-circle-classify-list .tm-cards-view{justify-content:flex-start}.community-circle-classify-list .classify-tab-panel{padding:0 24px;overflow-x:hidden}.HarmonyOS .community-circle-classify-list .classify-tab-panel{padding:0 16px}.HarmonyOS .type-padHorizontal .community-circle-classify-list .classify-tab-panel,.HarmonyOS .type-padVertical .community-circle-classify-list .classify-tab-panel{padding:0 24px}.HarmonyOS .community-circle-classify-list .classify-tab-panel .classify-card-item{background:var(--colorCardBg);border-radius:16px;padding:12px}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-avator{width:40px;height:40px;border-radius:50%}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-detail{display:flex;flex-direction:column;margin-left:8px;width:calc(100% - 52px)}.HarmonyOS .community-circle-classify-list .classify-tab-panel .classify-card-item .circle-detail{margin-left:12px}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-detail .circle-title{font-size:14px;letter-spacing:1px;color:var(--textColorPrimary);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-detail .circle-statistics{font-size:10px;color:var(--textColorSecondary);margin-top:4px}.HarmonyOS .community-circle-classify-list .classify-tab-panel .classify-card-item .circle-detail .circle-statistics{font-size:12px}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-works{margin-top:10px}.HarmonyOS .community-circle-classify-list .classify-tab-panel .classify-card-item .circle-works{margin-top:6px}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-works .works-item{width:33.3333%;border-radius:8px;overflow:hidden}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-works .works-item:not(:last-child){margin-right:6px}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-works .works-item .works-image{padding-top:100%;position:relative}.community-circle-classify-list .classify-tab-panel .classify-card-item .circle-works .works-item .works-image .image-area{position:absolute;top:0;left:0;right:0;bottom:0}.community-circle-classify-list .content-wrap{min-height:calc(100vh - 124px);position:relative}.community-circle-classify-list .content-wrap .icon-loading.first{position:absolute;top:100px;left:50%;z-index:10;transform:translate(-50%,-50%)}.community-circle-classify-list .content-wrap .icon-loading.nav_fixed_first{top:50%}.community-circle-classify-list .content-wrap .empty-content{padding-top:100px;text-align:center}.type-padVertical .community-circle-classify-list .content-wrap .classify-card-list .card-item{width:calc(50% - 6px);margin-right:12px}.type-padVertical .community-circle-classify-list .content-wrap .classify-card-list .card-item:nth-child(2n){margin-right:0}.type-padHorizontal .community-circle-classify-list .content-wrap .classify-card-list .card-item{width:calc(33.3333% - 8px);margin-right:12px}.type-padHorizontal .community-circle-classify-list .content-wrap .classify-card-list .card-item:nth-child(3n){margin-right:0}.community-circle-classify-list.nav-fixed .tm-tabs-navs{background-color:var(--colorBackground);position:fixed;left:0;top:0;z-index:6}[app-theme=newyear] .community-circle-classify-list.nav-fixed .tm-tabs-navs{background-image:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/new_year_bg.b225d4b3.jpg);background-repeat:no-repeat;background-size:100vw 100vh;background-position:0 0}[app-theme=newyear] .community-circle-classify-list.nav-fixed .tm-tabs-navs .classify-tabs-container .classify-tabs-item{color:hsla(0,0%,100%,.6)}[app-theme=newyear] .community-circle-classify-list.nav-fixed .tm-tabs-navs .classify-tabs-container .classify-tabs-item.active{color:#fff;border-bottom:2px solid #fff}[app-theme=newyear] .community-circle-classify-list.nav-fixed.uppper-verison .tm-tabs-navs{background-position:0 -24px}.card-item:last-child .card-item-gap{display:none}.circle-dynamic,.like-count{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.community-circle{height:100vh;overflow-y:auto;background-color:var(--colorBackground)}[app-theme=newyear] .community-circle{background:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/new_year_bg.b225d4b3.jpg);background-size:100vw 100vh}.community-circle .tool-area{width:100%;position:fixed;top:0;left:0;z-index:6;background-color:var(--colorBackground)}[app-theme=newyear2022] .community-circle .tool-area{background-image:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/springfestival_bg_top.b33cc890.jpg);background-repeat:no-repeat;background-size:100vw 50vh;background-position:0 0}[app-theme=newyear] .community-circle .tool-area{background-image:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/new_year_bg.b225d4b3.jpg);background-repeat:no-repeat;background-size:100vw 100vh;background-position:0 0}