/* Extracted inline styles from index.html */

             @keyframes spin {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }
            .rope-box {
                position: fixed;

                left: 82vw;
                top: -80px;
                display: flex;
                justify-content: flex-start;
                z-index: 5;
                cursor: pointer;

                transition: all 0.2s;
            }
            .rope-item-right{
                height: 330px;
                animation: shake 2s ease-in-out infinite; /* 抖动的持续时间 */
                transform-origin: top center;
            }
            .rope-item-left{
                height: 360px;
                margin-right: 10px;
                animation: shake 2s cubic-bezier(0.42, 0, 0.08, 0.3) infinite; /* 抖动的持续时间 */
            }
            .draw-box{
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                /*background: red;*/
                transition: all 0.5s ease-in-out;
                transform: translateY(-100vh);
                z-index: 10;
            }
            .draw-img{
                width: 100%
            }
            .go-shop-btn{
                font-family: 'Roboto';
                position: absolute;
                /* left: 15vw; */
                left: 40vw;
                bottom: 2vw;
                width: 15vw;
                background: white;
                color: #f6901b;
                border-radius: 90px;
                font-size: 1.2vw;
                font-weight: bold;
                padding: 15px 0;
                cursor: pointer;
                text-align: center;
                transition: all 0.3s;
                transform: translateY(-150px);
                opacity: 0;
                border: 4px solid #f6901b;
            }
            .go-shop-btn:hover{
                transform: scale(1.05)!important;
            }
            .mobile-draw-img{
                    display: none;
            }
            @keyframes shake {
                0%  { transform: translateY(30px);  }
                50% { transform: translateY(0);}
                100% { transform: translateY(30px);  }
            }
            @media screen and (max-width: 768px) {
                .mobile-draw-img{
                    display: block;
                }
                 .rope-box{
                    left: 12%;
                 }
                 .rope-item-right{
                    height: 190px;
                 }
                 .rope-item-left{
                    /* height: 180px; */
                    height: 220px;
                 }
                 .go-shop-btn{
                    width: 180px;
                    left: 27%;
                    bottom: 68%;
                    font-size: 16px;
                    padding: 10px 0;
                 }
             }
        


         @media only screen and (max-width: 768px) {
            .banner-big-title{
                font-size:45px
            }
            .banner-subtitle{
                font-size:26px
            }
         }