.navbar-dark .navbar-toggler-icon{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAKxJREFUWEftlrERwjAMRf/3EEwQmsiegToL0LAMM1BkiGzBDjZDMITFhSMcHEc6nVNIpQv9rydZJ6JxsLE+3MC2CIhIT3JnOReqei+l3BaNNwER6QBcSA6WBkiWWutxMbGtFlhW/i+3E3ACTuCLQErppKp7y+/42oTjzyacH2KMZwAHSwMArjnnWecZPgNOwAk4gc+TrA8hTKoqloto9SRrepRaVr2W24fQCTwAtsM1IZcnX/oAAAAASUVORK5CYII=);
}
.topnav{
    width: 100%;
    background-color: #fff;
}
.navbar{
    padding-top: 0;
}
.bg-white{
    background-color: #fff;
}

.dropdown-menu:before{
    display: none;
}
.navbar-collapse{
    position: relative;
}
.padtop{
    padding-top: 60px;
}
.top-nav-bar{
    width: 100%;
    height: 60px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
.top-nav-bar::after{
    content:'';
    position: absolute;
    bottom: 0;
    left: -50%;
    width: 200vw;
    height: 2px;
    background-color: #f4f4f4;
}
.top-nav-bar .logo{
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 32px;
}
.top-nav-link{
    flex:1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top-nav-link a{
    color: #000;
}
.top-nav-link .dropdown{
    position: relative;
}
.top-nav-link .dropdown .arr-b{
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-40%);
    width: 15px;
    height: 15px;
}
.top-nav-link .dropdown .arr-b>img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top-nav-link  .hover-dropdown:hover .dropdown-menu{
    display: block;
}
.top-nav-link .dropdown-toggle::after {
    display: none !important;
}

.top-nav-link .link{
    height: 100%;
}
.flex-row{
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: space-around;
}
.top-search{
    width: 240px;
    height: 100%;
    margin: 0 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-search::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #B0B0B0;
}
.top-search .top-search-input{
    width: 100%;
    height: 30px;
    border: none;
    outline: none;
    background-color: transparent;
}
.top-search .search-icon{
    position: absolute;
    right: 10px;
    top: 40%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
.top-search .search-icon img{
    width: 100%;
}
.login-btn{
    width: 180px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #F47054;
    border-radius: 30px;
    color: #fff;
    margin-left: 20px;
}
.navbar-nav {
    /* width: 100%;
    display: flex;
    justify-content: center; */
   
}
.navbar-collapse{
    flex-basis: 100%;
    flex-grow: 1;
}
.navbar-nav .nav-item .nav-link{
    color: #000;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
    color: #F47054;
}
.rd-navbar-main-outer,.rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer{
    padding-left: 0;
    padding-right: 0;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main{
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main::before{
    content:'';
    position: absolute;
    top: 0;
    left: -25vw;
    width: 150vw;
    height: 1px;
    background-color: #eee;
}
.rd-nav-link .icon{
    width: 15px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rd-nav-link .icon >img{
    width: 100%;
}
.rd-navbar-static .rd-nav-link{
    display: flex;
    align-items: center;
}
.rd-navbar-static .rd-nav-link{
    font-size: 15px;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-nav{
    height: 40px;
    display: flex;
    align-items: center;
}
.rd-navbar-nav-wrap .no-icon .dropdown-toggle::after{
    display: none;
}
.dropdown-menu{
    border-radius: 15px;
}
.dropdown-rd-nav-link{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.dropdown-rd-nav-link:last-child{
    margin-bottom: 0;
}
.bs-dropdown-min-width{
    --bs-dropdown-min-width:80px;
}
.dropend-sec:hover .dropdown-menup-three{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(108px, 0px, 0px);
}
.dropdown-menup-three .dropdown-rd-nav-link{
    display:flex;
    justify-content: center;
}
.dropdown-rd-nav-link-more{
    padding-left: 10px;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap{
    justify-content: flex-start;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main{
    justify-content: flex-start;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover::before{
    display: none;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover{
    color:#6689ff ;
}
.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone{
    display: flex;
    justify-content: center;
}
.mobile-icon-bar-box,.rd-navbar-brand {
    display: none;
    
    
}
.mobile-icon-bar-box .icon{
    width: 30px;
    margin-left: 10px;
}
.mobile-icon-bar-box .icon>img{
    width: 100%;
}
.mobile-nav{
    display: none;
}
.rd-navbar-fixed .rd-navbar-nav{
    display: none;
}
.rd-navbar-fixed .rd-navbar-panel{
    justify-content: space-between;
}

.rd-navbar-fixed .mobile-icon-bar-box{
    display: flex;
    align-items: center;
}
.rd-navbar-fixed .rd-navbar-brand{
    display: block;
}

.rd-navbar-fixed  .rd-navbar-nav-wrap .no-icon{
    display: none;
}

.rd-navbar-fixed  .mobile-nav{
    display: block;
    color: #000;
    padding-left: 10%;
}
.rd-navbar-fixed .mobile-nav .title{
    text-align: left;
    font-size: 18px;
    color: #888;
}
.rd-navbar-fixed .mobile-nav .mobile-nav-link{
    position: relative;
}

.rd-navbar-fixed .mobile-nav .mobile-nav-link-arr .arr{
    position: absolute;
    top:50%;
    right: 10%;
    width: 15px;
    transform: translateY(-50%) ;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rd-navbar-fixed .mobile-nav .mobile-nav-link-collapsed{
    position: relative;
}
.rd-navbar-fixed .mobile-nav .mobile-nav-link-collapsed .arr{
    position: absolute;
    top:50%;
    right: 10%;
    width: 15px;
    transform: translateY(-50%) rotate(90deg);
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rd-navbar-fixed .mobile-nav .collapsed .arr{
    position: absolute;
    top:50%;
    right: 10%;
    transform: translateY(-50%) ;
    width: 15px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rd-navbar-fixed .mobile-nav .mobile-nav-link .arr >img{
    width: 100%;
}
.rd-navbar-fixed .mobile-nav-item {
    display: flex;
    justify-content: flex-start;
}
.rd-navbar-fixed .mobile-nav-item a{
    padding-left: 5%;
    margin-bottom: 10px;
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0;
    color: #151515;
    display: flex;
    justify-content: flex-start;
}
.footer-list-category-2 > li:not(:first-child) {
    border-left: none;
}
.footer-list-category-2 >li{
    width: 20%;
    height:120px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.footer-list-category-2 .title-item{
    padding-bottom: 5px;
}
.ft-title{
    padding-bottom: 5px;
    color: #000;
}
.footer-minimal-inset{
    padding-bottom: 10px;
}
.footer-list-category-2 a{
    color: #000;
}
.footer-minimal{
    border-top: 2px solid #F8F8F8;
    color: #000;
}
.footer-minimal.context-dark .footer-minimal-bottom-panel{
    color: #000;

}
.icon-iphone{
    width: 60px;
}
.icon-google{
    width: 45px;
}
.banner-search-txt{
    position: absolute;
    top: 40%;
    left: 10%;
    transform: translateY(-50%);
}
.bnanner-search-box{
    position: relative;
    width: 520px;
    height: 60px;
    z-index: 1010;
}
.bnanner-search-input{
    width: 520px;
    height: 60px;
    border: none;
    outline: none;
    padding-left: 50px;
    border-radius: 40px;
    box-shadow: 2px 2px 10px  rgba(0,0,0,0.8);
    border: 1px solid #eee;
}
.bnanner-search-box .search-icon{
    position: absolute;
    top: 45%;
    left: 15px;
    transform: translateY(-50%);
}
.bnanner-search-box .search-icon>img{
    width: 20px;
}
.search-btn{
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #e37860;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-icon{
    margin-right: 10px
}
.btn-icon>img{
    width: 15px;
   
}
.vague{
    display: none;
    z-index: -1;
    width: 100%;
    position: absolute;
    top:20px;
    left: 0;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 40px;
}
.vague-item{
    cursor: pointer;
    padding: 20px ;
    text-align: left;
}
.vague-item:not(:last-child){
    border-bottom: 1px solid #eee;
}
.bnanner-search-input:focus+.vague{
    display: block;
}
.banner-txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20%;
    color: #e37860;
    font-size: 32px;
    font-weight: bold;
}
.sever-title{
    width: 100%;
    height: 70px;
    text-align: left;
    position: relative;
}
.sever-title .line{
    /* width: -moz-calc(100% + 35px);
    width: -o-calc(100% + 35px);
    width: -webkit-calc(100% + 35px);
    width: -ms-calc(100% + 35px);
    width: calc(100% + 35px); */
    
    height: 15px;
    background-color: #FDEBDE;
    border-radius: 50px;
    position: absolute;
    bottom: 5px;
    left: -15px;
    z-index:-1;
}
.sever-title .sever-title-icon{
    width:calc(100% + 55px);
}
.sever-title>.sever-title-txt{
    position: absolute;
    left: 0;
    z-index: 2;
}
.sever-title>.sever-title-txt .hot{
    position: absolute;
    top: 0;
    right: -30px;
    width:30px;
}
.sever-title>.sever-title-txt .hot>img{
    width: 100%;
}
.sever-title .more{
    position: absolute;
    bottom:50%;
    right: 10px;
    transform: translateY(50%);
    font-size: 16px;
    cursor: pointer;
    text-decoration:underline;
}
.classfy{
    width: 100%;
}
.classfy-row{
    width: 100%;
    display: flex; 
    flex-wrap: wrap;
    justify-content: flex-start;
}
.classfy-item{
   width: 12.5%;
   margin-bottom: 10px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.classfy-item-a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.classfy-icon{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #e37860;
}
.classfy-icon>img{
    width: 100%;
    height: 100%;
}
.classfy-p{
    margin-top: 5px;
    color: #000;
}
.team-classic{
    border-radius: 10px;
    overflow: hidden;
}
.team-classic-lg .team-classic-caption{
    min-width: unset;
    padding: 0;
    bottom: 50%;
    left: 50%;
    transform:translateX(-50%) translateY(50%);
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.team-classic-caption::before{
    background-color: transparent;
}
.team-classic-status{
    padding:5px 25px ;
    border-radius: 20px;
    background-color: #e37860;
}
.classfy-item-shop{
    width: 22%;
    margin: 0 1.2% 20px;

}
.classfy-item-shop .classfy-icon{
    background-color: transparent;
}
.classfy-item-shop  .classfy-p{
    color: #e37860;
    font-weight: bold;
}
.shop-txt{
    width: 100%;
    height: 100px;
    word-break: break-all;
    overflow: hidden;    
    display: -webkit-box;
    text-overflow:ellipsis;    
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    color: #000;
}
.shopping-list{
    display: flex;
    justify-content: space-between;
}
.shopping-item{
    width: 23%;
    
}
.border-reaius-hidden{
    border-radius: 10px;
    overflow: hidden;
}
.shopping-img{
    width: 100%;
    position: relative;

}
.shopping-img>img{
    width: 100%;
}
.shopping-item .more-link{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #e37860;
    padding: 5px 20px;
    border-radius: 20px;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
}
.shopping-item .shopping-name{
    text-align: left;
}
.shopping-item  .shopping-txt{
    width: 100%;
    height: 36px;
    font-size: 16px;
    line-height: 18px;
    word-break: break-all;
    overflow: hidden;    
    display: -webkit-box;
    text-overflow:ellipsis;    
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    color: #000;
}
.shopping-price-commit{
    display: flex;
    justify-content: space-between;
}
.spc-left{
    display: flex;
    align-items: center;
}
.shopping-price-commit .star-list{
    display: flex;
}
.shopping-price-commit .star-list .star-item{
    display: flex;
    align-items: center;
}
.shopping-price-commit .star-list .star-item>img{
    width: 10px;
    height: 10px;
}
.shopping-price-commit .commit{
    font-size: 12px;
    margin-top: 0;
    padding-left: 10px;
}
.spc-right{
    display: flex;
    align-items: flex-end;
}
.spc-right .price{
    font-weight: bold;
    color: #e37860;
}
.shopping-item-recom{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px ;
}
.shopping-item-recom .star-list{
    display: flex;
}
.shopping-item-recom .star-list .star-item{
    display: flex;
    align-items: center;
}
.shopping-item-recom .star-list .star-item>img{
    width: 10px;
    height: 10px;
}
.shopping-cnt{
    padding: 5px 10px;
}
.shopping-item-recom .price{
    font-weight: bold;
    color: #e37860;
}
.shopping-item-recom .learn-more{
    background-color: #e37860;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
}
.shopping-banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.shopping-banner>img{
    width: 100%;
}
.banner-bg{
    width: 80%;
    height: 100%;
    border-radius: 0 90px 90px 0;
    background-color: #e37860;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-bg-txt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 32px;
    color: #fff;
}
.ad-footer2{
    width: 100%;
    height: 200px;
    background-color: #e37860;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 1050;
}
.ad-footer-flex{
    display: flex;
}
.ad-footer-left{
    width: 50%;
    position: relative;
}
.ad-footer-left .phone{
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 340px;
    border-radius: 20px;
    background-color: #FCFCFC;
    transform: translateY(-14%);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px ;

}
.ad-footer-left  .app-txt{
    position: absolute;
    top:30%;
    right:20%;
    color: #fff;
    font-size: 16px;
}
.ad-footer-right{
    position: relative;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ad-footer-flex .ercode{
    width: 120px;
    
}
.ad-footer-flex .ercode>img{
    width: 100%;
}
.ad-footer-flex .line{
    color: #fff;
    margin: 0 30px;
    position: relative;
}
.ad-footer-flex .line::before{
    content: '';
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 40px;
    background-color: #fff;
}
.ad-footer-flex .line::after{
    content: '';
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 40px;
    background-color: #fff;
}
.ad-footer-flex .store{
    display: flex;
    flex-direction: column;
    width: 120px;
}

.ad-footer-flex .store-icon {
    margin-bottom: 10px;
}
.ad-footer-flex .store .store-icon >img{
    width: 100%;
}
.ad-footer-flex .closed{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 24px;
    width: 20px;

}
.ad-footer-flex .closed>img{
    width: 100%;
}
.ad-mobile-phone{
    display: none;
}
.ad-mobile-phone .closed{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    color: #fff;
    font-size: 24px;
    width: 20px;
    height: 20px;
}
.ad-mobile-phone .closed>img{
    width: 100%;
}
.ad-mobile-phone .phone-m{
    width: 120px;
    height: 100px;
    border-radius: 20px;
    background-color: #FCFCFC;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px ;
}
.ad-mobile-phone  .app-txt-m{
    color: #fff;
    font-size: 16px;
}
.mobile-ad-show .rd-navbar-fixed .rd-navbar-panel{
    top:120px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap{
    z-index: 1050;
    top: 0;
    padding-top: 30px;
}
.ad-mobile-phone .ad-footer-left{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.mobile-navbar-nav .mobile-nav-item .mobile-nav-link-sec{
    padding-left: 9%;
}
.accordion-button{
    padding-top: 0;
    padding-bottom: 0;
}
.accordion-button:focus{
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.accordion-button:not(.collapsed){
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.inner-bottom-panel{
    font-size: 14px;
    display: f;
}
.fnt-size14{
    font-size: 12px;
    font-weight: normal;
}
.footer-list-category-2 >.is-xl-show{
    display: none;
}
.rd-nav-item.dropdown:hover .dropdown-rd-menu{
    display: block;
}
.swiper-slider-classic-w100{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.mark{
    display: none;
    pointer-events: none;
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active+.mark{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #B9B9B9;
    z-index: 1049;
}
/* .rd-navbar-fixed .rd-navbar-nav-wrap::after{
    content: '';
    
} */
.display-none-all{
    display: none;
}
.scroll-y{
    overflow: auto;
}
.scroll-y::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
.scroll-y-hidden-bar{
    width: 400%;
}
.scroll-y-hidden-bar-prefer{
    width: 300%;
    display: flex;
}
.scroll-y-hidden-bar-prefer .prefer-item{
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
}
.scroll-y-hidden-bar-shop{
    width: 200%;
    flex-wrap: nowrap;
}
@media (min-width: 1400px){
    .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 1200px) {
    .ad-mobile-phone{
        z-index: 1040;
        width: 100%;
        height: 120px;
        background-color: #e37860;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
    }
    .xl-display-none{
        display: none !important;
    }
    .xl-display-show{
        display: block !important;
    }
    .footer-list-category-2 .is-xl-hidden{
        /* display: none; */
        
    }
    .footer-list-category-2 >.is-xl-show{
        display: block;
    }
    .footer-list-category-2 >li{
        width: 42%;
        box-sizing: border-box;
    }
    .banner-search-txt{
        display: none;
    }
    .banner-txt{
        right: 50%;
        transform: translateY(-50%) translateX(50%);
    }
    .classfy-item{
        width: 16.5%;
    }
    .classfy-icon{
        width: 60px;
        height: 60px;
    }
    .classfy-item-shop{
        width: 45%;
    }
    .shopping-list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .shopping-item{
        width: 47%;
        margin-bottom: 20px;
    }
    .shopping-price-commit .star-list .star-item>img{
        width: 5px;
        height: 5px;
    }
    .shopping-price-commit .commit{
        padding-left: 2px;
    }
    .spc-right .price{
        font-size: 12px;
    }
    .shopping-item .more-link{
        font-size: 12px;
        padding: 2px 10px;
    }
    
}
/* @media (max-width: 980px){
    .sever-title .line{
        width: 178px;
        bottom: 15px;
    }
} */
@media (max-width: 768px){
    .footer-list-category-2 > li:not(:first-child) {
        border-left: none;
    }
    .classfy-item{
        width: 33.3%;
    }
    .classfy-item-shop{
        width: 45%;
    }
    .xs-display-none{
        display: none;
    }
    .xs-display-show{
        display: block;
    }
    .classfy-row-xs{
        flex-wrap: nowrap;
    }
    .classfy-row-xs .classfy-item{
        width: 16.6%;
    }
}

@media (max-width: 428px){
    .shopping-price-commit .commit{
        display: none;
    }
    .classfy-row-xs .classfy-item{
        width: 16.6%;
    }
   
    .classfy-icon{
        width: 40px;
        height: 40px;
    }
    .classfy-p{
        font-size: 12px;
    }
}

.dropdown-menu.bs-dropdown-min-width.custom {
    position: absolute !important;
    top: 12px !important;
}

.rd-three-dot .dropend.dropend-sec:nth-child(1){
    padding-top: 10px;
}

.rd-three-dot .dropend.dropend-sec{
    padding-left: 10px;
    padding-right: 10px;
}