#image-banner .text-wrapper{
    max-width: 50%;
    /* width: 50%; */
}
#big-sale .left{
    flex: 1;
}
#big-sale .right{
    flex: 2;
}
#big-sale .sale-content .t-item{
    display: flex;
    padding: 4rem 0;
    border-bottom: 1px solid #00000010;
}
#big-sale .sale-content .t-item .left,
#big-sale .sale-content .t-item .right{
    font-family: Inter;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: black;
}

#register-machine .input-item:focus,
#register-machine .input-item:focus-visible{
    outline: none;
}

#register-machine .input-item::placeholder{
    opacity: 1;
    color: #808080;
}
#register-machine .input-item option,
#register-machine .input-item{
    border-top: 1px solid #00000010;
    padding: 3rem 0;
    /* color: #00000050; */
    color: #808080;
    font-family: Inter;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 100%;
    letter-spacing: -3%;
    flex: 1;
}
#register-machine .form>.input-item:nth-last-child(1){
    border-bottom: 1px solid #00000010;
}
/* more questions */
#more-questions .tab-content-item .a{
    color: #808080;
}
#more-questions .tab-item{
    color: #b3b3b3;
    transition: all .3s ease;
}
#more-questions .tab-item.active{
    color: var(--main-blue);
    border-color: var(--main-blue);
}
@media screen and (max-width: 767px){
    #big-sale .sale-content .t-item .left,
    #big-sale .sale-content .t-item .right{
        font-size: 2.4rem;
        line-height: 3.4rem;
        font-weight: 600;
    }
    #big-sale .right{
        flex: 1;
    }
    #register-machine .input-item{
        width: 100%;
    }
    #register-machine .input-item option,
    #register-machine .input-item{
        border-top: 1px solid #00000010;
        padding: 3rem 0;
        color: #00000050;
        font-family: Inter;
        font-weight: 600;
        font-size: 2.4rem;
        line-height: 100%;
        letter-spacing: 0;
        letter-spacing: 0%;
        flex: 1;
    }
    #more-questions .heading{
        border: none;
    }
    #more-questions .tab-item{
        white-space: nowrap;
    }
    #more-questions .tab-container{
        /* hide scrollbar */
        -ms-overflow-style: none;
        /* hide scrollbar */
        scrollbar-width: none;
    }
    #more-questions .tab-container::-webkit-scrollbar {
        display: none;
    }
    #more-questions .tab-item{
        border-color: transparent;
    }
    #more-questions .tab-wrapper{
        border-bottom: 1px solid #00000010;
    }
}
@media screen and (min-width: 768px){
    #big-sale .desc{
        color: #808080;
    }
    #big-sale .t-head .left,
    #big-sale .t-head .right{
        color: #B3B3B3;
    }
    #upgrade-steps .step-wrapper{
        gap: 7.5rem;
    }
    #upgrade-steps .content .heading{
        line-height: 1.3;
    }
    #upgrade-steps .content .desc{
        max-width: 34rem;
    }
}
@media screen and (max-width: 767px){
    #image-banner .text-wrapper{
        margin-top: 4rem;
    }
    #image-banner .text-wrapper .heading,
    #image-banner .text-wrapper .desc{
        line-height: 1.5;
    }
    #more-questions .q{
        line-height: 1.2;
    }
    #more-questions .a{
        margin-top: 1rem;
    }
}
/* update v3 */
@media screen and (min-width: 768px){
    #image-banner .text-wrapper .heading{
        max-width: 65rem;
        line-height: 1.2;
    }
    #big-sale .t-head,
    #big-sale .t-item {
        gap: 2rem;
    }
    #big-sale .sale-content .t-item .left, #big-sale .sale-content .t-item .right{
        line-height: 1.3;
    }
    #big-sale .t-item .left{
        max-width: 23.6rem;
    }
    #register-machine .input-item option, #register-machine .input-item{
        line-height: 1.2;
    }
    #register-machine select{
            /* 隐藏默认箭头 */
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
          
            /* 添加自定义箭头（用背景图或伪元素） */
            background-image: url('data:image/svg+xml;utf8,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L9 9.5L17 1.5" stroke="black" stroke-width="2"/></svg>');
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 20px; /* 控制箭头大小 */                      
    }
    #more-questions .content-wrapper {
        border-top: 1px solid #00000010;
    }
}
@media screen and (max-width: 767px){
    #image-banner .text-wrapper .desc{
        font-weight: 500;
    }
    #big-sale .t-head,
    #big-sale .t-item {
        gap: 2rem;
    }
    #more-questions .tab-item{
        font-size: 2.8rem;
        padding-bottom: 2rem;
    }
    #more-questions .tab-wrapper{
        width: fit-content;
    }
    /* new */
    #image-banner .text-wrapper{
        padding: 0 4rem;
        width: calc(100% - 8rem);
    }
    #upgrade-steps .main-container>.heading{
        margin-bottom: 4rem;
    }
    #upgrade-steps .step-wrapper{
        gap: 0;
    }
}