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;
} 
/*showToast*/  
.toast-bg {  
  position: fixed;  
  top: 0;  
  bottom: 0;  
  z-index: 999999;  
  width: 100%;  
  height: 100%;  
  background: rgba(0, 0, 0, .2);  
}  
/*水平居中必备样式*/  
.toast-center {  
  position: fixed;  
  z-index: 9999999;  
  width: 100%;  
  height: 100%;  
  text-align: center;  
}  
.toast {  
  display: inline-block;  
  padding: 20rpx 40rpx;  
  max-width: 600rpx;  
  font-size: 28rpx;  
  color: #fff;  
  background: rgba(0, 0, 0, .5);  
  border-radius: 10rpx;  
  text-align: center;  
}  
/*垂直居中必备样式*/  
.toast-center::after{  
  content: '';  
  display: inline-block;  
  width: 0;  
  height: 100%;  
  vertical-align: middle;  
}  
.toast .toast-icon {  
  display: block;  
  margin: 0 auto 10rpx auto;  
  width: 50rpx;  
  height: 50rpx;  
} 
.line{
  height: 1rpx;
  background: #e4e4e4;
}