.frame-wheel{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.luckywheel ul,
.luckywheel li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.luckywheel {
    position: relative;
    width: 310px; /*Change this when change size*/
    height: 310px; /*Change this when change size*/
    border-radius: 50%;
    margin: auto;
    transition: all .3s ease-in-out 0s;
}

.luckywheel.spin{
    transform: scale(0.99);
}

.luckywheel-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-clip: padding-box;
    /* background-color: #ffcb3f; */
    -webkit-transition: transform 6s cubic-bezier(0.3, 0.04, 0.02, 1);
    transition: transform 6s cubic-bezier(0.3, 0.04, 0.02, 1);
}

.luckywheel-container canvas {
    width: inherit;
    height: inherit;
    border-radius: 50%;
}

.luckywheel-list {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    z-index: 2;
}

.luckywheel-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e4370e;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}

.luckywheel-item span {
    position: relative;
    display: block;
    /* padding-top: 40px; */
    margin: 0 auto;
    text-align: center;
    -webkit-transform-origin: 50% 155px; /*Change this when change size*/
    -ms-transform-origin: 50% 155px; /*Change this when change size*/
    transform-origin: 50% 155px;
} /*Change this when change size*/

.luckywheel-item img {
    position: relative;
    top: -8px;
    left: 0;
    width: 85px; /*Change this when change size*/
    height: 85px;
    object-fit: contain;
} /*Change this when change size*/

.luckywheel-item img.off-price {
    position: relative;
    top: 2px;
    left: 0;
    width: 100px; /*Change this when change size*/
    height: 100px;
    object-fit: contain;
}

.luckywheel-item div {
    position: relative;
    top: -10px;
    left: 0;
} /*Change this when change size*/

.luckywheel-item div p{
    margin-bottom: 0;
    display: inline-block;
    padding: 0 5px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
}
.luckywheel-item div .not-free{
    box-shadow: 1px 0px 2px rgba(244, 32, 69, 0.6);
    border: 1px solid #fff;
    border-radius: 20px;
    color: #ff0001;
    font-size: 12px;
}

.luckywheel-btn {
    position: absolute;
    z-index: 3;
    pointer-events: none;
}

.luckywheel-btn.disabled {
    pointer-events: none;
}
.luckywheel-btn:disabled {
    background: transparent!important;
}