.mainbox{height:500px;margin-top:-110px;position:relative;transform:scale(.9);width:500px}.mainbox:after{background-repeat:no-repeat;background-size:100%;content:"";height:110px;left:47%;position:absolute;top:90%;transform:rotate(180deg);width:50px;z-index:9}.font b:after{background-color:#fff;border-radius:30px;bottom:-80%;content:" ";display:none;height:30px;left:40px;position:absolute;width:20px}.box2 .spinSpan3 b:after{bottom:-150%}.box1 .spinSpan1 b:after{bottom:-55%}.box1 .spinSpan2 b:after{bottom:-70%}.box1 .spinSpan3 b:after{bottom:-88%}.spinTheWheel .box{border:10px solid #666;border-radius:50%;height:100%;overflow:hidden;position:relative;transform:rotate(90deg);transition:all 5s ease-in-out;width:100%;z-index:1}.spinTheWheel span{display:inline-block;height:100%;position:absolute;width:100%}.spinTheWheel .stand{left:40px;margin-top:-104px;position:relative;z-index:0}.spinSpan1{background-color:#7e2749;clip-path:polygon(0 17%,0 74%,50% 50%)}.box2 .spinSpan1{background-color:#ff7f00}.box2 .spinSpan2{background-color:#969cf5}.spinSpan2{background-color:#c9648b;clip-path:polygon(0 17%,90% -180%,50% 50%)}.spinSpan3{background-color:#7e2749;clip-path:polygon(58% 0,160% 0,50% 50%)}.spinSpan4{background-color:#d44b4b;clip-path:polygon(71% 0,100% 18%,50% 50%)}.spinSpan5{background:#e8a8a8;clip-path:polygon(100% 18%,100% 50%,50% 50%)}.box2 .spinSpan3{background-color:#ff403d}.box1 .spinSpan1{background-color:#8000ff}.box1 .spinSpan2{background-color:#00db91}.box1 .spinSpan3{background-color:#196cff}.stand img{filter:grayscale(100%);-webkit-filter:grayscale(100%)}.box2{height:100%;transform:rotate(180deg);width:100%}.font{color:#fff;font-size:15px;line-height:23px;text-align:center}.box1 .spinSpan1 b{position:absolute;right:72%;text-align:center;top:40%;transform:rotate(-270deg)}.box1 .spinSpan2 b{position:absolute;right:55%;top:14%;transform:rotate(-208deg)}.box1 .spinSpan3 b{line-height:normal;position:absolute;right:25%;top:21%;transform:rotate(-142deg);z-index:9999}.box1 .spinSpan4 b{position:absolute;right:19%;top:21%;transform:rotate(-45deg)}.box1 .spinSpan5 b{position:absolute;right:10%;text-align:center;top:38%;transform:rotate(-15deg)}.box2 .spinSpan1 b{position:absolute;right:70%;top:40%;transform:rotate(450deg)}.box2 .spinSpan2 b{position:absolute;right:52%;text-align:center;top:14%;transform:rotate(-204deg)}.box2 .spinSpan3 b{position:absolute;right:23%;text-align:center;top:19%;transform:rotate(-500deg)}.box2 .spinSpan3 b img{transform:rotate(108deg)}.box2 .spinSpan4 b{position:absolute;right:23%;top:22%;transform:rotate(310deg)}.box2 .spinSpan5 b{position:absolute;right:10%;text-align:center;top:38%;transform:rotate(-20deg)}.spin{background-color:#ff4d3f;border:4px solid #ff4d3f;border-radius:50%;box-shadow:none;color:#fff;cursor:pointer;font-size:22px;font-weight:700;height:75px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:75px;z-index:1000}.spin img{position:relative;top:6px;width:30px}.spin:active{font-size:20px;height:70px;width:70px}.mainbox.animate:after{animation:animateArrow .7s ease infinite}.spinTheWheel{align-content:center;height:100%}.spinTheWheel,.spinTheWheelCotainer{display:flex;justify-content:center;width:100%}.spinTheWheelCotainer{align-items:center;background-size:cover;height:640px;max-width:1100px;position:relative}.rightColumnContent{padding:0 70px}.spinTheWheel h3{color:#000;font-weight:900}.spinTheWheel p{color:#000}audio{display:none}@keyframes animateArrow{50%{right:-50px}}@media (max-width:767px){html .spinTheWheel,html .spinTheWheelCotainer{display:flex;flex-wrap:wrap-reverse;justify-content:center;width:100%}.rightColumnContent{margin-bottom:100px;padding:0 10px}.spinTheWheel .stand{left:0;margin-top:-70px;position:relative;z-index:0}.mainbox:after{height:110px;left:44%;top:83%}}@media (max-width:576px){.mainbox{height:350px;width:350px}}