*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}body{font-family:"GoogleSans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif}html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0}fieldset,img,input,button{border:none;padding:0;margin:0;outline-style:none}ul,ol{list-style:none}input,textarea,select{outline:none;font:12px/1.5 "微软雅黑","宋体",arial}s,i,em{font-style:normal;text-decoration:none}.col-red{color:#C81623 !important}a{outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus{outline:0}a:link,a:visited{color:#333;text-decoration:none}a img{border:none}.clearfix{*zoom:1}.clearfix:after{display:block;content:"\200B";clear:both;height:0}@media (min-width: 1100px){a{font-size:16px}p{font-size:16px}.med{font-size:16px}i{font-size:22px}s{font-size:14px}em{font-size:12px}span{font-size:18px}.small{font-size:10px}.lager{font-size:30px}li{font-size:16px}}@media only screen and (max-width: 1100px){a{font-size:16px}p{font-size:16px}.med{font-size:16px}i{font-size:22px}s{font-size:14px}em{font-size:12px}span{font-size:18px}.small{font-size:10px}.lager{font-size:30px}li{font-size:16px}}@media only screen and (max-width: 1000px){a{font-size:15px}p{font-size:15px}.med{font-size:15px}i{font-size:20px}s{font-size:13px}em{font-size:11px}span{font-size:17px}.small{font-size:9px}.lager{font-size:28px}li{font-size:15px}}@media only screen and (max-width: 900px){a{font-size:15px}p{font-size:15px}.med{font-size:15px}i{font-size:20px}s{font-size:13px}em{font-size:11px}span{font-size:17px}.small{font-size:9px}.lager{font-size:28px}li{font-size:15px}}@media only screen and (max-width: 800px){a{font-size:14px}p{font-size:14px}.med{font-size:14px}i{font-size:19px}s{font-size:12px}em{font-size:10px}span{font-size:16px}.small{font-size:8px}.lager{font-size:16px}li{font-size:14px}}@media only screen and (max-width: 700px){a{font-size:15px}p{font-size:15px}.med{font-size:15px}i{font-size:20px}s{font-size:13px}em{font-size:11px}span{font-size:14px}.small{font-size:9px}.lager{font-size:14px}li{font-size:15px}}.dimg img:hover{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both;animation:tada 1s .2s ease both}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}.shop_box{display:none;position:fixed;top:0px;transition:1s all;padding:10px;right:0px;width:400px;height:100%;z-index:99;background:white}.shop_box .shop_box_tit{padding:14px 0 42px 0;border-bottom:1px solid #e1e1e1}.shop_box .shop_box_tit h3,.shop_box .shop_box_tit h6{font-weight:600;float:left}.shop_box .shop_box_tit .close_shop{float:right;color:#000;font-weight:600;font-size:15px;z-index:11;cursor:pointer}.shop_box .product_box{height:700px;overflow:auto;overflow-x:hidden}.shop_box .product_box .prodt_mess{padding:10px 0;width:100%;display:flex;align-items:center;border-bottom:1px solid #e1e1e1}.shop_box .product_box .prodt_mess .icon{width:12%}.shop_box .product_box .prodt_mess .shop_imgs{width:24%}.shop_box .product_box .prodt_mess .shop_des{width:64%}.shop_box .product_box .prodt_mess .shop_des h4{font-size:15px;font-weight:600}.shop_box .product_box .prodt_mess .shop_des span s{font-size:14px}.shop_box .product_box .prodt_mess .shop_des span i{font-size:14px;color:red}.shop_box .shop_total{position:absolute;width:100%;bottom:0;left:0;padding:14px 14px}.shop_box .shop_total .subtotal{border-top:1px solid #e1e1e1;width:100%;padding:16px 0}.shop_box .shop_total .subtotal .le{float:left;font-size:16px;font-weight:600}.shop_box .shop_total .subtotal .ri{float:right;font-size:16px;font-weight:600}.shop_box .shop_total .shop_btn{background-color:#fff;margin-top:20px;text-align:center;padding:14px 0;border:1px solid #000}.shop_box .shop_total .shop_btn:nth-child(2){color:#fff;background-color:#000}.shop_box_md{opacity:0;position:absolute;transition:1s all;top:53px;right:0px;width:80%;height:100%;background:white}.shop_box_md .close_shop{position:absolute;right:10px;top:10px;color:#000;font-size:16px;z-index:11;cursor:pointer}.mask_shop{width:100%;height:100%;background-color:rgba(0,0,0,0.7);transition:opacity .4s ease, visibility 0s ease;position:fixed;top:0;left:0;z-index:97;opacity:0.6;display:none}.search_box{z-index:2000;background-color:white;display:none;position:absolute;border-top:1px solid #ccc;top:94px;padding:16px 0 24px;width:100%;box-shadow:#e1e1e1 2px 2px 5px}.search_box .searchboxs{display:flex;justify-content:center}.search_box .searchboxs .inputBox{display:flex;align-items:center}.search_box .searchboxs .inputBox .input_box{width:380px;height:40px;position:relative;line-height:40px;padding-left:14px;border:1px solid #ebebeb;border-radius:12px}.search_box .searchboxs .inputBox .input_box input{width:86%;height:22px}.search_box .searchboxs .inputBox .input_box input:-webkit-autofill{box-shadow:0 0 0 1000px white inset;-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#000}.search_box .searchboxs .inputBox .input_box textarea:-webkit-autofill,.search_box .searchboxs .inputBox .input_box select:-webkit-autofill{box-shadow:0 0 0 1000px white inset;-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#000}.search_box .searchboxs .inputBox .input_box input[type=text]:focus,.search_box .searchboxs .inputBox .input_box input[type=password]:focus{box-shadow:0 0 0 1000px white inset;-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#000}.search_box .searchboxs .inputBox .input_box textarea:focus{box-shadow:0 0 0 1000px white inset;-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#000}.search_box .searchboxs .inputBox .input_box i{font-size:24px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search_box .searchboxs .inputBox .serach_close{margin-left:38px}.search_box .searchboxs .inputBox .serach_close:hover{cursor:pointer}.search_box .searchboxs .inputBox .serach_close i{font-size:28px;color:#ccc}.search_box .searchboxs .search_keywords{margin-top:18px}.search_box .searchboxs .search_keywords span{font-size:16px;font-weight:bold;color:black}.search_box .searchboxs .search_keywords ul li{font-size:14px;color:#000;line-height:24px}.search_box .searchboxs .search_keywords ul li:hover a{color:#ac0083;text-decoration:underline}@media (max-width: 991px){.search_box{top:53px;padding:16px 10px}.search_box .searchboxs{display:block;width:100%}.search_box .searchboxs .inputBox .input_box{width:100%}}#myBtn{display:none;position:fixed;bottom:20px;right:20px;z-index:9999;border:none;outline:none;background-color:#ac0083;color:white;cursor:pointer;padding:10px 14px}#myBtn:hover i{opacity:1}#myBtn i{font-size:20px;opacity:0.8}@media (max-width: 991px){#myBtn{bottom:70px;right:12px}}#header{width:100%}#header .topbar{width:100%;height:44px;background-color:#BB339D}#header .topbar .container{padding:0}#header .topbar .container .row>[class*="col-"]{position:relative;height:44px;line-height:44px}#header .topbar .container .row>[class*="col-"] .med{font-size:14px;font-weight:400;color:#FFFFFF}#header .topbar .container .row>[class*="col-"] .med a{font-weight:400;color:#FFFFFF}#header .topbar .container .row>[class*="col-"] a img{position:absolute;top:50%;transform:translateY(-50%);margin:auto 0;left:12px;width:140px}#header .topbar .container .row>[class*="col-"] .txt{font-size:14px}#header .topbar .container .row>[class*="col-"] .login,#header .topbar .container .row>[class*="col-"] .shop{margin-left:40px}#header .topbar .container .row>[class*="col-"] .login{display:inline-block}#header .topbar .container .row>[class*="col-"] .login:hover{cursor:pointer}#header .topbar .container .row>[class*="col-"] .login i{font-size:22px}#header .topbar .container .row>[class*="col-"] .mask_login{width:100%;height:100%;background-color:rgba(0,0,0,0.7);transition:opacity .4s ease, visibility 0s ease;position:fixed;top:0;left:0;z-index:99;opacity:0.6;display:none}#header .topbar .container .row>[class*="col-"] .sected{display:none;height:100px;width:150px;background:white;z-index:100;position:absolute;top:74px}#header .topbar .container .row>[class*="col-"] .sected ul{width:100%;height:100%}#header .topbar .container .row>[class*="col-"] .sected ul .c_b{border:none !important}#header .topbar .container .row>[class*="col-"] .sected ul li{text-align:center;height:50%;line-height:50px;width:100%;border-top:1px solid #2d2d2d}#header .topbar .container .row>[class*="col-"] .shop{margin-left:10px;text-align:center;display:inline-block;top:2px;position:relative;height:100%}#header .topbar .container .row>[class*="col-"] .shop i{font-size:24px}#header .topbar .container .row>[class*="col-"] .shop i:hover{color:#ccc}#header .topbar .container .row>[class*="col-"] .shop .shop_des{position:absolute;text-align:center;line-height:10px;width:13px;border-radius:50%;height:13px;background-color:red;top:43%;transform:translateY(-50%);right:-4px}#header .topbar .container .row>[class*="col-"] .shop .shop_des em{color:#fff}@media (min-width: 768px){#header .topbar .container{padding-left:0;padding-right:0}}@media (min-width: 768px){#header .topbar .container .row>[class*="col-"]{padding:0}}@media (max-width: 479px){#header .topbar .container .row>[class*="col-"]{margin:0}}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{max-height:620px !important}@media (min-width: 1200px){#nav{position:relative;text-align:center;background-color:#fff;border-bottom:1px solid #ccc}#nav .container{padding-left:0;padding-right:0}}@media screen and (min-width: 1200px) and (min-width: 768px) and (max-width: 1199px){#nav .container .row{margin:0}}@media (min-width: 1200px){#nav .container .row>[class*="col-"]{position:static;padding:0}#nav .container .row>[class*="col-"] #logo{position:absolute;left:80px;top:50%;transform:translateY(-50%)}#nav .container .row>[class*="col-"] .navbar-nav{background-color:none}#nav .container .row>[class*="col-"] .navbar-left{float:none !important}#nav .container .row>[class*="col-"] .navbar-collapse{float:none;display:flex;align-items:center;justify-content:center}#nav .container .row>[class*="col-"] .navbar-collapse ul{float:none;display:flex;justify-content:center}#nav .container .row>[class*="col-"] .navbar-collapse ul li a{display:block;color:#000;font-size:14px;font-weight:bold}#nav .container .row>[class*="col-"] .navbar-collapse ul li a .c_m_r{margin-right:0 !important}#nav .container .row>[class*="col-"] .navbar-collapse ul li a i{font-size:8px;position:relative;top:2px;left:2px;display:inline-block}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul{display:none;min-width:180px;padding:0}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li{display:flex;align-items:center;padding:0 16px}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li a{padding:3px 0;color:#626262;font-weight:normal}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li .cate-label{margin-left:8px;background-color:#DC143C;width:38px;height:20px;color:#fff;text-align:center;font-size:14px;line-height:20px;border-radius:4px}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover{background:#EEEEEE}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a{color:#BB339D;background:none}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a i{transition:all 1s;transform:rotate(180deg)}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a div{height:4px;width:4px;display:inline-block;margin-right:4px;background:red;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a p{display:inline-block}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover ul{display:block}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_show{display:block !important}#nav .container .row>[class*="col-"] .navbar-collapse ul .login{position:absolute;top:50%;transform:translateY(-50%);color:#000;right:120px}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop{position:absolute;right:80px;top:50%;transform:translateY(-50%);color:#000}

#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-menu{min-width:720px;padding:18px 20px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega{display:block;padding:0}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-column{display:flex;flex-direction:column;gap:10px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-title{font-size:12px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-link{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:6px;transition:background-color .2s ease}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-link:hover{background:#f6f6f6}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-link span{font-size:13px;color:#333}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-logo{width:40px;height:20px;object-fit:contain}#nav .container .row>[class*="col-"] .navbar-collapse ul li.brand-mega-item:hover{background:#fff}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop .shop_des{position:absolute;text-align:center;line-height:3px;width:13px;border-radius:50%;height:13px;background-color:red;top:34%;transform:translateY(-50%);right:-6px}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop .shop_des em{color:#fff}}@media (min-width: 1200px) and (max-width: 479px){#nav .container .row>[class*="col-"] .navbar-collapse ul{padding:0}}@media (min-width: 1200px){#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search{position:absolute;top:77%;transform:translateY(-77%);right:-140px}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search i{font-size:18px;color:#000}}@media (min-width: 1200px) and (min-width: 1200px){#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search{position:absolute;top:50%;transform:translateY(-50%);right:160px}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search i{font-size:18px;color:#000}}@media (min-width: 1200px){#nav .container .row>[class*="col-"] .navbar-collapse ul .pc_search a i{font-size:18px}#nav .container .row>[class*="col-"] .navbar-collapse ul .pc_search:hover i{color:#626262;transform:rotate(360deg);transition:all 1s}#nav .container .row>[class*="col-"] .navbar-header{padding:0 4px;line-height:57px;background-color:#000}#nav .container .row>[class*="col-"] .navbar-header a i{color:white;font-size:18px;position:relative}#nav .container .row>[class*="col-"] .navbar-header a i em{position:absolute;top:0;color:red}#nav .container .row>[class*="col-"] .navbar-header a i:hover{color:#626262}#nav .container .row>[class*="col-"] .navbar-header .navbar-toggle{float:left;border:0 !important}#nav .container .row>[class*="col-"] .navbar-header .navbar-brand{margin-right:20px}}@media screen and (min-width: 1024px) and (max-width: 1199px){#nav{position:relative;text-align:center;background-color:#fff;border-bottom:1px solid #ccc}#nav .container{padding-left:0;padding-right:0}}@media screen and (min-width: 1024px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px){#nav .container .row{margin:0}}@media screen and (min-width: 1024px) and (max-width: 1199px){#nav .container .row>[class*="col-"]{position:static;padding:0}#nav .container .row>[class*="col-"] #logo{margin:0 auto}#nav .container .row>[class*="col-"] .navbar-nav{background-color:none}#nav .container .row>[class*="col-"] .navbar-left{float:none !important}#nav .container .row>[class*="col-"] .navbar-collapse{float:none;display:flex;align-items:center;justify-content:center}#nav .container .row>[class*="col-"] .navbar-collapse ul{float:none;display:flex;justify-content:center}#nav .container .row>[class*="col-"] .navbar-collapse ul li a{display:block;color:#000;font-size:14px;font-weight:bold}#nav .container .row>[class*="col-"] .navbar-collapse ul li a .c_m_r{margin-right:0 !important}#nav .container .row>[class*="col-"] .navbar-collapse ul li a i{font-size:8px;position:relative;top:2px;left:2px;display:inline-block}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul{display:none;min-width:180px;padding:0}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li{display:flex;align-items:center;padding:0 16px}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li a{padding:3px 0;color:#626262;font-weight:normal}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li .cate-label{margin-left:8px;background-color:#DC143C;width:38px;height:20px;color:#fff;text-align:center;font-size:14px;line-height:20px;border-radius:4px}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover{background:#EEEEEE}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a{color:#BB339D;background:none}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a i{transition:all 1s;transform:rotate(180deg)}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a div{height:4px;width:4px;display:inline-block;margin-right:4px;background:red;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a p{display:inline-block}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover ul{display:block}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_show{display:block !important}#nav .container .row>[class*="col-"] .navbar-collapse ul .login{position:absolute;top:28%;transform:translateY(-50%);color:#000;right:120px}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop{position:absolute;right:80px;top:30%;transform:translateY(-50%);color:#000}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop .shop_des{position:absolute;text-align:center;line-height:3px;width:13px;border-radius:50%;height:13px;background-color:red;top:34%;transform:translateY(-50%);right:-6px}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop .shop_des em{color:#fff}}@media screen and (min-width: 1024px) and (max-width: 1199px) and (max-width: 479px){#nav .container .row>[class*="col-"] .navbar-collapse ul{padding:0}}@media screen and (min-width: 1024px) and (max-width: 1199px){#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search{position:absolute;top:13%;right:40px}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search i{font-size:22px;color:#000}#nav .container .row>[class*="col-"] .navbar-collapse ul .pc_search a i{font-size:18px}#nav .container .row>[class*="col-"] .navbar-collapse ul .pc_search:hover i{color:#626262;transform:rotate(360deg);transition:all 1s}#nav .container .row>[class*="col-"] .navbar-header{padding:0 4px;line-height:57px;background-color:#000}#nav .container .row>[class*="col-"] .navbar-header a i{color:white;font-size:18px;position:relative}#nav .container .row>[class*="col-"] .navbar-header a i em{position:absolute;top:0;color:red}#nav .container .row>[class*="col-"] .navbar-header a i:hover{color:#626262}#nav .container .row>[class*="col-"] .navbar-header .navbar-toggle{float:left;border:0 !important}#nav .container .row>[class*="col-"] .navbar-header .navbar-brand{margin-right:20px}}@media screen and (min-width: 768px) and (max-width: 1023px){#nav{position:relative;text-align:center;background-color:#fff;border-bottom:1px solid #ccc}#nav .container{padding-left:0;padding-right:0}}@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1199px){#nav .container .row{margin:0}}@media screen and (min-width: 768px) and (max-width: 1023px){#nav .container .row>[class*="col-"]{position:static;padding:0}#nav .container .row>[class*="col-"] #logo{position:absolute;left:80px;top:50%;transform:translateY(-50%)}#nav .container .row>[class*="col-"] .navbar-nav{background-color:none}#nav .container .row>[class*="col-"] .navbar-left{float:none !important}#nav .container .row>[class*="col-"] .navbar-collapse{float:none;display:flex;align-items:center;justify-content:center}#nav .container .row>[class*="col-"] .navbar-collapse ul{float:none}#nav .container .row>[class*="col-"] .navbar-collapse ul li a{display:block;color:#000;font-size:14px;font-weight:bold}#nav .container .row>[class*="col-"] .navbar-collapse ul li a .c_m_r{margin-right:0 !important}#nav .container .row>[class*="col-"] .navbar-collapse ul li a i{font-size:8px;position:relative;top:2px;left:2px;display:inline-block}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul{display:none;min-width:180px;padding:0}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li{display:flex;align-items:center;padding:0 16px}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li a{padding:3px 0;color:#626262;font-weight:normal}#nav .container .row>[class*="col-"] .navbar-collapse ul li ul li .cate-label{margin-left:8px;background-color:#DC143C;width:38px;height:20px;color:#fff;text-align:center;font-size:14px;line-height:20px;border-radius:4px}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover{background:#EEEEEE}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a{color:#BB339D;background:none}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a i{transition:all 1s;transform:rotate(180deg)}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a div{height:4px;width:4px;display:inline-block;margin-right:4px;background:red;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a p{display:inline-block}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover ul{display:block}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_show{display:block !important}#nav .container .row>[class*="col-"] .navbar-collapse ul .login{position:absolute;bottom:0;transform:translateY(-50%);color:#000;right:140px}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop{position:absolute;right:100px;bottom:8%;color:#000}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop .shop_des{position:absolute;text-align:center;line-height:3px;width:13px;border-radius:50%;height:13px;background-color:red;top:34%;transform:translateY(-50%);right:-6px}#nav .container .row>[class*="col-"] .navbar-collapse ul .shop .shop_des em{color:#fff}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search{position:absolute;right:60px;bottom:12%}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search i{font-size:18px;color:#000}}@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1200px){#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search{position:absolute;top:50%;transform:translateY(-50%);right:160px}#nav .container .row>[class*="col-"] .navbar-collapse ul .nav_search i{font-size:18px;color:#000}}@media screen and (min-width: 768px) and (max-width: 1023px){#nav .container .row>[class*="col-"] .navbar-collapse ul .pc_search a i{font-size:18px}#nav .container .row>[class*="col-"] .navbar-collapse ul .pc_search:hover i{color:#626262;transform:rotate(360deg);transition:all 1s}#nav .container .row>[class*="col-"] .navbar-header{padding:0 4px;line-height:57px;background-color:#000}#nav .container .row>[class*="col-"] .navbar-header a i{color:white;font-size:18px;position:relative}#nav .container .row>[class*="col-"] .navbar-header a i em{position:absolute;top:0;color:red}#nav .container .row>[class*="col-"] .navbar-header a i:hover{color:#626262}#nav .container .row>[class*="col-"] .navbar-header .navbar-toggle{float:left;border:0 !important}#nav .container .row>[class*="col-"] .navbar-header .navbar-brand{margin-right:20px}}@media (min-width: 280px) and (max-width: 320px){#nav .container .row>[class*="col-"] .navbar-header #logo img{width:35%;height:auto}}@media (max-width: 767px){#nav{position:relative;background-color:#000;border-bottom:1px solid #ccc}#nav .container{padding-left:0;padding-right:0}#nav .container .row{margin:0}#nav .container .row>[class*="col-"]{padding:0}#nav .container .row>[class*="col-"] .navbar-nav{background-color:none}#nav .container .row>[class*="col-"] .navbar-nav ul{background-color:none}#nav .container .row>[class*="col-"] .navbar-nav ul li a{color:white}#nav .container .row>[class*="col-"] .navbar-collapse ul li p{font-size:16px}#nav .container .row>[class*="col-"] .navbar-collapse ul li a{color:#fff;background:none;display:flex;position:relative}#nav .container .row>[class*="col-"] .navbar-collapse ul li a .c_m_r{margin-right:0 !important}#nav .container .row>[class*="col-"] .navbar-collapse ul li a i{position:absolute;margin-left:30px;right:15px;font-size:22px}#nav .container .row>[class*="col-"] .navbar-collapse ul li li{display:flex;align-items:center;padding:0 16px}#nav .container .row>[class*="col-"] .navbar-collapse ul li li a{padding:3px 0;font-weight:normal}#nav .container .row>[class*="col-"] .navbar-collapse ul li li .cate-label{margin-left:12px;background-color:#DC143C;width:38px;height:20px;color:#fff;text-align:center;font-size:14px;line-height:20px;border-radius:4px}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a{background:none}#nav .container .row>[class*="col-"] .navbar-collapse ul li:hover>a i{transition:all 1s;transform:rotate(360deg)}#nav .container .row>[class*="col-"] .navbar-header{position:relative;line-height:51px;background-color:#000}#nav .container .row>[class*="col-"] .navbar-header #logo img{position:absolute;left:49%;top:50%;transform:translate(-50%, -50%)}#nav .container .row>[class*="col-"] .navbar-header a i{color:white;font-size:18px;position:relative}#nav .container .row>[class*="col-"] .navbar-header a i .shop_des{position:absolute;text-align:center;line-height:4px;width:13px;border-radius:50%;height:13px;background-color:red;top:34%;transform:translateY(-50%);right:-4px}#nav .container .row>[class*="col-"] .navbar-header a i .shop_des em{color:#fff}#nav .container .row>[class*="col-"] .navbar-header a i:hover{color:#626262}#nav .container .row>[class*="col-"] .navbar-header .navbar-toggle{float:left;border:0 !important}#nav .container .row>[class*="col-"] .navbar-header .navbar-brand{float:right}#nav .container .row>[class*="col-"] .navbar-header #mb_people{margin-right:-10px}#nav .container .row>[class*="col-"] .navbar-header #mb_shop{margin-right:4px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-menu{min-width:100%;padding:10px 12px;max-height:70vh;overflow-y:auto}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-grid{grid-template-columns:1fr;gap:10px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-column{gap:6px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-title{color:#fff;margin-top:6px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-link{padding:6px 8px;background:rgba(255,255,255,0.02)}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-link span{color:#fff;font-size:14px}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-logo{width:54px;height:26px;max-width:54px;flex-shrink:0}#nav .container .row>[class*="col-"] .navbar-collapse ul li .brand-mega-link:hover{background:rgba(255,255,255,0.08)}}.inputBox{width:100%}.inputBox .container{padding-left:0;padding-right:0}.inputBox .container .row{margin:0}.inputBox .container .row>[class*="col-"]{padding:0}.inputBox .container .row>[class*="col-"] .mask{width:100%;height:100%;background-color:#000;transition:opacity .4s ease, visibility 0s ease;position:fixed;top:0;left:0;z-index:100;opacity:0.6;display:none}.inputBox .container .row>[class*="col-"] .input_box{width:70%;border:1px solid black;height:42px;margin-top:4px;border:1px solid #ccc;background-color:#fff;display:none;position:fixed;top:14%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1000;overflow:hidden}.inputBox .container .row>[class*="col-"] .input_box input{width:100%;height:42px;padding-left:12px}.inputBox .container .row>[class*="col-"] .input_box i{position:absolute;top:50%;transform:translateY(-50%);right:14px}#process{margin-bottom:18px}.header .row{margin:0}.header [class*="col-"]{padding-right:0}.header .left img{margin-top:14px;width:auto;height:50px}.header .right ul{float:right;padding-top:10px}.header .right ul>li{position:relative;float:left;padding:0 20px;line-height:40px}.header .right ul>li .fa{position:absolute;top:8px;left:0;color:#ccc;font-size:20px}.header .right ul>li.active .fa,.header .right ul>li.active1 .fa,.header .right ul>li.active2 .fa,.header .right ul>li.active3 .fa,.header .right ul>li.active span{color:#f60}.header .right ul>li.active1 span{color:#b12b9a}.header .right ul>li.active2 span{color:#df331f}.header .right ul>li.active3 span{color:#0fe02b}.header .right ul>li:before{position:absolute;left:0;bottom:0;content:"";width:10px;height:10px;float:left;border-radius:100%;background-color:#ccc}.header .right ul>li.active:before{background-color:#f60;z-index:9}.header .right ul>li.active1:before{background-color:#b12b9a;z-index:9}.header .right ul>li.active2:before{background-color:#df331f;z-index:9}.header .right ul>li.active3:before{background-color:#0fe02b;z-index:9}.header .right ul>li:nth-of-type(4):after{position:absolute;right:-10px;bottom:0;content:"";width:10px;height:10px;float:left;border-radius:100%;background-color:#ccc}.header .right ul>li>span:after{position:absolute;left:4px;bottom:4px;content:"";width:100%;height:2px;float:left;background-color:#ccc;z-index:1}.header .right ul>li.active>span:after{background:linear-gradient(to right, #f60, #ccc)}.header .right ul>li.active1>span:after{background:linear-gradient(to right, #ab1cd6, #ccc)}.header .right ul>li.active2>span:after{background:linear-gradient(to right, #df331f, #ccc)}.header .right ul>li.active3>span:after{background:linear-gradient(to right, #0fe02b, #ccc)}@media (max-width: 991px){.header .right ul>li{position:relative;float:left;padding:0 26px;line-height:40px}}@media (max-width: 360px){.header .right ul>li{position:relative;float:left;padding:0 15px;line-height:40px}}@media screen and (max-width: 991px){ #msgtit { right: 3px!important;position: fixed!important;bottom: 133px!important;}#msgtit1 { right: 6px!important;position: fixed!important;bottom: 214px!important!important;}}

/* ============================================
   SEO-Friendly Navigation Styles
   Replacing display:none with opacity/visibility/transform
   ============================================ */

/* Desktop Dropdown Menu - SEO Optimized */
@media (min-width: 768px) {
    /* Override display:none with SEO-friendly visibility */
    #nav .container .row>[class*="col-"] .navbar-collapse ul li ul {
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: -1;
        display: block !important; /* Force block for SEO, but hidden via opacity */
        min-width: 180px;
        padding: 0;
        background-color: #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    /* Hover state - smooth reveal */
    #nav .container .row>[class*="col-"] .navbar-collapse ul li.has-dropdown:hover ul,
    #nav .container .row>[class*="col-"] .navbar-collapse ul li:hover ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        z-index: 999;
    }
}

/* Mobile Accordion Navigation - SEO Optimized */
@media (max-width: 767px) {
    /* Mobile sub-menu using max-height for SEO */
    .mobile-sub-menu {
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        transition: max-height 0.4s ease-out, visibility 0.4s;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    /* Expanded state */
    .mobile-toggle[aria-expanded="true"] + .mobile-sub-menu {
        max-height: 500px;
        visibility: visible;
    }

    /* Mobile toggle button styling */
    .mobile-toggle {
        width: 100%;
        text-align: left;
        background: transparent;
        border: none;
        color: #fff;
        padding: 12px 15px;
        font-size: 16px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile-toggle span {
        font-size: 18px;
        transition: transform 0.3s;
    }

    .mobile-toggle[aria-expanded="true"] span {
        transform: rotate(45deg);
    }

    .mobile-sub-menu li {
        padding: 8px 15px 8px 30px;
    }

    .mobile-sub-menu li a {
        color: #fff;
        text-decoration: none;
        display: block;
    }
}