main .main_banner{
    position: relative;
}

main .main_banner .box{
    position: absolute;
    left: 49%;
    top: 29%;
}
main .main_banner .box2{
    left: 63%;
    top: 31%;
}
main .main_banner .box3{
    left: 45%;
    top: 70%;
}
main .main_banner .box4{
    left: 54%;
    top: 59%;
}
main .main_banner .box5{
    left: 71%;
    top: 60%;
}
main .main_banner .box6{
    left: 72%;
    top: 26%;
}
main .main_banner .box::after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #BAFA06;
    content: '';
}
main .main_banner .box::before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8.5%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #BAFA06;
    content: '';
}
main .main_banner .box a{
    display: flex;
    align-items: center;
    padding: 0.16rem;
    background-color: rgba(0, 0, 0,0.3);
    opacity: 0;
    transition:  all 0.5s;
}
main .main_banner .box:hover a{
    opacity: 1;
} 

main .main_banner .box a .img{
    max-width: 88px;
    margin-right: 20px;
    flex-shrink: 0;
}
main .main_banner .box p{
    color: #c5c5c5;
}

main .product_list .list_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}
main .product_list .list_top .left h3{
    font-size: 24px;
    color: #fff;
}
main .product_list .list_top .left h3 span{
    color: #BAFA06;
    font-size: 24px;
}
main .product_list .list_top .right{
    display: flex;
    align-items: center;
}
main .product_list .list_top .right select{
    background: #1D230C;
    border: 1px solid #4F5344;
    width: 260px;
    height: 48px;
    color: #A1A1A1;
    padding-left: 10px;
}
main .product_list .list_top .right .input{
    width: 260px;
    display: flex;
    align-items: center;
    margin-left: 20px;
    position: relative;
}
main .product_list .list_top .right .input input{
    width: 100%;
    height: 48px;
    background: #1D230C;
    border: 1px solid #4F5344;
    color: #A1A1A1;
}
main .product_list .list_top .right .input input[type=submit]{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    opacity: 0;
}
main .product_list .list_top .right .input svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    pointer-events: none;
}
main .product_list .row{
    margin-left: -0.2rem;
    margin-right: -0.2rem;
}
main .product_list .row .col-md-3{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
main .product_list .cart{
    margin-bottom: 0.5rem;
}
main .product_list .cart .img{
    position: relative;
    overflow: hidden;
}
main .product_list .cart .img img{
    width: 100%;
}
main .product_list .cart .img img.hover{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    transition: all 0.5s;
}
main .product_list .cart:hover .img img.hover{
    opacity: 1;
}
main .product_list .cart p{
    margin-top: 0.2rem;
    font-size: 20px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
main .product_list .cart:hover p{
    color: #BAFA06;
}

main .accessories{
    padding: 0.8rem 0;
    background-image: url(/lib/images/product_list/accessories_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
main .accessories .title{
    max-width: 850px;
}
main .accessories .title p{
    color: #C5C5C5;
}
main .accessories .title a{
    margin-top: 0.2rem;
}

@media (max-width:767px) {
    main .product_list .list_top{
        flex-direction: column;
        align-items: flex-start;
    }
    main .product_list .list_top .right{
        flex-direction: column;
        margin-top: 0.2rem;
        width: 100%;
        align-items: flex-start;
    }
    main .product_list .list_top .right select{
        width: 100%;
    }
    main .product_list .list_top .right .input{
        margin-left: 0;
        margin-top: 0.2rem;
        width: 100%;
    }
    main .main_banner .box::before{
        left: -6.5%;
    }
    main .main_banner .box{
        display: none;
    }
}