.appbar-container[data-v-c631c315]{color:var(--color-333,#333);font-size:14px;max-width:1200px;position:fixed;width:100%;z-index:4}.appbar-container .nav-box[data-v-c631c315]{position:relative;z-index:9}.appbar-container .nav-box .top-bar[data-v-c631c315]{display:block}.appbar-container .nav-box .status-bar[data-v-c631c315]{align-items:center;display:flex;height:44px;justify-content:center}.appbar-container .nav-box .status-bar .back-action[data-v-c631c315]{align-items:center;background-color:rgba(255,255,255,.5);border-radius:50%;display:flex;height:32px;justify-content:center;left:15px;position:absolute;width:32px}.appbar-container .nav-box .status-bar .back-action .zdm-icon[data-v-c631c315]{color:var(--color-333,#333);font-size:24px}.appbar-container .nav-box .status-bar .center-container[data-v-c631c315]{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:space-between;padding:0 47px;width:100%}.appbar-container .nav-box .status-bar .extra-action[data-v-c631c315]{align-items:center;background-color:rgba(255,255,255,.5);border-radius:50%;display:flex;height:32px;justify-content:center;position:absolute;right:15px;width:32px}.appbar-container .nav-box .status-bar .extra-action .zdm-icon[data-v-c631c315]{color:var(--color-333,#333);font-size:24px}.appbar-container .blank-box[data-v-c631c315]{background:var(--color-fff,#fff);opacity:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.appbar-container{color:var(--color-333,#333)}.appbar-container.show-bg .blank-box{opacity:1;transition:all .3s}.appbar-container.show-bg .page-title-text{opacity:1;transition:all .1s}.appbar-container.show-bg .my-test{border:1px solid var(--color-ccc,#ccc);transition:all .1s}