/*body*/
@font-face {
    font-family: 'zihunlaozhaopai_T';
    src: url('zihunlaozhaopai_T.eot');
    src: url('zihunlaozhaopai_T.woff') format('woff'),
        url('zihunlaozhaopai_T.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a {
    color: #252525;
}
a:hover,
a:focus{
    color: #ED2FAE;
}
.body-wrapper {
    overflow: hidden;
}
.p-no-margin p{
  	margin:0;
}
.text-style-001 h2 {
    margin-bottom: 0;
    text-transform: uppercase;
}

.text-style-001 p {
    margin-bottom:5px;
}

.text-style-002 h4 {
    font-weight:700 !important;
    margin-bottom:0;
}
.text-style-002  p{
    margin-bottom:0;
}
.img-style-001 img {
    border-radius: 15px !important;
}
.pagination>.active>a, .pagination>.active>span {
    border-color: #ED2FAE;
    background-color: #ED2FAE;
}
.pagination>.active>a:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:hover, 
.pagination>.active>span:focus{
    border-color: #ED2FAE;
    background-color: #ED2FAE;
    color:#fff;
}

/*page title*/
.sp-page-title {
    padding:190px 0 100px 0;
    position:relative;
    z-index:1;
    background-size: cover;
    background-position: center;
}
.view-category .sp-page-title:before{
    content:'';
    background: linear-gradient(340deg, rgb(34, 20, 11) 0%, rgb(111, 17, 57) 100%);
    opacity:0.8;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index: -1;
}
.view-product .sp-page-title:before{
    content:'';
    background: linear-gradient(340deg, rgb(34, 20, 11) 0%, rgb(111, 17, 57) 100%);
    opacity:0.8;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index: -1;
}
.sp-page-title .sp-page-title-heading{
    font-size:40px;
    text-align: center;
}
.sp-page-title .breadcrumb {
    justify-content: center;
}
.sp-page-title .breadcrumb .float-start{
    display:none;
}
.sp-page-title .breadcrumb-item+.breadcrumb-item::before{
    content:'\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
@media (max-width:991px){
    .sp-page-title .sp-page-title-heading{
        font-size:35px;
    }
}
@media (max-width:767px){
    .sp-page-title .sp-page-title-heading{
        font-size:28px;
    }
}

/*header*/
#sp-header {
    position: fixed;
    top:15px;
    left: 0;
    right: 0;
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 0px;
    padding-right: 0px;
    border-radius:100px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2);
}
#sp-header .sp-module.dt-profile {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    background-image: linear-gradient(270deg, #FFA92A 0%, #FFF680 100%);
    border-radius:80px;
    overflow:hidden;
    position:relative;
    z-index:1;
    transform: translateY(-1px);
    margin-left: 10px;
}
div.mod-languages ul{
    display:flex;
    flex-direction:column;
    align-items: start;
}

@media (max-width:1200px){
    #sp-header .sp-module.dt-profile {
    transform: translateY(0px);
}}
#sp-header .sp-module.dt-profile:before{
    content: "";
    position: absolute;
    height:100%;
    width:100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-image: linear-gradient(270deg, #FFA92A 50%, #FFF680 100%);
    z-index:-1;
    transition:0.5s;
}
#sp-header .sp-module.dt-profile:hover:before{
    opacity: 1;
}
#sp-header .sp-module.dt-profile span.dt-profile-text {
    font-weight:700;
    text-transform:uppercase;
    font-size:14px;
    color:#252525;
    padding-left:5px;
}
#sp-header .sp-module.dt-profile i{
    color:#252525;
}
#sp-header .container {
    padding: 0;
}
#sp-header .header-modules{
    margin-left:15px;
}
#sp-header #sp-logo {
    padding-left: 45px;
}
@media (min-width:991px) and (max-width:1200px){
    img.logo-image {
    height: 60px;
}}
@media (min-width: 576px) {
    #sp-header {
        max-width:540px
    }
}

@media (min-width: 768px) {
    #sp-header {
        max-width:720px
    }
}

