.container {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
}
html,body{
    margin: 0;
    padding: 0;
}

.top {
    width: 100%;
}

.top img {
    width: 100%;
    height: auto;
    display: block;
}

.slide_comtainer {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}


.swiper {
    width: 100%;
    /* padding-top: 83%; */
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: none
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: none
}

.recommended {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: 800;
    color: rgb(51, 51, 51);
    font-size: 1.375rem;
}

.recommended_content {
    position: relative;
}

.recommended_content::after {
    content: '';
    position: absolute;
    border: 4px solid #ff7773;
    width: 100%;
    left: -4px;
    z-index: -1;
    bottom: 0;

}

.discription {
    /* position: relative; */
    display: flex;
    justify-content: center;
    /* background-color: #fafafa; */
    padding: 15px;
    flex-direction: column;
}

.discription_content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #999;
}

@keyframes buttonSpecial {
    from {
        width: 95%;
        height: 95%;
    }

    to {
        width: 105%;
        height: 105%;
    }
}

.btn_specail {
    position: fixed;
    bottom: 10px;
    width: 100%;
    z-index: 99;
    /* height: 6%; */
    /* top: 47%; */
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.bg_content{
    position: relative;
}

@keyframes scaleAnimation {
    from    { transform: scale(1); }
    50%      { transform: scale(1.1); }
    to { transform: scale(1); }
}

@-webkit-keyframes scaleAnimation {
    from    { transform: scale(1); }
    50%      { transform: scale(1.1); }
    to { transform: scale(1); }
}

.btn_image{
    width: 100%;
    animation: scaleAnimation 1.25s infinite;
}

.bg_container{
    top:0;
    position: absolute;
    width: 100%;
}

.bg_image{
    width: 100%;
    height: auto;
    object-fit: fill;
    vertical-align: middle;
}

.bg_image2{
    margin-top: -100px;
    width: 100%;
    height: auto;
    object-fit: fill;
    vertical-align: middle;
}

.fixed_bottom{
    position: fixed;
    bottom: 3.8rem;
}

.kongbai{
    width: 100%;
    height: 100px;
}