.notification[data-v-eeef80aa]{position:fixed;top:.4rem;left:0;width:100%;opacity:0;transform:translateY(-100%);transition:all .5s ease;z-index:20;padding-left:.42667rem;padding-right:.42667rem;margin-top:env(safe-area-inset-top)}.notification.show[data-v-eeef80aa]{opacity:1;transform:translateY(0)}.notificationBox[data-v-eeef80aa]{padding:.29333rem .42667rem .42667rem .29333rem;background-color:#eb6300;border-radius:.21333rem;height:2.02667rem;width:100%;display:flex;align-items:center;justify-content:space-between}.notificationBox .notificationBoxLeft[data-v-eeef80aa]{display:flex;align-items:center}.notificationBox .notificationBoxLeft .hostImg[data-v-eeef80aa]{min-width:1.44rem;max-width:1.44rem;height:1.44rem}.notificationBox .notificationBoxLeft .contentBox[data-v-eeef80aa]{margin-left:.26667rem}.notificationBox .notificationBoxLeft .contentBox .name[data-v-eeef80aa]{font-family:SF Pro Display,sans-serif;font-weight:700;font-size:.42667rem;color:#fff;margin-bottom:.13333rem}.notificationBox .notificationBoxLeft .contentBox .contentBoxFlex[data-v-eeef80aa]{display:flex;align-items:center}.notificationBox .notificationBoxLeft .contentBox .contentBoxFlex .nums[data-v-eeef80aa]{margin-right:.05333rem;font-family:SF Pro Text,sans-serif;font-weight:700;font-size:.37333rem;color:#fff}.notificationBox .notificationBoxLeft .contentBox .contentBoxFlex .text[data-v-eeef80aa]{width:3.81333rem;font-family:SF Pro Text,sans-serif;font-weight:400;font-size:.37333rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notificationBox .notificationBoxRight[data-v-eeef80aa]{width:2.13333rem;height:.88rem;background:#fff;border-radius:2.64rem;font-family:SF Pro Display,sans-serif;font-weight:900;font-size:.37333rem;color:#ff834e;text-align:center;line-height:.88rem}