@media (min-width: 992px) {
    #sp-header {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    #sp-header {
        max-width:1140px
    }
}
@media (min-width: 1400px) {
    #sp-header {
        max-width: 1320px;
    }
}
@media (max-width: 575px) {
    #sp-header {
        width:calc(100% - 30px);
    }
}
#sp-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    position: relative !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
}
.sp-megamenu-parent>li>a{
    color:#252525;
    padding: 0 15px;
    text-transform:uppercase;
    font-weight: 700;
}
.sp-megamenu-parent>li.active>a, 
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li.active>a:focus,
.sp-megamenu-parent>li>a:focus,
.sp-megamenu-parent li.sp-menu-item.sp-has-child:hover:before,
.sp-megamenu-parent>li:hover ::before{
    color: #ED2FAE;
    font-weight: 700;
}
.sp-megamenu-parent li.sp-menu-item.sp-has-child.active:before{
    color: #ED2FAE;
}
.sp-megamenu-parent li.sp-menu-item.sp-has-child a{
    padding-right:30px
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: rgb(4 15 19 / 90%);
    backdrop-filter: blur(10px);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
    color:#fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{
    color:#ED2FAE;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{
  	color:#ED2FAE;
}

@media (max-width:991px){
    #sp-header #sp-menu .sp-module.top-search-bar,
    #sp-header #sp-menu .sp-module.dt-profile{
        display:none;
    }
    a#offcanvas-toggler{
        padding-right:45px;
    }
}

/*Offcanvas*/
.burger-icon>span {
    background-color: #ffa92a;
}
.offcanvas-menu .dt-profile a {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(270deg, #FFA92A 0%, #FFF680 100%);
    border-radius:80px;
    overflow:hidden;
    position:relative;
    z-index:1;
    color:#252525 !important;
}
.offcanvas-menu .dt-profile a span.dt-profile-text {
    font-weight:700;
}
.offcanvas-menu .dt-profile a i{
    padding-right:5px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, 
.offcanvas-menu .offcanvas-inner ul.menu>li span{
    font-weight:700 !important;
    text-transform:uppercase;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, 
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover, 
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{
    color: #ED2FAE;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active>a,
.offcanvas-menu .offcanvas-inner ul.menu li.active>span{
    color: #ED2FAE;
    opacity:1;
} 
.offcanvas-menu .offcanvas-inner ul.menu>li>ul>li>a{
    opacity:0.6;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, 
.offcanvas-menu .offcanvas-inner ul.menu>li span{
    color: #252525;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler{
    color: #252525;
    width: 100%;
    text-align: right;
}    
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{
    font-weight:700;
    color: #252525;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li{
    padding:5px 0;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active li a{
    color:#252525;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active li a:hover{
    color: #ED2FAE;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active li.active a{
    color: #ED2FAE;
}
   
/*top2*/
#sp-top2>div {
    text-align: right !important;
}
div#sp-top2 {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

#sp-top2 select#hikashopcurrency {
    margin: 0;
}

/*searchbartop*/
#sp-header .sp-module.top-search-bar {
    margin-left: 20px;
}
.top-search-bar input#filter_text_Keyword_1 {
    background: url("/images/0_project/icons/search.png");
    background-size: 15px;
    background-position: 90% 50%;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
#sp-header .sp-module {margin: 0px;display:none;}
.hikashop_filter_module.top-search-bar {margin-left: 0px;}
#sp-header>div>div>.row {flex-wrap: nowrap;}
div#sp-menu {padding-left: 0px;}
}
@media (max-width:767px){
    #sp-header .sp-module{
    display:none;
    }
}


/*bottom*/
#sp-bottom{
    background: url("/images/0_project/home/background2.jpg");
    background-position:center;
    position:relative;
    z-index:1;
    padding: 50px 0 111px;
}
#sp-bottom:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-image: linear-gradient(180deg, #FFEAF4 0%, #FFFFFF 100%);
    opacity: 0.85;
    z-index:-1;
}

#sp-bottom .row{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 10px;
}

#sp-bottom .col-lg-2 {
    width: 100%;
}
#sp-bottom .sp-module .sp-module-title{
    color:#252525;
    margin-bottom: 15px;
}
#sp-bottom .sp-module ul>li {
    margin-bottom: 10px;
}
#sp-bottom .sp-module{
    margin-bottom: 0px;
}
.bottom-module-title h3 {
    font-size: 18px;
}
#sp-bottom1{
    grid-column: span 2;
    grid-row: span 2;
    order: 1;
    padding-right: 30px;
}
#sp-bottom1 .sp-column{
    padding:30px;
    background: linear-gradient(-90deg, #C14596 0%, #FFB9D8 100%);
    border-radius:15px;
    color:#fff;
}
#sp-bottom1 p{
    margin-bottom:0;
}
#sp-bottom1 h3.sppb-addon-title{
    font-size:20px;
}
#sp-bottom2{
    grid-column: span 1;
    grid-row: span 1;
    order: 2;
}
#sp-bottom3{
    grid-column: span 1;
    grid-row: span 1;
    order: 3;
}
#sp-bottom4{
    grid-column: span 2;
    grid-row: span 1;
    order: 4;
}
#sp-bottom5{
    grid-column: span 2;
    grid-row: span 1;
    order: 5;
    padding-top:30px;
    position:relative;
}
#sp-bottom6{
    grid-column: span 2;
    grid-row: span 1;
    order: 6;
    padding-top:30px;
}
@media (min-width:991px){
    #sp-bottom5:before{
        content:'';
        width:200%;
        height:1px;
        background:#d1d5db;
        position:absolute;
        top:0;
    }
}

