[data-v-447446bb] .btn-next,
[data-v-447446bb] .btn-prev,
[data-v-447446bb] .el-pager li {
    background-color: #fff !important;
    color: #999 !important
}

[data-v-447446bb] .el-pager li:not(.disabled).active {
    background-color: #ca0915 !important;
    color: #fff !important
}

.card[data-v-31afb4ae] {
    width: 100%;
    height: 100%;
    position: relative
}

.card:hover .card-hover[data-v-31afb4ae] {
    opacity: 1
}

.card-img[data-v-31afb4ae] {
    width: 100%;
    height: 1.58333rem;
    font-size: 0;
    display: block
}

.card-tips[data-v-31afb4ae] {
    height: .3125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .10417rem;
    padding-right: .11458rem;
    color: #ca0915;
    font-size: .09375rem;
    font-weight: 700
}

.card-tips__icon[data-v-31afb4ae] {
    width: .10417rem
}

.card-hover[data-v-31afb4ae] {
    top: 0;
    height: 100%;
    background: rgba(3, 3, 3, .42);
    -webkit-backdrop-filter: blur(.04167rem);
    backdrop-filter: blur(.04167rem);
    opacity: 0;
    overflow: hidden;
    transition: all .2s linear;
    z-index: 10
}

.card-hover[data-v-31afb4ae],
.card-hover__go[data-v-31afb4ae] {
    position: absolute;
    left: 0;
    width: 100%
}

