english_learned_master/app.wxss

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