.app-frame-head{position:fixed;left:0;right:0;top:0;z-index:100;color:var(--textColorPrimary);transition:transform .3s ease-out .05s}[app-theme=newyear2022] .app-frame-head{background:#f2533b}.app-frame-head .app-frame-blur{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-color:var(--colorBackgroundAlpha);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s}[app-theme=newyear] .app-frame-head .app-frame-blur{background:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/new-year-head-bg.8e96f204.png);background-size:cover}[app-theme=newyear2022] .app-frame-head .app-frame-blur{background:#f2533b}.app-frame-head.fold-head .app-toolbar{opacity:0}.app-frame-head.theme-light{color:var(--textColorPrimary)}.app-frame-head.theme-white{color:var(--textColorPrimaryNegative)}.app-frame-head.theme-dark{color:var(--textColorPrimary)}[app-theme=newyear2022] .app-frame-head.theme-dark{color:#fff}.app-frame-head.head-mask{color:var(--textColorPrimary)}.app-frame-head.head-mask .app-frame-blur{opacity:1}[app-theme=newyear2022] .app-frame-head.head-mask{color:#fff}.app-toolbar{padding:0 24px;justify-content:space-between;opacity:1;transition:all .3s .05s}.app-toolbar,.app-toolbar .tool-left{display:flex;align-items:center}.app-toolbar .app-btn-back{font-size:24px;line-height:24px;-webkit-text-size-adjust:none;text-size-adjust:100%}.app-toolbar .app-title{margin-left:12px;font-size:18px;line-height:24px;vertical-align:top;display:inline-block}[app-theme=newyear2022] .app-toolbar .app-title{color:#fff}.app-toolbar .tool-right .app-btn-back{font-size:22px;line-height:22px}.app-toolbar .drop-menu{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.community-container{height:100%}.community-group{width:100%;height:100%;clear:both}[app-theme=newyear] .community-group{background:url(https://h5hosting-drcn.dbankcdn.cn/sandbox/cc/global-themes-userPortal/theme-app/RdbdFDZtRl-hP9wUzHR4sA/img/new-year-bg.55e1b212.jpg);background-size:contain}.community-group .community-group-menu{float:left;width:80px;height:100%;overflow:auto;background-color:#f8f8f8}[app-theme=dark] .community-group .community-group-menu{background-color:var(--colorBackground)}.HarmonyOS .community-group .community-group-menu{background:none}.community-group .community-group-menu .group-menu-container{width:100%;display:inline-block;height:auto;background-color:#fff}[app-theme=dark] .community-group .community-group-menu .group-menu-container{background-color:var(--colorBackground)}.HarmonyOS .community-group .community-group-menu .group-menu-container{background:none}.community-group .community-group-menu .community-menu-item{min-height:56px;width:100%;display:flex;align-items:center;justify-content:flex-start;padding:14px 16px 14px 16px;overflow:hidden;font-size:12px;font-weight:600;background-color:#f8f8f8;border-top-right-radius:0;border-bottom-right-radius:0;word-break:break-all}.community-group .community-group-menu .community-menu-item:first-child{border-top-right-radius:8px}.HarmonyOS .community-group .community-group-menu .community-menu-item{background-color:hsla(0,0%,98%,.95)}[app-theme=dark] .community-group .community-group-menu .community-menu-item{background-color:var(--colorBackground)}[app-theme=dark].HarmonyOS .community-group .community-group-menu .community-menu-item{background-color:var(--colorControlNormal)}[app-theme=newyear] .community-group .community-group-menu .community-menu-item{color:var(--textColorTertiary);background-color:rgba(218,48,45,.08)}.community-group .community-group-menu .community-menu-item.check{background-color:#fff;border-radius:0;color:var(--colorAccent)!important}.HarmonyOS .community-group .community-group-menu .community-menu-item.check{background:rgba(241,243,245,.9)}[app-theme=dark] .community-group .community-group-menu .community-menu-item.check{background-color:var(--colorBackground)}.community-group .community-group-menu .community-menu-item.check+div{border-top-right-radius:8px}.community-group .community-group-menu .community-menu-item.before{border-bottom-right-radius:8px}.community-group .group-list-container{float:left;list-style:none;width:calc(100vw - 80px);padding:0 20px 0 16px;height:100%;overflow:auto;position:relative;padding-bottom:10px}.community-group .group-list-container .group-list{display:flex;flex-wrap:wrap}.community-group .group-list-container .figure.loaded{background-color:transparent!important}.community-group .group-list-container .group-list-padding{padding-bottom:60px}.community-group .group-list-container .group-list-loading{position:absolute;top:50%;left:50%;color:#666;transform:translate3d(-50%,-50%,0)}[app-theme=newyear] .community-group .group-list-container .group-list-loading{color:var(--colorAccent)}.community-group .group-list-container .community-group-item{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:16px 0}.HarmonyOS .community-group .group-list-container .community-group-item{padding:12px 0}.type-padHorizontal .community-group .group-list-container .community-group-item{width:calc(50% - 12px);margin-right:24px}.type-padHorizontal .community-group .group-list-container .community-group-item:nth-child(2n){margin-right:0}.community-group .group-list-container .group-info-container{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 60px);position:relative}.community-group .group-list-container .group-info-container.group-info-select{width:calc(100% - 40px)}.community-group .group-list-container .group-info-container .group-bg-img{width:40px;height:40px;border-radius:50%;overflow:hidden}.community-group .group-list-container .group-info-container .group-bg-img .tm-figure img{opacity:1;display:none}.community-group .group-list-container .group-info-container .group-bg-img .tm-figure.loaded img{opacity:1;display:block}.community-group .group-list-container .group-info-container .group-info{margin-left:10px;display:flex;flex-direction:column;width:calc(100% - 50px)}.HarmonyOS .community-group .group-list-container .group-info-container .group-info{margin-left:12px}.community-group .group-list-container .group-info-container .text-over{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.community-group .group-list-container .group-info-container .group-title{font-size:14px;font-weight:600;color:var(--textColorPrimary)}.community-group .group-list-container .group-info-container .group-detail{color:var(--textColorSecondary);font-size:12px;margin-top:4px}.community-group .group-list-container .group-info-container .group-detail .group-delimiter{display:inline-block;padding:0 4px}.community-group .group-list-container .group-item-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:14px;background-color:var(--colorAccent)}[app-theme=newyear] .community-group .group-list-container .group-item-status{background-color:var(--colorAccent)}.community-group .group-list-container .group-item-status.not-joined{font-size:20px}.community-group .group-list-container .group-item-status.joined{font-size:10px;color:#a8cef5;background-color:#f2f2f2!important}[app-theme=newyear] .community-group .group-list-container .group-item-status.joined{color:var(--textColorTertiary)}.HarmonyOS .community-group .group-list-container .group-item-status.joined{background:var(--toggle_bg_color_normal)!important;border-radius:50%;color:rgba(0,0,0,.4)}.HarmonyOS[app-theme=dark] .community-group .group-list-container .group-item-status.joined{color:hsla(0,0%,100%,.4)}.community-group .group-list-container .group-item-status:before{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-top:1px solid var(--listDivider);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.community-group .group-list-container .group-item-select{font-size:24px}.community-group .group-list-container .group-item-select.selected{color:var(--colorAccent)}.community-group .synchronizeBtn{position:absolute;left:50%;bottom:20px;width:150px;height:28px;transform:translateX(-50%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:14px;background-color:var(--colorAccent);color:var(--textColorPrimaryInverse)}.community-group .synchronizeBtn.disabled{opacity:.45}