#sp-bottom5 .bfElemWrap:nth-child(3) {
    display: none;
}
#sp-bottom5 .bfClearfix.row{
    display:none;
}
#sp-bottom5 .bfPage{
    display:flex;
}
#sp-bottom5 .form-label{
    display:none;
}
#sp-bottom5 .inputbox {
    max-width: calc(100% - 15px) !important;
    min-height:50px;
    border-radius:50px;
}
#sp-bottom5 form.sppb-addon-form-builder-form {
    display: flex;
    flex-wrap: nowrap;
}

#sp-bottom5 .sppb-form-builder-btn {
    width:fit-content;
}

#sp-bottom5 input#sppb-form-builder-field-0 {
    height:50px;
    border-radius:50px;
}
@media (max-width:991px){
    #sp-bottom .row{
        display:flex;
        flex-wrap:wrap;
    }
    #sp-bottom1{
        width:100%;
        margin-bottom:30px;
    }
    #sp-bottom2{
        width: calc(30% - 30px) !important;
    }
    #sp-bottom3{
        width: calc(30%) !important;
    }
    #sp-bottom4{
        width: calc(40%) !important;
    }
    #sp-bottom5{
        width:100%;
        border-top:1px solid #d1d5db;
        padding-top:30px;
    }
}
@media (max-width:767px){
    #sp-bottom2{
        width: calc(50% - 30px) !important;

    }
    #sp-bottom3{
        width: calc(50%) !important;
    }
    #sp-bottom4{
        width: calc(100%) !important;
        margin-top:30px;
        margin-bottom:10px;
    }
}

#sp-footer>div>.container-inner{
    border-top: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
}

#sp-footer{
    margin-top:-61px;
    z-index: 10;
    position: relative;
}
.footer-logo img {
    height: 50px;
}
#sp-footer #sp-footer2{
    display:flex;
    justify-content:end;
    align-items:center;
}

@media screen and (max-width:991px){
    .footer-logo img {
        margin-top:15px;
    }
    #sp-footer #sp-footer2{
        text-align: left;
       	justify-content:start;
        margin-top:15px;
    }

footer#sp-footer {
    padding-bottom: 50px;
}}

@media (max-width:767px){
    footer#sp-footer{
        padding-bottom:120px;
    }
}

/*payment method footer*/
div#sp-bottom5 .sp-module {margin: 0;}

/*xiaohongshu*/
i.fas.fa-book-medical{
    content:url(/images/0_project/icons/XiaohongshuLOGO-2.png);
    width: 20px;
    top: 4px;
    position: relative;
    filter: invert(1) brightness(0);
}

/*languages modules*/
.mod-languages {
    position: absolute;
    top: 10px;
    left: 0px;
    color: #fff;
    z-index: 1000;
    /* background:#fff; */
    /* box-shadow:1px 1px 5px #00000052; */
    /* border-radius:15px; */
    /* padding:3px 5px; */
}
.mod-languages ul.lang-inline li{
    margin:0;
    padding:3px;
}
.mod-languages ul.lang-inline li a{
    color:rgb(37 37 37 / 40%);
    font-weight:700;
    font-size:13px;
    margin:0;
    padding:0;
}
.mod-languages ul.lang-inline li a:hover,
.mod-languages ul.lang-inline li.lang-active a:hover{
    color:#ED2FAE;
}
.mod-languages ul.lang-inline li.lang-active{
    background:transparent !important;
}
.mod-languages ul.lang-inline li.lang-active a{
    color:#252525;
}
.mod-languages ul.lang-inline li:first-child{
    position:relative;
    padding-left:22px;
}
.mod-languages ul.lang-inline li:first-child:before{
    content:'';
    background:url('/images/0_project/icons/en-gb.png');
    background-size: contain;
    height:17px;
    width:17px;
    position:absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
}
.mod-languages ul.lang-inline li:last-child{
    position:relative;
    padding-left:22px;
}
.mod-languages ul.lang-inline li:last-child:before{
    content:'';
    background:url('/images/0_project/icons/cn-zh.png');
    background-size: contain;
    height:17px;
    width:17px;
    position:absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
}


