@charset "utf-8";

#jd{overflow:hidden; position:relative;z-index:1;  margin-top:1rem; aspect-ratio:1200 / 520; background: #f8f8f8; box-shadow:0 0 5px rgba(0,0,0,.1);}
#slides, .slides {max-width:2560px;margin-left:auto;margin-right:auto;display:none;position:relative;}
#jd img{width:100%;pointer-events:none;user-select:none;display:block;}

#jd a{display:block;text-decoration:none}
#jd a:hover img{transform:scale(1.01)}
#jd:hover img{transform:scale(1.01)}
a.slidesjs-play,  a.slidesjs-stop {display:none!important;}

    #slides a.slidesjs-next, #slides a.slidesjs-previous,
    .slides a.slidesjs-next, .slides a.slidesjs-previous
    {border-radius:50%; background:rgba(255,255,255,0.8);transition: background .2s;z-index:999;overflow:hidden;text-indent: -9999px;position: absolute;top:50%; margin-top:-35px; width:70px;height:70px;line-height:70px; display:none;}
    #slides:hover a.slidesjs-next, #slides:hover a.slidesjs-previous,
    .slides:hover a.slidesjs-next, .slides:hover a.slidesjs-previous
    {display:block;box-shadow: 0 0 0 10px rgba(255,255,255,.2);}

    a.slidesjs-next {right:-35px;}
    a.slidesjs-previous {left:-35px;}
    #slides a:hover.slidesjs-next,
    #slides a:hover.slidesjs-previous,
    .slides a:hover.slidesjs-next,
    .slides a:hover.slidesjs-previous
    {background:#EA538D;}

    a.slidesjs-next:before,a.slidesjs-previous:before{font-family:"宋体";display:block;width:40px;height:70px;line-height:70px;text-align:center;font-size:30px;color:#333;text-indent:0;z-index: +1;}
    a.slidesjs-next:before{content:">";margin-right: 30px;}
    a.slidesjs-previous:before{content:"<";margin-left: 30px;}
    a.slidesjs-next:hover::before,a.slidesjs-previous:hover::before{color:#fff;}

    .slidesjs-pagination {list-style:none;padding:0;margin:0;position:absolute;bottom:1%; right:0;width:100%;text-align: center;z-index:666;}
    .slidesjs-pagination li {margin:6px;padding:0;display:inline-block;}
    .slidesjs-pagination li a {display:inline-block;width:18px;padding-top:18px;height:0; border:1px solid rgba(255,255,255,0); border-radius:50%; overflow: hidden;transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;position: relative;}
    .slidesjs-pagination li a::after{content:"";border-radius:50%; width:10px;height:10px;position: absolute;left:4px;top:4px;background: #EA538D;}

    .slidesjs-pagination li a.active,   .slidesjs-pagination li a:hover.active {margin:0;background:none; border:1px solid #EA538D;}

@media (max-width: 768px) {
    .slidesjs-pagination li a {width:8px;padding-top:8px;}
    .slidesjs-pagination li a::after{width:4px;height:4px;left:2px;top:2px;}
    #slides .slidesjs-navigation{display: none!important}
}
/*轮播图 end*/


/*#top*/
#top{height:2rem;line-height:2rem; border-bottom:1px solid rgba(0,0,0,.1);}
#top>.w{display:flex;justify-content: space-between;}
.tiktok,.facebook,.xtwitter,.youtube,.instagram{background:#fff;color:#333;border-radius:2px;margin-left:.5rem;}
#top-r{word-wrap: nowrap; height:100%;}
#top-r>.sm{display:inline-block;}
#top-r>.sm::after{content:"";display:inline-block;width:1px;height:1em; margin-left:1rem;margin-bottom:-2px; background: #ccc;}
#top-r>.lang{margin-left:1rem;}
#top-r .lang-icon{height:100%;line-height:1.8rem;}
.lang-w span{margin:0 .5rem;opacity:.5;}
.lang-on{color:#EA538D;}
@media(max-width: 768px){ 
    #top-l{display:none;}
}

/*header 公共样式*/      
header{background:#fff;  /**/height:5rem; top:-5rem;transition: top .5s;}
.fixed-on{padding-top:5rem;}
.fixed-on header{position: fixed;top:0;left:0; right:0;box-shadow:0 2px 3px rgba(0,0,0,.1);z-index:9999;}
header>.w{display:flex;justify-content:space-between;height:100%;}  
#logo{height:100%;min-width:10rem;margin-right:1rem;}
#logo>a{display:block; height:100%;display:flex; align-items:center;}
#logo img{max-height:70%;}

.user{display:flex;justify-content:center;}

#nav{margin:0 auto;max-width: 1200px;}
#nav>li{position: relative;}
#nav>li>a{display:inline-block; max-height:100%; padding:.5rem 0 .5rem 1rem;}
/*li下方装饰条 hover时出现*/#nav>li::after{content:"";width:0;height:2px;background: #EA538D; position: absolute;left:0;bottom:-1px; transition: width .5s;}
#nav>li:hover::after{width:100%;}

.submenu{margin:0;transition:transform .3s;z-index:10; transform-origin:top;transform:rotateX(90deg);visibility:hidden;background:#fff; }
.submenu a{display:block; padding:2px 1rem;}
.submenu a:hover{background:rgba(0,0,0,.1);}

#hd-r{display: flex; justify-content: space-between; align-items: center;margin-left:1rem;}

/*header PC端样式*/  
@media(min-width:767px){
    nav{height:3rem;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1);}
    #nav{height:100%;padding:0; display:flex;justify-content:space-between;}
    #nav>li{padding-right:1rem;display:flex;  align-items:center;}
    #nav>li>i{position:relative;top:.2rem}

    .submenu{padding:.5rem 0; width:auto; min-width:100%; max-width:250px;position:absolute;top:100%;left:0px;box-shadow:0 3px 5px rgba(0,0,0,.2); }
    .submenu::before{content:'';display:block;position:absolute;left:1rem;border:6px solid transparent;top:0px;transform:translateY(-100%); border-bottom-color:#555}
        #nav>li:hover .submenu{transform: rotateX(0deg);visibility: visible;}
}

/*header 手机端样式*/ 
@media(max-width: 768px){
    header{box-shadow:0 2px 3px rgba(0,0,0,.1);}
    nav{position:fixed;top:7rem;left:0;right:0;z-index:999;}
    .fixed-on nav{top:5rem;}
    #nav{visibility:hidden;opacity:0;transition:all 0.3s ease;position:absolute;top:150%;left:0;right:0; box-shadow:0 2px 3px rgba(0,0,0,.2); z-index:9999; border-top:1px solid #ff6b6b;background:#eee;padding:1rem}
    nav.show #nav{visibility:visible;opacity:1;top:100%;}

    #nav>li{background:#fff;margin-bottom:.5rem;}
    #nav>li>a{margin-right: 3rem;}
    #nav>li>i{position: absolute;right: 0;top:0; bottom:0; width: 2.5rem; border-left: 1px solid rgba(0,0,0,.2); height: 2.6rem;line-height: 2.6rem;text-align: center;}
    #nav>li.li-on>i{transform:rotate(180deg); border-left:0; border-right:1px solid rgba(0,0,0,.2);}

    .submenu{min-width:100%;padding:0; position:static;height:0;overflow: hidden;}
    li.li-on>.submenu{height:auto; border-top:1px solid rgba(0,0,0,.2);padding:.5rem 0; transform: rotateX(0deg);visibility: visible;}
}

/*header手机端-菜单开关按钮*/
.mob-menu{display:none;cursor:pointer;margin-left:30px;width:36px;height:25px;position:relative}
    .mob-menu span{position:absolute;left:0px;display:block;height:3px;background:#222;border-radius:2px;transition:all .2s}
    .mob-menu span:nth-child(1){width:100%;top:0px}
    .mob-menu span:nth-child(2){width:90%;top:43%}
    .mob-menu span:nth-child(3){width:80%;top:auto;bottom:0px}
.mobact span:first-child{transform:rotate(45deg);top:46%}
    .mobact span:nth-child(2){opacity:0}
    .mobact span:nth-child(3){width:100%;transform:rotate(-45deg);top:46%}
@media(max-width: 768px){
    .mob-menu{display:block;}
}

/*购物车 number*/
.user>div{min-width:5rem;text-align: center; font-size:12px;}
.user i{display: block; font-size:2rem; color:#EA538D;}
.user a{display: block; position:relative; line-height:1.4;}
.num{position:absolute;top:0;right:12%;border-radius:2em;font-size:12px; height:20px;line-height:20px; min-width:20px;  background:rgba(217,15,95,.7); color:#fff;}

.user-admin{position:relative;z-index:9999;}
.user-admin ul{position: absolute;margin:0;padding:.5rem 0;top:200%;left:0;min-width:100%; visibility: hidden;opacity: 0;transition: top .3s; background: #fff;box-shadow: 0 0 3px rgba(0,0,0,.2);}
.user-admin:hover ul{visibility: visible;opacity: 1;top:100%;}
.user-admin ul li>a{padding:.5rem 0;}

@media(max-width: 768px){ 
    .user-like,.user-cart{display:none;}
}

/*<!-- 多语言css -->*/
    /*↓ <div class="lang"> */
    .lang{display:inline-block;position:relative;box-sizing: border-box;    margin-left:1rem;}

    .lang-icon{display:block;width:100%;height:30px;line-height:26px;cursor:pointer;box-sizing:border-box;position:relative;user-select:none}
    .lang-icon>img{display:inline-block;height:1rem;}
    .lang-icon span,.lang-icon i{margin-left:.2rem;     /**/display:none;}

    .lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#fff;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
    .lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 8px)}
    .lang-arrow{display:block;width:10px;height:10px;background-color:#fff;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}

    .lang-wrap{width:140px;padding:8px 0px; margin: 0; box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}

    .lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:.3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}

    .lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
    .lang-wrap li a{display:block;color:#000;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
    /*↑ </div class="lang"> end*/
/*header end*/

/*首页-产品分类*/
.big-t{text-align:center;color:#EA538D; text-transform:uppercase;}
.in-cpfl-w{border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.2);}
.in-cpfl-w .img{transition: all .5s ease;}
.in-cpfl-w:hover .img{transition: all .5s ease;transform: scale(1.1)}
.in-cpfl{position: absolute;top:0;left:0;right:0;bottom:0; z-index:9; display:flex; justify-content: center;  align-content: center; flex-wrap: wrap; text-align:center; color: #fff; background: rgba(0,0,0,.5);}
.in-cpfl h3{width:100%;margin-bottom:0;}
.in-cpfl a{display:inline-block; color:#fff; padding:.5rem;border:1px solid #fff; min-width:160px;max-width:98%;}
@media(min-width:768px){
  .in-cpfl h3{font-size:1.5rem;}
}
@media(max-width:768px){
    .imgbox.in-cpfl-w::before{padding-bottom:47%;}
}

/*首页-产品图文 2模块*/
.bg{background:#FEEFF8;overflow: hidden;}
.mk-1{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.1);border-radius:8px;overflow: hidden;text-align:center;}
.like{position: absolute;top:30%;right:-120px; visibility:hidden;opacity:0;transition:right .5s; z-index:3;}
.imgbox:hover>.like{visibility:visible;opacity:1;right:10px;}
.like a{display: block;width:2.5rem;height:2.5rem;line-height:2.5rem; border-radius:8px;text-align:center;margin-top:10px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);}
.mk-1 h4,.mk-1 p{margin-left:.5rem;margin-right:.5rem;}
.mk-1 h4{height:3.2rem;margin-bottom:.5rem; font-weight:normal;}
.mk-1 h4 a{color:#777;}
.mk-1 .users-price{font-weight:bold;margin-top:.5rem;}
.mk-1 .users-price span{color:#999;}
.link{text-align:center;}
.link a{display: inline-block;padding: .5rem 0;width:220px;max-width:100%;border-radius:8px;background:rgba(238, 43, 113, 0.8); color:#fff;box-shadow: 0 0 0 1px rgba(238, 43, 113, 0.8);}
.link a:hover{background:#fff;color:rgba(238, 43, 113, 1);}

.more{text-align:center;margin:2rem 0;}
.more a{display:inline-block;padding:.8rem;min-width:200px;background:#EA538D;border:1px solid #EA538D;border-radius:8px; color:#fff;}
.more a:hover{background:#fff; color:#EA538D;}

/*首页-关于我们*/
.about-txt{padding:0 3%;}

/*首页-放心购物*/
.fxgw-item{text-align:center;}
.fxgw-item i{width:6rem; height:6rem; line-height:6rem; font-size:3rem; border-radius:50%;background:#FEEFF8;color:#EA538D;}

/*首页-客户说*/
.say-w{display: inline-block;}
.say-item{margin:.5rem;padding: .5rem; width:400px;height:19rem; box-shadow:0 0 5px rgba(0,0,0,.2); text-align: center; word-wrap: break-word;white-space: normal;}
.say-item img{width:3rem; aspect-ratio:1/1; object-fit: cover; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.2);}
.xingx i{margin: 0 3px;}
.say-txt{height:8rem; overflow: hidden;}

.dowebok{height:21rem;overflow:hidden;}
.str_wrap {width:100%;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap;}
.str_wrap.str_active {background:none;}
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}


/*首页-FAQ*/
.faq{padding-left:0;}
.tab{border: 1px solid #e3a9c1; margin-bottom:1rem;overflow: hidden;}
.tab-a{margin:0; height:3rem;line-height:3rem;position:relative;padding-right:2rem;cursor: pointer;}
.tab-a::before,.tab-a::after{content:"";display:block;position:absolute; background:#999;}
.tab-a::before{width:1rem;height:2px;right:.5rem;top:1.5rem;}
.tab-a::after{width:2px;height:1rem;right:1rem;top:1rem; margin-right:-1px;margin-top:1px; transition:all .3s;}
.tab-on .tab-a{background:#fdeff8;}
.tab-on .tab-a,.tab-a:hover{color:#EA538D}
.tab-on .tab-a::after{top:-98px;visibility:hidden;opacity:0;}
.tab-b{display:none;}
.ii{float:left;font-style:normal; margin-left:.5rem;margin-right:1rem;}
.faq-c{margin-left:2.5rem;}
.faq-c a{color:#999;}
.faq-c a i{vertical-align: sub;}

/*footer*/

footer{background:#EA538D; color:#fff;}
.foot-link a{color:#eee;}
.foot-link a.active{color: #fff !important;}
.foot-link a:hover{color: #ccc !important;}
.foot-sm a{display:inline-block;margin-left:1rem;margin-bottom:1rem; line-height:1;padding:.5rem;}
.foot-fw{text-align:center;}
.foot-kdzf{display:flex;justify-content:space-evenly;flex-wrap: wrap;}
.foot-kdzf p{width:20%;}
.foot-kdzf p span{margin:0 1rem;}
#foot-cpy{background: #000;padding:1rem 0; text-align: center;}
@media(max-width:768px){
    .foot-kdzf{justify-content:space-between;}
    .foot-kdzf p{width:50%;}
    .foot-link p{margin:2%;padding:.5rem;border: 1px solid #f8f8f8;float:left;min-width:46%;box-sizing:border-box;text-align:center;}
}

/*面包屑导航*/
.dq{border-bottom:1px solid #f8f8f8;}
.dq span{margin-left:1rem; color:#EA538D;}

/*================
产品详情
=================*/
.pro-title{font-size:1.5rem;}
.sku{font-size:12px;color:#888;padding-bottom: 1rem;}
.sku span{margin-right:1rem;}
.pro-jg{border-top:1px solid #eee; border-bottom:1px solid #eee;}
.user-jg{color:#F54E00;margin-right:1em;display: inline-block;}
.xx-jg{display:inline-block;}
  /*规格*/
.pro-guige{display:flex;flex-wrap: wrap; align-items: center; gap:1rem; margin:1.5rem 0; color:#6c757d;}
.pro-gg{display: flex;flex-wrap: wrap;gap: .5rem;}
.text-radio a{color:#6c757d; cursor: pointer;display: block;padding: .4rem .6rem;border: 1px solid #eee; border-radius: 4px;min-width:3rem;text-align: center;}
.zz-selected.zz-danger {color:#ff9600;background-color: transparent;border-color:#ff9600;}
  /*数量选择-购物按钮*/
  .pro-buy{display:flex;flex-wrap: wrap;gap:1rem;align-items: center;}
  .pro-num{display:flex;flex-wrap: wrap;align-items:center; min-width:122px;border:1px solid #ccc;}
  .button-mins,.button-plus{width:40px; height: 40px; background: #fff; cursor: pointer;border:none; color:#777;}.button-mins:hover,.button-plus:hover{color:#111;}
  .button-mins{border-right:1px solid #ccc;}
  .button-plus{border-left:1px solid #ccc;}
  .pro-num input{display:block; width:78px;height:100%; text-align:center;padding:0; border:none; outline: none; background: none;box-shadow: none; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
  .bay-now{background: #ff9600; color:#fff;min-width:110px;padding:0 10px; height:40px;line-height: 40px;text-align: center;}.bay-now:hover{background: #f8f8f8; box-shadow:0 0 0 1px #ccc}
  .to-cart{border:1px solid #ccc; color:#ff9600;min-width:110px;padding:0 10px; height:38px;line-height: 38px;text-align: center;}.to-cart:hover{background: #f8f8f8;}
  .like2{display:inline-block;width:38px; height:38px;line-height:38px;text-align:center; border-radius:5px;border: 1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,.1);}

  .pro-fuwu{border-top:1px solid #eee; margin:1.5rem 0; color:#666;}
  .pro-fuwu p{display: flex;gap:.5rem;}