:root{
  --color666: '#666'  ; /*'--screen-category: 'var(--screen-category);  // 直接拼接*/
  --gap: 20;/* 数字是 使用方法： calc(var(--gap) * 1px);*/
}
@font-face{
     font-family:'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/muli-v13-latin-regular.eot); /* IE9 Compat Modes */
  src: url(../fonts/muli-v13-latin-regular.eot) format('embedded-opentype'), /* IE6-IE8 */
	   url(../fonts/muli-v13-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
	   url(../fonts/muli-v13-latin-regular.woff) format('woff'), /* Modern Browsers */
	   url(../fonts/muli-v13-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
	   url(../fonts/muli-v13-latin-regular.svg) format('svg'); /* Legacy iOS */
  /*src:url(../fonts/muli.ttf);*/
} 


body,ul,li{ margin: 0px auto;padding: 0px; }
.foot-dl ul li,.menu-item,.menu-item .sub-menu li,.project ul li,.ewmUl li{ list-style: none;}
ul,dl,li,dd{list-style: none; margin: 0px auto; padding: 0px;}
body,div,p,a{ font-family:Muli,Arial,Helvetica,sans-serif!important; margin: 0px auto; padding: 0px;}

/*::-webkit-scrollbar{ width: 5px;}*/
body{overflow:auto}

/**display:inherit; */
a{color: #000000; font-size:12px; display: unset;  text-decoration:none;outline: none!important;}  
a:hover{ color: red; text-decoration: none;}
.clear,.clearfix{ clear: both;} 

input,textarea{padding: 0rem; margin: 0px auto;outline: none;}
.input-text, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea,button{padding: .41em; margin: 0px auto; background-color: #fff;outline: none;box-shadow: none !important;background-color: rgba(0, 0, 0, 0); }
.form-control:focus{ border-color:#333}
 


.fl{ float: left;}
.fr{ float: right;}

.container-fluid{padding: 0px; margin: 0px auto;}

.container-nav{ display: inline-block; text-align: center;}

header{ position:relative;  }
header .first-div{border-top: solid 5px #000; height:4.375rem ; background-color: #f7f8fa;}
header .first-div ul{ width: 100%; height: 100%; position: relative;}
header .first-div ul li{ float: left; width: 33.333%; height: 100%;}
header .first-div ul li:first-child a{ float: left; display: block; height: 100%; padding-left:20px; padding-right: 20px; line-height: 4.375rem;color:#666; font-size: 16px; font-weight: 700; text-transform: uppercase;letter-spacing:1px}
header .first-div ul li:first-child a.active{ background-color: #fff; color: #000000;}


header .first-div ul li:nth-child(2){ text-align: center;}
header .first-div ul li:nth-child(2) img{ max-height: 100%; margin-top: 5px; }
header .first-div ul li:last-child dl{width: 100%; height: 100%; text-align: right; position: relative;}
header .first-div ul li:last-child dl dd{ display:  inline-block; height: 100%;min-width: 3.125rem;position: relative; padding-top: 1.25rem;}
header .first-div ul li:last-child dl dd:hover{ background-color: #fff;}
header .first-div ul li:last-child dl dd a.btn{ display: block;  font-size: 14px; color: #666;  margin: 0px auto;  padding:0px;  padding-left: 3px; padding-right: 3px; margin-right: 0.5rem; height: 100%; border: unset; box-shadow: unset;}
header .first-div ul li:last-child dl dd a.btn i{font-size: 22px; display:inline-block; font-weight: bold;} 
header .first-div ul li:last-child dl dd a.btn span i{ display: none;}
header .first-div ul li:last-child dl dd a{ text-transform: capitalize;}
header .first-div ul li:last-child dl dd a:hover{ color: #000000;}
header .first-div ul li:last-child dl dd .btn-secondary{ background: unset;border-color:unset; border: unset;}
header .first-div ul li:last-child dl dd .dropdown-toggle::after{ display: none;}
header .first-div ul li:last-child dl dd .dropdown{ height: auto;}
header .first-div ul li:last-child dl dd .dropdown-menu{ margin-top:0rem;}
header .first-div ul li:last-child dl dd .cart-div{ text-align: center; width:37.5rem; right:-141px;}
header .first-div ul li:last-child dl dd .cart-div-list{width:22rem!important;}
header .first-div ul li:last-child dl dd .cart-div img{ max-width:5.625rem; margin-bottom: 0.625rem;}
header .first-div ul li:last-child dl dd .cart-div p:first-child{ font-size: 0.875rem; color: #333; line-height: 1.875rem;}
header .first-div ul li:last-child dl dd .cart-div p:last-child{ font-size:0.75rem; color: #666;} 

header .first-div ul li:last-child dl dd .Customer-Service p:first-child{ line-height: 1.875rem; font-size: 0.875rem; font-weight: bold;}
header .first-div ul li:last-child dl dd .Customer-Service p{ font-size: 0.75rem;}

header .second-div{ width: 100%; height: 3.125rem; position: relative; background-color: #fff; box-shadow: 0px 8px 9px #efefef;}
header .second-div .second-div-ul-01{ width: 100%; height: 100%;}
header .second-div .second-div-ul-01 li:frist-child{ width: 70%; height: 100%; position: relative; float: left;}
header .second-div .second-div-ul-01 li:last-child{ width: 30%; height: 100%; position: relative; float: right;}

header .second-div .navbar{ padding: unset;}
header .second-div .navbar-nav{ float: left;margin-left: 0px; height: 100%;height: 3.125rem; position: unset;}
header .second-div .navbar-nav li.nav-item { height: 100%; margin-right: 15px;margin-left: 15px;}
header .second-div .navbar-nav li.nav-item a:first-child{ line-height:3rem; font-size: 12px; text-transform: uppercase; padding: 0px; font-weight:400;background-color: transparent; position: relative; color: #333;}

header .second-div .navbar-nav li.nav-item.show a:first-child{color: #000;}
header .second-div .navbar-nav li.nav-item a:first-child span{ display: none; position: absolute;top:1.9rem; height: 2px; width: 100%; background-color: #000;}
header .second-div .navbar-nav li.nav-item.show a:first-child span{ display: block;}

header .second-div .navbar-nav li.nav-item .dropdown-toggle::after{ display: none;}
 
header .navbar-nav .dropdown{ position: unset;}
header .navbar-nav .dropdown-menu{left: 0rem;top:3.130rem; width: 100%; min-height: 330px; margin: 0px auto; padding: 0rem; padding-top: 20px!important; padding-bottom: 20px!important; border-radius: unset;border: unset; border-top: solid 1px #eee;border-bottom: solid 1px #eee; text-align: center;}
header .navbar-nav .dropdown-menu .menu-picture-ad{ width:240px;height:18.75rem; padding-right: 20px;border-right: solid 1px #eee; margin-right:20px ; }
header .navbar-nav .dropdown-menu .menu-picture-ad img{ max-width: 100%;height: 100%;}

header .menu-childreslist{max-width: 600px; height: 100%; padding-right: 20px; margin-right: 20px; border-right: solid 1px #eee;}
header .menu-childreslist dl{ display:block; margin-bottom: 10px; margin-right: 30px;  float: left; text-align: left;}
header .menu-childreslist dl dd,header .menu-childreslist dl dt{ height: 1.4375rem; margin: 0px auto; padding: 0px;}
header .menu-childreslist dl a{ line-height: 1.4375rem!important; }
header .menu-childreslist dl dt a{ font-weight: bold!important;}
header .menu-childreslist dl dd a{ font-weight: unset!important; line-height: 1.5625rem; text-indent: 0.625rem;}


header .menu-tuijian{ width: 350px; height: 100%; padding-right: 20px; margin-right: 20px; border-right: solid 1px #eee;}
header .menu-tuijian dl dt{ height: 1.4375rem; margin: 0px auto; margin-bottom: 20px; padding: 0px;line-height: 1.4375rem!important; text-align: left; font-size: 12px; color: #000000;}
header .menu-tuijian dl dt span{ border-bottom: solid 2px #000;}
header .menu-tuijian dl dd{  text-align: center;}
header .menu-tuijian dl dd br{ display: none;}
header .menu-tuijian dl dd div{ display: block!important;width: 100%; height: 100%;}
header .menu-tuijian dl dd a{ display:block; width: 50%; height: 130px; text-align: center; font-size: 12px; float: left;}
header .menu-tuijian dl dd a img{ max-height: 100%;width: auto; clear: both;}
header .menu-tuijian dl dd a p{ line-height: 20px;font-size: 12px; }


header .menu-addlast{ width: 350px; height: 100%; padding-right: 20px; margin-right: 20px; border-right: solid 1px #eee;}
header .menu-addlast dl dt{ height: 1.4375rem; margin: 0px auto; margin-bottom: 20px; padding: 0px;line-height: 1.4375rem!important; text-align: left; font-size: 12px; color: #000000;}
header .menu-addlast dl dt span{ border-bottom: solid 2px #000;}
header .menu-addlast dl dd{  text-align: center;}
header .menu-addlast dl dd br{ display: none;}
header .menu-addlast dl dd div,header .menu-addlast dl dd p{  display: block!important;width: 100%; height: 100%;}
header .menu-addlast dl dd a{ display:block; width: 100%; height:65px; text-align: left; margin-bottom:4px;}
header .menu-addlast dl dd a img{ max-height: 100%;width: auto; margin-right: 10px;}




.logo-div{ height: 6.25rem; padding-top:1.14286rem; padding-bottom:1.14286rem; position: relative;}
.logo-div .logo-img{ text-align: left; }
.logo-div .logo-img img{max-height: 70px; float: left;}

.seearchDiv{ margin-top:0px!important;}
.seearchDiv input{ margin-right: 0rem!important; border-radius: unset;}
.seearchDiv .btn{ background-color: #000;color: #fff; border-radius: unset; border: solid 1px #000; height: 38px;}
.seearchDiv .btn i{ display: block;}

.top-ad-img{background:-moz-linear-gradient(top,rgb(249,249,249),rgb(255,255,255));background:-ms-linear-gradient(top,rgb(249,249,249),rgb(255,255,255));background:-o-linear-gradient(top,rgb(249,249,249),rgb(255,255,255));background:-webkit-linear-gradient(top,rgb(249,249,249),rgb(255,255,255));}
.index-top-ad-imgDiv{ height:80px; position: relative;}
.index-top-ad-imgDiv a{ display: block;width: 100%; height: 100%; position: relative;}
.index-top-ad-imgDiv img{ max-height: 100%; width: 100%;}

.index-firstDiv img{ max-width: 100%;}

.logo-div-shop-cat{ width: 100%; height: 2.5rem; position: relative; margin: 0px auto; margin-top: 0.9375rem; text-align: center;}
.logo-div-shop-cat a{ display: inline-block; height: 2.5rem; line-height: 2.5rem; margin-left: 0.225rem; font-size: 0.875rem;color: #000000; position: relative; }
.logo-div-shop-cat a i{ font-size: 2rem; margin-right: 0.225rem;}

#Count-Carrello{ background-color:red;color: #fff; position: absolute; left: 20px;top: -0.5rem; border-radius: 1.5rem;}

.nav-div{ background-color: #000; height:2.8125rem; }
.nav-div,.nav-div a{ line-height: 2.8125rem;color: #fff;}

.nav-div-mob{ display: none;}
.nav-div-mob-btn{ display: none; position: absolute;left: 0.625rem; top: 0.625rem;}

#nav-div-meaus{ height: 100%;}
#nav-div-meaus .navbar-nav{ width: 100%; height: 100%; position: relative; display: block;}
#nav-div-meaus .navbar-nav li.active{ background-color: red;}
#nav-div-meaus .navbar-nav li{ display: block; position: relative; float: left; text-align: center;max-width: 16.5rem;height: 100%; padding-left: 1rem; padding-right: 1rem;}
#nav-div-meaus .navbar-nav li a{ display: block; width: 100%; height: 100%; line-height:2.8125rem;color:#FFFFFF; font-size: 0.875rem; position: relative;}
#nav-div-meaus .navbar-nav li .dropdown-menu{ width: 15rem; top: -100rem; opacity: 0;border-radius:0px }
#nav-div-meaus .navbar-nav li .dropdown-menu a{ padding-top: 0rem!important;padding-bottom: 0rem!important}

#nav-div-meaus .navbar-nav li:hover{ background-color: #212121;}
#nav-div-meaus .navbar-nav li:hover .dropdown-menu{ background-color: #3b3b3b; padding: 0.625rem; display: block; position: absolute; top:2.60rem;opacity:1;transition:0.3s;}
#nav-div-meaus .navbar-nav li:hover .dropdown-menu a:hover{ background-color: unset;color: #fff; font-weight: bold; transition: 0.3s;}

#nav-div-meaus .navbar-nav li .dropdown-menu .dropdown-item-2::after{    border-top: .3em solid transparent;border-bottom:.3em solid transparent;  border-right: 0;  border-left: .3em solid ;top:1.125rem; position: absolute;}

#nav-div-meaus .navbar-nav li .dropdown-menu .dropdown-menu-2{ display:none; position: absolute; top:0rem;left: 13.5rem;width:15rem; min-height: 6.125rem; border: solid 1px #3b3b3b;background-color: #3b3b3b;}
#nav-div-meaus .navbar-nav li .dropdown-menu dl{ width: 100%; position: relative;}
#nav-div-meaus .navbar-nav li .dropdown-menu dl dd{ width: 100%; height: auto;}
#nav-div-meaus .navbar-nav li .dropdown-menu dl dd:hover .dropdown-menu-2{ display: block;}


#nav-div-meaus-mob{ opacity: 0; position: fixed;z-index: 100000; top: 0px; left: -100000px; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0,0,0,0.5);}




#banner{ width: 100%; height:560px; margin: 0px auto; padding: 0px; position: relative;border: none; }
#banner #slideBox{ border: none;}

#banner .lunbo{ z-index: 0; height: 100%; position: relative;}
#banner .lunbo .bd ul,#banner .lunbo .bd li{ width: 100%; height: 100%; position: relative;}
#banner .lunbo .bd li a{ display: block;width: 100%; height: 100%; position: relative;}
#banner .lunbo .bd li img{ }

#banner .bfimg{ max-height: 105px; z-index: 10; position: absolute; bottom: 0px; padding: 0px;;}
#banner .bfimg img{ max-height: 100%;}

/* 本例子css */
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:f00; width: 100%; overflow:hidden; position:absolute;z-index:1; bottom:8px; }
.slideBox .hd ul{ overflow:hidden; width: 100%; height: 100%; text-align: center; }
.slideBox .hd ul li{  display: inline-block;  width:12px; height:12px; border-radius: 12px;text-align:center; background:#000; cursor:pointer; margin-left: 0.3125rem; margin-right: 0.3125rem; }
.slideBox .hd ul li.on{ background:red; color:red; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ background-size: cover; width:100%;; height:100%;; display:block; transform:scale(1)!important;} 


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }




.index-title{ height: 54px; margin-top: 30px!important; margin-bottom: 30px!important;letter-spacing:8px}
.index-title .index-title-txt{ display: block; height:54px; line-height: 54px; font-size: 38px; font-weight: 900; text-transform: uppercase;}
.index-title-center{ text-align: center;}


.index-product-col{ display: inline-flex;}
.index-products{ text-align: left;}
.index-product-img{ width:285px; height:435px; position: relative; margin: 0px auto; margin-bottom: 10px; background-color: #fff; transition: background-color 0.3s;}
.index-product-img-a{  display: block;border:none; width: 100%; height: 23.4375rem; overflow: hidden; position: relative;}
.index-product-img img{ display: flex; max-width: 100%; max-height: 23.4375rem; margin:0px auto}
.index-product-img  p { text-indent: 5px;}
.index-product-img  p a{ line-height: 30px; font-size: 0.875rem;color: #333;}

.index-product-img:hover{background-color: #eee; transition: background-color 0.3s;}

.index-prouct-infor {text-indent: 5px; position:absolute; bottom: 0px; width: 100%; height: 1.5625rem;}
.index-prouct-infor span{  font-size: 1rem; font-weight:bold; }
.index-prouct-infor a{ font-size:0.75rem; margin-left: 8px;}
.index-prouct-infor a:hover{ color: red;}
.index-prouct-infor .btn{ float: right;}
.index-prouct-infor a,.index-prouct-infor button{ position: absolute;top: -5px;right: 0px;}
.index-prouct-infor button{ right: 30px;}


.addProductHeart{ background: unset!important;color: #000000!important; float: right;padding:.475rem .0rem; margin: 0px auto!important; margin-right: 8px !important; }
.addProductHeart a,.addProductHeart i{ font-size: 1rem!important;}
.index-page-img img{ max-width: 100%;}

.img_filter{filter: blur(15px); -webkit-filter: blur(15px);}
.canvas_filter{ position: absolute; width: 100%; height: 100%; z-index: 1000000; left: 0px; top: 0px;}


.bigboxword-hear{ position: absolute; top: 15px; right:5px;}
.bigboxword-hear a,.bigboxword-hear i{ font-size: 1rem!important;}


/* 本例子css */
.picScroll-left{ width:100%; height:475px ;  overflow:hidden; position:relative;  border:unset;   }

.picScroll-left .hd{ overflow:hidden;width: 100%;  height:40px; background:unset; padding:0 10px; position: absolute; top:150px; z-index: 10; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:30px; height:30px; line-height: 1.875rem; border-radius: 30px; background-color: #fff;  float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; text-align: center;color: #000000; font-weight: bold; position: absolute; left: 10px;}
.picScroll-left .hd .prev i,.picScroll-left .hd .next i{ line-height: 1.875rem;font-weight: bold; position: absolute; top:8px;left:8px;}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ background-color: #000000; color: #fff;}

.picScroll-left .hd .next{right: 10px;left: unset; }
.picScroll-left .hd .next i{left: unset;right: 8px;}

.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd{ padding:0px; z-index: 1;  }
.picScroll-left .bd .tempWrap,.picScroll-left .bd .picList{}

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0px; float:left; _display:inline; overflow:hidden; text-align:left;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:285px; height: 23.4375rem;display:block; padding:2px; border:1px solid #eee; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

.picScroll-left-2{height:415px !important ;  }
.picScroll-left-2 .hd{top:unset;  bottom:0px!important;  }
.picScroll-left-2 .hd .prev,.picScroll-left-2 .hd .next{ color: #000000; font-weight: bold; font-size: 1rem;}
.picScroll-left-2 .hd .prev:hover,.picScroll-left-2 .hd .next:hover{ background-color:unset; color:red;}

.index-page-bkDiv{ position: relative; height: 600px; margin: 0px auto;}
.index-page-bk{ position: absolute; height: 100%;left: 0px; top: 0px; z-index: 1;}
.index-page-bk img{ max-width: 100%;}

.index-page-links{ width: 50rem; height: 465px; position: absolute; z-index: 2; right: 40px; top:80px;}

.index-pet{ margin-top: 50px; margin-bottom: 3.125rem;}


.page-footer{ background-color: #fafafa; padding: 1.25rem; padding-top:3.125rem;padding-bottom:4.125rem; margin-top: 1.25rem;}
.page-footer,.page-footer a{ font-size:1rem; color: #000; line-height: 1.875rem; font-family: "arial, helvetica, sans-serif"!important; }
.page-footer dl{ width: 98%; margin: 0px auto;}
.page-footer dl dt{ font-size:14px; line-height: 50px; font-weight: normal;}
.page-footer dl dd{ }
.page-footer a{display:inline; text-transform: capitalize;}
.page-footer dl dd a,.page-footer dl dd{font-size: 12px; font-weight: normal;color: #666;}
.page-footer .footer-contaus i{ margin-right:0.3125rem;}

.footer-reserved{ background-color: #fff; padding-top: 1.25rem; padding-bottom: 1.25rem;color: #000;font-size: 0.875rem; line-height:3rem; text-align: center;}
.footer-reserved img{ max-height:3rem;}


.cat_mode{ position:relative; width: 100%; height:100%; }
.cat_mode dl{width: 250px; margin:0px auto; height:100%;right:0px;top: 0px; position:absolute;}
.cat_mode dl dt{ width:100%; height:40px; margin-top:20px; font-size:18px; text-align:center; position:relative}
.cat_mode dl dt i{ display:block; width:40px; height:2px; background-color:orange; margin:0px auto; margin-top:10px;}
.cat_mode dl dd{ min-width:unset!important;width: 100%;}


.cat_mode .cat_mode_jiesuan{ display:block; width:120px; height:30px; line-height:30px; text-align:center; background-color:#F60; font-size:16px;color:#fff; border-radius:30px; margin:0px auto; margin-top:20px; margin-bottom:20px;}
.cat_mode .close_btn_a{ display:block; width:120px; height:30px; line-height:30px; text-align:center; font-size:14px;color:red;margin:0px auto;  margin-bottom:20px;}
.cat_mode ul{ width:94%; margin:0px auto;}

.cat_mode a{ padding: 0rem!important; text-indent: 0px!important;}
.cat_mode ul li .product-name-cat{ width:100%; height:20px; line-height:20px; border-bottom:solid 1px #eee; margin-bottom:8px; font-weight:bold;}
.cat_mode ul li .product-remove-cat{ float:left; width:20px;}
.cat_mode ul li .product-remove-cat a{ margin-top:20px; display:block;width:20px!important; height:20px!important; overflow: hidden;}
.cat_mode ul li .product-thumbnail-cat{ float:left;width:80px; height:80px; padding:5px;}
.cat_mode ul li .product-thumbnail-cat a{ display: block; width:80px ;height:80px;}
.cat_mode ul li .product-thumbnail-cat img{ max-width:60px!important; height:auto!important; display: flex;  text-align: center; vertical-align: middle;}
.cat_mode ul li .product-price-cat{ float:right; font-size:12px; width:100px; height:60px; text-align:right;}
.cat_mode ul li .product-price-cat .quantity{ display: none;}

.cat_mode ul li .coupon{ display:none;}
.cat_mode ul li button{ border:none; background-color:none; font-size:12px;color:red;}


#cat_mode li{ width: 100%; height: 6.25rem;}
#cat_mode li .product-name-cat {  margin-bottom: 0.3125rem; text-align: left;}
#cat_mode li .product-name-cat a{font-size: 0.625rem; line-height: 1rem; width: 100%; height: 1rem; overflow: hidden; text-overflow: ellipsis; word-wrap: initial;}
#cat_mode dd{ margin-top: 1.25rem;}


.hideCls{right:-110%!Important; transition:right 0.3s}
.hideCls .rootmenu{ right:0px!Important; }
.showCls{right:0px!Important; transition:right 0.3s}
.showCls .rootmenu{ right:0px!Important; }

.close_btn{ position:absolute; left:10px;top:10px; font-size:26px;color:#fff;}

/**二级分类**/
.wzPostion{ margin-top: 15px;}
.wzPostion,.wzPostion a{ font-size:0.875rem; line-height:3.75rem;color: #666;}
.wzPostion a{ display: inline; text-transform: capitalize;}
.wzPostion a:hover{color: red;}

.product-cat-title{ padding:1rem!important; background-color: #f6f6f6;}
.product-cat-title h1{ font-size: 1.25rem; line-height: 3.125rem;color: #000000;text-transform: capitalize;}
.product-cat-title h1 span{ color: #999;text-transform: capitalize; font-size: 1.25rem; margin-left:15px;}
.product-cat-title .product-cat-title-div{ width: 98%; margin: 0px auto;}
.product-cat-title .tag-cls{ margin-right: 10px; padding: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; border: solid 1px #ddd; color: #666; display: inline-block;    margin-bottom: 4px;}
.product-cat-title .tag-cls:hover{ border: solid 1px #000; color: #000;}
.product-cat-title .tag-cls.actvie{ background-color: #000000;color: #fff; border: unset;}

.sidebar-filter{ width:10%; margin: 0px auto; padding: 0px;padding-top: 20px;border-right: solid 1px #eee;} 
.product-lists-div{ width: 90%;margin: 0px auto; padding: 0px;}

#ProductsList { display: block;}
#ProductsList .col-12{ text-align: left; }

.contact-form label{ font-size: 12px; }
.contact-form  input,.contact-form  select{ height: 1.875rem; line-height: 1.875rem; font-size: 0.75rem;width: 98%; border: solid 1px #eee; border-radius: 4px;}
.contact-form .form-ctrl{ margin-bottom: 5px;}

.product-contact-form{ margin-top: 20px!important; padding-top: 10px!important; border-top: solid 1px #ddd;}
.product-contact-form label{ font-weight: 700;}


.weizhi_order{ text-align: right;font-size:0.75rem; line-height:3.125rem;color: #666;}
.weizhi_order select{ width: 120px; height: 1.875rem; line-height: 1.875rem; border: solid 1px #ddd; border-radius: 3px;}
.weizhi_next_page{ text-align: right;font-size:0.75rem; line-height:3.125rem;color: #333;}

.catDiv{ width:100%; height: 27.8125rem;  margin: 0px auto;  position: relative;}
.catDiv .catDiv-img{ width: 25rem; height:25rem ; margin: 0px auto; ; position: relative;transition: 0.3s;}
.catDiv .catDiv-img .imgDiv-a{ display: flex;text-align: center; vertical-align: middle;width: 100%; height: 100%;}
.catDiv .catDiv-img .imgDiv-a img{ max-width: 100%; max-height: 100%;margin: 0px auto;transform: scale(1);  transition:transform 0.3s; }
.catDiv .catDiv-img .imgDiv-a img:hover{ transform: scale(1.1);  transition:transform 0.3s;}

.banner-cat{ padding:0.625rem; background-color: #f5f5f5; text-align: center;color: #333; font-size: 1.8rem;}

.Category-dl dt{ line-height: 1.875rem; font-size: 0.875rem; font-weight: bold; border-bottom: solid 1px #eee; position: relative;}
.Category-dl dt span{right: 10px;top:10px; position: absolute; display: none;}
.Category-dl dd{line-height: 15px; position: relative; cursor: pointer; margin-top: 5px;}
.Category-dl dd .bi{ position:relative; float: right; margin-top:3px; margin-right: 8px;}
.Category-dl label{ font-size: 0.875rem; color: #666; text-transform: lowercase;}
.Category-dl label input{ margin-right:5px;}
.Category-dl .radio-div{ width: 94%; float: right; display: none;}

.Category-size-dl{ height: auto; margin-top: 20px;}
.Category-size-dl dd{ width: 50%; float: left; margin-top: 8px;}

.Category-color-dl{height: auto; margin-top:20px;}
.Category-color-dl dd { width: 25%; height: 2.5rem; float: left; margin-top: 8px;}
.Category-color-dl dd span{ display: block; width: 30px; height: 30px;  overflow: hidden;}
.Category-color-dl dd span img{width: 30px; height: 30px; border-radius: 30px;padding: 2px; border: solid 1px #ddd; }
.Category-color-dl dd:hover span img{border: solid 1px #000;}
.Category-color-dl dd a.active span img{border: solid 1px #000;}

/**三级分类**/
.product-lists{ margin-bottom: 0.625rem;}

.pro-bigbox{ height: 28rem; flex-flow: column;text-align: left; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.1);margin-bottom: 1.563rem; position:relative; overflow: hidden;}
.pro-bigbox .bigboximg{box-shadow: none; margin-bottom: 0;position: relative;}
.pro-bigbox .bigboximg a{display:flex;width: 100%; height:380px; position: relative; margin: 0px auto;text-align: center; border: solid 1px #eee; overflow: hidden; }
.pro-bigbox .bigboximg a img{ position: absolute;top: 0px;left: 0px; display: block;width: 100%; max-height: 100%;; margin: 0 auto;transition: opacity .3s ease;}

.pro-bigbox .bigboximg a .img1{ opacity: 1;}
.pro-bigbox .bigboximg a .img2{ opacity: 0;}

.pro-bigbox .bigboximg a:hover .img1{ opacity: 0;transition: opacity .3s ease;}
.pro-bigbox .bigboximg a:hover .img2{ opacity: 1;transition: opacity .3s ease;}

.pro-bigbox .bigboxword{ width: 98%; max-height:6.75rem; padding-top: 0.5rem; position: relative;}
.pro-bigbox .bigboxword a{ font-size: 0.875rem; line-height:1.25rem; }
.pro-bigbox .bigboxword a.post-title{width: 100%; height: 1.25rem; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; text-align: left; display: block;}

.pro-bigbox .bigboxword .post-prices{ font-size: 1.125rem; font-weight: bold; line-height: 2.5rem; position: relative;}
.pro-bigbox .bigboxword .post-prices del{font-size: 0.75rem; font-weight: normal;} 

.pro-bigbox .bigboxword-btn{ position: absolute; bottom:2rem; width: 96%;left:2%; }
.pro-bigbox .bigboxword-btn .btn{ border-radius: unset;width:unset;padding-left:1rem;padding-right:1rem; border: solid 1px #ddd;}
.pro-bigbox .bigboxword-btn .form-control{border: solid 1px #ddd;padding:0.38em; text-align: center; font-size: 0.75rem;color: #000;}

.pro-bigbox .bigboxword .add-to-heart{ position: absolute; right: 0px; top: 40px;}
.product-heart i{ font-size:26px; transition: all 0.3s;}
.product-heart:hover i{ font-size: 30px; transition: all 0.3s;}

.pro-bigbox .bigboxword-cart{ position: absolute; top:-5rem; width:80%;left:10%; height: 40px; background-color: #eee; text-align: center; line-height: 1.875rem;color: #000; font-size: 0.875rem;transition:all 0.3s;}
.pro-bigbox .bigboxword-cart button{ border: none; background-color: unset;color: #000; height: 100%;width: 100%; line-height:0.5rem; font-size: 0.75rem; text-transform: capitalize;}
.pro-bigbox .bigboxword-cart button:hover{ font-weight: bold;}
.pro-bigbox:hover  .bigboxword-cart{ top: 40%; transition:all 0.3s;}


 

.loading-css{ z-index: 10000;; text-align: center; margin-top: 1.25rem; margin-bottom: 1.25rem;bottom: -100000px; left: 49%; position:fixed; display: block; opacity:0;transition: opacity 0.3s;}
.loading-css.active{top:42%; opacity: 1;  transition: opacity 0.3s;}

/**分页**/
.pages{ margin: 0px auto; margin-top: 0.9375rem; margin-bottom: 0.9375rem; text-align: center;}
.pages,.pages a,.pages span{ display: inline-block; font-size: 0.75rem; line-height: 1.25rem;}
.pages a,.pages span{ text-align: center;width: 1.25rem; border:solid 1px #eee; border-radius: 0.1875rem;  display:block; float: left; margin-left: 5px; margin-right: 5px;}
.pages a{ height: 1.25rem;}
.pages span:last-child{ width:5.5rem;}

.add-cart-success{ position: fixed; z-index: 100000;top:10rem;right:-62.5rem; opacity: 0; width:20rem; padding:0.5rem; border-radius: 0.3125rem; border:solid 1px #000; font-size:0.625rem; background-color: #fff; transition: 0.3s;}
.add-cart-success.suc-active{ opacity: 1; right: 0.625rem; transition: 0.3s;}

.add-cart-success .htmlstr{ width: 98%;height: 60px; margin: 0px auto; font-weight: bold;}
.add-cart-success .htmlstr img{ display: flex; background-size: cover; vertical-align: middle; text-align: center; width: 3.75rem;height: 3.75rem; float: left; margin-right: 0.625rem; border:unset; border-radius: 0.25rem;}

.product-arrt{ padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: center; font-size: 0.75rem;}
.product-arrt h2{ font-size: 1rem; line-height: 2.5rem; font-weight: bold;}

.singglepic{ width: 100%; height:892px; position: relative;}
.singglepic .flex-control-thumbs{width:5.625rem;height:892px; margin: 0px auto;margin-right: 0.625rem; padding: 0px; list-style: none; position:relative; z-index: 1; float: left; overflow: hidden; }
.singglepic .flex-control-thumbs li{ margin-bottom: 0.5rem;width: 100%;border: solid 1px #eeeeee; padding:0.125rem; cursor: pointer; transition: 0.3s;}
.singglepic .flex-control-thumbs li:hover{ border: solid 1px #000; transition: 0.3s;}
.singglepic .flex-control-thumbs li img{ max-width: 100%; transition: 0.3s;}
.singglepic .flex-control-thumbs li:hover img{ transform: scale(1.1); transition: 0.3s;}


.singglepic .flex-control-thumbs .prev-thumbs{ position:absolute; top: 0px; width: 100%; height: 15px; text-align: center; font-size: 12px;color: #999; z-index: 1000; background-color: #fff;}
.singglepic .flex-control-thumbs .next-thumbs{ position:absolute;  bottom: 0px;width: 100%; height: 15px;text-align: center; font-size: 12px;color: #999;z-index: 1000;background-color: #fff;}
.singglepic .flex-control-thumbs .prev-thumbs:hover,.singglepic .flex-control-thumbs .next-thumbs:hover{ background-color: #eee;}

.singglepic .thumb-imgs-div{ position: absolute;top: 15px;width: 100%; height: auto; z-index: 1;}



.singglepic .flex-control-thumbs #product-img-pic01,.singglepic .flex-control-thumbs #product-img-pic02{ display: none;} 
.singglepic .woocommerce-product-gallery__trigger{display:block;width: 1.25rem; height: 1.25rem; position: absolute; left: 7.5rem; bottom:0.625rem;}

.singglepic .flex-viewport{margin: 0px auto; padding: 0px; width:670px; height: 100%!important; position:absolute!important;left: 6.5rem; overflow: hidden;}
.singglepic .flex-viewport figure{ width: 100%; height: 100%; position:absolute;} 
.singglepic .flex-viewport figure div,.singglepic .flex-viewport figure a{ position: relative; width: 100%; height: 100%;}
.singglepic .flex-viewport figure a{ display: flex; text-align: center; vertical-align: middle;}
.singglepic .flex-viewport figure a img{ display: flex; text-align: center; vertical-align: middle; max-width: 100%;height: auto; margin: 0px auto;}

.singglepic .flex-viewport figure .product-max-pic{ position: relative; width:670px; height:892px; text-align: center; vertical-align: middle; background-color: #fff; }

.product-max-pic{ display: inline-block; width: 670px; height: 892px; text-align: center; vertical-align: middle; position: relative; border: solid 1px #eeeeee;}
.product-max-pic a{width: 100%;height: 100%; position: relative; display: flex; vertical-align: middle; text-align: center; z-index: 0;}
.product-max-pic a img{ padding:0rem;}
.product-max-pic .show-pic{ position: absolute; z-index: 1; right: 0.625rem; bottom: 0.625rem;color: #333;cursor: pointer;}

.pcon_r { width: 96%; float:right}
.pcon_r  .product_title{ font-size:1.375rem; padding-top: 0.5rem;padding-bottom:10px; color: #000000; border-bottom: dotted 1px #ddd; margin-bottom: 0px;}
.pcon_r  .price{font-size:1.375rem; font-weight: 700; margin-bottom: 30px; }
.pcon_r  .woocommerce-product-details__short-description{ font-size: 0.75rem; padding-top: 1rem; margin-top: 1rem; border-top: solid 1px #eee;}
.pcon_r  .quantity{ margin-bottom: 0.5rem; margin-top: 20px; }
.pcon_r  .quantity .screen-reader-text{ display: none;}
.pcon_r  .quantity .qty{ border: solid 1px #eee;}

.pcon_r .single_add_to_cart_button{ padding-left:15px; padding-right: 15px; border-radius: 4px; }
.pcon_r .bi-file-ruled-cls,.pcon_r .bi-file-ruled-cls a{ margin-top: 10px;color: #00669E;}
.pcon_r .bi-file-ruled-cls .bi-file-ruled{ transform:scale(90);}

.pcon_r .product_meta{ margin-bottom:1rem; margin-top:1rem; clear: both;}
.pcon_r .product_meta,.pcon_r .product_meta a{ font-size: 0.75rem;}
.pcon_r .attrslist{ font-size: 0.75rem; line-height:1.875rem;}

.pcon_r .yith-wcwl-add-button a{ margin: 0px auto; padding: 0px;}
.pcon_r .yith-wcwl-add-button a img{ max-width: 1.25rem;}

.pcon_r .yith-wcwl-add-to-wishlist{ margin-bottom: 0.625rem;}
.pcon_r .yith-wcwl-wishlistexistsbrowse span{ float: left;font-size: 0.75rem;}
.pcon_r .yith-wcwl-wishlistexistsbrowse img{ max-width: 1.25rem; float: left;}
.pcon_r .yith-wcwl-wishlistexistsbrowse a{ display: inline-flex; font-size: 0.75rem;float: left;}

.pcon_r .yith-wcwl-add-to-wishlist{ margin-bottom: 1rem; height: 1.875rem;}
 
.pcon_r .pcon{ font-size:0.75rem; margin-top: 0.9375rem;}
.pcon_r .pcon .tit{ width: 100%; height:1.875rem; line-height:1.875rem;border: solid 1px #eee; background-color: #F5F5F5; }
.pcon_r .pcon .tit span{ font-weight: bold; font-size: 0.875rem; padding-left: 0.5rem; float: left;}
.pcon_r .pcon .tit a{ font-size: 1rem; font-weight: bold; float: right; margin-top: 5px; margin-right: 0.5rem;cursor: pointer;}

.pcon_r .pcon .pbox-div{ width: 98%; height: 14.75rem; margin: 0px auto;}
.pcon_r .pcon .pbox-div img{ max-width: 100%;transition: 0.3s;}
.pcon_r .pcon .pbox-div  a:hover img{ transform: scale(1.1); transition: 0.3s;}
.pcon_r .pcon .pbox-div p { margin-top: 8px;}
.pcon_r .pcon .pbox-div p a{ font-size: 10px;}

.pcon_r .addthis_inline_share_toolbox .os-share-box .os-icon{ font-size: 35px;}

.attribute-dl dt{ line-height: 30px; font-size: 14px; border-bottom: solid 1px #eee;}
.attribute-dl dd{ margin-top: 8px; margin-bottom:8px;}
.attribute-dl dd a{ display: inline-block; border-radius:1rem; line-height: 30px; padding-left:1rem; padding-right:1rem; font-size: 0.75rem; cursor: pointer; color: #333; border: solid 2px #ddd; margin-right: 10px;}
.attribute-dl dd a:hover{ border: solid 2px #000000;}

.check-color{ border: unset!important; padding-left: 0rem!important; padding-right: 0rem!important;}
.check-color:hover{border: unset!important;}
.check-color span{ display: block; width: 40px; height: 40px;  overflow: hidden;}
.check-color span img{width: 40px; height: 40px; border-radius: 40px;padding: 4px; border: solid 2px #ddd; }
.check-color:hover span img{border: solid 2px #000;}
.check-color.active span img{border: solid 2px #000;}

.attribute-dl dd .check-color.active{ border: unset!important;}
.attribute-dl dd .active{border: solid 2px #000!important;}
.attribute-dl dd .active span img{border: solid 2px #000;}


.product-lists-lx{ margin-top: 40px;}
.product-lists-lx .tit{ text-indent: 10px;  font-size: 1rem; font-weight: 700; text-align: left; line-height: 30px; background-color: #eee; width: 100%; height: 30px; margin-bottom: 20px;}

.product-lists-lx .pinfo-2{ display: block;}
.product-lists-lx .pinfo-2 .col-lg-15{ margin-left:0px!important; margin-right:7px!important;}
.product-lists-lx .pinfo-2 .pbox-div{ width: 300px;}

.product-lists-lx .pinfo-2 .pro-bigbox{ height: 26rem!important;}

.ViewMore-cls{ margin-top: 20px; margin-bottom: 20px; text-align: center;}
.ViewMore-cls a{ line-height: 30px; display: block; width: 120px; text-align: center; height: 30px; color: #fff; background-color: #333; font-size: 1rem;}
.ViewMore-cls a:hover{ background-color: #000;}


.shop-pic-model{ position: fixed;top: 0px; z-index: 10000; background-color: rgb(0,0,0,0.5);width: 100%; height:100%; overflow: hidden; display: none;}
.shop-pic-model #bt-close{ position: absolute; top: 20px; right: 20px; font-size: 20px;color: #fff; z-index: 1;}
.shop-pic-model #shop-pic-src{ position: relative; z-index: 0; width: 90%; height: 80%; margin: 0px auto; margin-top: 2%; text-align: center;}
.shop-pic-model #shop-pic-src img{ max-width: 100%; max-height: 50rem; height: auto; margin: 0px auto;}



#exampleModal{}
#exampleModal .modal-dialog{ max-width:700px;}
#exampleModal .modal-header,#exampleModal .modal-body{ width: 100%;}
#exampleModal .modal-body{ max-height:600px; overflow-y: scroll;}
#exampleModal  img{ max-width: 100%;}

#exampleModal .Switch-div{ background-color: #eee; padding: 1rem; margin-bottom: 10px;}
#exampleModal .Switch-div .col-6:frist-child{ font-size: 12px;}
#exampleModal .Switch-div .col-6:last-child{ font-size: 12px; text-align: right;}
#exampleModal .Switch-div .col-6:last-child ul{ width: 80px; height: 20px; background-color: #fff; border: solid 1px #000; float: right; margin-top: 0.25rem; overflow: hidden;}
#exampleModal .Switch-div li{ float: left;width:50%; text-align: center; line-height: 20px;}
#exampleModal .Switch-div li.active{ background-color: #000000;color: #fff; display: block;}

#exampleModal .Switch-title{ line-height: 40px; font-size: 16px; font-weight: bold; border-bottom: solid 1px #eee; margin-bottom:10px;}

#exampleModal .modal-post_title{ line-height: 40px; border-bottom: solid 1px #eee; margin-bottom:10px;margin-top:10px;}
#exampleModal .modal-post_content{ font-size: 12px; line-height: 25px;}
#exampleModal .tab-content{ background-color: #eee; padding:1rem;}
#exampleModal .tab-content ul{ width: 100%;}
#exampleModal .tab-content ul li{ width: 33.3%; text-align: left; line-height: 20px; float: left; font-size: 12px;}

#exampleModal .nav-link.active{ font-weight: bold;}

#tab-cm{ display: block;}
#tab-in{ display: none;}


/*修改滚动条样式*/
div::-webkit-scrollbar{
  width:6px;
  height:6px;
  /**/
}
div::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
div::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:6px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}




/***购物车页面****/
#post-25 .woocommerce-cart-form .shop_table_responsive{ width: 100%;}
#post-25 .product-quantity   .screen-reader-text{ display: none;}
#post-25 .cart-subtotal,#post-25 .order-total{ margin-top: 0.625rem; font-size: 0.75rem; height: 2.5rem;}

#post-25 .coupon{ display: none;}

/***结算页面****/
#post-26 #customer_details{width: 100%;}

#post-26 input,#post-26 select,#post-26 textarea{ border: solid 1px #aaa; border-radius: 2px; height: 30px;width: 100%;}
#post-26 textarea{ height: 3.75rem;width: 100%;}
.woocommerce-billing-fields__field-wrapper p{ margin-bottom: 1.25rem;}
.woocommerce-billing-fields__field-wrapper p label,.woocommerce-additional-fields p label{ font-size: 12px; line-height: 1.25rem; width: 100%;}

#post-26 .woocommerce-input-wrapper{width: 100%;}
#post-26 .notes{ width: 100%;}

#post-26 h3{ font-size: 1.125rem; font-weight: bold;}
#post-26 #order_review,#post-26 #payment,#post-26 h3{ width: 100%; float: right;}
#post-26 .product-name{ width: 80%;}
#post-26 .product-total{ width: 20%;}

#post-26 .cart_item{ font-size: 0.75rem;}

#post-26 #order_review .shop_table{ width: 100%;}
#post-26 #order_review .shop_table td,#post-26 #order_review .shop_table th{ height: 40px; line-height: 40px; text-indent: 0.625rem;}

#post-26 .woocommerce-table--order-details{ width: 100%;}
#post-26 .woocommerce-table--order-details td,#post-26 .woocommerce-table--order-details th{ height: 40px; line-height: 40px; text-indent: 0.625rem;}

/***登录界面****/
#post-27{ width: 100%;  margin: 0px auto; padding:0rem;}
#post-27 .entry-content{ width: 100%;  margin: 0px auto;}
#post-27 h2{ line-height: 3.75rem;}
#post-27 input{ border: solid 1px #aaa; border-radius: 2px; height: 30px;}
#post-27 .woocommerce-form__label-for-checkbox  span{ font-size: 0.75rem;}
#post-27 .woocommerce-form__input-checkbox{ height: 12px; font-size: 0.75rem; margin-bottom: 0.625rem;} 

#post-27 input[type='checkbox']{ height: 0.75rem;}

#post-27 .woocommerce-MyAccount-content,#post-27 .woocommerce-MyAccount-content a{ font-size: 0.875rem;}

.error-404.not-found{ padding-top: 1.875rem;}


/***文章列表面****/
.div-news{ width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px;  border-bottom: solid 1px #eee;}
.div-news .post-title{  line-height: 1.5625rem; font-size: 1.125rem;}
.div-news .post-p{ font-size: 0.75rem;color: #666!important; line-height: 1.875rem; margin-bottom: 0.5rem;}
.div-news .post-p i{color: #666!important;}
.div-news .post-p a{ display: inline-flex;color: #666!important;}
.div-news .post-excerpt{font-size: 0.75rem;color: #333; line-height: 1.875rem;}


/***文章详情页****/
.sing-index-post{ padding-top: 1.875rem;}
.sing-index-post .entry-title{ line-height: 30px; font-size:1.5rem;}
.sing-index-post .entry-header{ margin-bottom:0.625rem; margin-top: 0.625rem;}
.sing-index-post .entry-header span,.sing-index-post .entry-header span a{ font-size: 0.75rem; line-height: 1.5rem;}
.single-content img{ max-width: 100%; height: auto; margin: 0px auto;}

/***404****/
.widget_product_search{ position: relative;}
.widget_product_search form:before{ display: none;}
.widget_product_search .search-field{ padding-left: 0.5rem!important;}

.wishlist-title-container{ font-size: 1.5rem; line-height: 3.75rem;}
.wishlist_table{ width: 100%;}
.wishlist_table .product-add-to-cart{ line-height: 1.5625rem;}
 


.nav-div-mob-btn{ display: block;}
.nav-div-mob-btn i{ font-size: 20px;color: #fff;}
.nav-div-mob-btn-1{ position: absolute; left: 10px; top: 10px;}
.nav-div-mob-btn-1 i{ font-size: 24px;color: #fff; font-weight: bold;}
.nav-div-mob-btn-2{ position: absolute; left: unset; right: 10px; top: 10px;}

#nav-div-meaus-mob{ opacity: 1; left: -100000px; transition: 0.3s;}
#nav-div-meaus-mob .close_btn{ position: absolute; left: unset; right: 0.625rem; top: 0.625rem; font-size: 1.25rem;}
#nav-div-meaus-mob .navbar-nav-mob{ width: 230px; height: 100%; overflow-y: scroll; background-color: #fff; position: absolute;left: 0px ; top: 0rem;}
#nav-div-meaus-mob .navbar-nav-mob li{ width: 100%; min-height: 2.5rem; line-height: 2.5rem; text-align: left; text-indent: 0.625rem; border-bottom: solid 1px #eee; position: relative;}
#nav-div-meaus-mob .navbar-nav-mob li a,#nav-div-meaus-mob .navbar-nav-mob .dropdown-menu a{ color: #000; font-size: 0.875rem; padding: 0px;}
#nav-div-meaus-mob .navbar-nav-mob .dropdown-menu{ display: block; position:relative; width: 100%; margin-left:8%; margin: 0px auto; border: none; top: unset; padding: 0px; background-color: #f5f5f5; padding-left: 8px; padding-right: 8px;}
#nav-div-meaus-mob .navbar-nav-mob .dropdown-menu a{ line-height:1.875rem; font-size: 0.75rem;  border-bottom: solid 1px #eee;}
#nav-div-meaus-mob .navbar-nav-mob .dropdown-menu  dl{ margin: 0px auto;}

#nav-div-meaus-mob #nav-search-mob{ height:30px; position:relative; margin-top:10px; margin-bottom:10px;}
#nav-div-meaus-mob #nav-search-mob #s{ width:160px; height:30px; line-height:30px; font-size:12px; color:#333; text-indent:5px; float:left; border: solid 1px #000; margin-left:1.25rem}
#nav-div-meaus-mob #nav-search-mob .search_form{ border: none; height:30px;width: 30px; line-height:25px; font-size:12px;color:#fff; background-color:#000; float:left;}
	
.dropdown-toggle:focus{}
.dropdown-toggle{ border-color: unset!important; ; color: #000!important;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{border-color: unset!important; color: #000!important;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{ box-shadow:unset}


	.nav-showCls{ left: 0px!important; opacity: 1; transition: 0.3s;}
	.nav-hideCls{ left: -100000px!important; transition: 0.3s;}


/* 超小屏幕（手机，小于 768px） */

@media (min-width:320px) and (max-width:428px)
{ 
 
   .row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
 
 header .first-div {line-height: 3.375rem;height: 3.375rem;}
 header .first-div ul li:first-child{ width: 70%;}
 header .first-div ul li:nth-child(2){ width: 30%;}
 header .first-div ul li:nth-child(2) img{ max-width: 100%; max-height:auto; margin-top: 0px;}
 header .first-div ul li:last-child { height: 3.375px; width:70%;position: absolute;right: 0px;top: 45px;z-index: 10000;}
 
 header .first-div ul li:first-child a{padding-left: 5px;padding-right: 5px;font-size: 12px;letter-spacing:unset;line-height: 3.375rem;}
 header .first-div ul li:last-child dl dd { padding-top: 1rem;min-width: 2.125rem;}
 header .first-div ul li:last-child dl dd a.btn{ font-size: 12px;}
 header .first-div ul li:last-child dl dd a.btn i{ font-size: 20px;}
 
 header .first-div ul li:last-child dl dd .dropdown-menu{margin-top:1.5rem;}
 .dropdown-item{padding: .15rem 0.15rem;}
  
 header .first-div ul li:last-child dl dd .cart-div{right: 0px;left:0px; width:320px; display: none;} 
 header .first-div ul li:last-child dl dd .Customer-Service{right: 0px;left: -140px;} 
 header .first-div ul li:last-child dl dd .Language-menu{right: 0px;left: -140px; } 
 
 
 
 header  .navbar{display: block; text-align: left;}
 header  .navbar .navbar-toggler{ border: none;}
 header  .navbar .navbar-collapse.show {background-color: rgb(0,0,0,0.5);width: 100%;height: 100%;position: fixed;}
 
 header .second-div .navbar-toggler { padding: .55rem .75rem;}
 header .second-div{ z-index: 100;}
 header .second-div .navbar-nav{height: 100%;background-color: rgb(0,0,0,0.5); position: relative;}
 header .second-div .navbar-nav li.nav-item{ border-bottom: solid 1px #333; height: 40px;width: 100px; padding-left: 3px; padding-right: 3px;}
 header .second-div .navbar-nav li.nav-item a:first-child{ line-height: 40px;color: #fff; font-size: 10px;overflow: hidden;width: 100%;height: 40px;display: block;text-overflow: ellipsis;}
 header .second-div .navbar-nav .dropdown-menu{ position: absolute; left: 99px; top: 0px; min-width: unset;width: 240px; height: 100%; overflow-y: scroll;}
 
 header .second-div .dropdown-toggle {color: #fff!important;}
 
 header .seearchDiv{ width: 210px;float: right;margin-top:10px!important; z-index: 100000; padding-right: 8px;}
 header .seearchDiv input{width: 160px!important; height: 30px; background-color: #fff;}
 header .seearchDiv .btn{ width: 38px!important; height: 30px;}
  
  .index-top-ad-imgDiv {height: 35px;}
  .index-page-links div{height: 100%;}
  
  .index-title {height:32px;margin-top:10px!important;margin-bottom:10px!important;}	
  .index-title .index-title-txt{height: 32px;line-height: 32px;font-size:18px;letter-spacing:5px}
  
  header .navbar-nav .dropdown-menu .menu-picture-ad{ width: 100%; height: 50px; padding-right: 0px; padding-bottom: 5px;margin-bottom:5px;  margin-right: 0px; }
  header .navbar-nav .dropdown-menu .menu-picture-ad img{ max-height: 120px; float: left;}
   
  
 header .menu-picture-ad,header .menu-childreslist,header .menu-tuijian,header .menu-addlast{padding-right:0px; margin-right: 0px; border-bottom: solid 1px #eee; padding-bottom: 5px;}
 header .menu-childreslist{ max-width: 100%; width: 100%; height: auto; margin-bottom:5px;}
 header .menu-childreslist dl dt strong a{ font-weight: bold!important;}
  
  
  header .menu-tuijian,header .menu-addlast{ width: 100%; height: auto;max-height:250px; margin-bottom:5px;border-bottom: solid 1px #eee;}
  header .menu-tuijian dl dd a{ max-width:50%!important; height: 60px!important; max-height: 7.5rem;width: 50%;
    float: left;}
  header .menu-tuijian dl dd a img,header .menu-addlast dl dd a img{ max-width: 100%; max-height:60px; height: auto;}
  
  
  .product-cat-title .tag-cls{margin-bottom: 5px;display: inline-block;}
  
  
  .index-product-img{width: 140px;height:16.5rem;}	
  
  .index-product-img-a{height:184px; margin-bottom: 0.25rem;}
  .index-product-img p a{ font-size:10px; line-height: 15px!important;}
  .index-prouct-infor span { font-size: 0.75rem;}
  
  .picScroll-left{ height: 275px;}
  .picScroll-left .hd{ top:90px;}
  
  .index-page-bkDiv{ height:auto;}
  .index-page-links{height: 80px;top:12px;right:8px; width: 50%;} 
  .index-page-links .index-page-img{ width: 100%; height: 100%; float: right;}
  .index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: right;}
  
  .index-pet{ margin-top: 20px; margin-bottom: 20px;}
  .index-pet .col-6{ padding: 0rem;}
  
  .picScroll-left-2{ height: 190px  !important;}
  .picScroll-left-2 .index-product-img{ height: 15.5rem!important;}
    
  
  .sidebar-filter{ width: 100%;}
  .sidebar-filter .contact-form{ display: none;}
  .sidebar-filter .contact-form .form-ctrl{width: 33.3%;float: left;}
  .sidebar-filter .Category-size-dl dd{ width: 33.3%;}
  .sidebar-filter .Category-color-dl dd{ width: 9%;}
  .sidebar-filter .Category-color-dl dd span {height: 20px; width: 20px; }
  .sidebar-filter .Category-color-dl dd span img{ height: 20px; width: 20px; border-radius: 20px;}
   
  .product-lists-div{ width: 100%;}
  
  .wzPostion, .wzPostion a{ line-height: 1.5rem; padding-top: 1rem; padding-bottom: 1rem;}
  
  
  #ProductsList .col-lg-15{flex: unset;float: left; margin-bottom: 10px;}
  .pro-bigbox {width:96%;height: 16rem;margin-bottom: 0;}
  .pro-bigbox .bigboximg a{ height:183px;}
  .pro-bigbox .bigboxword a{font-size:0.625rem;}
  .pro-bigbox .bigboxword .post-prices{ font-size: 0.7rem;}
  
  .singglepic{ height:310px;}
  .singglepic .flex-control-thumbs{ width: 3.625rem;}
  
  .singglepic .flex-viewport{width: 230px;left: 4rem;}
  .singglepic .flex-viewport figure .product-max-pic{ width: 230px; height:310px;}
  
  .pcon_r .product_title,.pcon_r .price{ font-size: 1rem;}
  
  .product-lists-lx .pinfo-2 .col-lg-15 {width: 50%;margin-right:unset!important;}
  .product-lists-lx .pinfo-2 .pro-bigbox{ height: 14rem!important;width:140px;} 
  .product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a{height:184px;}
 .product-lists-lx .pinfo-2 .pro-bigbox p{ font-size: 12px;}
}

@media (width:320px)
{ 
	 
	
	.index-product-img{ height:15.5rem}
	
	.index-page-links{ top: 10px;} 
	
	.pro-bigbox {height: 18rem;}
	.pro-bigbox .bigboximg a{ height:183px;}
	
	.pro-bigbox { height: 15.5rem;}
	
	.singglepic{ height:360px;}	
	.singglepic .flex-viewport{width: 270px;}
	.singglepic .flex-viewport figure .product-max-pic{ width: 270px; height:360px;}
	
	
	.product-lists-lx .pinfo-2 .pro-bigbox {height: 15rem!important;width: 155px;	}
	.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a {height: 202px;	}
	
}

@media (width:360px)
{
	header .second-div .navbar-nav .dropdown-menu{ width: 280px;}
	
	.index-top-ad-imgDiv {height: 40px;}
	
	.index-product-img{ width: 160px;height: 16.5rem;}
	.index-product-img-a{ height: 210px;}
	
	.index-page-links{ height: 90px;}
	.picScroll-left-2{ height: 250px  !important;} 
	
	
	.pro-bigbox {height: 18rem;}
	.pro-bigbox .bigboximg a{ height:208px;}
	
	.singglepic{ height:360px;}	
	.singglepic .flex-viewport{width: 270px;}
	.singglepic .flex-viewport figure .product-max-pic{ width: 270px; height:360px;}
	
	
	.product-lists-lx .pinfo-2 .pro-bigbox {height: 15rem!important;width: 155px;	}
	.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a {height: 202px;	}
	
}

@media (width:375px)
{
	header .second-div .navbar-nav .dropdown-menu{ width: 280px;}
	.index-top-ad-imgDiv {height: 45px;}
	
	.index-page-links {height: 90px;}
	
	.index-product-img{ width: 170px;height: 18.5rem;}
	.index-product-img-a{ height: 224px;}
	
	.picScroll-left-2{ height: 250px  !important;} 
	
	
	
	.pro-bigbox {height: 18rem;}
	.pro-bigbox .bigboximg a{ height:218px;}
	
	.singglepic{ height:375px;}	
	.singglepic .flex-viewport{width: 280px;}
	.singglepic .flex-viewport figure .product-max-pic{ width: 280px; height:375px;}
	
	.product-lists-lx .pinfo-2 .pro-bigbox {height: 16rem!important;width: 165px;	}
	.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a {height: 220px;	}
	
}

@media (min-width:411px) and (max-width:414px)
{
	header .second-div .navbar-nav .dropdown-menu{ width: 315px;}
	.index-top-ad-imgDiv {height: 46px;}
	
	.index-product-img{ width: 180px;height: 19rem;}
	.index-product-img-a{ height: 237px;}
	
	.picScroll-left{ height: 20rem;}
	.index-page-links{ height: 110px; top: 10px;}
	.picScroll-left-2{ height: 250px  !important;} 
	
	
	.pro-bigbox {height: 19.5rem;}
	.pro-bigbox .bigboximg a{ height:245px;}
	
	.singglepic{ height:426px;}	
	.singglepic .flex-viewport{width: 320px;}
	.singglepic .flex-viewport figure .product-max-pic{ width: 320px; height:426px;}
	
	.product-lists-lx .pinfo-2 .pro-bigbox {height: 17rem!important;width: 180px;	}
	.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a {height: 237px;	}
	
	
	
}
@media (max-width: 529px) 
{
	header .menu-tuijian dl dt{ margin-bottom: 10px;}
	header .menu-tuijian dl dd{ width: 100%; height: 160px!important; }
	header .menu-tuijian dl dd a { height: 50%!important;}
	header .menu-tuijian dl dd a p{ height: 20px!important;}
	
	header .menu-addlast{ margin-top: 10px;}
	header .menu-addlast dl dd{ width: 100%; height:360px!important; }
	header .menu-addlast dl dd a{ width:100%!important; height:60!important; max-height: 7.5rem;float: unset;}
	
	.Category-dl dt span{ display: block;}
	.Category-dl #Category-dl-cat,.Category-dl #Category-dl-size{ display: none;}	
	.pcon_r .product_title{ margin-top: 10px;}
	
	.page-footer, .page-footer{padding-top: 1.125rem;padding-bottom:2.125rem;}
	.page-footer dl dt{ line-height: 40px; font-weight: bold;}
	.page-footer, .page-footer a{ line-height: 1.35rem;}
	
	.loading-css{ left: 48%;}
	
}

@media (min-width:429px) and (max-width: 529px) 
{ 
	 .row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	 
	 header .first-div {line-height: 3.375rem;height: 3.375rem;}
	 header .first-div ul li:first-child{ width: 70%;}
	 header .first-div ul li:nth-child(2){ width: 30%;}
	 header .first-div ul li:nth-child(2) img{ max-width: 100%; max-height:auto; margin-top: 0px;}
	 header .first-div ul li:last-child { height: 3.375px; width:60%;position: absolute;right: 0px;top: 50px;z-index: 10000;}
	 
	 header .first-div ul li:first-child a{padding-left: 5px;padding-right: 5px;font-size: 14px;letter-spacing:unset;line-height: 3.375rem;}
	 header .first-div ul li:last-child dl dd { padding-top: 1rem;min-width: 2.125rem;}
	 header .first-div ul li:last-child dl dd a.btn{ font-size: 12px;}
	 header .first-div ul li:last-child dl dd a.btn i{ font-size: 20px;}
	 
	 header .first-div ul li:last-child dl dd .dropdown-menu{margin-top: -0.5rem;}
	 .dropdown-item{padding: .15rem 0.15rem;}
	  
	 header .first-div ul li:last-child dl dd .cart-div{right: 0px;left: -450px} 
	 header .first-div ul li:last-child dl dd .Customer-Service{right: 0px;left: -150px} 
	 header .first-div ul li:last-child dl dd .Language-menu{right: 0px;left: -150px} 
	 
	 header  .navbar{display: block; text-align: left;}
	 header  .navbar .navbar-toggler{ border: none;}
	 header  .navbar .navbar-collapse.show {background-color: rgb(0,0,0,0.5);width: 100%;height: 100%;position: fixed;}
	 
	 header .second-div{ z-index: 100;}
	 header .second-div .navbar-nav{height: 100%;background-color: rgb(0,0,0,0.5); position: relative;}
	 header .second-div .navbar-nav li.nav-item{ border-bottom: solid 1px #333; height: 40px;width: 180px; padding-left: 3px; padding-right: 3px;}
	 header .second-div .navbar-nav li.nav-item a:first-child{ line-height: 40px;color: #fff; font-size: 12px;}
	 header .second-div .navbar-nav .dropdown-menu{ position: absolute; left: 179px; top: 0px; min-width: unset;
	    width: 240px; height: 100%; overflow-y: scroll;}
	 
	 header .second-div .dropdown-toggle {color: #fff!important;}
	 
	 header .seearchDiv{ width: 210px;float: right;margin-top:10px!important; z-index: 100000; padding-right: 8px;}
	 header .seearchDiv input{width: 160px!important; height: 30px; background-color: #fff;}
	 header .seearchDiv .btn{ width: 38px!important; height: 30px;}
	  
	  .index-top-ad-imgDiv {height: 43px;}
	  .index-page-links div{height: 100%;}
	  
	  .index-title {height:38px;margin-top:20px!important;margin-bottom:20px!important;}	
	  .index-title .index-title-txt{height: 38px;line-height: 38px;font-size: 30px;letter-spacing:5px}
	  
	  header .navbar-nav .dropdown-menu .menu-picture-ad{ width: 100%; height: 120px; padding-right: 0px; padding-bottom: 5px;margin-bottom:5px;  margin-right: 0px; }
	  header .navbar-nav .dropdown-menu .menu-picture-ad img{ max-height: 120px; float: left;}
	   
	  
	 header .menu-picture-ad,header .menu-childreslist,header .menu-tuijian,header .menu-addlast{padding-right:0px; margin-right: 0px; border-bottom: solid 1px #eee; padding-bottom: 5px;}
	 header .menu-childreslist{ max-width: 100%; width: 100%; height: auto; margin-bottom:5px;}
	 header .menu-childreslist dl dt strong a{ font-weight: bold!important;}
	  
	  
	  header .menu-tuijian,header .menu-addlast{ width: 100%; height: auto;max-height:130px; margin-bottom:5px;border-bottom: solid 1px #eee;}
	  header .menu-tuijian dl dd a,header .menu-addlast dl dd a{ max-width:25%; height: auto; max-height: 7.5rem;}
	  header .menu-tuijian dl dd a img,header .menu-addlast dl dd a img{ max-width: 100%; max-height:100%; height: auto;}
	  
	  
	  .index-product-img{width: 160px;height:18rem;}	
	  
	  .index-product-img-a{height:13rem; margin-bottom: 0.5rem;}
	  .index-product-img p a{ font-size:0.75rem; line-height: 20px!important;}
	  .index-prouct-infor span { font-size: 0.875rem;}
	  
	  .picScroll-left{ height: 315px;}
	  .picScroll-left .hd{ top: 100px;}
	  
	  .index-page-bkDiv{ height:160px;}
	  .index-page-links{height: 130px;top:15px;right:15px; width: 50%;} 
	  .index-page-links .index-page-img{ width: 100%; height: 100%; float: right;}
	  .index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: none;}
	  
	  .index-pet{ margin-top: 20px; margin-bottom: 20px;}
	  .index-pet .col-6{ padding: 0rem;}
	  
	  .picScroll-left-2{ height: 255px !important;}
	  .picScroll-left-2 .index-product-img{ height: 15.5rem!important;}
	    
	  
	  .sidebar-filter{ width: 100%;}
	  .sidebar-filter .contact-form .form-ctrl{width: 25%;float: left;}
	  .sidebar-filter .Category-size-dl dd{ width: 25%;}
	  .sidebar-filter .Category-color-dl dd{ width: 9%;}
	   
	  .product-lists-div{ width: 100%;}
	  
	  .wzPostion, .wzPostion a{ line-height: 1.5rem; padding-top: 1rem; padding-bottom: 1rem;}
	  
	  #ProductsList .col-lg-15{flex: unset;float: left; margin-bottom: 10px;}
	  .pro-bigbox {width:186px;height: 20rem;margin-bottom: 0;}
	  .pro-bigbox .bigboximg a{ height:245px;}
	  .pro-bigbox .bigboxword a{font-size:0.625rem;}
	  .pro-bigbox .bigboxword .post-prices{ font-size: 0.8rem;}
	  
	  .singglepic{ height:360px;}
	  .singglepic .flex-control-thumbs{ width: 3.625rem;}
	  
	  .singglepic .flex-viewport{width: 220px;left: 4rem;}
	  .singglepic .flex-viewport figure .product-max-pic{ width: 220px; height:360px;}
	  
	  .pcon_r .product_title,.pcon_r .price{ font-size: 1rem;}
	  
	  .product-lists-lx .pinfo-2 .col-lg-15 {width: 186px;margin-right:15px!important;}
	  .product-lists-lx .pinfo-2 .pro-bigbox{ height: 18rem!important;width:183px;}
	  
	  
	  
}



/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */	
@media (min-width: 530px) and (max-width:766px){ 
 
  .row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}

header .first-div {line-height: 3.375rem;height: 3.375rem;}
header .first-div ul li:first-child,header .first-div ul li:last-child { width: 40%;}
header .first-div ul li:nth-child(2){ width: 20%;}
header .first-div ul li:nth-child(2) img{ max-width: 100%; max-height:auto;}

header .first-div ul li:first-child a{padding-left: 5px;padding-right: 5px;font-size: 14px;letter-spacing:unset;line-height: 3.375rem;}
header .first-div ul li:last-child dl dd { padding-top: 1rem;min-width: 2.125rem;}
header .first-div ul li:last-child dl dd a.btn{ font-size: 12px;}
header .first-div ul li:last-child dl dd a.btn i{ font-size: 20px;}

header .first-div ul li:last-child dl dd .dropdown-menu{margin-top: -0.5rem;}
.dropdown-item{padding: .15rem 0.15rem;}
 
header .first-div ul li:last-child dl dd .cart-div{right: 0px;left: -450px} 
header .first-div ul li:last-child dl dd .Customer-Service{right: 0px;left: -150px} 
header .first-div ul li:last-child dl dd .Language-menu{right: 0px;left: -150px} 

header  .navbar{display: block; text-align: left;}
header  .navbar .navbar-toggler{ border: none;}
header  .navbar .navbar-collapse.show {background-color: rgb(0,0,0,0.5);width: 100%;height: 100%;position: fixed;}

header .second-div{ z-index: 100;}
header .second-div .navbar-nav{height: 100%;background-color: rgb(0,0,0,0.5); position: relative;}
header .second-div .navbar-nav li.nav-item{ border-bottom: solid 1px #333; height: 40px;width: 180px; padding-left: 3px; padding-right: 3px;}
header .second-div .navbar-nav li.nav-item a:first-child{ line-height: 40px;color: #fff; font-size: 12px;}
header .second-div .navbar-nav .dropdown-menu{ position: absolute; left: 179px; top: 0px; min-width: 430px; height: 100%; overflow-y: scroll;}

header .second-div .dropdown-toggle {color: #fff!important;}

header .seearchDiv{ width: 210px;float: right;margin-top:10px!important; z-index: 100000; padding-right: 8px;}
header .seearchDiv input{width: 160px!important; height: 30px; background-color: #fff;}
header .seearchDiv .btn{ width: 38px!important; height: 30px;}
 
 .index-top-ad-imgDiv {height: 60px;}
 .index-page-links div{height: 100%;}
 
 .index-title {height:38px;margin-top:20px!important;margin-bottom:20px!important;}	
 .index-title .index-title-txt{height: 38px;line-height: 38px;font-size: 30px;letter-spacing:5px}
 
 header .navbar-nav .dropdown-menu .menu-picture-ad{ width: 100%; height: 120px; padding-right: 0px; padding-bottom: 5px;margin-bottom:5px;  margin-right: 0px; }
 header .navbar-nav .dropdown-menu .menu-picture-ad img{ max-height: 120px; float: left;}
  
 
header .menu-picture-ad,header .menu-childreslist,header .menu-tuijian,header .menu-addlast{padding-right:0px; margin-right: 0px; border-bottom: solid 1px #eee; padding-bottom: 5px;}
header .menu-childreslist{ max-width: 100%; width: 100%; height: auto; margin-bottom:5px;}
header .menu-childreslist dl dt strong a{ font-weight: bold!important;}
 
 
 header .menu-tuijian,header .menu-addlast{ width: 100%; height: auto;max-height:200px; margin-bottom:5px;border-bottom: solid 1px #eee;}
 header .menu-tuijian dl dd a,header .menu-addlast dl dd a{ max-width:25%; height: auto; max-height: 7.5rem;}
 header .menu-tuijian dl dd a img,header .menu-addlast dl dd a img{ max-width: 100%; max-height:100%; height: auto;}
 
 
 .index-product-img{width: 160px;height:18rem;}	
 
 .index-product-img-a{height:13rem; margin-bottom: 0.5rem;}
 .index-product-img p a{ font-size:0.75rem; line-height: 20px!important;}
 .index-prouct-infor span { font-size: 0.875rem;}
 
 .picScroll-left{ height: 315px;}
 .picScroll-left .hd{ top: 100px;}
 
 .index-page-bkDiv{ height:180px;}
 .index-page-links{height: 130px;top:15px;right:15px; width: 50%;} 
 .index-page-links .index-page-img{ width: 100%; height: 100%; float: right;}
 .index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: none;}
 
 .index-pet{ margin-top: 20px; margin-bottom: 20px;}
 .index-pet .col-6{ padding: 0rem;}
 
 .picScroll-left-2{ height: 255px !important;}
 .picScroll-left-2 .index-product-img{ height: 15.5rem!important;}
   
 
 .sidebar-filter{ width: 100%;}
 .sidebar-filter .contact-form .form-ctrl{width: 25%;float: left;}
 .sidebar-filter .Category-size-dl dd{ width: 25%;}
 .sidebar-filter .Category-color-dl dd{ width: 9%;}
  
 .product-lists-div{ width: 100%;}
 	
 
 #ProductsList .col-lg-15{flex: unset;float: left; margin-bottom: 10px;}
 .pro-bigbox {width: 250px;height: 23rem;margin-bottom: 0;}
 .pro-bigbox .bigboximg a{ height:295px;}
 .pro-bigbox .bigboxword a{font-size:0.625rem;}
 .pro-bigbox .bigboxword .post-prices{ font-size: 0.8rem;}
 
 .singglepic{ height:539px;}
 .singglepic .flex-viewport{width: 380px;}
 .singglepic .flex-viewport figure .product-max-pic{ width: 380px; height:539px;}
 
 .pcon_r .product_title,.pcon_r .price{ font-size: 1rem;}
 
 .product-lists-lx .pinfo-2 .col-lg-15 {width: 225px;margin-right:15px!important;}
 .product-lists-lx .pinfo-2 .pro-bigbox{ height: 21rem!important;width: 230px;}
 

}
 



/* 小屏幕（平板，大于等于 768px）@screen-sm-min */
@media (min-width:768px ) and (max-width:991px) 
{   
 .container-index{max-width:unset;	}
 .page_the-content{max-width:1200px;	}
 
 .row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}

header .first-div {line-height: 3.375rem;height: 3.375rem;}
header .first-div ul li:first-child,header .first-div ul li:last-child { width: 40%;}
header .first-div ul li:nth-child(2){ width: 20%;}
header .first-div ul li:nth-child(2) img{ max-width: 100%; max-height:auto;}

header .first-div ul li:first-child a{padding-left: 5px;padding-right: 5px;font-size: 14px;letter-spacing:unset;line-height: 3.375rem;}
header .first-div ul li:last-child dl dd { padding-top: 1rem;}
header .first-div ul li:last-child dl dd a.btn{ font-size: 12px;}
header .first-div ul li:last-child dl dd a.btn i{ font-size: 20px;}

header .first-div ul li:last-child dl dd .dropdown-menu{margin-top: -0.5rem;}
.dropdown-item{padding: .15rem 0.15rem;}
 
header .first-div ul li:last-child dl dd .cart-div{right: 0px;left: -390px} 
header .first-div ul li:last-child dl dd .Customer-Service{right: 0px;left: -150px} 
header .first-div ul li:last-child dl dd .Language-menu{right: 0px;left: -150px} 

header  .navbar{display: block; text-align: left;}
header  .navbar .navbar-toggler{ border: none;}
header  .navbar .navbar-collapse.show {background-color: rgb(0,0,0,0.5);width: 100%;height: 100%;position: fixed;}

header .second-div{ z-index: 100;}
header .second-div .navbar-nav{height: 100%;background-color: rgb(0,0,0,0.5); position: relative;}
header .second-div .navbar-nav li.nav-item{ border-bottom: solid 1px #333; height: 40px;width: 220px;}
header .second-div .navbar-nav li.nav-item a:first-child{ line-height: 40px;color: #fff;}
header .second-div .navbar-nav .dropdown-menu{ position: absolute; left: 219px; top: 0px; min-width: 530px; height: 100%; overflow-y: scroll;}

header .second-div .dropdown-toggle {color: #fff!important;}

header .seearchDiv{ width: 210px;float: right;margin-top:10px!important; z-index: 100000; padding-right: 8px;}
header .seearchDiv input{width: 160px!important; height: 30px; background-color: #fff;}
header .seearchDiv .btn{ width: 38px!important; height: 30px;}
 
 .index-top-ad-imgDiv {height: 50px;}
 .index-page-links div{height: 100%;}
 
 .index-title {height:38px;margin-top:20px!important;margin-bottom:20px!important;}	
 .index-title .index-title-txt{height: 38px;line-height: 38px;font-size: 30px;letter-spacing:5px}
 
 header .navbar-nav .dropdown-menu .menu-picture-ad{ width: 100%; height: 120px; padding-right: 0px; padding-bottom: 5px;margin-bottom:5px;  margin-right: 0px; }
 header .navbar-nav .dropdown-menu .menu-picture-ad img{ max-height: 120px; float: left;}
  
 
header .menu-picture-ad,header .menu-childreslist,header .menu-tuijian,header .menu-addlast{padding-right:0px; margin-right: 0px; border-bottom: solid 1px #eee; padding-bottom: 5px;}
header .menu-childreslist{ max-width: 100%; width: 100%; height: auto; margin-bottom:5px;}
header .menu-childreslist dl dt strong a{ font-weight: bold!important;}
 
 
 header .menu-tuijian,header .menu-addlast{ width: 100%; height: auto;max-height:200px; margin-bottom:5px;border-bottom: solid 1px #eee;}
 header .menu-tuijian dl dd a,header .menu-addlast dl dd a{ max-width:25%; height: auto; max-height: 7.5rem;}
 
 .index-product-img{width: 160px;height:18rem;}	
 
 .index-product-img-a{height:13rem; margin-bottom: 0.5rem;}
 .index-product-img p a{ font-size:0.75rem; line-height: 20px!important;}
 .index-prouct-infor span { font-size: 0.875rem;}
 
 .picScroll-left{ height: 315px;}
 .picScroll-left .hd{ top: 100px;}
 
 .index-page-bkDiv{ height:250px;}
 .index-page-links{height: 210px;top:20px;right:20px;}
 .index-page-links .index-page-img{ width: 40%; height: 100%; float: right;}
 .index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: right;}
 
 .index-pet{ margin-top: 20px; margin-bottom: 20px;}
 
 .picScroll-left-2{ height: 255px !important;}
 .picScroll-left-2 .index-product-img{ height: 15.5rem!important;}
   
 
 .sidebar-filter{ width: 20%;}
 .product-lists-div{ width: 80%;}
 	
 
 #ProductsList .col-lg-15{flex: unset;float: left;}
 .pro-bigbox {height: 21rem;margin-bottom: 0;}
 .pro-bigbox .bigboximg a{ height:265px;}
 .pro-bigbox .bigboxword a{font-size:0.625rem;}
 .pro-bigbox .bigboxword .post-prices{ font-size: 0.8rem;}
 
 .singglepic{ height:539px;}
 .singglepic .flex-viewport{width: 380px;}
 .singglepic .flex-viewport figure .product-max-pic{ width: 380px; height:539px;}
 
 .pcon_r .product_title,.pcon_r .price{ font-size: 1rem;}
 
 .product-lists-lx .pinfo-2 .col-lg-15 {margin-bottom:15px!important;margin-right:0px!important;}
 .product-lists-lx .pinfo-2 .pro-bigbox{ height: 21rem!important;}
 
}

/* 中等屏幕（桌面显示器，大于等于 992px）
@media (min-width: @screen-md-min) {   }
 */
/* 大屏幕（大桌面显示器，大于等于 1200px） 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {   }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {   }
*/
@media (min-width: 992px) and (max-width:1199px) 
{  
	 .container-index{max-width:unset;	}
	 .page_the-content{max-width:1200px;	}
	 
	 .row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	 
	 
	 .index-top-ad-imgDiv {height: 50px;}
	 .index-page-links div{height: 100%;}
	 
	 .index-title {height:38px;margin-top:20px!important;margin-bottom:20px!important;}	
	 .index-title .index-title-txt{height: 38px;line-height: 38px;font-size: 30px;letter-spacing:5px}
	 
	 header .navbar-nav .dropdown-menu .menu-picture-ad{ width: 200px; padding-right: 10px; margin-right: 10px; }
	 header .navbar-nav .dropdown-menu .menu-picture-ad img{ height: auto;}
	 header .menu-childreslist,header .menu-tuijian,header .menu-addlast{padding-right: 10px; margin-right: 10px;}
	 
	 
	 .index-product-img{width: 160px;height:18rem;}	
	 
	 .index-product-img-a{height:13rem; margin-bottom: 0.5rem;}
	 .index-product-img p a{ font-size:0.75rem; line-height: 20px!important;}
	 .index-prouct-infor span { font-size: 0.875rem;}
	 
	 .picScroll-left{ height: 315px;}
	 .picScroll-left .hd{ top: 100px;}
	 
	 .index-page-bkDiv{ height: 360px;}
	 .index-page-links{height: 280px;top:35px;}
	 .index-page-links .index-page-img{ width: 60%; height: 100%; float: right;}
	 .index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: right;}
	 
	 
	 
	 .picScroll-left-2{ height: 255px !important;}
	 .picScroll-left-2 .index-product-img{ height: 18rem!important;}
	   
	 
	 
	 #ProductsList .col-lg-15{flex: unset;float: left;}
	 .pro-bigbox {width:270px; height: 27rem;margin-bottom:15;}
	 .pro-bigbox .bigboximg a{ height:360px;}
	 .pro-bigbox .bigboxword a{font-size: 0.75rem;}
	 .pro-bigbox .bigboxword .post-prices{ font-size: 1rem;}
	 
	 .singglepic{ height: 699px;}
	 .singglepic .flex-viewport{width: 560px;}
	 .singglepic .flex-viewport figure .product-max-pic{ width: 560px; height: 699px;}
	  
	 
	 
	 .product-lists-lx .pinfo-2 .col-lg-15 {width: 25%!important;margin-right:0px!important;}
	 .product-lists-lx .pinfo-2 .pro-bigbox{ height: 21rem!important; width: 225px;}
	 .product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a{ height:297px;} 
	 
	 
	 .sidebar-filter{ width: 15%;}
	 .product-lists-div{ width: 85%;}
	 
	 
}

/* 大屏幕（大桌面显示器，大于等于 1200px）==screen-lg-min */
@media (min-width:1200px) and (max-width:1399px) 
{ 
	.container-index{max-width:unset;	} 
	.page_the-content{max-width:1200px;	}
	 
	.row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	
	
	.index-top-ad-imgDiv {height: 50px;}
	.index-page-links div{height: 100%;}
	
	.index-title {height:38px;margin-top:20px!important;margin-bottom:20px!important;}	
	.index-title .index-title-txt{height: 38px;line-height: 38px;font-size: 30px;letter-spacing:5px}
	
	header .navbar-nav .dropdown-menu .menu-picture-ad{ width: 200px; padding-right: 10px; margin-right: 10px; }
	header .navbar-nav .dropdown-menu .menu-picture-ad img{ height: auto;}
	header .menu-childreslist,header .menu-tuijian,header .menu-addlast{padding-right: 10px; margin-right: 10px;}
	
	
	.index-product-img{width: 190px;height:20.5rem;}	
	
	.index-product-img-a{height:15.8rem; margin-bottom: 0.5rem;}
	.index-product-img p a{ font-size:0.75rem; line-height: 20px!important;}
	.index-prouct-infor span { font-size: 0.875rem;}
	
	.picScroll-left{ height: 365px;}
	
	.index-page-bkDiv{ height: 400px;}
	.index-page-links{height: 325px;top:35px;}
	.index-page-links .index-page-img{ width: 70%; height: 100%; float: right;}
	.index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: right;}
	
	
	
	.picScroll-left-2{ height: 335px !important;}
	.picScroll-left-2 .index-product-img{ height: 18rem!important;}
	  
	
	
	#ProductsList .col-lg-15{flex: unset;float: left;}
	.pro-bigbox {width:320px;height:31rem;margin-bottom: 20;}
	.pro-bigbox .bigboximg a{ height:425px;}
	.pro-bigbox .bigboxword a{font-size: 0.75rem;}
	.pro-bigbox .bigboxword .post-prices{ font-size: 1rem;}
	
	.singglepic{ height: 799px;}
	.singglepic .flex-viewport{width: 600px;}
	.singglepic .flex-viewport figure .product-max-pic{ width: 600px; height: 799px;}
	 
	
	
	.product-lists-lx .pinfo-2 .col-lg-15 {width: 25%!important;margin-right:0px!important;}
	.product-lists-lx .pinfo-2 .pro-bigbox{ height: 24.5rem!important; width: 270px;}
	.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a{ height: 364px;} 
	
	.sidebar-filter{ width: 15%;}
	.product-lists-div{ width: 85%;}
} 

@media (min-width:1300px) and (max-width:1399px) 
{ 
	.container-index{max-width:unset;	} 
	.page_the-content{max-width:1200px;	}
	 
	.row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	
	header .navbar-nav .dropdown-menu .menu-picture-ad{ width: 200px; padding-right: 10px; margin-right: 10px; }
	header .navbar-nav .dropdown-menu .menu-picture-ad img{ height: auto;}
	header .menu-childreslist,header .menu-tuijian,header .menu-addlast{padding-right: 10px; margin-right: 10px;}
	
	
	.index-product-img{width: 205px;height:21.5rem;}	
	
	.index-product-img-a{height:16.875rem; margin-bottom: 0.5rem;}
	.index-product-img p a{ font-size:0.75rem; line-height: 20px!important;}
	.index-prouct-infor span { font-size: 0.875rem;}

	.index-page-bkDiv{ height: 438px;}
	.index-page-links{height: 325px;top: 55px;}
	.index-page-links .index-page-img{ width: 70%; height: 100%; float: right;}
	.index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: right;}
	
	
	.picScroll-left-2{ height: 335px !important;}
	.picScroll-left-2 .index-product-img{ height: 18rem!important;}
	 
	#ProductsList .col-lg-15{width: 320px;max-width:unset; flex: unset;float: left;margin-left: 20px;margin-right: 7px;} 	
	.pro-bigbox {height:31rem;}
	.pro-bigbox .bigboximg a{ height:425px;}
	.pro-bigbox .bigboxword a{font-size: 0.75rem;}
	.pro-bigbox .bigboxword .post-prices{ font-size: 1rem;}
	
	.singglepic{ height: 799px;}
	.singglepic .flex-viewport{width: 600px;}
	.singglepic .flex-viewport figure .product-max-pic{ width: 600px; height: 799px;}
	
	.product-lists-lx .pinfo-2 .col-lg-15 {width: 25%!important;margin-right:00px!important;}
	.product-lists-lx .pinfo-2 .pro-bigbox{ height: 26rem!important; width: 280px;}
	.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a{ height: 374px;} 
} 
@media (min-width:1400px)  and (max-width:1599px) 
{ 
	 .container-index{max-width:unset;	}
	 .page_the-content{max-width:1200px;	}
	  
	 .row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	 
	 	.index-top-ad-imgDiv {height: 50px;}
	 		
		.index-title {height:38px;margin-top:20px!important;margin-bottom:20px!important;}	
		.index-title .index-title-txt{height: 38px;line-height: 38px;font-size: 30px;letter-spacing:5px}
		
	 	.index-product-img{width: 215px;height:22.5rem;}	
	    
		.index-product-img-a{height:17.75rem; margin-bottom: 0.5rem;}
	 	.index-product-img p a{ font-size:0.75rem; line-height: 20px!important;}
	 	
		.index-page-bkDiv{ height: 438px;}
		.index-page-links{height: 325px;}
		.index-page-links div{height: 100%;}
		.index-page-links .index-page-img{ width: 70%; height: 100%; float: right;}
		.index-page-links .index-page-img img{ max-width: unset; max-height: 100%; float: right;}
		
		
		.picScroll-left-2{ height: 335px !important;}
		.picScroll-left-2 .index-product-img{ height: 18rem!important;}
		 
		 #ProductsList .col-lg-15{width: 285px;max-width:unset; flex: unset;float: left;margin-left: 18px;margin-right: 15px;}
	 	#ProductsList .col-lg-15 {width: 260px;margin-left:20px;margin-right: 7px;}
	 	.pro-bigbox {height: 26rem;}
	 	.pro-bigbox .bigboximg a{ height:345px;}
	 	.pro-bigbox .bigboxword a{font-size: 0.75rem;}
	 	.pro-bigbox .bigboxword .post-prices{ font-size: 1rem;}
	 	
	 	.singglepic{ height: 799px;}
	 	.singglepic .flex-viewport{width: 600px;}
	 	.singglepic .flex-viewport figure .product-max-pic{ width: 600px; height: 799px;}
	 	 
		
		
		.product-lists-lx .pinfo-2 .col-lg-15 {width: 25%!important;margin-right:0px!important;}
		.product-lists-lx .pinfo-2 .pro-bigbox{ height: 24.5rem!important; width: 270px;}
		.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a{ height: 364px;} 
		
} 
@media (min-width:1600px)  and (max-width:1699px) 
{ 	
	.container-index{max-width:unset;	} 
	.page_the-content{max-width:1200px;	}
	 
	.row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	
	.index-top-ad-imgDiv {height: 70px;}
		
	.index-product-img{width: 245px;height: 390px;}	
    .index-product-img-a{height: 20.25rem;}
	.index-product-img p a{ font-size: 0.75rem; line-height: 25px;}
	
	#ProductsList .col-lg-15{width: 285px;max-width:unset; flex: unset;float: left;margin-left: 18px;margin-right: 15px;}
	#ProductsList .col-lg-15 {width: 260px;margin-left: 12px;margin-right: 7px;}
	.pro-bigbox {height: 26rem;}
	.pro-bigbox .bigboximg a{ height:345px;}
	.pro-bigbox .bigboxword a{font-size: 0.75rem;}
	.pro-bigbox .bigboxword .post-prices{ font-size: 1rem;}
	
	.singglepic{ height: 799px;}
	.singglepic .flex-viewport{width: 600px;}
	.singglepic .flex-viewport figure .product-max-pic{ width: 600px; height: 799px;}
	 
	
	
	.product-lists-lx .pinfo-2 .col-lg-15 {width: 25%!important;margin-right:0px!important;}
	.product-lists-lx .pinfo-2 .pro-bigbox{ height: 24.5rem!important; width: 270px;}
	.product-lists-lx .pinfo-2 .pro-bigbox .bigboximg a{ height: 364px;} 
	
} 
@media (min-width:1700px)  and (max-width:1799px) 
{  
	.container-index{max-width:unset;	}
	.page_the-content{max-width:1200px;	}
	 
	.row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	
	
	.index-top-ad-imgDiv {height: 70px;}
		
		#ProductsList .col-lg-15{width: 285px;max-width:unset; flex: unset;float: left;margin-left: 18px;margin-right: 15px;}
	#ProductsList .col-lg-15 {width: 280px;margin-left: 12px;margin-right: 7px;}
	.pro-bigbox .bigboximg a{ height:373px;}
} 		

@media (min-width:1800px) 
{  
	.container-index{max-width:unset;	}
	.container-index{width: 1800px;}  
	.page_the-content{max-width:1200px;	}
	 
	.row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0px; margin: 0px auto;}
	
	
	#ProductsList .col-lg-15{width: 285px;max-width:unset; flex: unset;float: left;margin-left: 18px;margin-right: 15px;}
	
}