| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- ::-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;
- }
|