app.wxss

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 
.mask{
  position:fixed;top:0;left:0;
  width:100%;height:100%;
  background-color: rgba(0, 6, 11, 0.6);
  z-index:99998;
}
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}
.downIcon{
  transform:rotate(90deg);
}
.zIndex9{
  position:relative;
  z-index:99999;
}
.flex{
  display:flex;
}
.ui-col{
  flex:1;
}
.rightFlex{
  margin-left:auto;
}
.tc{
  text-align:center;
}
.pl30{
  padding-left:30rpx;
}
.f28{
  font-size:28rpx;
}
.f30{
  font-size:30rpx;
}
.f32{
  font-size:32rpx;
}
.f34{
  font-size:34rpx;
}
.f36{
  font-size:36rpx;
}
.pt26{
  padding-top:26rpx;
}
.height427{
  height:427rpx;
}
.colBlue{
  color:#0389fe;
}
.colRed{
  color:#f54141;
}
.colYellow{
  color:#fac91f;
}
.colGreen{
  color:#7eeb5b;
}
.colBlack{
  color:#000;
}
.colGray{
  color:#808080; 
}
.colorGray{
  color:#cacaca;
}
.colBlue{
  color:rgb(0,176,240);
}
.bocRed{
  border-color:#f54141;
}
.bocYellow{
  border-color:#fac91f;
}
.bocGreen{
  border-color:#7eeb5b;
}
.bacRed{
  background-color:#f54141;
}
.bacYellow{
  background-color:#fac91f;
}
.bacGreen{
  background-color:#7eeb5b;
}
image{
  max-width:100%; 
  max-height:100%; 
}