/*scroll up*/
a.sp-scroll-up {right: 100px;bottom: 30px;}
@media screen and (max-width:991px){a.sp-scroll-up {right: 100px;bottom: 20px;}}

/*popup*/
#sp-popup #myModal .modal-dialog{
    max-width:600px;
}
#sp-popup #myModal .modal-content{
    padding: 40px 25px !important;
    border-radius:15px !important;
    border:0;
    width: 100% !important;
}
#sp-popup #myModal img {
    width:150px;
    margin-bottom:20px;
}
#sp-popup #myModal h3{
    font-size:20px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:0;
}
#sp-popup #myModal p{
    margin-bottom:0;
}
button.close {background: transparent;border: 0px;font-family: 'Roboto';color: #fff;}.modal-content {position: relative;}.modal-dialog {top: 200px;}.modal-header {position: absolute;right: 0;z-index: 11;}.modal-body {padding: 0px;}.modal-content p {margin: 0;}

#sp-popup #myModal.center {
    top: 50% !important;
    background: rgb(0 0 0 / 20%);
    backdrop-filter: blur(2px);
    pointer-events: none;
}

/*cart*/
.cart-desktop .floating-button {
    bottom: 30px !important;
    left: 20px !important;
    position: unset !important;
    animation:none !important;
    width:100% !important;
}
#sp-header .sp-module {
    margin-left: 0px;
}
.cart-desktop .floating-button span.hikashop_small_cart_total_title{
    box-shadow:none !important;
}

/*feedactivity*/
.feedactivity {
    position: fixed;
    bottom: 15px;
    left: 20px;
    z-index: 99;
    width: fit-content;
    height: fit-content;
}

.promotion-msg-card {
    max-width: 300px!important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
    padding: 10px 10px!important;
}

.promotion-msg-card .close-button {
    text-align: right;
    margin-right: 3px;
    top: -3px;
    position: relative;
}

.promotion-msg-card td {
    vertical-align: top;
    font-size: 14px; line-height:1.3;
}

.promotion-msg-card img.hikashop_product_image {
    padding-top: 5px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.promotion-msg-card .msg-content {
    margin: 0;
}

.promotion-msg-card p {
    margin: 0;
}

i.fa-solid.fa-circle-xmark {
    position:relative;
}

i.fa-solid.fa-circle-xmark:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f057';
    font-style: normal;
    margin: 20px;
}
@media (max-width:991px){
    .offcanvas-menu div.mod-languages ul{
        display:block;
        flex-direction:row;
    }
}
@media (min-width:768px){
    #sp-cart .floating-button{
        display:none !important;
    }
}
@media (max-width:767px){
    .feedactivity {
        bottom: 15px;
        left:15px;
    }
    .promotion-msg-card td img{
        display:none;
    }
    .promotion-msg-card .msg-content{
        font-size:12px !important;
    }
    .promotion-msg-card p{
        font-size:9px !important;
    }
    .promotion-msg-card{
        max-width:200px !important;
    }
    i.fa-solid.fa-circle-xmark:before {
        margin: 0px;
    }
    #sp-cart .floating-button{
        bottom: 90px !important;
        left: auto !important;
        right: 15px !important;
        width:fit-content !important;
    }
    .floating-button span.hikashop_small_cart_total_title i{
        font-size:14px;
    }
    div#whatsapp.floating_button {
        bottom:65px;
        right:70px;
    }
    #whatsapp button.whatsapp-button {
        position: fixed; z-index:9999;
        border-radius: 50px;
        font-size: 30px;
        padding: 5px;
        height: 50px !important;
        width: 50px !important;
        background: #25d366; color:#fff; border:0px;
    	animation: glow 1s infinite alternate;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    #whatsapp button.whatsapp-button i.fab.fa-whatsapp.whatsapp-fixed {
        font-size:25px;
        line-height: 40px;
    }
    .mod-languages {
        top:15px;
        display: none;
    }
    a.sp-scroll-up {
        right: 85px;
        bottom: 20px;
    }
    .offcanvas-menu .mod-languages {
        display:block;
        position:relative;
        bottom: 0;
        right: 0;
        background: none;
        box-shadow: none;
        padding: 0 25px;
    }
    .offcanvas-menu .sp-module-content .mod-languages ul.lang-inline{
        text-align:center;
    }

}
@media (min-width:768px){
    .offcanvas-menu .mod-languages{
        display:none;
    }
}

/*EO OVERALL*/