::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; } .FlexColumn { display: flex; flex-direction: column; align-items: center; justify-content: center; } .FlexRow { display: flex; flex-direction: row; align-items: center; justify-content: center; } .container { width:100%; color: #fff; justify-content: flex-start; font-weight: 700; background-color: #004433; } .panelRemindParent{ background-color: rgba(26,67,51,0.10); z-index: 20; position: fixed; bottom:0; } /* 弹窗上滑动画 */ @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } } /* 弹窗下滑动画 */ @keyframes slideDown { from { transform: translateY(0); } to { transform: translateY(100%); } } /* 上滑动画类 */ .remind-slide-up { animation: slideUp 0.3s ease-out forwards; } /* 下滑动画类 */ .remind-slide-down { animation: slideDown 0.3s ease-out forwards; }