.cate-list[data-v-112afff4] {
    margin-bottom: 50px
}

.cate[data-v-112afff4] {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px
}

.prod-list[data-v-112afff4] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    text-align: center;
    overflow: hidden
}

.prod-list img[data-v-112afff4] {
    width: 272px;
    height: 272px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-title[data-v-112afff4] {
    font-size: 16px;
    font-weight: 400;
    width: 100%!important
}

.prod-title a[data-v-112afff4] {
    font-size: 18px;
    font-weight: 400;
    color: #1f156e;
    max-width: 272px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-top: 10px
}

.prod-title a[data-v-112afff4]:hover {
    color: #ff3d01
}

.price[data-v-112afff4] {
    font-weight: 500;
    color: #999;
    font-size: 16px;
    text-decoration: line-through;
    width: 50%;
    float: right;
    line-height: 30px
}
.points[data-v-112afff4] {
    font-weight: 500;
    color: #ff3d01;
    font-size: 16px;
    width: 50%;
    float: left;
    line-height: 30px;
}
.more[data-v-112afff4] {
    text-align: center;
    margin: 30px 0 30px 0
}

.more-btn[data-v-112afff4] {
    background: #fc3b03;
    font-size: 20px;
    color: #fff;
    font-family: Jost,sans-serif;
    border-radius: 30px;
    height: 50px;
    padding: 0 30px
}

.more-btn[data-v-112afff4]:hover {
    background: #b22b03;
    color: #f5f5f5
}

.t_img[data-v-112afff4] {
    width: 76px;
    margin: 0 24px
}

.active_price[data-v-112afff4] {
    text-align: left;
    font-weight: 500;
    color: #ff3d01;
    margin-top: 10px;
    font-size: 16px
}

.active_prod_title[data-v-112afff4] {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    text-align: left
}

.active_prod_title a[data-v-112afff4] {
    font-size: 16px;
    font-weight: 400;
    color: #1f156e;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

@media (max-width: 750px) {
    .t_img[data-v-112afff4] {
        width:45px!important;
        margin: 0 14px!important
    }

    .cate-list[data-v-112afff4] {
        margin-bottom: 30px
    }

    .prod-list img[data-v-112afff4] {
        width: 90px;
        height: 90px;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: .5rem
    }

    .prod-title a[data-v-112afff4] {
        font-size: 16px;
        font-weight: 400;
        color: #1f156e;
        line-height: 1rem;
        display: inline-block;
        max-width: 90%
    }

    .active_prod_title a[data-v-112afff4] {
        font-size: 13px;
        font-weight: 400;
        color: #1f156e;
        height: 2rem;
        line-height: 1rem;
        margin-top: .5rem
    }

    .active_price[data-v-112afff4],.price[data-v-112afff4] {
        font-weight: 500;
        color: #ff3d01;
        margin-top: .2rem;
        font-size: 12px
    }

    .active_price[data-v-112afff4] {
        display: flex;
        justify-content: flex-start
    }

    .active_price span[data-v-112afff4] {
        white-space: nowrap
    }

    .el-row[data-v-112afff4] {
        padding: 0 5px
    }

    .prod-list[data-v-112afff4] {
        margin: 7px;
        padding: 0;
        box-shadow: none
    }

    .cate[data-v-112afff4] {
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 1rem
    }

    .more[data-v-112afff4] {
        text-align: center;
        margin: 30px 0 30px 0
    }

    .more-btn[data-v-112afff4] {
        background: #fc3b03;
        font-size: 12px;
        color: #fff;
        font-family: Jost,sans-serif;
        border-radius: 30px;
        height: 2rem;
        padding: 0 1.2rem
    }
}

@font-face {
    font-family: AlibabaPuHuiTi;
    src: url(/fonts/AlibabaPuHuiTi-3-115-Black.f9e42b4a.otf) format("opentype")
}

.par_down[data-v-0f2c584f] {
    font-family: auto;
    letter-spacing: 2px;
    font-weight: 600
}

.par_down_tip[data-v-0f2c584f] {
    margin-right: 24px
}

.new_time_text[data-v-0f2c584f] {
    font-weight: 600!important;
    background-color: #e98282;
    width: 42px;
    height: 42px;
    background: #ffdcdd;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dot[data-v-0f2c584f] {
    margin: 0 9px
}

.home-page[data-v-0f2c584f] {
    background: #fff;
    width: 100%
}

.main[data-v-0f2c584f] {
    /*padding-top: 90px*/
}

.main-title[data-v-0f2c584f] {
    margin: 40px 0
}

.banner_in[data-v-0f2c584f] {
    position: relative;
    width: 1280px;
    height: 300px;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0
}

.banner_in_1[data-v-0f2c584f] {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.banner[data-v-0f2c584f] {
    position: relative;
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 46px;
    line-height: 0
}

.banner img[data-v-0f2c584f] {
    width: 100%
}

.banner-img-tel[data-v-0f2c584f] {
    display: none
}

.par_down[data-v-0f2c584f] {
    position: absolute;
    top: 75.4%;
    left: 28%;
    font-weight: 500;
    font-size: 20px;
    color: #ff4047
}

.par_down_y[data-v-0f2c584f] {
    margin: -.2rem .2rem 0
}

.cell_down[data-v-0f2c584f] {
    text-align: center
}

.cell_down span[data-v-0f2c584f] {
    font-size: 30px;
    font-weight: 600
}

.cell_down span[data-v-0f2c584f]:first-child {
    color: #e010a0
}

.cell_down span[data-v-0f2c584f]:last-child {
    margin-left: 22px;
    color: #000
}

.big-title[data-v-0f2c584f] {
    margin: 60px 0
}

.cate-list[data-v-0f2c584f] {
    margin-bottom: 50px
}

h1[data-v-0f2c584f] {
    text-align: center;
    font-size: 52px;
    color: #1f1a5e
}

h2[data-v-0f2c584f] {
    text-align: center;
    margin: 20px 0;
    font-weight: 600
}

.cate[data-v-0f2c584f] {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px
}

.more[data-v-0f2c584f] {
    text-align: center;
    margin: 30px 0 30px 0
}

.prod-list[data-v-0f2c584f] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    text-align: center
}

.prod-list img[data-v-0f2c584f] {
    width: 272px;
    height: 272px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-list-pc[data-v-0f2c584f] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    text-align: center
}

.prod-list-pc img[data-v-0f2c584f] {
    width: 165px;
    height: 165px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-title[data-v-0f2c584f] {
    font-size: 16px;
    font-weight: 400
}

.prod-title a[data-v-0f2c584f] {
    font-size: 18px;
    font-weight: 400;
    color: #1f156e;
    max-width: 272px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-top: 10px
}

.prod-title a[data-v-0f2c584f]:hover {
    color: #ff3d01
}

.cate-title[data-v-0f2c584f] {
    font-size: 16px;
    font-weight: 400
}

.cate-title a[data-v-0f2c584f] {
    font-size: 22px;
    font-weight: 500;
    color: #1f156e;
    max-width: 272px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-top: 10px
}

.count a[data-v-0f2c584f] {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-top: 10px
}

.cate-title a[data-v-0f2c584f]:hover,.count a[data-v-0f2c584f]:hover {
    color: #ff3d01
}

.price[data-v-0f2c584f] {
    font-weight: 500;
    color: #ff3d01;
    font-size: 16px
}

.el-row[data-v-0f2c584f] {
    padding: 0 14px
}

.border-radius-6[data-v-0f2c584f] {
    border-radius: 6px
}

@media screen and (max-width: 1320px) and (min-width:750px) {
    .par_down[data-v-0f2c584f] {
        font-size:2vw;
        top: 74.5%;
        left: 28%
    }

    .par_down_tip[data-v-0f2c584f] {
        margin-right: .7vw
    }

    .new_time_text[data-v-0f2c584f] {
        font-weight: 600!important;
        width: 3.1vw;
        height: 3.1vw
    }
}

@media (max-width: 750px) {
    .d-750-show[data-v-0f2c584f] {
        display:block;
        width: 92%;
        margin: 0 auto
    }

    .d-750-hide[data-v-0f2c584f] {
        display: none!important
    }

    .count a[data-v-0f2c584f] {
        font-size: 12px
    }

    .cate-list[data-v-0f2c584f] {
        margin-bottom: 30px
    }

    .prod-list img[data-v-0f2c584f] {
        width: 90px;
        height: 90px;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: .5rem
    }

    .prod-list-pc[data-v-0f2c584f] {
        margin: 7px;
        padding: 0;
        box-shadow: none
    }

    .prod-list-pc img[data-v-0f2c584f] {
        width: 90px;
        height: 90px;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: .5rem
    }

    .main[data-v-0f2c584f] {
        /*padding-top: 3.3rem*/
    }
    .banner-img{ width: 100%;}

    .main-title[data-v-0f2c584f] {
        margin: 1rem 0
    }

    .prod-title a[data-v-0f2c584f] {
        font-weight: 400
    }

    .cate-title a[data-v-0f2c584f],.prod-title a[data-v-0f2c584f] {
        font-size: 16px;
        color: #1f156e;
        line-height: 1rem;
        display: inline-block;
        max-width: 90%
    }

    .cate-title a[data-v-0f2c584f] {
        font-weight: 500
    }

    .price[data-v-0f2c584f] {
        font-weight: 500;
        color: #ff3d01;
        margin-top: .2rem;
        font-size: 12px
    }

    .el-row[data-v-0f2c584f] {
        padding: 0 5px
    }

    .prod-list[data-v-0f2c584f] {
        margin: 7px;
        padding: 0;
        box-shadow: none
    }

    h1[data-v-0f2c584f] {
        text-align: center;
        font-size: 1.4rem;
        color: #1f1a5e;
        margin: 1rem
    }

    h2[data-v-0f2c584f] {
        text-align: center;
        margin: 1rem;
        font-size: .7rem;
        font-weight: 500
    }

    .cate[data-v-0f2c584f] {
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 1rem
    }

    .more[data-v-0f2c584f] {
        text-align: center;
        margin: 30px 0 30px 0
    }

    .search[data-v-0f2c584f] {
        margin: 2rem 0 1.5rem 0;
        display: flex;
        justify-content: center
    }

    .big-title[data-v-0f2c584f] {
        margin: 2rem 0
    }

    .banner[data-v-0f2c584f] {
        width: 94%;
        background: transparent;
        box-sizing: border-box;
        margin: 0 auto;
        position: relative
    }

    .banner img[data-v-0f2c584f] {
        display: inline-block;
        width: 100%;
        height: 100%
    }

    .banner_in[data-v-0f2c584f],.banner_in_1[data-v-0f2c584f] {
        height: auto
    }

    .pc_hide[data-v-0f2c584f] {
        display: none!important
    }

    .par_down div[data-v-0f2c584f] {
        font-size: 1.8vw
    }

    .par_down[data-v-0f2c584f] {
        top: 70%;
        left: 31%
    }

    .par_down_y[data-v-0f2c584f] {
        margin-top: 0
    }

    .new_time_text[data-v-0f2c584f] {
        width: 3vw;
        height: 3vw
    }

    .par_down_tip[data-v-0f2c584f] {
        margin-right: .5vw
    }
}

.loading-overlay[data-v-0100f781] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.loading-spinner[data-v-0100f781] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-0100f781 2s linear infinite
}

@keyframes spin-0100f781 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.highlight[data-v-0100f781] {
    color: #ff3d01;
    font-weight: 700
}

.prod-left[data-v-0100f781] {
    width: 200px;
    margin: 40px 0;
    padding-left: 25px
}

h2[data-v-0100f781] {
    font-size: 24px
}

.big-title[data-v-0100f781] {
    margin: 60px 0 0 0;
    text-align: center;
    width: 100%
}

.big-title h1[data-v-0100f781] {
    text-align: center;
    font-size: 1.8rem;
    color: #1f1a5e;
    margin: 1rem
}

.nav-menu[data-v-0100f781] {
    margin-top: 30px;
    padding-bottom: 30px
}

.nav-menu li[data-v-0100f781] {
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 10px
}

.nav-menu li[data-v-0100f781]:hover {
    color: #ff3d01
}

.container[data-v-0100f781] {
    width: 1320px;
    height: 100%;
    margin: auto;
    display: flex
}

.home-page[data-v-0100f781] {
    background: #fff;
    width: 100%
}

.main[data-v-0100f781] {
    padding-top: 80px
}

.main-title[data-v-0100f781] {
    margin: 40px 0;
    width: 100%;
    padding-left: 15px;
    height: 100%
}

.prod-list[data-v-0100f781] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    width: 21%;
    float: left
}

.prod-list img[data-v-0100f781] {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-title[data-v-0100f781] {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px
}

.prod-title a[data-v-0100f781] {
    font-size: 16px;
    font-weight: 400;
    color: #1f156e;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

.prod-title a[data-v-0100f781]:hover {
    color: #ff3d01
}

.price[data-v-0100f781] {
    font-weight: 500;
    color: #ff3d01;
    margin-top: 10px;
    font-size: 16px
}

.el-row[data-v-0100f781] {
    padding: 0 14px
}

.load_more[data-v-0100f781] {
    margin: 0 20px 20px;
    text-align: center
}

.no_data[data-v-0100f781] {
    color: #333;
    font-size: 14px;
    text-align: center
}

@media (max-width: 750px) {
    .big-title[data-v-0100f781] {
        margin:1rem 0 .8rem 0
    }

    .big-title h1[data-v-0100f781] {
        text-align: center;
        font-size: 1.2rem;
        color: #1f1a5e;
        margin: 1rem
    }

    .search[data-v-0100f781] {
        margin-top: 1rem
    }

    .nav-menu li[data-v-0100f781] {
        float: left;
        width: 50%
    }

    .container[data-v-0100f781] {
        width: 100%;
        height: 100%;
        display: inherit
    }

    .prod-list img[data-v-0100f781] {
        width: 100%;
        height: 172px;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .nav-menu[data-v-0100f781] {
        padding-bottom: 0;
        margin-top: 10px
    }

    .prod-left[data-v-0100f781] {
        width: 100%;
        margin: 20px 0 0 0;
        padding-left: 25px;
        display: inline-block
    }

    .main[data-v-0100f781] {
        padding-top: 3.3rem
    }

    .main-title[data-v-0100f781] {
        padding: 0 .5rem 1rem .5rem;
        border: 0;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 10px;
        box-sizing: border-box
    }

    .prod-title a[data-v-0100f781] {
        font-size: 13px;
        font-weight: 400;
        color: #1f156e;
        height: 2rem;
        line-height: 1rem;
        margin-top: .5rem
    }

    .price[data-v-0100f781] {
        font-weight: 500;
        color: #ff3d01;
        margin-top: .2rem;
        font-size: 12px
    }

    .el-row[data-v-0100f781] {
        padding: 0 5px
    }

    .prod-list[data-v-0100f781] {
        width: calc(50% - 20px);
        float: none;
        padding: 10px;
        display: inline-block;
        box-sizing: border-box
    }
}

.el-tabs__item.is-active {
    color: #ff3d01!important
}

.banner[data-v-ba07ba68] {
    position: relative;
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 46px;
    line-height: 0
}

.banner img[data-v-ba07ba68] {
    width: 100%
}

.banner-img-tel[data-v-ba07ba68] {
    display: none
}

.preview[data-v-ba07ba68] {
    width: 100%;
    margin: 20px 0 40px;
    display: flex;
    justify-content: center
}

.downTime[data-v-ba07ba68] {
    display: flex;
    margin: 0 auto;
img[data-v-ba07ba68] {
    width: 41px;
    height: 48px;
    margin-right: 20px
}

.par_down[data-v-ba07ba68] {
    font-family: Inter;
    font-weight: 500;
    font-size: 30px;
    color: #ff4047;
.par_down_tip[data-v-ba07ba68] {
    margin-right: 26px
}

.new_time_text[data-v-ba07ba68] {
    width: 48px;
    height: 48px;
    background: #ffebec;
    border-radius: 4px 4px 4px 4px;
    text-align: center
}

.dot[data-v-ba07ba68] {
    margin: 0 20px
}
}
}

.preview-title[data-v-ba07ba68] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap
}

.preview-list[data-v-ba07ba68] {
    display: flex;
    width: 48%;
    justify-content: space-between
}

.noTomorrow[data-v-ba07ba68] {
    justify-content: center
}

.preview-msg[data-v-ba07ba68] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44%;
    text-align: center
}

.msg[data-v-ba07ba68] {
    width: 100%;
    font-weight: 500
}

.msg_title[data-v-ba07ba68] {
    font-size: 34px
}

.msg_time[data-v-ba07ba68] {
    font-size: 18px;
    color: #979797;
    background: #ebebeb;
    width: 100%;
    border: 1px solid #f1f1f1;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    border-radius: 18px
}

.tel_today .msg_time[data-v-ba07ba68] {
    color: #fff;
    background: linear-gradient(91deg,#b673ff 4.99%,#ff70cc)
}

.preview-title .prod-list[data-v-ba07ba68] {
    width: 43%;
    float: none
}

.tags_top[data-v-ba07ba68] {
    width: 1320px;
    margin: 0 calc(50% - 660px);
    z-index: 12;
    background-color: #fff
}

.tags_ul[data-v-ba07ba68] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 15px 16px 40px;
    position: sticky;
    top: 90px;
    left: 15%;
    z-index: 1;
    right: 10%;
    background-color: #fff
}

.tags_ul li[data-v-ba07ba68] {
    color: #fc450e;
    padding: 5px 23px;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: 3px solid #fff
}

.tags_ul li.active[data-v-ba07ba68] {
    color: #1f1a5e;
    border-bottom: 3px solid #1f1a5e
}

.loading-overlay[data-v-ba07ba68] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.loading-spinner[data-v-ba07ba68] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-ba07ba68 2s linear infinite
}

@keyframes spin-ba07ba68 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.highlight[data-v-ba07ba68] {
    color: #ff3d01;
    font-weight: 700
}

.prod-left[data-v-ba07ba68] {
    width: 200px;
    margin: 40px 0;
    padding-left: 25px
}

h2[data-v-ba07ba68] {
    font-size: 24px
}

.big-title[data-v-ba07ba68] {
    margin: 60px 0 0 0;
    text-align: center;
    width: 100%
}

.big-title h1[data-v-ba07ba68] {
    text-align: center;
    font-size: 1.8rem;
    color: #1f1a5e;
    margin: 1rem
}

.nav-menu[data-v-ba07ba68] {
    margin-top: 30px;
    padding-bottom: 30px
}

.nav-menu li[data-v-ba07ba68] {
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 10px
}

.nav-menu li[data-v-ba07ba68]:hover {
    color: #ff3d01
}

.container[data-v-ba07ba68] {
    width: 1320px;
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column
}

.scrollable-container[data-v-ba07ba68] {
    height: 80vh;
    width: 100%;
    overflow-y: auto
}

.main_content[data-v-ba07ba68] {
    display: flex;
    height: 100%;
    width: 100%
}

.home-page[data-v-ba07ba68] {
    background: #fff;
    width: 100%
}

.main[data-v-ba07ba68] {
    padding-top: 140px
}

.main-title[data-v-ba07ba68] {
    margin: 0 0 40px;
    width: 100%;
    padding-left: 15px;
    height: 100%;
    min-height: 1000px
}

.prod-list[data-v-ba07ba68] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    width: 21%;
    float: left
}

