.main {
  float: left;
  width: 100%;
  height: 100%;
  /* background-image: linear-gradient(#ff0000, #ffffff); */
  background-color: #f9fafc;
}

.main .one {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 80rpx;
  line-height: 80rpx;
  background-color: #409eff;
  color: #ffffff;
  text-align: center;
}

.main .two {
  position: absolute;
  top: 80rpx;
  width: 100%;
}

.main .two .twoTop {
  float: left;
  width: 100%;
  text-align: center;
  padding: 30rpx 0;
}

.main .two .twoTop text {
  border-radius: 360rpx;
  display: inline-block;
  width: 150rpx;
  height: 150rpx;
  text-align: center;
  line-height: 150rpx;
  font-weight: bold;
  color: #00FF7F;
  background: #fff;
  box-shadow: 0 0 5rpx #ccc;
}

.main .two .twoDown {
  float: left;
  width: 100%;
}