
.ferris-wheel {
  position:relative;
  width:640px;
  height:640px;
  margin-right:auto;
  margin-left:auto;
}
.ferris-wheel .wheel-wrap {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  animation:wheel_rotate 30s infinite linear;
}
.wheels {
  position:absolute;
  width:640px;
  height:640px;
  border-radius:50%;
  box-sizing:border-box;
  left:50%;
  transform:translateX(-50%);
}
.wheels img {
  width:100%;
  height:auto;
}
.wheels span {
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  margin-top:-1px;
  border-bottom:5px solid #f90;
}
.wheels span:nth-child(1) {
  transform:rotate(0deg);
}
.wheels span:nth-child(2) {
  transform:rotate(22.5deg);
}
.wheels span:nth-child(3) {
  transform:rotate(45deg);
}
.wheels span:nth-child(4) {
  transform:rotate(67.5deg);
}
.wheels span:nth-child(5) {
  transform:rotate(90deg);
}
.wheels span:nth-child(6) {
  transform:rotate(112.5deg);
}
.wheels span:nth-child(7) {
  transform:rotate(135deg);
}
.wheels span:nth-child(8) {
  transform:rotate(157.5deg);
}
.wheels span:nth-child(9) {
  transform:rotate(157.5deg);
}
.buckets {
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.buckets div {
  position:absolute;
  top:50%;
  left:50%;
  width:100px;
  height:70px;
  border-radius:5px;
  transform-origin:top center;
  border:2px solid #618d01;
  animation:bucket_rotate 30s infinite linear;
  background:#76ac00;
  text-align:center;
  color:#fff;
  font-weight:bold;
  padding-top:15px;
  text-shadow:0 1px 0 rgba(0,0,0,0.55);
  font-size:16px;
}
.buckets div:before {
  content:'';
  position:absolute;
  left:50%;
  top:0;
  width:20px;
  height:20px;
  margin:-10px 0 0 -10px;
  background-color:#81ae1f;
  border-radius:10px;
}
.buckets div:after {
  content:'';
  position:absolute;
  left:50%;
  top:0;
  width:16px;
  height:16px;
  margin:-8px 0 0 -8px;
  background-color:#fff;
  border-radius:10px;
}
.buckets div span {
  font-size:11px;
  color:rgba(255,255,255,1);
  text-align:center;
  font-weight:100;
}
.buckets div:nth-child(1) {
  margin:-252px 0 0 -51px;
}
.buckets div:nth-child(1):after {
  content:'1';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(2) {
  margin:-188px 0 0 118px;
}
.buckets div:nth-child(2):after {
  content:'2';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(3) {
  margin:-36px 0 0 210px;
}
.buckets div:nth-child(3):after {
  content:'3';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(4) {
  margin:138px 0 0 -275px;
}
.buckets div:nth-child(4):after {
  content:'7';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(5) {
  margin:143px 0 0 178px;
}
.buckets div:nth-child(5):after {
  content:'4';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(6) {
  margin:-34px 0 0 -310px;
}
.buckets div:nth-child(6):after {
  content:'8';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(7) {
  margin:256px 0 0 39px;
}
.buckets div:nth-child(7):after {
  content:'5';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(8) {
  margin:-190px 0 0 -215px;
}
.buckets div:nth-child(8):after {
  content:'9';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.buckets div:nth-child(9) {
  margin:255px 0 0 -138px;
}
.buckets div:nth-child(9):after {
  content:'6';
  font-size:11px;
  color:#151515;
  text-align:center;
  text-shadow:none;
}
.stand {
  position:absolute;
  z-index:10;
  left:50%;
  bottom:-70px;
  background:url(/img/wheel_bottom.png?tenantId=251057&viewType=1&v=1640681419000);
  transform:translateX(-50%);
}
@keyframes wheel_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bucket_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