.prod-list img[data-v-ba07ba68] {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-title[data-v-ba07ba68] {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px
}

.prod-title a[data-v-ba07ba68] {
    font-size: 16px;
    font-weight: 400;
    color: #1f156e;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

.prod-title a[data-v-ba07ba68]:hover {
    color: #ff3d01
}

.price[data-v-ba07ba68] {
    font-weight: 500;
    color: #ff3d01;
    margin-top: 10px;
    font-size: 16px
}

.el-row[data-v-ba07ba68] {
    padding: 0 14px
}

.load_more[data-v-ba07ba68] {
    margin: 0 20px 20px;
    text-align: center
}

.no_data[data-v-ba07ba68] {
    color: #333;
    font-size: 14px;
    text-align: center
}

@media (max-width: 750px) {
    .d-750-show[data-v-ba07ba68] {
        display:block;
        width: 92%;
        margin: 0 auto
    }

    .d-750-hide[data-v-ba07ba68] {
        display: none!important
    }

    .big-title[data-v-ba07ba68] {
        margin: 1rem 0 .8rem 0
    }

    .big-title h1[data-v-ba07ba68] {
        text-align: center;
        font-size: 1.2rem;
        color: #1f1a5e;
        margin: 1rem
    }

    .nav-menu li[data-v-ba07ba68] {
        float: left;
        width: 50%
    }

    .container[data-v-ba07ba68] {
        width: 100%;
        height: 100%;
        display: inherit
    }

    .banner[data-v-ba07ba68] {
        width: 94%;
        background: transparent;
        box-sizing: border-box;
        margin: 0 auto;
        position: relative
    }

    .banner img[data-v-ba07ba68] {
        display: inline-block;
        width: 100%;
        height: 100%
    }

    .preview[data-v-ba07ba68] {
        margin: 1rem 0 1rem 0
    }

    .downTime[data-v-ba07ba68] {
        display: flex;
        margin: 0 auto;
    img[data-v-ba07ba68] {
        width: 32px;
        height: 35px;
        margin-right: 14px
    }

    .par_down[data-v-ba07ba68] {
        font-size: 18px;
    .par_down_tip[data-v-ba07ba68] {
        margin-right: 9px
    }

    .new_time_text[data-v-ba07ba68] {
        width: 28px;
        height: 28px;
        background: #ffebec;
        border-radius: 3px;
        text-align: center
    }

    .dot[data-v-ba07ba68] {
        margin: 0 6px
    }
}
}

.preview-list[data-v-ba07ba68] {
    width: 100%;
    padding-left: .5rem
}

.tel_today[data-v-ba07ba68] {
    flex-direction: row-reverse;
    padding-right: 1rem
}

.msg_title[data-v-ba07ba68] {
    font-size: 24px
}

.msg_time[data-v-ba07ba68] {
    font-size: 16px
}

.prod-list img[data-v-ba07ba68] {
    width: 100%;
    height: 172px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.nav-menu[data-v-ba07ba68] {
    padding-bottom: 0;
    margin-top: 10px
}

.prod-left[data-v-ba07ba68] {
    width: 100%;
    margin: 20px 0 0 0;
    padding-left: 25px;
    display: inline-block
}

.main[data-v-ba07ba68] {
    padding-top: 3.3rem
}

.main-title[data-v-ba07ba68] {
    padding: 0 .5rem 1rem .5rem;
    border: 0;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 10px;
    box-sizing: border-box
}

.prod-title a[data-v-ba07ba68] {
    font-size: 13px;
    font-weight: 400;
    color: #1f156e;
    height: 2rem;
    line-height: 1rem;
    margin-top: .5rem
}

.price[data-v-ba07ba68] {
    font-weight: 500;
    color: #ff3d01;
    margin-top: .2rem;
    font-size: 12px
}

.el-row[data-v-ba07ba68] {
    padding: 0 5px
}

.prod-list[data-v-ba07ba68] {
    width: calc(50% - 20px);
    float: none;
    padding: 10px;
    display: inline-block;
    box-sizing: border-box
}

.tags_top[data-v-ba07ba68] {
    position: static!important
}

.main[data-v-ba07ba68] {
    padding-top: 80px
}

.tags_ul[data-v-ba07ba68] {
    padding-bottom: 0;
    font-size: 16px!important
}

.tags_ul li[data-v-ba07ba68] {
    border-bottom: 2px solid #fff;
    padding: 5px 16px
}

.tags_ul li.active[data-v-ba07ba68] {
    border-bottom: 2px solid #1f1a5e
}
}

@media (max-width: 526px) {
    .tags_ul[data-v-ba07ba68] {
        font-size:14px!important
    }

    .tags_ul li[data-v-ba07ba68] {
        padding: 3px 8px
    }
}

@media (max-width: 1700px) {
    .tags_top[data-v-ba07ba68] {
        width:100%!important;
        margin: 0!important;
        padding: 0 calc(50% - 660px)
    }

    .big-title[data-v-ba07ba68] {
        margin-top: 30px
    }
}

@media (min-width: 789px) and (max-width:1200px) {
    .tags_top[data-v-ba07ba68] {
        top:160px
    }
}

.countdown_2[data-v-ba07ba68] {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 16px
}

.loading-overlay[data-v-f74a03e6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.loading-spinner[data-v-f74a03e6] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-f74a03e6 2s linear infinite
}

@keyframes spin-f74a03e6 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.highlight[data-v-f74a03e6] {
    color: #ff3d01;
    font-weight: 700
}

.prod-left[data-v-f74a03e6] {
    width: 200px;
    margin: 40px 0;
    padding-left: 25px
}

h2[data-v-f74a03e6] {
    font-size: 24px
}

.big-title[data-v-f74a03e6] {
    margin: 60px 0 0 0;
    text-align: center;
    width: 100%
}

.big-title h1[data-v-f74a03e6] {
    text-align: center;
    font-size: 1.8rem;
    color: #1f1a5e;
    margin: 1rem
}

.nav-menu[data-v-f74a03e6] {
    margin-top: 30px;
    padding-bottom: 30px
}

.nav-menu li[data-v-f74a03e6] {
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 10px
}

.nav-menu li[data-v-f74a03e6]:hover {
    color: #ff3d01
}

.container[data-v-f74a03e6] {
    width: 1320px;
    height: 100%;
    margin: auto;
    display: flex
}

.home-page[data-v-f74a03e6] {
    background: #fff;
    width: 100%
}

.main[data-v-f74a03e6] {
    padding-top: 80px
}

.main-title[data-v-f74a03e6] {
    margin: 40px 0;
    width: 100%;
    padding-left: 15px;
    height: 100%
}

.prod-list[data-v-f74a03e6] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    width: 21%;
    float: left
}

.prod-list img[data-v-f74a03e6] {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-title[data-v-f74a03e6] {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px
}

.prod-title a[data-v-f74a03e6] {
    font-size: 16px;
    font-weight: 400;
    color: #1f156e;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

.prod-title a[data-v-f74a03e6]:hover {
    color: #ff3d01
}

.price[data-v-f74a03e6] {
    font-weight: 500;
    color: #ff3d01;
    margin-top: 10px;
    font-size: 16px
}

.el-row[data-v-f74a03e6] {
    padding: 0 14px
}

.load_more[data-v-f74a03e6] {
    margin: 0 20px 20px;
    text-align: center
}

.no_data[data-v-f74a03e6] {
    color: #333;
    font-size: 14px;
    text-align: center
}

@media (max-width: 750px) {
    .big-title[data-v-f74a03e6] {
        margin:1rem 0 .8rem 0
    }

    .big-title h1[data-v-f74a03e6] {
        text-align: center;
        font-size: 1.2rem;
        color: #1f1a5e;
        margin: 1rem
    }

    .nav-menu li[data-v-f74a03e6] {
        float: left;
        width: 50%
    }

    .container[data-v-f74a03e6] {
        width: 100%;
        height: 100%;
        display: inherit
    }

    .prod-list img[data-v-f74a03e6] {
        width: 100%;
        height: 172px;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .nav-menu[data-v-f74a03e6] {
        padding-bottom: 0;
        margin-top: 10px
    }

    .prod-left[data-v-f74a03e6] {
        width: 100%;
        margin: 20px 0 0 0;
        padding-left: 25px;
        display: inline-block
    }

    .main[data-v-f74a03e6] {
        padding-top: 3.3rem
    }

    .main-title[data-v-f74a03e6] {
        padding: 0 .5rem 1rem .5rem;
        border: 0;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 10px;
        box-sizing: border-box
    }

    .prod-title a[data-v-f74a03e6] {
        font-size: 13px;
        font-weight: 400;
        color: #1f156e;
        height: 2rem;
        line-height: 1rem;
        margin-top: .5rem
    }

    .price[data-v-f74a03e6] {
        font-weight: 500;
        color: #ff3d01;
        margin-top: .2rem;
        font-size: 12px
    }

    .el-row[data-v-f74a03e6] {
        padding: 0 5px
    }

    .prod-list[data-v-f74a03e6] {
        width: calc(50% - 20px);
        float: none;
        padding: 10px;
        display: inline-block;
        box-sizing: border-box
    }
}

.loading-overlay[data-v-5635d6e6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.loading-spinner[data-v-5635d6e6] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-5635d6e6 2s linear infinite
}

@keyframes spin-5635d6e6 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.highlight[data-v-5635d6e6] {
    color: #ff3d01;
    font-weight: 700
}

.prod-left[data-v-5635d6e6] {
    width: 200px;
    margin: 40px 0;
    padding-left: 25px
}

h2[data-v-5635d6e6] {
    font-size: 24px
}

.big-title[data-v-5635d6e6] {
    margin: 60px 0 0 0;
    text-align: center;
    width: 100%
}

.big-title h1[data-v-5635d6e6] {
    text-align: center;
    font-size: 1.8rem;
    color: #1f1a5e;
    margin: 1rem
}

.nav-menu[data-v-5635d6e6] {
    margin-top: 30px;
    padding-bottom: 30px
}

.nav-menu li[data-v-5635d6e6] {
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 10px
}

.nav-menu li[data-v-5635d6e6]:hover {
    color: #ff3d01
}

.container[data-v-5635d6e6] {
    width: 1320px;
    height: 100%;
    margin: auto;
    display: flex
}

.home-page[data-v-5635d6e6] {
    background: #fff;
    width: 100%
}

.main[data-v-5635d6e6] {
    padding-top: 80px
}

.main-title[data-v-5635d6e6] {
    margin: 40px 0;
    width: 100%;
    padding-left: 15px;
    height: 100%
}

.prod-list[data-v-5635d6e6] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    width: 21%;
    float: left
}

.prod-list img[data-v-5635d6e6] {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-title[data-v-5635d6e6] {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px
}

.prod-title a[data-v-5635d6e6] {
    font-size: 16px;
    font-weight: 400;
    color: #1f156e;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

.prod-title a[data-v-5635d6e6]:hover {
    color: #ff3d01
}

.price[data-v-5635d6e6] {
    font-weight: 500;
    color: #ff3d01;
    margin-top: 10px;
    font-size: 16px
}

.el-row[data-v-5635d6e6] {
    padding: 0 14px
}

.load_more[data-v-5635d6e6] {
    margin: 0 20px 20px;
    text-align: center
}

.no_data[data-v-5635d6e6] {
    color: #333;
    font-size: 14px;
    text-align: center
}

@media (max-width: 750px) {
    .big-title[data-v-5635d6e6] {
        margin:1rem 0 .8rem 0
    }

    .big-title h1[data-v-5635d6e6] {
        text-align: center;
        font-size: 1.2rem;
        color: #1f1a5e;
        margin: 1rem
    }

    .nav-menu li[data-v-5635d6e6] {
        float: left;
        width: 50%
    }

    .container[data-v-5635d6e6] {
        width: 100%;
        height: 100%;
        display: inherit
    }

    .prod-list img[data-v-5635d6e6] {
        width: 100%;
        height: 172px;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .nav-menu[data-v-5635d6e6] {
        padding-bottom: 0;
        margin-top: 10px
    }

    .prod-left[data-v-5635d6e6] {
        width: 100%;
        margin: 20px 0 0 0;
        padding-left: 25px;
        display: inline-block
    }

    .main[data-v-5635d6e6] {
        padding-top: 3.3rem
    }

    .main-title[data-v-5635d6e6] {
        padding: 0 .5rem 1rem .5rem;
        border: 0;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 10px;
        box-sizing: border-box
    }

    .prod-title a[data-v-5635d6e6] {
        font-size: 13px;
        font-weight: 400;
        color: #1f156e;
        height: 2rem;
        line-height: 1rem;
        margin-top: .5rem
    }

    .price[data-v-5635d6e6] {
        font-weight: 500;
        color: #ff3d01;
        margin-top: .2rem;
        font-size: 12px
    }

    .el-row[data-v-5635d6e6] {
        padding: 0 5px
    }

    .prod-list[data-v-5635d6e6] {
        width: calc(50% - 20px);
        float: none;
        padding: 10px;
        display: inline-block;
        box-sizing: border-box
    }
}

.loading-overlay[data-v-55ef8b3e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.loading-spinner[data-v-55ef8b3e] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-55ef8b3e 2s linear infinite
}

@keyframes spin-55ef8b3e {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.highlight[data-v-55ef8b3e] {
    color: #ff3d01;
    font-weight: 700
}

.prod-left[data-v-55ef8b3e] {
    width: 200px;
    margin: 40px 0;
    padding-left: 25px
}

h2[data-v-55ef8b3e] {
    font-size: 24px
}

.big-title[data-v-55ef8b3e] {
    margin: 60px 0 0 0;
    text-align: center;
    width: 100%
}

.big-title h1[data-v-55ef8b3e] {
    text-align: center;
    font-size: 1.8rem;
    color: #1f1a5e;
    margin: 1rem
}

.nav-menu[data-v-55ef8b3e] {
    margin-top: 30px;
    padding-bottom: 30px
}

.nav-menu li[data-v-55ef8b3e] {
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 10px
}

.nav-menu li[data-v-55ef8b3e]:hover {
    color: #ff3d01
}

.container[data-v-55ef8b3e] {
    width: 1320px;
    height: 100%;
    margin: auto;
    display: flex
}

.home-page[data-v-55ef8b3e] {
    background: #fff;
    width: 100%
}

.main[data-v-55ef8b3e] {
    padding-top: 80px
}

.main-title[data-v-55ef8b3e] {
    margin: 40px 0;
    width: 100%;
    padding-left: 15px;
    height: 100%
}

.prod-list[data-v-55ef8b3e] {
    border-radius: 4px;
    margin: 10px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
    width: 21%;
    float: left
}

.prod-list img[data-v-55ef8b3e] {
    width: 100%;
    height: 270px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-title[data-v-55ef8b3e] {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px
}

.prod-title a[data-v-55ef8b3e] {
    font-size: 16px;
    font-weight: 400;
    color: #1f156e;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

.prod-title a[data-v-55ef8b3e]:hover {
    color: #ff3d01
}

.price[data-v-55ef8b3e] {
    font-weight: 500;
    color: #ff3d01;
    margin-top: 10px;
    font-size: 16px
}

.el-row[data-v-55ef8b3e] {
    padding: 0 14px
}

.load_more[data-v-55ef8b3e] {
    margin: 0 20px 20px;
    text-align: center
}

.no_data[data-v-55ef8b3e] {
    color: #333;
    font-size: 14px;
    text-align: center
}

@media (max-width: 750px) {
    .big-title[data-v-55ef8b3e] {
        margin:1rem 0 .8rem 0
    }

    .big-title h1[data-v-55ef8b3e] {
        text-align: center;
        font-size: 1.2rem;
        color: #1f1a5e;
        margin: 1rem
    }

    .nav-menu li[data-v-55ef8b3e] {
        float: left;
        width: 50%
    }

    .container[data-v-55ef8b3e] {
        width: 100%;
        height: 100%;
        display: inherit
    }

    .prod-list img[data-v-55ef8b3e] {
        width: 100%;
        height: 172px;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .nav-menu[data-v-55ef8b3e] {
        padding-bottom: 0;
        margin-top: 10px
    }

    .prod-left[data-v-55ef8b3e] {
        width: 100%;
        margin: 20px 0 0 0;
        padding-left: 25px;
        display: inline-block
    }

    .main[data-v-55ef8b3e] {
        padding-top: 3.3rem
    }

    .main-title[data-v-55ef8b3e] {
        padding: 0 .5rem 1rem .5rem;
        border: 0;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 10px;
        box-sizing: border-box
    }

    .prod-title a[data-v-55ef8b3e] {
        font-size: 13px;
        font-weight: 400;
        color: #1f156e;
        height: 2rem;
        line-height: 1rem;
        margin-top: .5rem
    }

    .price[data-v-55ef8b3e] {
        font-weight: 500;
        color: #ff3d01;
        margin-top: .2rem;
        font-size: 12px
    }

    .el-row[data-v-55ef8b3e] {
        padding: 0 5px
    }

    .prod-list[data-v-55ef8b3e] {
        width: calc(50% - 20px);
        float: none;
        padding: 10px;
        display: inline-block;
        box-sizing: border-box
    }
}

.toplink[data-v-22a19d10] {
    line-height: 60px;
    font-weight: 600;
    padding-right: 50px
}

.toplink span[data-v-22a19d10] {
    margin-right: 15px;
    font-size: 16px
}

.cate-one[data-v-22a19d10] {
    display: inline-block
}

.hometop[data-v-22a19d10] {
    font-size: 16px;
    font-weight: 600;
    line-height: 60px
}

[data-v-22a19d10] .el-submenu__title i {
    color: #ff8850;
    margin-top: 2px
}

[data-v-22a19d10] .el-submenu__icon-arrow {
    font-size: 14px;
    font-weight: 700;
    margin-top: 3px!important
}

.header[data-v-22a19d10] {
    width: 100%;
    background: #fff;
    height: 90px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    display: inline-table;
    /*position: fixed;*/
    z-index: 999;
    top: 0;
    overflow: hidden
}

.top[data-v-22a19d10] {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}

.logo[data-v-22a19d10] {
    padding-top: 28px;
    cursor: pointer;

}
.logo[data-v-22a19d10] img{
    max-height: 80px;
    margin-bottom: 10px;
    width: 220px;
}

.home[data-v-22a19d10] {
    line-height: 90px;
    height: 90px;
    float: left;
    font-size: 18px;
    font-weight: 700;
    padding: 0 15px!important;
    transition: border-color .3s,background-color .3s,color .3s;
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    color: #1f156e
}

.container .home.active[data-v-22a19d10] {
    border-bottom: 2px solid #ff3d01!important;
    color: #ff3d01!important
}

@media (max-width: 750px) {
    .header[data-v-22a19d10] {
        height:3.7rem
    }

    .logo img[data-v-22a19d10] {
        width: 68%;
        float: left;
        margin-right: 20px
    }

    .logo[data-v-22a19d10] {
        padding-top: 1rem;
        padding-left: 1rem;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        color: #1f156e
    }
}

.container_content[data-v-22a19d10] {
    width: 100%;
    position: relative;
    overflow: hidden
}

.container[data-v-22a19d10] .el-submenu.active .el-submenu__title {
    border-bottom-color: #ff3d01!important;
    color: #ff3d01!important
}

.container[data-v-22a19d10] .el-submenu.is-active.active1 .el-submenu__title {
    border-bottom-color: transparent!important;
    color: #1f156e!important
}

.el-menu.el-menu--horizontal[data-v-22a19d10] {
    border-bottom: none
}

.el-menu-item[data-v-22a19d10] {
    font-size: 18px;
    font-weight: 700;
    height: 90px;
    line-height: 90px;
    padding: 0 15px!important
}

[data-v-22a19d10] .el-submenu__title {
    font-size: 18px!important;
    font-weight: 600;
    height: 90px!important;
    line-height: 90px!important;
    padding: 0 10px
}

.el-menu--popup .el-menu-item[data-v-22a19d10] {
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    /*line-height: 45px!important*/
}

.el-menu--horizontal>.el-menu-item[data-v-22a19d10] {
    line-height: 90px;
    height: 90px
}

.el-menu--horizontal>.el-menu-item.is-active[data-v-22a19d10] {
    border-bottom: 3px solid #ff3d01
}

.el-menu--popup .el-menu-item[data-v-22a19d10]:hover {
    background: #f0f0f0;
    color: #ff3d01!important
}

.el-menu--horizontal>.el-submenu .el-submenu__title[data-v-22a19d10] {
    height: 70px!important
}

.menu[data-v-22a19d10] {
    position: fixed;
    left: -250px;
    top: 86px;
    width: 250px;
    height: 100%;
    transition: transform .3s ease-in-out;
    background-color: rgba(0,0,0,.7);
    z-index: 99;
    border: 1px solid #f0f0f0;
}

.menu.menu-active[data-v-22a19d10] {
    transform: translateX(250px)
}

.overlay[data-v-22a19d10] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.1);
    z-index: 99
}

.menupic[data-v-22a19d10] {
    width: 70%;
    margin-top: .8rem;
    margin-right: .6rem
}

.wap-menu[data-v-22a19d10] {
    padding: 5rem 0 0 2rem
}

.wap-menu li[data-v-22a19d10] {
    margin: 1.5rem 0
}

.wap-menu a[data-v-22a19d10] {
    color: #fff;
    font-weight: 600;
    font-size: 1rem
}

.el-menu {
    background-color: #fff!important
}

.el-submenu__title:hover {
    background-color: transparent!important
}

.tree-select .van-sidebar {
    width: 100px
}

.tree-select .van-sidebar-item--select .van-sidebar-item__text {
    color: #ee0a24;
    font-weight: 600
}

.tree-select .van-tree-select__nav-item .van-sidebar-item__text {
    width: 100px;
    font-weight: 600
}
.filter_mobile{ display: none}
@media (max-width: 720px) {
    .pc_home {
        display:none!important
    }
    .single-product .container-fluid
    {
        width: auto !important;
        margin: 0 10px;
    }
    .product-store .container-fluid
    {
        width: auto !important;
        margin: 0 10px;
    }
    .product-store .section-header
    {
        margin-bottom: 1rem !important;
        padding-bottom: 5px;
        border-bottom: 1px solid #f0f0f0;
    }
    .qty-button{
        justify-content: center;
    }
    .points[data-v-112afff4]{
    font-size: 14px;
    }
    .filter{ border-bottom: none  !important;}
    .filter-form{ margin-left: 15px;flex-wrap: wrap;
    }
    .filter_pc{
        display: none;
    }
    .filter_mobile{
        display: block;
    }
}
@media (max-width: 1000px) {
    .d_bgk_none {
        display:none!important
    }
}

.foot-main[data-v-16dce87c] {
    width: 1320px;
    margin: auto
}

.footer[data-v-16dce87c] {
    width: 100%;
    background: #302d4b;
    height: 100px;
    display: inline-table
}

.foot[data-v-16dce87c] {
    text-align: center;
    color: #fff;
    line-height: 100px;
    padding: 0 10px
}

.foot-right[data-v-16dce87c] {
    display: flex
}

.foot-right li[data-v-16dce87c] {
    float: left;
    margin: 0 15px
}

@media (max-width: 750px) {
    .footer[data-v-16dce87c] {
        height:4rem;
        font-size: 11px
    }

    .foot[data-v-16dce87c] {
        line-height: 4rem
    }

    .foot-main[data-v-16dce87c] {
        width: 100%
    }
}

.bgk_left {
    left: 0;
    z-index: 0
}

.bgk_left,.bgk_right {
    position: fixed;
    top: 0;
    height: 100vh;
    opacity: .5;
    pointer-events: none
}

.bgk_right {
    right: 0
}

.m-pic {
    display: inline-block;
    position: relative
}

.m-pic img {
    width: 55px;
    height: 55px;
    margin-left: 25px
}

#myBtn {
    display: none;
    bottom: 200px;
    right: 38px;
    border: none;
    outline: none;
    background-color: #ff3d01;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    font-size: 14px;
    width: 50px;
    height: 50px;
    line-height: 65px
}

#myBtn,.discord {
    position: fixed;
    z-index: 999
}

.discord {
    bottom: 255px;
    right: 30px
}

.discord img {
    width: 50px;
    height: 50px
}

.container {
    width: 1320px;
    margin: auto
}

.menu_list_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 15px 0 40px
}

.menu_list_container li {
    padding: 5px 12px;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff
}

.menu_list_container li.active {
    color: #ff3d01;
    border-bottom: 2px solid #ff3d01
}

#myBtn:hover {
    background-color: #ff8850
}

#myBtn {
    display: block
}

.search {
    text-align: center;
    margin: 40px 0;
    display: flex;
    justify-content: center
}

.el-input__inner {
    background: #f5f5f5;
    color: #454545;
    border-radius: 35px!important;
    height: 56px!important;
    line-height: 56px!important;
    padding-left: 12px!important
}

.search-inp {
    background: #e4e6ea;
    border-radius: 35px;
    width: 60%!important;
    height: 56px
}

.search-inp::-moz-placeholder {
    font-size: 20px
}

.search-inp::placeholder {
    font-size: 20px
}

.search .el-input .el-input__clear {
    position: absolute;
    top: 0;
    right: 25px;
    z-index: 999
}

.el-icon-top {
    font-size: 28px;
    font-weight: 500!important
}

.sidebar {
    width: 50px;
    padding: 12px 8px 8px 8px;
    border-radius: 30px;
    background-color: hsla(0,0%,50%,.7)
}

.sidebar-a {
    margin-bottom: 6px;
    display: block
}

.el-input__icon {
    color: #1f156e;
    font-weight: 600;
    font-size: 24px;
    margin-right: 8px;
    margin-top: 2px
}

@media (max-width: 750px) {
    .m-pic img {
        width:35px;
        height: 35px;
        margin-left: .5rem
    }

    .el-input__inner {
        background: #f5f5f5;
        color: #454545;
        border-radius: 35px;
        height: 36px!important;
        line-height: 36px!important;
        padding-left: 12px!important
    }

    .el-input__icon {
        color: #1f156e;
        font-weight: 600;
        font-size: 1.2rem;
        margin-left: .15rem;
        margin-top: 0;
        line-height: 36px
    }

    .search-inp {
        background: #e4e6ea;
        border-radius: 35px;
        width: 58%!important;
        height: 36px
    }

    .discord {
        position: fixed;
        z-index: 999;
        bottom: 8.8rem;
        right: .6rem
    }

    .discord img {
        width: 40px;
        height: 40px
    }

    .sidebar {
        width: 40px;
        padding: 10px 5px 6px 5px;
        border-radius: 22px;
        background-color: hsla(0,0%,50%,.7)
    }

    #myBtn {
        right: .82rem;
        bottom: 6rem;
        padding: 0;
        background: #ff3d01;
        width: 40px;
        height: 40px;
        line-height: 9px
    }

    .el-icon-top {
        font-size: 1.4rem;
        font-weight: 500
    }
}

/*#app {*/
    /*font-family: Jost,sans-serif;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
    /*color: #2c3e50;*/
    /*font-size: 14px;*/
    /*font-weight: 400*/
/*}*/

.d-md-block {
    display: block
}

.d-md-none {
    display: none
}

.d-block {
    display: block
}

.d-none {
    display: none
}

@media (min-width: 768px) {
    .d-md-block {
        display:block
    }

    .d-md-none {
        display: none
    }

    .d-md-i-none {
        display: none!important
    }
}

@media(max-width: 768px) {
    .d-md-i-block {
        display:block!important
    }

    .d-md-l-block {
        display: none!important
    }
}

@media (max-width: 750px) {
    .container {
        width:100%!important;
        margin: auto
    }
}

@media (max-width: 1200px) {
    .container {
        width:100%!important;
        margin: auto
    }

    .d_bgk_app_none {
        display: none!important
    }
}

@media (max-width: 1600px) {
    .bgk_left,.bgk_right {
        opacity:.5
    }
}

li {
    list-style: none
}

a {
    text-decoration: none
}

* {
    margin: 0;
    padding: 0
}

.c-fc38 {
    color: #fc3b03
}

.pointer {
    cursor: pointer
}

.d_block {
    display: block
}

.d_none {
    display: none
}

.flex {
    display: flex
}

.inline_flex {
    display: inline-flex
}

.flex_wrap {
    flex-wrap: wrap
}

.col_center {
    align-items: center
}

.col_end {
    align-items: flex-end
}

.row_center {
    justify-content: center
}

.row_between {
    justify-content: space-between
}

.row_around {
    justify-content: space-around
}

.flex_column {
    flex-direction: column
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.row_end {
    justify-content: flex-end
}

.w_100 {
    width: 100%
}

.w_50 {
    width: 50%
}

.h_100 {
    height: 100%
}

.line_1 {
    white-space: nowrap
}

.newline {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.el-menu-sss {
    position: fixed; top: 90px; z-index: 200; display: none;
}
/*鼠标悬停在 .el-submenu__title 所在的 .el-submenu 上时，显示子菜单*/
.el-submenu:hover .el-menu-sss {
    display: block;
}
.el-submenu__title .el-icon-arrow-down {
    display: inline-block;
}

.el-submenu__title .el-icon-arrow-up {
    display: none;
}

/* 鼠标悬停时显示向上箭头 */
.el-submenu__title:hover .el-icon-arrow-down {
    display: none;
}

.el-submenu__title:hover .el-icon-arrow-up {
    display: inline-block;
}
.search_button{
    border: none;
    background: none
}
.image-container {
    position: relative; /* 设置相对定位，作为遮罩的参考 */
    display: inline-block; /* 确保容器包裹图片 */
}

.redeemed {
    position: absolute; /* 绝对定位，相对于 .image-container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    color: white; /* 文字颜色 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    font-size: 24px; /* 文字大小 */
    font-weight: bold; /* 文字加粗 */
}
.filter {
    width: 100%; /* 100% 宽度显示 */
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc; /* 添加底部边框 */
    padding-bottom: 5px; /* 底部间距 */
    align-items: center;
    gap: 15px;
    min-height: 40px; /* 最小高度 */
}

.filter-item {
    margin-left: 5px; /* 为每个筛选项添加左边距 */
    margin-right: 5px;
}

.filter-item a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
}

.arrow-container {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
    gap: 1px; /* 添加箭头间距 */
}

.arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.arrow.up {
    border-bottom: 4px solid currentColor;
    margin-bottom: 1px; /* 上箭头底部间距 */
}

.arrow.down {
    border-top: 4px solid currentColor;
    margin-top: 1px; /* 下箭头顶部间距 */
}
.arrow.up.checked {
    border-bottom-color: #ff8850; /* 上箭头选中颜色 */
}

.arrow.down.checked {
    border-top-color: #ff8850; /* 下箭头选中颜色 */
}
.filter-select {
    position: relative;
    margin-right: 10px;
}

.stock-select {
    padding: 5px 10px;
    padding-right: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: white;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.stock-select:focus {
    outline: none;
    border-color: #ff3d01;
}

/* 下拉箭头样式 */
.filter-select::after {
    content: "▼";
    font-size: 10px;
    color: #666;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.filter {
    width: 100%;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    align-items: center;
    /*justify-content: flex-end;*/
    gap: 15px;
}

.filter-form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.filter-radio-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.filter-radio-group label {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.filter-range {
    display: flex;
    align-items: center;
    gap: 5px;
}

.filter-range input {
    width: 80px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.filter-submit {
    padding: 5px 15px;
    background-color: #ff3d01;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.filter-submit:hover {
    background-color: #ff8850;
}