::-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; } .panelGuideContainer{ width: 100%; position: fixed; top:0; z-index: 20; } .panelGuideContainer .panelGuideContainer0{ background-color:rgba(0,0,0,0.3); position: absolute; z-index: 20; } .panelGuideContainer .panelGuideContainerTop{ width:100%; top:0; } .panelGuideContainer .panelGuideContainerLeft{ left:0; } .panelGuideContainer .panelGuideContainerRight{ right:0; width:750rpx; } .panelGuideContainer .panelGuideContainerBottom{ width:100%; } .panelGuideContainer .panelGuideContainerText1{ font-size: 32rpx; color:#1e1e1e; position: absolute; background-color: #fff; text-align: center; border-radius: 20rpx; padding: 20rpx; z-index: 110; } .panelGuideContainer .panelGuideContainerClose{ width:212rpx; height:80rpx; position: absolute; z-index: 22; } .panelGuideContainer .panelGuideContainerImage{ position: absolute; z-index: 21; }