page {
  background-color: #f6f6ff;
}
.gate {
  padding: 0 30rpx;
  &-icon {
    width: 440rpx;
    height: 440rpx;
    margin: 100rpx auto 30rpx;
  }
  &-text {
    text-align: center;
    color: #008cff;
    font-size: 50rpx;
		&-opened {
			color: #52BD4E;
			font-size: 50rpx;
			text-align: center;
		}
  }
  &-number {
    margin: 100rpx 0 40rpx;
  }
  &-tips {
    color: #999999;
    font-size: 28rpx;
    text-align: center;
    text {
      color: #ff9c3d;
    }
  }
  &-cancel {
    margin-top: 100rpx;
  }
}
.rotate-image {
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
/* 设置动画 */
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}