.notice-surface{right:32px;position:fixed;max-width:calc(100% - 64px);flex-direction:row;max-height:calc(100vh - 56px);top:28px;display:flex;z-index:3000}.notice-surface--left{right:auto;left:32px}.notice-surface--reverse{bottom:28px;top:auto}@media (max-width:991px){.mfixed_y .notice-surface{top:74px}.bottom-icons-panel_y .notice-surface--reverse{bottom:72px}}.notice-surface__inner{position:relative;flex-direction:column-reverse;align-items:flex-start;display:flex}.notice-surface--reverse .notice-surface__inner{flex-direction:column;display:flex}.notice{flex-shrink:0;transition:transform .1s linear;position:relative;max-width:100%;min-width:0;margin:4px 0;box-shadow:0 5px 20px rgba(0,0,0,.15);border-radius:4px;background:#fff;background:var(--black_bg_black);width:346px}.notice--link{cursor:pointer}.notice--hidden{margin:0;display:none!important}.notice__closer{height:38px;justify-content:center;right:-1px;position:absolute;top:-1px;align-items:center;cursor:pointer;width:38px;display:flex;z-index:1}.notice__inner{padding:20px}.notice__image{height:60px;width:60px}.notice__image img{max-width:100%;max-height:100%}.notice .line-block__item+.line-block__item{align-self:center}.notice .line-block__item+.line-block__item .notice__title:first-child{margin-top:-7px}.notice .line-block__item+.line-block__item .notice__detail:first-child{margin-top:-3px}.notice__title+.notice__detail{margin-top:4px}.notice__detail__more{margin-top:6px}.notice-surface--right .animate--notice-show{-webkit-animation:animate--notice-show--right .4s linear;-ms-animation:animate--notice-show--right .4s linear;animation:animate--notice-show--right .4s linear;right:0}@-webkit-keyframes animate--notice-show--right{0%{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}@-ms-keyframes animate--notice-show--right{0%{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}@keyframes animate--notice-show--right{0%{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}.notice-surface--left .animate--notice-show{-webkit-animation:animate--notice-show--left .6s linear;-ms-animation:animate--notice-show--left .6s linear;animation:animate--notice-show--left .6s linear;left:0}@-webkit-keyframes animate--notice-show--left{0%{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}@-ms-keyframes animate--notice-show--left{0%{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}@keyframes animate--notice-show--left{0%{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}.animate--notice-hide{height:0!important;transition:transform .1s linear,opacity .3s ease-in-out .1s,height .3s linear .4s,margin .3s linear .4s;opacity:0!important;margin:0!important}.animate--notice-hide .notice__closer{display:none}.animate--notice-click{transform:scale(.95)}