.card-hover__go[data-v-31afb4ae] {
    height: .40625rem;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.card-hover__go[data-v-31afb4ae]:after {
    content: "";
    position: absolute;
    bottom: -.8125rem;
    left: 50%;
    width: 150%;
    height: 300%;
    border-radius: 200% 200%;
    background-color: #ca0915;
    transform: translate(-50%);
    z-index: -1
}

.card-hover__go img[data-v-31afb4ae] {
    width: .14583rem
}

.card-hover__title[data-v-31afb4ae] {
    border-top: .00521rem solid hsla(0, 0%, 100%, .15);
    border-bottom: .00521rem solid hsla(0, 0%, 100%, .15);
    padding: .13542rem .15625rem;
    color: #fff;
    font-size: .09375rem;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content;
    margin: .64583rem auto auto
}

@media (max-width:480px) {
    .card-img[data-v-31afb4ae] {
        height: 4.34375rem
    }

    .card-tips[data-v-31afb4ae] {
        font-size: .31771rem;
        margin: .25521rem .26563rem 0;
        padding: 0
    }

    .card-tips__icon[data-v-31afb4ae] {
        width: .28646rem
    }
}

.box[data-v-4c44c5d4] {
    position: relative
}

.box .content[data-v-4c44c5d4],
.box[data-v-4c44c5d4] {
    width: 100%;
    height: 100%
}

.box .content[data-v-4c44c5d4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.box .content img[data-v-4c44c5d4] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: .04167rem
}

.box .content img[data-v-4c44c5d4],
.box .cover[data-v-4c44c5d4] {
    -o-object-fit: cover;
    object-fit: cover
}

.box .cover[data-v-4c44c5d4] {
    background-color: rgba(145, 200, 200, .4);
    cursor: move;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    transform: translate(-50%, -50%)
}

.box .zoom-box[data-v-4c44c5d4] {
    position: absolute;
    z-index: 1000;
    left: calc(100% + .05208rem);
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 0 .05208rem #dfdfdf
}

.box .zoom-box .zoom[data-v-4c44c5d4] {
    position: relative
}

.box .zoom-box .zoom .zoom-pic[data-v-4c44c5d4] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.box .zoom-box .zoom .zoom-pic img[data-v-4c44c5d4] {
    max-width: 100%;
    max-height: 100%
}

.container[data-v-54e03fc5] {
    display: flex;
    flex-wrap: wrap
}

.container-item[data-v-54e03fc5] {
    width: calc(25% - .10938rem);
    border-radius: .04167rem;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer
}

.container-item[data-v-54e03fc5]:not(:nth-child(4n)) {
    margin-right: .14583rem
}

.container-item[data-v-54e03fc5]:nth-last-child(n+4) {
    margin-bottom: .14583rem
}

.container .level1-item[data-v-54e03fc5] {
    height: 1.89583rem
}

.level2-item[data-v-54e03fc5] {
    height: 2.11458rem;
    border-radius: .04167rem;
    background-color: #fff;
    padding: .09375rem
}

.level2-item__img[data-v-54e03fc5] {
    width: 100%;
    height: 1.39583rem;
    display: block;
    font-size: 0
}

.level2-item .h1[data-v-54e03fc5] {
    margin-top: .09375rem;
    font-size: .09375rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    max-width: 100%
}

.level2-item .h2[data-v-54e03fc5] {
    margin-top: .05208rem;
    color: #b6bdbd;
    font-size: .08333rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.level3[data-v-54e03fc5] {
    display: flex;
    padding: .10417rem;
    border-radius: .04167rem;
    background-color: #fff
}

.level3-left[data-v-54e03fc5] {
    width: 3.04688rem;
    flex-shrink: 0
}

.level3-left .goods-wrap__left-content[data-v-54e03fc5] {
    width: 3.04688rem;
    height: 2.26563rem;
    border-radius: .04167rem
}

.level3-right[data-v-54e03fc5] {
    flex: 1;
    margin-left: .1875rem;
    padding-top: .20833rem
}

.level3-right .h1[data-v-54e03fc5] {
    font-size: .125rem;
    color: #000
}

.level3-right__desc[data-v-54e03fc5] {
    margin-top: .20833rem;
    color: rgba(0, 0, 0, .6);
    font-size: .08333rem
}

.level3-right__desc li[data-v-54e03fc5]:not(:last-child) {
    margin-bottom: .07292rem
}

.level3-response[data-v-54e03fc5] {
    display: none
}

.goods-left[data-v-54e03fc5] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .10417rem;
    width: 3.04688rem
}

.goods-left>img[data-v-54e03fc5] {
    width: .13542rem;
    height: .13542rem;
    cursor: pointer
}

.goods-left-white[data-v-54e03fc5] {
    display: flex;
    width: 2.76042rem;
    background: #fff;
    align-items: center;
    justify-content: center
}

.goods-left-white-box[data-v-54e03fc5]::-webkit-scrollbar {
    width: .05208rem;
    height: .05208rem
}

.goods-left-white-box[data-v-54e03fc5]::-webkit-scrollbar-thumb {
    border-radius: .05208rem;
    background-color: #d9d9d9
}

.goods-left-white-box[data-v-54e03fc5]::-webkit-scrollbar-track {
    border-radius: .02604rem;
    background-color: transparent
}

.goods-left-white-box__list[data-v-54e03fc5] {
    display: flex;
    min-height: .58333rem !important
}

.goods-left-white-box__list.swiper-slide-active[data-v-54e03fc5] {
    justify-content: flex-end
}

.goods-left-white-box__list.swiper-slide-next[data-v-54e03fc5] {
    justify-content: flex-start
}

.goods-left-white-box__list .el-image[data-v-54e03fc5] {
    width: .75521rem !important;
    height: .58333rem !important;
    cursor: pointer;
    border-radius: .03125rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: .01042rem solid transparent
}

.goods-left-white-box__list .el-image+.el-image[data-v-54e03fc5] {
    margin-left: .05208rem
}

.goods-left-white-box__list .pic-active[data-v-54e03fc5],
.goods-left-white-box__list img[data-v-54e03fc5]:hover {
    width: .75521rem !important;
    height: .58333rem !important;
    border: .01042rem solid #ca0915;
    border-radius: .03125rem
}

.goods-left .scroll-right[data-v-54e03fc5] {
    width: .05208rem;
    margin: auto;
    height: .09375rem;
    background: #fff
}

.pagination[data-v-54e03fc5] {
    margin-top: .26042rem;
    display: flex;
    justify-content: flex-end
}

@media (max-width:480px) {
    .container[data-v-54e03fc5] {
        padding-left: .47917rem;
        grid-template-columns: repeat(2, 50%);
        grid-row-gap: .31771rem;
        grid-column-gap: .31771rem
    }

    .container-item[data-v-54e03fc5] {
        width: 4.35938rem;
        height: 5.19792rem;
        background: #fff;
        border-radius: .10417rem .10417rem .10417rem .10417rem
    }

    .container-item[data-v-54e03fc5]:not(:nth-child(4n)) {
        margin-right: 0
    }

    .container .level1-item[data-v-54e03fc5] {
        height: 5.19792rem
    }

    .container.level2[data-v-54e03fc5] {
        padding-left: 0
    }

    .level2[data-v-54e03fc5] {
        width: 9.04167rem
    }

    .level2-item[data-v-54e03fc5] {
        width: 4.35938rem;
        height: 5.83854rem;
        padding: .26563rem
    }

    .level2-item__img[data-v-54e03fc5] {
        width: 3.82813rem;
        height: 3.82292rem
    }

    .level2-item .h1[data-v-54e03fc5] {
        font-size: .31771rem;
        margin-top: .25521rem
    }

    .level2-item .h2[data-v-54e03fc5] {
        font-size: .26563rem;
        margin-top: .16146rem
    }

    .level3[data-v-54e03fc5] {
        background-color: transparent;
        padding: 0
    }

    .level3-left[data-v-54e03fc5],
    .level3-right[data-v-54e03fc5] {
        display: none
    }

    .level3-response[data-v-54e03fc5] {
        display: block
    }

    .level3-response .level3-response-image[data-v-54e03fc5] {
        width: 100%;
        height: 7.33333rem;
        transform: translateY(-.47917rem)
    }

    .level3-response .level3-response-image .level3-response-image-box[data-v-54e03fc5] {
        width: 100% !important;
        height: 100% !important
    }

    .level3-response .level3-response-image .level3-response-image-box .level3-response-image-list[data-v-54e03fc5] {
        display: flex;
        width: 100% !important;
        height: 100% !important
    }

    .level3-response .level3-response-image .level3-response-image-box .level3-response-image-list .el-image[data-v-54e03fc5] {
        width: 100% !important;
        height: 100% !important
    }

    .level3-response .level3-response-bottom[data-v-54e03fc5] {
        width: 100%;
        padding: 0 .47917rem
    }

    .level3-response .level3-response-bottom>div[data-v-54e03fc5] {
        width: 100%;
        background: #fff;
        border-radius: .10417rem .10417rem .10417rem .10417rem
    }

    .level3-response .level3-response-bottom>div>div[data-v-54e03fc5] {
        background: #fff;
        transform: translateY(-.95833rem);
        border-radius: .10417rem .10417rem 0 0;
        padding: .47917rem .47917rem 0
    }

    .level3-response .level3-response-bottom>div>div .h1[data-v-54e03fc5] {
        font-size: .42708rem;
        margin-bottom: .47917rem;
        line-height: 1
    }

    .level3-response .level3-response-bottom>div>div .level3-response__desc li[data-v-54e03fc5] {
        font-size: .31771rem;
        color: #636465;
        margin-bottom: .34896rem
    }

    .level3-response .level3-response-bottom>div>div .el-image[data-v-54e03fc5] {
        margin-top: .16146rem;
        width: 100%;
        height: 6.23958rem;
        border-radius: .10417rem .10417rem .10417rem .10417rem
    }

    .swiper-pagination[data-v-54e03fc5] {
        bottom: .78125rem
    }

    .swiper-pagination[data-v-54e03fc5] .swiper-pagination-bullet {
        width: .19792rem;
        height: .19792rem;
        margin: 0 .06771rem
    }

    .swiper-pagination[data-v-54e03fc5] .swiper-pagination-bullet-active {
        background-color: #ca0915
    }

    .pagination[data-v-54e03fc5] {
        display: none
    }

    .el-empty[data-v-54e03fc5] {
        min-height: 80vh
    }
}