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

.gb-turntable {
    border: 1px solid red;
    position: relative;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: url(../ImgMoudle/flashlight.gif) no-repeat;
    /* border: 16px solid #E44025; */
    /* @see http://lea.verou.me/css3patterns/ */
    /* border: 16px solid transparent;
  background:
    radial-gradient(#FFA767 15%, transparent 16%) 0 0,
    radial-gradient(#FFA767 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#E44025;
    background-size:16px 16px; */
    box-shadow: 0 2px 3px #333, 0 0 2px #000;
}

.gb-turntable-container {
    position: absolute;
    left: 22px;
    top: 22px;
    z-index: 1;
    width: 354px;
    height: 354px;
    border-radius: inherit;
    background-clip: padding-box;
     background-color: #ffbe05; 
    -webkit-transition: transform 6s ease;
    transition: transform 6s ease;
}

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

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

.gb-turntable-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);
}

    .gb-turntable-item span {
        position: relative;
        display: block;
        padding-top: 6px;
        /* width: 50px; */
        margin: 0 auto;
        text-align: center;
        -webkit-transform-origin: 50% 172px;
        -ms-transform-origin: 50% 172px;
        transform-origin: 50% 176px;
    }

    .gb-turntable-item :nth-child(2) {
        position: relative;
        display: block;
        padding-top: 6px;
        /* width: 50px; */
        margin: 0 auto;
        text-align: center;
        -webkit-transform-origin: 50% 172px;
        -ms-transform-origin: 50% 172px;
        transform-origin: 50% 154px;
    }

    .gb-turntable-item img {
        width: 86px;
        height: 88px;
    }

.gb-turntable-btn {
    position: absolute;
    left: 158px;
    top: 140px;
    z-index: 3;
    width: 80px;
    height: 100px;
    border: 0;
    background: url(../ImgMoudle/turnLit.png) no-repeat 110% 120%;
}

    .gb-turntable-btn::after {
        position: absolute;
        display: block;
        content: '';
        overflow: hidden;
        background: url(../ImgMoudle/turnLit.png) no-repeat 110% 120%;
    }

    .gb-turntable-btn.disabled {
        pointer-events: none;
        /*background: #B07A7B;*/
        /*color: #ccc;*/
    }

        .gb-turntable-btn.disabled::after {
            border-bottom-color: #B07A7B;
        }

.gb-run {
    -webkit-transition: all 6s ease;
    transition: all 6s ease;
}

/*# sourceMappingURL=GB-canvas-turntable.css.map */