.home-product-background-img {
    height: 120px;
    width: 100%;
    margin: 0 0 15px 0;
    border-radius: 15px 15px 0 0;
    object-fit: cover;
}
@media (max-width: 740px){
    .home-product-background-img {
        height: 100px;
    }
}
.home-product-img-div {
    width: 40%;
}
.home-product-img {
    width: 100%;
    margin: -50px 0 0 20px;
    border-radius: 20px;
    border: 6px solid #ffffff;
    -webkit-box-shadow: 5px 5px 20px 8px rgb(199 199 199 / 15%);
    -moz-box-shadow: 5px 5px 20px 8px rgba(199,199,199,.15);
    box-shadow: 5px 5px 20px 8px rgb(199 199 199 / 40%);
    background-color: #fff;
}
.home-product-img:hover {
    transform:rotate(360deg);
    transition:all 1000ms;
}
.home-product-text {
    width: 100%;
    padding: 10px 20px;
}
@media (max-width: 768px){
    .hyper-wrapper {
        padding-left: 0;
        padding-right: 0;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-gap: 12px;
    }
}
.home-app-search {
    margin-bottom: 15px;
    border-radius: 20px;
}
.home-announcement {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.home-announcement img {
    width: 100%;
    border-radius: 20px;
}
.border-radius-15px {
    border-radius: 15px;
}
.pd-20px {
    padding: 20px;
}
.magic-Popup {
    border-radius: 15px;
    padding: 20px;
}
.border-radius-20px {
    border-radius: 20px;
}
.mr-3px {
    margin-right: 3px!important;
}
.mb-15px {
    margin-bottom: 15px!important;
}
.Query-order-button {
    padding: 0.3rem 0.6rem;
}

/*替换CSS样式*/
body {
    background-color: #fbfbfd!important;
}
p {
    margin-top: 0;
    margin-bottom: 0rem!important;
}
.price {
    color: #000000!important;
    text-align: left!important;
    margin-bottom: 0.5rem!important;
}
.home-card {
    padding: 0;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 12%);
    transition: all .5s;
}
.home-card:hover {
    /* box-shadow: 1px 3px 2px 0 rgb(0 0 0 / 0%); */
    /* -webkit-box-shadow: 5px 5px 20px 8px rgb(199 199 199 / 15%); */
    -moz-box-shadow: 5px 5px 20px 8px rgba(199,199,199,.15);
    /* box-shadow: 5px 5px 20px 8px rgb(199 199 199 / 30%); */
    /* margin-bottom: 10px; */
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgb(0 36 100 / 30%);
    -webkit-box-shadow: 0 26px 40px -24px rgb(0 36 100 / 30%);
    -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);
}
.name {
    font-size: 15px;
    min-height: auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin-top: 0;
    margin-bottom: 0rem;
}
.header-navbar {
    height: 70px;
    background-color: #fff0;
    box-shadow: none;
}
.tab-link {
    border-radius: 15px;
    border: 1.5px solid #3688fc;
}
.tab-link:hover {
    color:#fff;
    background-color:#3688fc;
    border-color:#3688fc;
    transition: all .5s;
}
.logo-title {
    font-size: 20px;
    font-family: Nunito,sans-serif;
}
.card {
    margin-bottom: 15px;
}
.modal-header {
    padding: 0 0 6px 0px!important;
}
.modal-body {
    padding: 1rem 0;
}
.modal-backdrop {
    background-color: #00000040;
}