@charset "utf-8"; 
html,body{background:#FFFFFF; -webkit-text-size-adjust:none;}
body,html,h1,h2,h3,h4,table,tr,td,th,ul,li,ol,dd,dt,dl,p,strong,em,span,textarea,select,input,img,button,a{padding:0; margin:0;}
body{color:#191C1F; font-family:"Inter Regular"; font-size:14px;}
ul,li{list-style:none;}
img{vertical-align:top; border:none;}
*{margin: 0;padding: 0;}
a{color:#191C1F; text-decoration:none; display: inline-block;}
a:hover{color:#E73C17; text-decoration:underline;}
.cls{zoom:1;}
.cls:after{content:"."; display:block; visibility:hidden; overflow:hidden; clear:both; height:0;}
.Clear{clear:both; line-height:0; font-size:0; height:0;}
.FloatL{float: left}
.FloatR{float: right}
.Hidden{visibility: hidden;}
input:focus{ outline: none;}
input,button{ font-family:"Inter Regular"; background:#fff; border:none;}
input[type=button],input[type=submit],input[type=reset],button{-webkit-appearance:none; cursor: pointer;}
textarea{ resize:none; line-height:18px; background:#fff; font-family:"Inter Regular";}
h2, h3, dt{ font-weight: bold;}
img{width: 100%;height: auto;}
em,i{font-style: normal;}
button[disabled]{opacity: .6; cursor: no-drop}

@font-face {
    font-family:"Inter Regular";
    src: url('../font/Inter-Regular.eot');
    src: local("Inter-Regular"),
     	url('../font/Inter-Regular.eot?#iefix') format('embedded-opentype'),
     	url('../font/Inter-Regular.woff2') format('woff2'),
     	url('../font/Inter-Regular.woff') format('woff'),
     	url('../font/Inter-Regular.ttf') format('truetype'),
     	url('../font/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"Inter Medium";
    src: url('../font/Inter-Medium.eot');
    src: local("Inter-Medium"),
     	url('../font/Inter-Medium.eot?#iefix') format('embedded-opentype'),
     	url('../font/Inter-Medium.woff2') format('woff2'),
     	url('../font/Inter-Medium.woff') format('woff'),
     	url('../font/Inter-Medium.ttf') format('truetype'),
     	url('../font/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

.Highlight {font-weight: bold;color: red;}
.Warp{background-color: #f2f4f5;}
.Bginput {background: #F7F6E4;border: 1px solid #333 !important;color: #333 !important;}
.SmallLotMain .Bginput{border: 2px solid #333 !important;border-right: none !important;}
.HeaderTitle{background-color: #E73C17;height: 50px;color: #ffffff;font-size: 20px;text-align: center;line-height: 50px;position: relative;}
.HeaderTitle .Clone{display: block;position: absolute;background: url(../imagesNew/master/icon-master.png) no-repeat;height: 26px;width: 26px;background-position: -134px 0;right: 22px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.Header,.Content,.NavigationDiv,.Footer{width: 100%;margin: 0 auto;}
.Header{display: flex;align-items: center;flex-wrap: wrap;padding: 20px;box-sizing: border-box;justify-content: space-between;}
.Header .Logo{margin-right: 2%;width: 18%;}
.SmallLotWrap{width: calc(100% - (20% + 580px));height: 66px;position: relative;}
.SmallLotMain{display: flex;align-items: center;height: 100%;}
.SmallLotMain .SearchInput{width: calc(100% - 73px);padding: 0 10px;box-sizing: border-box;height: 100%;font-size: 22px;border: 2px solid #DBDBDB;border-right: none;text-overflow: ellipsis;}
.SmallLotMain .Search{width: 73px;background-color: #2F333A;display: flex;align-items: center;justify-content: center;height: 100%;cursor: pointer;}
.SmallLotMain .Search::after{content: "";display: block;width: 24px;height: 24px;background: url(../imagesNew/master/icon-master.png) no-repeat; background-position: -134px -66px;}
.SmallLotWrap .SearchPrompt{ padding: 20px 20px 0; width: calc(100% - 73px) !important; box-sizing: border-box;background-color: #ffffff;position: absolute;z-index: 12;margin-top: 10px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);border-radius: 10px;display: none;}
.SmallLotWrap .Sug p{ font-size: 20px;font-weight: bold;}
.SmallLotWrap .Sug ul{ display: flex; flex-wrap: wrap; padding: 0 0 27px;}
.SmallLotWrap .Sug ul li{ width: auto; border-radius: 3px; margin: 12px 12px 0 0; font-size: 16px; padding: 0 15px; line-height: 30px; background: #f2f2f2;}
.HeaderRight{display: flex;align-items: center;width: 580px;flex-wrap: wrap;justify-content: end;}
.HeaderRight .ShipToMain {margin: 0; padding: 0;}
.HeaderRight .ShipToMain .ShipToTitle{text-align: center;font-size: 18px;padding: 5px 14px;box-sizing: border-box;cursor: pointer;}
.HeaderRight .ShipToMain .ShipToTitle:hover{color: #2f333a;}
.HeaderRight .ShipToMain .ShipToTitle > div{display: flex;align-items: center; justify-items: center;}
.HeaderRight .ShipToMain .ShipToTitle > div span {margin: 0 2px;}
.HeaderRight .ShipToMain .ShipToShow {top: 62px; left: -1px; border: #dfdfdf solid 1px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);position: absolute;background-color: #ffffff;padding: 20px 10px;}

.HeaderRight .Bg_FFF {position: absolute;z-index: 22;width: 0;height: 4px;background: #fff;bottom: -2px;left: 0;display: block;}
.HeaderRight .ShipToMain.ShipToMainHover .Bg_FFF {width: 100%;}
.ShipToMain{ cursor: pointer; position: relative; float: left; padding-left: 10px; margin: 5px 0;}
.ShipToMain > p.ShipToTitle{ line-height: 16px; padding: 7px 0; display: flex; align-items: center;}
.ShipToMain > p.ShipToTitle:after{ content: ""; background: url(../imagesNew/master/pull-down.png) no-repeat; width: 7px; height: 4px; margin-right: 10px;}
.ShipToMain > p.ShipToTitle .Country{ padding: 0 10px; border-left: #575757 solid 1px; border-right: #575757 solid 1px;}
.ShipToMain> p.ShipToTitle .CurIcon{ margin: 0 10px;}
.ShipToMain .CurIcon, .ms-drawer .CurIcon, #TopSettingNav .CurIcon, #headerCountry .CurIcon{ width: 24px; height: 16px; display: inline-block;}
.ShipToShow{ z-index: 21; display: none;}
.ShipToMain > p.ShipToTitle .Currency{ padding: 0 10px;}
.ShipToShow > ul > li{ display: flex; height: 30px; align-items: center; margin-bottom: 15px;}
.ShipTitle{ width: 100px;font-size: 18px;}
.ShipToShow li > div{ position: relative;}
.ShipToShow li > div > p{ position: relative; background: #FFFFFF; border: #e0e0e0 solid 1px; height: 28px; display: flex; align-items: center; padding: 0 10px; width: 230px;font-size: 14px;line-height: 16px;}
.ShipToShow li > div > p.shipToName span {width: calc(100% - 20px);}
.ShipToShow li > div > p.z-index{ z-index: 11;}
.ShipToShow li > div .CurIcon{margin: 0 10px 0 0;}
.ShipToShow li > div .arrow-icon{ position: absolute; background: url(../imagesNew/master/arrow-down.png) center no-repeat; top: 8px; right: 10px; width: 18px; height: 12px;}
.ShipToShow li > div .arrow-icon.fold{ transform: rotate(-180deg);}
.ShipToShow .jsSelected ul li.on {background: #e9e9e9; color: #2f333a; text-decoration: none;}
.ShipToShow .CurrencySelect ul{ height: 160px;}
.ShipToShow .ConfirmBtn{ background: rgba(47, 51, 58, 1); width: 100%; height: 36px; border-radius: 3px; color: #FFFFFF; font-size: 18px;}
.ShipToShow .ConfirmBtn:hover{  background: rgba(47, 51, 58, 0.9);}

.CountrySelect input,.SelectChoose {background: url(../imagesNew/master/icon-my-account.gif) no-repeat;}
.ShipToShow .CountrySelect, .ShipToShow .LanguageSelect, .ShipToShow .CurrencySelect{ display: none; top: 30px; left: 0; position: absolute; background: #FFFFFF; border:1px solid #E0E0E0; border-top: none; padding: 5px; float: none; width: 100%; box-sizing: border-box; z-index: 12;}
.ShipToShow .CountrySelect input{ background-position: right -152px; border: 1px solid #E0E0E0; margin: 0; padding: 0 20px 0 5px; width: 100%; box-sizing: border-box; height: 30px; line-height: 30px;}
.ShipToShow .CountrySelect ul{ margin-top: 5px;}
.ShipToShow .CountrySelect span{ height: 34px; padding: 0 5px; display: flex; align-items: center;}
.ShipToShow .CountrySelect ul, .ShipToShow .CurrencySelect ul{overflow-y: auto; height: 215px; scrollbar-width: thin; scrollbar-color: #bfbfbf #ffffff;}
/*滚动条整体部分*/
.ShipToShow .CountrySelect ul::-webkit-scrollbar, .ShipToShow .CurrencySelect ul::-webkit-scrollbar{ width: 5px;}
/*滚动滑块*/
.ShipToShow .CountrySelect ul::-webkit-scrollbar-thumb, .ShipToShow .CurrencySelect ul::-webkit-scrollbar-thumb{ border-radius: 25px; background: #bfbfbf;}
/*外层轨道*/
.ShipToShow .CountrySelect ul::-webkit-scrollbar-track, .ShipToShow .CurrencySelect ul::-webkit-scrollbar-track{ border-radius: 25px; background: #ffffff;}
.ShipToShow .LanguageSelect span, .ShipToShow .CurrencySelect span{ display: block; line-height: 18px; padding: 8px 5px;}
.ShipToShow .CountrySelect span:hover, .ShipToShow .LanguageSelect span:hover, .ShipToShow .CurrencySelect span:hover{ background: #e9e9e9; color: #e73c17; text-decoration: none;}
.ShipToShow .jsSelected ul li.on {background: #e9e9e9; color: #e73c17; text-decoration: none;}
.ShipToShow .CurrencySelect ul{ height: 160px;}

.ShipToMain.ShipToMainHover{ background: #FFFFFF; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.24);}
.ShipToMain.ShipToMainHover .ShipToShow{ display: block;}
.ShipToMain.ShipToMainHover > p.ShipToTitle:after{ transform: rotate(180deg);}
.ShipToShow .BgFFF{ opacity: 0; display: none; background: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}

.UserContent{display: flex;align-items: center;margin-left: 20px;}
.UserContent >a,.UserContent .User{padding: 5px 16px;border: 1px solid transparent;position: relative;}
.UserContent .User .NoSignIn{width: max-content}
.UserContent >a::before,.UserContent .User::before{content: "";display: block;background: url(../imagesNew/master/icon-master.png) no-repeat;background-size: 175px;cursor: pointer;position: relative;margin: 0 auto;}
.UserContent .User::before{background-position: 0 0;width: 45px;height: 47px;}
.UserContent  >a .Num{position: absolute;width: 20px;height: 20px;border-radius: 50%;background-color: #A72527;color: #ffffff;font-size: 12px;display: flex;align-items: center;justify-content: center;right: 5px;top: -5px;}
.UserContent  >a.Collect::before{background-position: 0 -60px;width: 47px;height: 44px;}
.UserContent  >a.ShoppingCart::before{background-position: 0 -117px;width: 44px;height: 44px;}
.UserContent  >a.Message::before{background-position: 1px -172px;width: 43px;height: 46px;margin-right: 0;}
.UserContent .User:hover::before{background-position: -61px 0;}
.UserContent  >a.Collect:hover::before{background-position: -61px -60px;}
.UserContent  >a.ShoppingCart:hover::before{background-position: -61px -117px;}
.UserContent  >a.Message:hover::before{background-position: -60px -172px;}

.SignIn{position: absolute;top: 57px;left: -1px;background: #fff;border: #dfdfdf solid 1px;width: 258px;padding: 5px 0;z-index: 21;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);text-align: left;display: none;}
.HeaderRight .SignIn .MenuList{margin-top: 0;}
.SignIn .MenuList a{color: #333;display: block;padding-left: 15px;text-decoration: none;line-height: 35px;}
.HeaderRight .SignIn .SignOut{border-top: 1px solid #e9e9e9;padding: 15px 0 15px 15px;background: none;}
.SignIn .MenuList dd a:hover, .SignIn .MenuList .current a{color: #E73C17;background-color: #f8f8f8;}
.SignIn .SignOut a{color: #E73C17;}
.UserContent div.User:hover{background-color: #ffffff;border: #dfdfdf solid 1px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}
.UserContent .User:hover .Bg_FFF{width: 100%;}
.UserContent .User:hover .SignIn{display: block;}
.Navigation{background-color: #2F333A;height: 60px;}
.NavigationDiv{height: 100%;}
.headerNavigation-container{height: 100%;}
.NavigationDiv ul{display: flex;height: 100%;}
.NavigationDiv li{padding: 0 30px;box-sizing: border-box;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;width: max-content;cursor: pointer;}
.NavigationDiv li.Current,.NavigationDiv li:hover{background-color: #E73C17;}
.NavigationDiv li a{font-size: 18px;color: #ffffff;width: 100%;height: 100%;display: flex;align-items: center}
.NavigationDiv li.Categories::after{content: "";display: block;width: 22px;height: 10px;background: url(../imagesNew/master/icon-master.png) no-repeat;background-position: -175px 0;margin-left: 8px;}
.NavigationDiv .swiper-button-next, .NavigationDiv .swiper-button-prev{background-image: none;color: #ffffff;width: 30px;font-size: 30px;height: 100%;margin-top: 0;transform: translateY(-50%);background-color: #2f333a;display: flex;align-items: center;justify-content: center;}
.NavigationDiv .swiper-button-next{right: 0;}
.NavigationDiv .swiper-button-prev{left: 0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none;}
#ContentWarp{padding: 20px 0 70px;box-sizing: border-box;}
.Content{padding: 0 20px;box-sizing: border-box;}
.MainBox{display: flex;}
.MainContent{width: calc(100% - 315px);}
.ContentLeft{width: 300px;margin-right: 15px;}
.ContentLeft dl{background-color: #ffffff;border: 1px solid #e2e2e2;padding: 20px 10px 20px 20px;box-sizing: border-box;margin-bottom: 20px;}
.ContentLeft dl.DiscoveryWarp{height: 132px;}
.ContentLeft dt{font-size: 18px;padding: 0 10px;box-sizing: border-box;}
.ContentLeft dd{line-height: 28px;position: relative;}
.ContentLeft dd:nth-of-type(1){margin-top: 10px;}
.ContentLeft dd>a{display: block;padding: 0 20px 0 10px;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;color: #4E4E4E;overflow: hidden;}
.ContentLeft dd>a:hover{color: #E73C17;}
.ContentLeft dd.HasChildren>a{border: 1px solid transparent;text-decoration: none;width: auto;position: relative;z-index: 10;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ContentLeft dd.HasChildren:hover>a{ border-style: solid;border-width: 1px ;border-color: #2f333a #fff #2f333a #2f333a;color: #4E4E4E;}
.ContentLeft dd.HasChildren>a::after{content: '';display: block; background: url(../imagesNew/home/menu-list-icon-new.png) no-repeat;width: 8px;height: 13px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background-size: 100%;}
.ContentLeft .MenuHoverBox {position: absolute;top: 0;left: 267px;width: 878px;border: #2f333a solid 1px;background: #fff;z-index: 5;overflow: hidden;padding: 15px 0 15px 20px;}
.ContentLeft .MenuHoverBox ul{display: flex;flex-wrap: wrap;}
.ContentLeft .MenuHoverBox ul li{width: 32.33%;margin: 0 1% 0 0;line-height: 33px;}
.ContentLeft .MenuHoverBox ul li a{text-overflow: ellipsis;white-space: nowrap;color: #4E4E4E;overflow: hidden;width: 100%;}
.ContentLeft dd.HasChildren:hover .MenuHoverBox{visibility: visible;}
.ContentLeft .MenuHoverBox .MenuHoverBoxMain{margin-bottom: 10px;}
.ContentLeft .MenuHoverBox .MenuHoverBoxMain > p{font-size: 18px;font-weight: bold;}

.Navigation{position: relative;}
.headerNavigation .DivCategories {display: none;background: #FFFFFF;position: absolute;float: none;left: 0;z-index: 20;width: 260px;border: 1px solid #e8e8e8;box-shadow: 0 1px 3px rgba(0, 0, 0, .1);font-size: 14px;}
.headerNavigation .DivCategories.Show{display: block;}
.DivCategories dl{margin-bottom: 0;padding: 10px;}
.headerNavigation dd.HasChildren>a::after{display: none;}
.headerNavigation .MenuHoverBox{padding: 0;max-height: 600px;height:auto;overflow-y: scroll;left: 237px;}
.headerNavigation .MenuHoverBox  dl{border: none;border-bottom: 1px solid #e2e2e2;}
.headerNavigation .MenuHoverBox  dl dt{padding-left: 0;font-size: 18px;}
.headerNavigation .MenuHoverBox  dl dd,.headerNavigation .MenuHoverBox ul li{line-height: 24px;}

/* 搜索词智能推荐 */
.SearchPop {background: #FFF;border: 1px solid #CEC8C8;box-sizing: border-box;position: absolute;width: 438px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);padding: 5px 8px;z-index: 100;font-size: 11px;}
.ItemLi {padding: 3px;color: #666;}
.ItemLi li.HideLi {cursor: pointer;font-weight: bolder;height: 25px;line-height: 25px;color: #999999;}
.ItemLi li {font-size: 14px;height: 24px;line-height: 24px;padding: 0 5px;text-overflow: ellipsis;white-space: nowrap;}
.ItemLi li.Less span {display: none;}
.ItemLi li.Less strong::before {content: '';display: inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid black;margin: 2px;}
li.HideLi span::before {content: '';display: inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid black;margin: 2px;}

.ItemLi li span {float: right;font-size: 12px !important;color: #999;font-weight: normal;}
.ItemLi li strong {font-weight: normal;font-size: 15px;}
.ItemLi li p {color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.SearchPopLi {margin: 0;padding: 0;display: block;}
.ItemLi li.Choosed {background: #E9E9E9;}
.ItemLi li span strong {color: #333;}

#searchBought {height: auto;padding: 0;text-overflow: unset;white-space: unset; margin-top: 10px;}
#searchBought > p {background: #000;color: #fff;width: 100%;line-height: 32px;padding: 0 5px;font-size: 14px;box-sizing: border-box;font-weight: 700;}
#searchBought > p a{color: #fff}
#searchBought ul {margin: 5px 0;}
#searchBought ul li {float: left;width: calc(100% - 10px);height: auto;padding:5px;text-overflow: unset;white-space: unset;}
#searchBought ul li:hover {padding: 4px; border: 1px solid #ccc;}
#searchBought ul li .ProImg {float: left; position: relative; width: 92px; height: 92px; margin-right: 5px;}
#searchBought ul li .ProImg img{width: 100%; height: 100%}
#searchBought ul li .ProName {width: calc(100% - 97px);white-space: inherit;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#searchBought ul li .ProName span {float: none;color: #000;font-size: 14px !important;}
#searchBought ul li a {white-space: normal;}
#searchBought ul li .Price {width: calc(100% - 97px); font-size: 14px;color: #e70000;font-weight: 700;margin-top: 15px;}
#searchBought ul li .Price span {font-size: 14px !important;color: #999;float: none;}
#searchBought ul li .discount {top:0; left: 0; margin: 0 !important; line-height: normal;}

.MainContent h3{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.Breadcrumb{display: flex;margin-bottom: 10px;flex-wrap: wrap;}
.Breadcrumb i{padding: 5px 14px;box-sizing: border-box;border: 1px solid transparent;}
.Breadcrumb i:first-of-type{padding-left: 0;}
.Breadcrumb i a{color: #999999;display: flex;align-items: center;}
.Breadcrumb i a:hover{color: #E73C17;}
.Breadcrumb .BreadcrumbColor a,.Breadcrumb .BreadcrumbColor{color: #191C1F;}
.Breadcrumb em{color: #999999;padding: 5px 0;}
.Breadcrumb .resultsBox{color: #999999;padding: 5px 0;}
.Breadcrumb .SelectIcon{background: url(../imagesNew/master/icon-shopp-detail.png) no-repeat;width: 8px;height: 6px;display: block;background-position: 0 -256px;margin-left: 5px;}
.Breadcrumb .On a,.Breadcrumb .resultsBox .Orange{color: #E73C17;}
.Breadcrumb .On .SelectIcon{background-position: 0 -277px;}
.Breadcrumb i a font{max-width: 165px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.MainContentBody{padding: 26px;box-sizing: border-box;background-color: #ffffff;}
.ViewMore{width: max-content;height: 37px;color: #ffffff;margin: 40px auto;background-color: #191C1F;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 40px;box-sizing: border-box;border-radius: 4px;}
.Breadcrumb i.hasChild{position: relative;}
.Breadcrumb i.hasChild::after{content: "";display: block;width: 100%;height: 4px;background-color: #ffffff;position: absolute;top: 26px;left: 0; z-index: 11;display: none;}
.Breadcrumb .CrumbleSelect{position: absolute;border: 1px solid #e2e2e2;top: 28px;background-color: #ffffff;width: calc(100% + 20px);left: -1px;z-index: 10;padding: 0 0 10px;display: none;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);min-width: 200px;max-height: 484px;overflow-y: auto}
.Breadcrumb .CrumbleSelect a{color: #999999;}
.Breadcrumb .CrumbleSelect li{padding: 5px 14px;}
.Breadcrumb .CrumbleSelect li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.Breadcrumb .CrumbleSelect li:hover{background-color: #e9e9e9;}
.Breadcrumb i.hasChild:hover{background-color:#ffffff;border: 1px solid #e2e2e2;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);}
.Breadcrumb i.hasChild:hover .CrumbleSelect,.Breadcrumb i.hasChild:hover::after{display: block;}

.MainContentBody{padding: 26px;box-sizing: border-box;background-color: #ffffff;}
.ViewMore{width: max-content;height: 37px;color: #ffffff;margin: 40px auto;background-color: #191C1F;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 40px;box-sizing: border-box;border-radius: 4px;}

.ProductItem ul{display: flex;flex-wrap: wrap;}
.AlsoLikeSwiper .ProductItem ul{flex-wrap: nowrap;}
.ProductItem ul li{width: 24%;margin: 0 1.33% 2% 0;border: 2px solid #f0f0f0;box-sizing: border-box;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;will-change: transform, box-shadow;transform-origin: center center;}
.ProductItem ul li:nth-child(4n){margin-right: 0;}
.ProductItem ul li:hover{box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);transform: translateY(-8px);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.ProductItem ul li .ItemContent{padding: 10px 10px 12px;box-sizing: border-box;}
.ProductItem ul li .NewArrivalsImg a{display: block;}
.ProductItem ul li .ImgNameNwA{margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ProductItem ul li .ImgNameNwA a{display: inline;}
.ProductItem ul li .ProPrice{font-size: 17px;font-weight: bold;margin-bottom: 5px;display: block;}
.ProductItem ul li .ProPrice span{color: #333333;font-size: 13px;font-weight: normal;}
.ProductItem ul li .discount{position: absolute;color: #ffffff;background-color: #E73C17;padding: 5px 8px;box-sizing: border-box;top: 0;left: 0;}
.ProductItem ul li .PriceCart{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;}
.ProductItem .OldPricePackage{width: calc(100% - 60px);}
.OldPricePackage span{display: block;margin-bottom: 5px;}
.ProductItem .OldPrice,.DetailedTextBox .OldPrice{color: #999999;text-decoration: line-through;display: flex !important;align-items: center;flex-wrap: wrap;}
.DetailedTextBox .OldPrice .discount{padding: 4px 5px;color: #FFFFFF;background-color: #e73c17;font-size: 12px;position: initial;text-decoration: none !important;margin-bottom: 5px;}
.DetailedTextBox .OldPrice{text-decoration: none;margin-bottom: 0;}
.DetailedTextBox .OldPrice u{text-decoration: line-through;margin-right: 5px;margin-bottom: 5px;}
.ProductItem .OldPricePackage .PackageSize{color: #999999;}
.ProductItem ul li .GoCart{width: 55px;height: 30px;background: url(../imagesNew/master/icon-master.png) no-repeat;background-position: -135px -129px;cursor: pointer;margin-left: 5px;}
.ProductItem ul li .GoCart:hover{background-position: -135px -193px;}
.ProductItem .MoreProduct{width: max-content;height: 37px;color: #ffffff;margin: 10px auto 30px;background-color: #191C1F;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 40px;box-sizing: border-box;border-radius: 4px;}
.ProductItem .MoreProduct::after{content: "";display: block;width: 13px;height: 8px;background: url(../imagesNew/master/icon-master.png) no-repeat;background-position: -175px -66px;margin-left: 10px;}
.ProductItem .Hot{padding: 4px 5px;box-sizing: border-box;background-color: #e73c17;font-size: 12px;color: #ffffff;display: inline-block;margin-right: 3px;}
.FreeIcon{display: flex;flex-wrap: wrap;}
.FreeIcon span{height: 26px;display: inline-flex;align-items: center;justify-content: center;text-align: center; font-size: 12px;text-align: center;color: #ffffff;padding: 0 5px;margin: 0 5px 5px 0;line-height: 12px;}
.FreeIcon span.Pb,.FreeIcon span.Ni,.FreeIcon span.ROHS span.ReachFree{width: 26px;box-sizing: border-box;}
.PageBox ul{display: flex;justify-content: center;margin: 20px auto 10px;}
.PageBox ul li{border-radius: 5px;border: 1px solid #E2E2E2;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;margin-right: 10px;cursor: pointer;}
.PageBox ul li,.PageBox ul li a,.PageBox ul .PageGo input,.PageBox ul .PageGo button{color: #666666;}
.PageBox ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;color: inherit;}
.PageBox ul li:last-child{margin-right: 0;}
.PageBox ul li.PageGo,.PageBox ul li.GoPageText{border: none;width: auto;}
.PageBox ul li.PageGo input{width: 40px;height: 40px;border-radius: 5px;border: 1px solid #E2E2E2;margin-right: 10px;box-sizing: border-box;text-align: center;}
.PageBox ul li.PageGo .PageGoBtn{background-color: #191C1F;border-radius: 5px;width: 106px;height: 40px;color: #ffffff;margin-left: 10px;}
.PageBox ul li:hover, .PageBox ul li.HoverPage{background-color: #191c1f;border: 1px solid #191c1f;}
.PageBox ul li:hover, .PageBox ul li.HoverPage span{color: #ffffff;}
.PageBox ul li:hover.PageGo, .PageBox ul li.GoPageText:hover{background-color: transparent;border: none;color: #666666;}

.FooterWrap{background-color: #2f333a;}
.Footer{display: flex;flex-wrap: wrap;padding: 60px 50px 50px;box-sizing: border-box;justify-content: center;}
.Footer .FooterTitle{font-size: 22px;margin-bottom: 10px;color: #ffffff;font-weight: bold;}
.Footer .FooterLeft{color: #ffffff;width: 35%;display: flex;justify-content: center;}
.Footer .FooterLeft dl{width: 49%;margin: 0 2% 0 0;}
.Footer .FooterLeft dl:last-of-type{margin-right: 0;}
.Footer .FooterLeft dd{font-size: 16px;line-height: 32px;}
.Footer a{color: #ffffff;}
.Footer a:hover{color: #E73C17;}
.FooterMiddle{padding-right: 55px;width: 20%;}
.FooterMiddle dl{background-color: #42474f;color: #ffffff;}
.FooterMiddle dl:nth-of-type(1){width: 85%;padding: 20px 10px;box-sizing: border-box; display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;margin-bottom: 15px;}
.FooterMiddle dl:nth-of-type(1) dt{width: 38%;}
.FooterMiddle dl:nth-of-type(1) dd{font-size: 22px;font-weight: bold;margin-top: 20px;}
.FooterMiddle dl:nth-of-type(2){padding: 16px 12px;box-sizing: border-box;width: 85%;}
.FooterMiddle dl:nth-of-type(2) dd{font-size: 18px;}
.EmailBox{margin-bottom: 70px;}
.EmailBox p{margin-left: 64px;}
.EmailBox .ErrorTip{color: #E73C17}
.EmailBox .RightTip{color: #90bfb6}
.smallStar{background: url(../imagesNew/master/icon-star.png) repeat-x;width: 161px;height: 23px;display: block;margin-top: 10px;}
.smallStar span{background: url(../imagesNew/master/icon-star-selected.png) repeat-x;display: block;height: 23px;}
.EmailOffers{display: flex;align-items: center;}
.EmailOffers::before{content: "";display: flex;align-items: center;width: 42px;height: 42px;background: url(../imagesNew/master/icon-information.png) no-repeat;margin-right: 23px;background-size: 100%;}
.EmailOffers div{display: flex;height: 50px;width: calc(100% - 65px);}
.EmailOffers input{height: 100%;padding: 0 10px;box-sizing: border-box;font-size: 18px;color: #191C1F;width: calc(100% - 110px);}
.EmailOffers button{background-color: #E73C17;color: #ffffff;height: 100%;font-size: 18px;width: 110px;}
.FooterRight{width: 40%;}
.FooterRight ul{display: flex;}
.FooterRight ul li{border: 1px solid #d6d6d6;width: 200px;height: 75px;text-align: center;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.FooterRight ul li:last-child{margin-right: 0;}
.FooterRight ul a{color: #ffffff;}
.FooterRight ul a span{display: block;font-size: 22px;}
.FooterRight ul a font{display: block;font-size: 15px;}
.CopyrightBox{border-top: 1px solid #555555;text-align: center;padding: 45px 10px 20px;box-sizing: border-box;}
.CopyrightBox img{width: auto;}
.CopyrightBox .Copyright{color: #ffffff;font-size: 18px;padding-top: 15px;}
.SideNav{ position:fixed; bottom:200px; right:0; z-index:999; background: rgba(47, 51, 58, 0.5); border-radius: 10px 0 0 10px;width: 62px;padding: 10px 0;}
.SideNav > ul > li{background: none; border: none; text-align:center;border-radius:5px;position:relative;}
.SideNav > ul > li > a, .SideNav > ul > li > span{min-height:70px; cursor:pointer; text-decoration:none; padding: 5px 0; color: #FFFFFF;font-size: 12px;display: flex;align-items: center;justify-content: center; flex-direction: column;}
.SideNav > ul > li > a:hover, .SideNav > ul > li > span:hover{ background: rgba(47, 51, 58, 0.5);color: #e73c17;}
.SideNav > ul > li.Totop{ position:static; margin:0; text-transform:uppercase;}
.SideNav > ul > li > a:before, .SideNav > ul > li > span:before{ content:""; display:block; margin:5px auto; background:url(../imagesNew/master/icon-right-tip.png) no-repeat;}
.SideNav .Help a::before{width: 25px;height: 25px;}
.SideNav .FeeShipping a::before{width: 28px;height: 19px;background-position: 0 -40px;}
.SideNav .Track a::before{width: 27px;height: 27px;background-position: 0 -74px;}
.SideNav .WhatsApp a::before{width: 29px;height: 29px;background-position: 0 -116px;}
.SideNav .Totop span::before{width: 18px;height: 10px;background-position: 0 -160px;}
.SideNav .Help a:hover::before{background-position: -44px 0;}
.SideNav .FeeShipping a:hover::before{background-position: -44px -40px;}
.SideNav .Track a:hover::before{background-position: -44px -74px;}
.SideNav .WhatsApp a:hover::before{background-position: -44px -116px;}
.SideNav .Totop span:hover::before{background-position: -44px -160px;}

.SmallLotWrap form{height: 100%;}
.SmallLotWrap .ItemLi{padding-bottom: 20px;}
.SmallLotWrap .ItemLi li{font-size: 16px;height: 30px;line-height: 30px;padding: 0 5px;text-overflow: ellipsis;white-space: nowrap;}
.SmallLotWrap .ItemLi li strong{font-weight: normal;}
.SmallLotWrap .ItemLi li.HideLi{cursor: pointer;font-weight: bolder;height: 25px;line-height: 25px;color: #999999;}
.SmallLotWrap .ItemLi li span {float: right;color: #999;font-weight: normal;background: url(../imagesNew/master/icon-shopp-detail.png) no-repeat;cursor: pointer;padding-left: 14px;background-position: 0 -246px;}

.OverlayBG,#TB_overlay,.TB_overlayBG_CASE,.TB_overlayBG_sub{height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 101;display: none;background: rgba(0, 0, 0, 0.5)}


/*登录页/注册页弹框*/
.SignInContentPop span.Clone, .RegisterContentPop span.Clone{ top: -30px; right: -30px;}
.SignInContentPop .loginPolicyTip, .RegisterContentPop .loginPolicyTip{ margin-top: 10px; font-size: 14px; line-height: 20px;}
.SignInContentPop .loginPolicyTip a, .RegisterContentPop .loginPolicyTip a{ color: #E73C17; display: inline;}
.SignInContentPop .TipText a, .RegisterContentPop .TipText a{ font-size: 14px; color: #E73C17;}
.RegisterContentPop{margin-right: 0; background: #FFFFFF;border-right: none;}
.RegisterContentPop h3{ font-size: 30px; padding-bottom: 20px;}
.RegisterContentPop .loginPolicyTip{ margin-bottom: 10px; display: block;}
.RegisterContentPop .TipText{ font-size: 14px;}
.RegisterContentPop > ul > li > em{ width: 155px;}
.RegisterContentPop > ul > li .UserInputShow{ width: calc(100% - 165px);}
.RegisterContentPop > ul > li.RegisterButton{ width: calc(100% - 165px); margin-left: 165px;}
#TB_ajaxLoading {background: url(../imagesNew/imgLoad/loading-animation.gif) no-repeat scroll center center transparent;width: 208px;height: 23px;}

/*-- ToolTip --*/
.Tootip {background: #FFFCDF;border: 1px solid #DAD383;display: block;height: auto;left: 0;padding: 10px;position: absolute;text-align: center;top: 0;width: 192px;z-index: 101;}
.Tootip .Arrow {bottom: -8px;left: 50%;position: absolute;content: '';display: block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #DAD383;z-index: 101}
.Tootip .Message {margin-bottom: 5px;text-align: center;}
.Tootip .Message .Line {margin-bottom: 5px;margin-top: 5px;}
.Tootip .Button,.Tootip .Button a {color: #E73C17;cursor: pointer;}

/* 公用模态弹窗 */
.OverlayLoading {background: url(../imagesNew/imgLoad/loading-animation.gif) no-repeat scroll center center transparent;width: 208px;height: 23px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#TB_window, .CommonPopBox{position: fixed;z-index: 101;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;background: #fff;padding: 20px 20px 30px;border-radius: 10px;}
.CommonPopTitle{font-size: 30px;font-weight: bold;}
.CommonClose{display: block;position: absolute;background: url(../imagesNew/master/icon-master.png) no-repeat -134px 0;height: 26px;width: 26px;right: -30px;top: -30px;cursor: pointer;}
.hide{display: none;}
.show{display: block !important;}
/* 公用模态弹窗 关闭按钮不在外面的样式 */
.PopUpBG{position: fixed;background: rgba(0, 0, 0, 0.5);top: 0;left: 0;right: 0;bottom: 0;z-index: 101;overflow-y: auto;overflow-x: hidden;}
.CommonTipPopBox{border-radius: initial !important;padding: 0 !important;}
.CommonTipPopBox .CommonPopTitle{height: 55px;font-size: 18px;font-weight: bold;background-color: #F5F5F5;display: flex;justify-content: space-between;padding: 0 15px 0 30px;box-sizing: border-box;border-bottom: 1px solid #d9d9d9;align-items: center;}
.CommonTipPopBox .CommonClose{width: 26px;height: 26px;background: url(../imagesNew/shopcart/icon-multi-cart.png) no-repeat;background-position: 0 -59px;cursor: pointer;right: 19px;top: 13px;}
.PopUpWarp{background-color: #ffffff;padding: 32px 45px;}
.PopUpWarp .Text{text-align: center;font-size: 18px;margin-bottom: 32px;word-break: break-word;}
.PopUpWarp .opation{text-align: center;}
.opation button{width: 200px;height: 45px;border-radius: 4px;margin-right: 25px;font-size: 16px;}
.opation .CancelBtn{background: #E9E9E9}
.opation .ConfirmBtn{background: #191C1F; color: #fff}
.ReachFreeBox .Text{font-size: 17px;word-break: break-word;}
.ReachFreeBox{background-color: #ffffff;padding: 22px 45px;}

/*Email tip */
.EmailTip {border: 1px solid #949494;background: #fff;border-top: none;position: absolute;width: 224px;color: #333;z-index: 10000;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);border-color: rgba(0, 0, 0, 0.2);}
.EmailTip li {padding: 0 5px;line-height: 21px;word-break: break-all;}
.EmailTip li.choose {background: #ececec;cursor: pointer;color: #000;}
.EmailTip li span {color: #666;}
.EmailTip p {background: #f8f8f8;color: #999;padding: 3px 5px;}
.EmailTip p.EmailVal {background: none;word-break: break-all;}


.ms-category-drawer{background-color:#f4f4f4; position:fixed; width:85%;height: 100%; top:0; bottom:0; z-index:999;}
.ms-category-head{ padding: 5px 20px;}
.ms-category-title{ font-size: 1.125rem;    text-align: center;position: relative;background: #FFF;height: 19px;padding: 12px 0 11px;margin: 0 10px;}
.category-back{margin-left: 30px;}

/*wishList*/
.AddList .LoadingImg img{width: auto;}
.AddList em.Arrow {display: block;width: 15px;height: 8px;position: absolute;top: -8px;left: 0;margin-left: 110px;background: url(../imagesNew/master/wish_list.png) no-repeat 0 -107px;}
.AddList {position: absolute;display: none;bottom: -145px;left: 0;border: 1px solid #e8e8e8;height: 111px;background: #FFF;z-index: 103;width: 230px;}
.AddList p.LoadingImg {margin: 20px 0 0 90px;}
.AddList.Above em.Arrow {border-color: #ccc transparent transparent;top: 110px;background-position: -59px -106px;}
.AddList h2 {font-size: 12px;color: #999;font-weight: 100;}
.AddWist {margin: 10px 10px 5px;}
.AddWist input.AddNowInput {height: 28px;width: 75px;border: 1px solid #C3C3C3;background: none repeat scroll 0 0 #F8F8F8;color: #666;cursor: pointer;margin: 5px 0 0;}
.AddWist input.MoveNowInput {height: 28px;font-size: 13px;color: #666666;background: #f8f8f8;border: 1px solid #c3c3c3;margin: 5px 0 0 0;width: 86px;cursor: pointer;}
.AddWist ul.dropDownList_option {width: 198px;padding: 6px 5px 15px;}
.AddWist ul.dropDownList_option li {height: auto;width: 198px;border: none;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.AddWist ul.dropDownList_option li:hover {background: #d0d0d0 !important;}
.AddWist ul.dropDownList_option li.NewCouponWrap {padding-bottom: 5px;}
.AddWist ul.dropDownList_option li.NewCouponWrap:hover {background: none !important;}
.AddWist ul.dropDownList_option li .NewCouponinput {width: 127px !important;height: 20px;margin: 5px 7px 1px 0;padding: 2px;float: left;}
.AddWist ul.dropDownList_option li .NewCouponbtn {margin: 5px 0 0;float: left;}
.AddList .dropDownList_btn {margin-top: -26px;}

.dropDownList {background: #ffffff;padding: 0 5px;border: 1px solid #cccccc;clear: both;text-align: left;width: 173px;height: 26px;cursor: pointer;line-height: 26px;}
.dropDownList_text {color: #666;float: left;height: 26px;list-style: none outside none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 26px;}
.dropDownList_text em {display: inline-block;font-style: normal;width: 125px;color: #666;line-height: 26px;}
.dropDownList_text span {color: #AF0F1E;margin-left: 15px;}
.dropDownList_btn {background: url(../imagesNew/master/shopping_icon.gif) no-repeat 0 -184px;cursor: pointer;float: right;height: 26px;width: 16px;margin-right: -3px;}
.SelectInput .dropDownList {width: 146px;}
.dropDownList_option {background: #fff;border: 1px solid #cccccc;list-style: none outside none;margin-left: -6px;margin-top: 0;overflow-x: auto;overflow-y: auto;padding: 0;position: absolute;width: auto;z-index: 11;max-height:220px;}
.dropDownList_option li {color: #999 !important;cursor: pointer;display: block !important;float: none !important;line-height: 18px !important;margin: 1px 0 !important; /*overflow:hidden !important;*/white-space: nowrap !important;}
.couponList.dropDownList_option {min-width: 300px;background: #fff;border: 1px solid #BBB;list-style: none outside none;margin-left: -6px;margin-top: 0;overflow-x: auto;overflow-y: auto;padding: 0;position: absolute;z-index: 11; /*height:254px;*/}
.couponList.dropDownList_option li {width: auto;color: #666666;cursor: pointer;display: block;float: none;line-height: 25px;margin: 1px 0; /*overflow:hidden !important;*/white-space: nowrap;}
.dropDownList_option li.lineThrough {line-height: 18px;}
.dropDownList_option li p {margin: 0 5px;border-bottom: 1px dashed #999999;}

.dropDownList_option li em {display: inline-block;font-style: normal;width: 125px;}
.Coupon .dropDownList_option li em {color:#000; font-weight: bold;}
.dropDownList_option li span {margin-left: 15px;color: #875841;}
.dropDownList_option li strong {color: #AF0F1E;font-weight: normal;padding-right: 5px;word-break:break-all;word-wrap:break-word;white-space: normal;}
.dropDownList_option li:hover {background: #ececec;}
.dropDownList_selected {background: #d0d0d0;}
.dropDownList_option li.lineThrough em{color: #000; font-weight: bold;}
.dropDownList_option li.NewCouponWrap {padding-bottom: 10px;}

.NewCouponinput {background: #fff;border: 1px solid #cec8c8;padding: 2px;height: 17px;line-height: 17px;width: 240px;float: left;margin: 10px 7px 0 5px;color: #000;font-family: Arial, Helvetica, sans-serif;}
.NewCouponbtn {border: 1px solid #CCC;border-radius: 2px;cursor: pointer;background: url(../imagesNew/master/wish_list.png) no-repeat 9px -69px;width: 40px;height: 26px;float: left;display: block;margin: 10px 0 0;}
.NewCouponTips {color: #af0f1e;line-height: 20px;margin: 0 5px;}
.SearchImg{position: absolute;background: url(../imagesNew/master/icon-camera.png) no-repeat;width: 35px;height: 35px;right: 82px;cursor: pointer;background-size: 100%;}
.BlankConnection{/*width: 100%;*/display: block;height: 4px;position: absolute;}

.AskIcon {width: 26px;height: 26px;background: url(../imagesNew/shopcart/icon-checkout.png) no-repeat;background-position: 0 -247px;margin-right: 5px; cursor: pointer;}

.AccountPoints{ font-size: 14px; color: #ffeb7f; background: #cc0000; width: 64px; height: 22px; line-height: 22px; text-align: center; display: inline-block; margin-left: 10px; position: relative;}
.AccountPoints:before{ content: ""; width: 0; height: 0; display: inline-block; border-style: solid; border-color: transparent #CC0000 transparent transparent; border-width: 5px 5px 5px 0; position: absolute; top: 6px; left: -5px;}

.FreeIcon {align-items: center;}
.FreeIcon .AskIcon{margin-bottom:5px}

@media screen and (max-width:767px) {
    .hidden-xs{display: none !important;}
    .NavWap{display: block !important;}
    .Warp.HaveBottomNav{padding-bottom: 86px;}
    .Recurrence{width: 13px;height: 8px;background: url(../imagesNew/master/icon-pandcaring.png) no-repeat;background-position: 0 -87px;transform:rotate(90deg); display: none;flex: 0 0 auto;}
    .Header{padding: 15px;justify-content: space-between;background-color: #fff;position: sticky !important;top: 0;z-index: 11;overflow-x: hidden;flex-wrap: nowrap;}
    .Header .Logo{width: 35%; flex: 0 0 auto;}
    .HeaderRight{width: 330px; flex: 0 0 auto;}
    .UserContent  >a, .UserContent .User{padding: 5px 10px;}
    .UserContent  >a::before,.UserContent .User::before{background: url(../imagesNew/master/icon-md.png) no-repeat;background-size: 365px;}
    .UserContent .User::before{width: 34px;height: 35px;background-position: -132px 0;}
    .UserContent  >a.Collect::before{width: 36px;height: 32px;background-position: -132px -60px;}
    .UserContent  >a.ShoppingCart::before{width: 34px;height: 32px;background-position: -132px -117px;}
    .UserContent  >a.Message::before{width: 33px;height: 35px;background-position: -132px -173px;}
    .UserContent .User:hover::before{background-position: -184px 0;}
    .UserContent  >a.Collect:hover::before{background-position: -184px -60px;}
    .UserContent  >a.ShoppingCart:hover::before{background-position: -184px -117px;}
    .UserContent  >a.Message:hover::before{background-position: -184px -173px;}
    .UserContent .NavWap .NavBottom {width: 52px;height: 52px;background: url(../imagesNew/master/icon-md.png) no-repeat;background-position: -128px -230px;display: inline-block;background-size: 355px;}
    .UserContent  >a .Num{width: 17px;height: 17px;font-size: 10px;top: -7px;}
    .UserContent .User:hover .SignIn{display: none;}
    .UserContent .User:hover{background-color: transparent;border: none;box-shadow: none;}
    .UserContent .User:hover .Bg_FFF{width: 0;}
    #ContentWarp{padding: 10px 0 20px;}
    .Content{padding: 0;}
    .MainContent{width: 100%;}
    .MainContent h3{font-size: 17px;margin-bottom: 10px;}
    .HeaderTitle{font-size: 14px;height: 35px;line-height: 35px;}
    .HeaderTitle .Clone{background-size: 155px;background-position: -107px 0;width: 22px;height: 22px;right: 10px;}
    .Navigation{height: 50px;position: sticky; top: 71px;z-index: 11}
    .NavigationDiv li{padding: 0 10px;}
    .NavigationDiv li a{font-size: 14px;}
    .NavigationDiv .swiper-button-next, .NavigationDiv .swiper-button-prev{font-size: 22px;}
    .NavigationDiv li.Categories::after{width: 14px;height: 8px;background-position: -131px 0;background-size: 145px;}
    .ViewMore{padding: 0 10px;height: 35px;margin: 20px auto;}
    .Breadcrumb{font-size: 12px;margin-bottom: 5px;padding: 0 10px;box-sizing: border-box;}
    .Breadcrumb em{margin: 0 5px;}
    .Breadcrumb .SelectIcon{display: none;}
    .Breadcrumb i a font{max-width: 85px;}
    .MainContentBody{padding: 10px;}
    .ProductItem ul li{width: 32%;margin: 0 2% 2% 0;border: 1px solid #f0f0f0;}
    .ProductItem ul li.Laster{margin-right: 2%;}
    .ProductItem ul li:nth-child(3n){margin-right: 0;}
    .ProductItem ul li:hover{top: 0;box-shadow: none;transition: unset;transform: unset;will-change: unset;}
    .ProductItem ul li .discount{font-size: 12px;padding: 3px 6px;}
    .ProductItem ul li .ProPrice{font-size: 14px;}
    .ProductItem ul li .ImgNameNwA a{font-size: 12px;}

    .ProductItem .OldPricePackage{width: 100%;}
    .ProductItem .OldPricePackage span{margin-bottom: 5px;}
    .ProductItem .OldPricePackage span,.ProductItem ul li .ProPrice span{font-size: 12px;}
    .ProductItem .PriceCartBtn{width: 100%;margin-top: 5px;}
    .ProductItem ul li .ItemContent{padding: 5px 5px 8px;}
    .ProductItem ul li .GoCart{background: url(../imagesNew/master/sm-frame.png) no-repeat;width: 47px;height: 26px;background-position: 0;}
    .ProductItem ul li .GoCart:hover{background: url(../imagesNew/master/sm-frame-hover.png) no-repeat;}
    .ProductItem .MoreProduct{padding: 0 20px;}
    .ProductItem .Hot{padding: 2px 3px;font-size: 10px;}
    .FreeIcon span{font-size: 10px;height: 22px;line-height: 10px;}
    .FreeIcon span.Pb, .FreeIcon span.Ni, .FreeIcon span.ROHS{width: 22px;}
    .PageBox ul li.PageGo button{width: 60px;font-size: 12px;margin-left: 5px;height: 30px;}
    .PageBox ul li{width: 30px;height: 30px;margin-right: 5px;font-size: 12px;}
    .PageBox ul li.PageGo input{width: 35px;height: 30px !important;margin-right: 0;}
    .BottomNavigation{position: fixed;bottom: 0;background-color: #ffffff;width: 100%;padding: 10px 0;box-sizing: border-box;z-index: 10;}
    .BottomNavigation ul{display: flex;}
    .BottomNavigation ul li{width: 25%;text-align: center;font-size: 16px;}
    .BottomNavigation ul li a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .BottomNavigation ul li a::before{content: "";display: block;background: url(../imagesNew/master/icon-md.png) no-repeat;margin-bottom: 10px;background-size: 300px;}
    .BottomNavigation ul li.Home a::before{width: 40px;height: 43px;background-position: -200px 3px;}
    .BottomNavigation ul li.Categories a::before{width: 40px;height: 43px;background-position: -200px -49px;}
    .BottomNavigation ul li.MyCart a::before{width: 38px;height: 43px;background-position: -200px -92px;}
    .BottomNavigation ul li.MyAccount a::before{width: 39px;height: 43px;background-position: -200px -140px;}
    .BottomNavigation ul li.Home a:hover::before{background-position: -260px 3px;}
    .BottomNavigation ul li.Categories a:hover::before{background-position: -260px -49px;}
    .BottomNavigation ul li.MyCart a:hover::before{background-position: -260px -92px;}
    .BottomNavigation ul li.MyAccount a:hover::before{background-position: -260px -140px;}

    .WapCurrencyPanel{position: fixed;top: 0 !important;height: 100%;width: 100%;left: 0;z-index: 105;}

    /* wap币种弹窗样式 */
    .ShipConfirmBtn{color: #FFFFFF;font-size: 18px;width: calc(100% - 20px);height: 35px;margin: 10px;border-radius: 3px;background: #2F333A; cursor: pointer;}
    .CurIconBox{display: flex}
    .ms-panel .CurIcon{ width: 24px; height: 16px;margin: 4px 5px 0 0;}
    .ms-panel {background-color: #fff;}
    .ms-panel-header .ms-panel-cancel,.shield-list-cancel,.selectState-cancel{ width:40px; height:48px; position:absolute;}
    .refine-title .refine-cancel,
    .ms-panel-header .ms-panel-cancel,.shield-list-cancel,.selectState-cancel{ background-position:12px -174px; background-size:30px auto; right:10px;top:0;}
    #deliveryWrapList .panel-list .active a,#deliveryShop .panel-list .active a{background:url(../imagesNew/master/lists-icon.png) no-repeat right -740px;background-size:30px auto;}
    .panel-show{display:block !important;}
    .ms-panel-header{height:49px; border-bottom:1px solid #dcdcdc; text-align:center; line-height:3.0625rem;}
    .ms-panel-header .ms-panel-title{ font-size:1rem;}
    .ms-panel-header .ms-panel-title_b{font-size:1.125rem;}
    .ms-panel-list li{ height:24px; border-bottom: 1px solid #dcdcdc; padding:12px 10px; line-height: 24px;}
    .ms-panel-list li:last-child{border-bottom:0;}
    .ms-panel-list a{display:block; line-height:1.5rem;}
    .ms-panel-header .ms-panel-cancel {background-image: url(../imagesNew/master/lists-icon.png);display: block;}

    .ms-drawer{position: absolute;top: 0;left: 0;background-color: #ffffff;height: 100%;z-index: 12;width: 85%;padding: 20px;box-sizing: border-box;overflow-y: scroll;}
    .ms-drawer-mask, .ms-category-mask{background: rgba(0, 0, 0, 0.5);width: 15%;height: 100%;position: fixed;right: 0;top: 0;z-index: 100;}
    .ms-drawer-mask .Clone,.ms-category-mask .Clone{display: block;position: absolute;background: url(../imagesNew/master/icon-master.png) no-repeat;height: 26px;width: 26px;background-position: -134px 0;right: 22px;top: 10px;cursor: pointer;}
    .ms-drawer-loginInfo{display: flex;align-items: center;padding: 10px 0 20px;border-bottom: 1px solid #e2e2e2;}
    .ms-drawer-loginInfo .user-face{background: url(../imagesNew/master/user-sign.png) no-repeat;width: 68px;height: 68px;background-size: 100%;}
    .ms-drawer-loginInfo .drawer-logined{padding-left: 15px;font-size: 24px;}
    .ms-drawer-usercenter,.ms-drawer .drawer-guide{padding: 15px 10px;box-sizing: border-box;}
    .ms-drawer-usercenter{border-bottom: 1px solid #e2e2e2;}
    .HasIcon >a, .ms-categories a{display: flex;align-items: center;font-size: 22px;}
    .HasIcon >a::before, .ms-categories .HasInitialInfo a::before{content: "";display: block;background: url(../imagesNew/master/icon-md.png) no-repeat;background-size: 295px;margin-right: 10px;}
    .ms-account a::before{width: 39px;height: 39px;background-position: 3px 0;}
    .ms-cart a::before{width: 39px;height: 37px;background-position: 2px -48px;}
    .ms-wish-list a::before{width: 39px;height: 37px;background-position: 0 -94px;}
    .ms-ship-to a::before{width: 39px;height: 42px;background-position: 4px -140px;}
    .ms-language a::before{width: 39px;height: 38px;background-position: 1px -192px;}
    .ms-currency a::before{width: 39px;height: 36px;background-position: 1px -240px;}
    .ms-categories .HasInitialInfo a::before{width: 39px;height: 34px;background-position: 3px -285px;}
    .ms-discount-policy a::before{width: 39px;height: 38px;background-position: 3px -329px;}
    .ms-delivery-fee a::before{width: 39px;height: 37px;background-position: 1px -377px;}
    .ms-repacking-service a::before{width: 36px;height: 37px;background-position: 0 -425px;}
    .ms-account a:hover::before{background-position: -56px 0;}
    .ms-cart a:hover::before{background-position: -57px -48px;}
    .ms-wish-list a:hover::before{background-position: -59px -94px;}
    .ms-ship-to a:hover::before{background-position: -55px -140px;}
    .ms-language a:hover::before{background-position: -57px -192px;}
    .ms-currency a:hover::before{background-position: -57px -240px;}
    .ms-categories a:hover::before{background-position: -56px -285px;}
    .ms-discount-policy a:hover::before{background-position: -56px -329px;}
    .ms-delivery-fee a:hover::before{background-position: -58px -377px;}
    .ms-repacking-service a:hover::before{background-position: -59px -425px;}
    .WapLoginOut a{border: #e0e0e0 solid 1px;width: 100%;height: 44px;font-size: 18px;background: #fff;line-height: 44px;display: block;text-align: center;border-radius: 1px;}
    .WapCategoriesBox li a{font-size: 14px;padding-left: 38px;line-height: 35px;}
    .ms-drawer .CurIcon{margin-right: 2px;}

    .WapCategoriesList{ margin:0 10px 15px; background:#fff;}
    .WapCategoriesList ul{ font-size:18px; padding:13px 10px 12px;}
    .WapCategoriesList li:first-child{border-top: none}
    .WapCategoriesList li{ border-top:#e0e0e0 solid 1px; display:table; width:100%; height:48px; overflow:hidden;}
    .WapCategoriesList li a{ position: relative;display:table-cell; padding:0 30px 0 10px; position:relative; line-height:15px; vertical-align:middle;}
    .WapCategoriesList a:after{ content: '';width: 13px;height: 14px;background: url(../imagesNew/master/icon-pandcaring.png) no-repeat;background-position: 0 -87px;transform: rotate(270deg);position: absolute;right: 10px}

    #headerShipTo, #headerCountry{ position: fixed; top: 0 !important; height: 100%; width: 100%; left: 0; z-index: 105;}
    #headerShipTo #TopSettingNav .drawer-ShipTo span{ display: flex;}
    #headerShipTo #TopSettingNav li{ border-bottom: 1px solid #dcdcdc;}
    #TopSettingNav .CurIcon{ margin: 4px 5px 0 0;}
    #headerShipTo .ConfirmBtn{ color: #FFFFFF; font-size: 18px; width: calc(100% - 20px); height: 35px; margin: 10px; border-radius: 3px;}
    #headerCountry .panel-search{ padding: 10px; position: relative; border-bottom: 1px solid #dcdcdc;}
    #headerCountry .panel-search:before{ content: ""; width: 26px; height: 24px; position: absolute; top: 15px; left: 20px;background: url(../imagesNew/master/icon-master.png) no-repeat;background-position: -134px -66px;}
    #headerCountry .panel-search .CountrySeach{ background: #f4f4f4; height: 34px; font-size: 13px; width: 100%; padding: 0 10px 0 44px; box-sizing: border-box;}
    #headerCountry #TopCountryNav li{ height: auto; position: relative; display: flex; font-size: 14px; padding: 10px 0; margin: 0 35px 0 10px;}
    #headerCountry #TopCountryNav p.letter{ background: #f7f7f7; margin: 0; padding: 10px; border-bottom: none;}
    #headerCountry .ms-panel-list{ position: relative;}
    #headerCountry #TopCountryNav {height: calc(100vh - 105px); overflow: auto;}
    #headerCountry #TopCountryNav li.hide {display: none !important;}
    #headerCountry .AlphabeticalOrder{ font-size: 14px; display: block; position: fixed; height: calc(100vh - 105px); bottom: 0; right: 10px;}
    #headerCountry .AlphabeticalOrder span{ display: block; height: 3.85%;}
    #headerCountry .AlphabeticalOrder span.on{ color: #f60;}
    #headerCountry #TopCountryNav li.active:after{ content: ""; position: absolute; top: 15px; right: 5%; width: 18px; height: 14px; background: url(../imagesNew/master/lists-icon.png) no-repeat 0 -747px; background-size: 30px auto;}
    #headerCountry .CurIcon{ margin: 0 10px 0 0; background: none; width: 30px; height: 24px;}
    #CurrencySelect{position:absolute;overflow-y:auto;top:100%;height:100%;width:100%;left:0;z-index:105;-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);}
    #CurrencySelect .panel-list li span{display: block}
    #CurrencySelect .panel-list .active span {background: url(../imagesNew/master/lists-icon.png) no-repeat right -740px;background-size: 30px auto;}

    .HasInitialInfo {display: flex;justify-content: space-between;align-items: center}
    .InitialInfo{color: #666}
    em.InitialInfo{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid black;}
    .Footer{padding: 10px 20px;display: block}
    .FooterRight{width: 100%;}
    .Footer .FooterTitle{font-size: 18px;}
    .Footer dl{color: #ffffff;font-size: 18px;}
    .Footer dl dt{font-weight: normal;height: 50px;line-height: 50px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #555555;}
    .Footer dl dt span{display: block;width: 13px;height: 8px;background: url(../imagesNew/master/icon-master.png) no-repeat;background-position: -175px -66px;}
    .Footer dl dt span.Show{transform: rotate(180deg);}
    .Footer dl dd{display: none;border-bottom: 1px solid #555555;}
    .Footer dl dd.Show{display: block;}
    .Footer dl dd a{display: block;font-size: 14px;padding-left: 10px;height: 35px;display: flex;align-items: center;}
    .EmailBox{margin-bottom: 20px;}
    .EmailBox p{margin-left: 40px;}
    .EmailOffers::before{width: 32px;height: 32px;margin-right: 10px;}
    .EmailOffers input{font-size: 14px;width: calc(100% - 80px);}
    .EmailOffers button{font-size: 14px;width: 80px;}
    .EmailOffers div{height: 35px;width: calc(100% - 42px);}
    .CopyrightBox{border: none;padding: 10px 0;}
    .CopyrightBox img{margin-bottom: 5px;}
    .CopyrightBox .Copyright{font-size: 14px;border-top: 1px solid #555555;margin-top: 10px;}

    .SideNav > ul > li > span:hover{ background: none;color: #fff}
    .SideNav{background: none;bottom: 100px;}
    .SideNav > ul > li.WhatsApp{margin-bottom: 20px;}
    .SideNav > ul > li.WhatsApp span{font-size: 0}
    .SideNav > ul > li.Totop, .SideNav > ul > li.WhatsApp{background: #ccc;width: 50px;height: 50px;border-radius: 50px;}
    .SideNav > ul > li > a, .SideNav > ul > li > span{min-height: auto}

    /*登录页/注册页弹框*/
    .CommonClose{ top: -35px; right: 0;}
    #TB_window, .CommonPopBox{ padding: 20px 10px 10px; width: 90%;}
    .CommonPopTitle{ font-size: 21px;}

    .CommonTipPopBox{width: 90% !important;}
    .CommonTipPopBox .PopUpWarp{padding: 15px;}
    .CommonTipPopBox .PopUpWarp .Text{font-size: 14px;}
    .CommonTipPopBox .opation button{width: 134px;font-size: 14px;margin-right: 10px;height: 35px;}

    .RegisterContentPop{width: 100%;max-height: 600px;overflow-y: scroll;}
    .RegisterContentPop > ul > li > em{ width: 100%;}
    .RegisterContentPop > ul > li .UserInputShow{ width: 100%;}
    .RegisterContentPop > ul > li.RegisterButton{ width: 100%; margin: 0;}

    .Tootip {width: 80% !important;left: 50% !important;transform: translateX(-50%);box-sizing: border-box;padding: 20px;font-size: 14px;}

    /* 面包屑 */
    .Breadcrumb{font-size: 12px;margin-bottom: 5px;padding: 0 10px;box-sizing: border-box;}
    .Breadcrumb .SelectIcon{display: none;}
    .Breadcrumb i{padding: 5px;border: none;}
    .Breadcrumb i a font{max-width: 85px;}
    .Breadcrumb i.hasChild:hover .CrumbleSelect, .Breadcrumb i.hasChild:hover::after{display: none;}
    .Breadcrumb i.hasChild:hover{background-color: #f2f4f5;border: none;box-shadow: none;}

    .AskIcon{width:24px;height:24px;background-size:35px;background-position:0 -215px;}
    .ms-drawer .ms-drawer-usercenter li,.ms-drawer .drawer-guide li{line-height: 70px;}

    /* wap端新增搜索框 */
    .UserContent .PhoneSearch::before{background: url(../imagesNew/master/wap-search.png) no-repeat;width: 32px;height: 32px;}
    .search-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: #ffffff;display: none;}
    .search-box .top-nav{display: flex;align-items: center; border: 1px solid #eeeeee;background-color: #ffffff;padding: 20px 12px;box-sizing: border-box;}
    .close-search em{cursor: pointer;background: url(../imagesNew/master/wap-search.png) no-repeat;background-position: -52px 0;width: 20px;height: 20px;display: block;margin-right: 19px;}
    .search-box .top-search{width: calc(100% - 148px);margin-right: 20px;}
    .search-box .search-area{border: 1px solid #191c1f;border-radius: 5px;height: 38px;padding: 0 12px;position: relative;}
    .search-box .search-area input::placeholder {font-size: 12px;}
    .search-box .search-area input{height: 100%;border-radius: 5px;padding: 0 8px;box-sizing: border-box;width: calc(100% - 30px);border: none;font-size: 16px;text-overflow: ellipsis;}
    .search-box .search-area input.Bginput{background-color: #ffffff;border: none !important;}
    .search-box .search-area .clear-btn{width: 26px;height: 26px;background: url(../imagesNew/master/wap-search.png) no-repeat;background-position: -92px 0;display: block;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);}
    .search-box .up-img-search{display: flex;align-items: center;}
    .search-box .up-img-search .searchImg{width: 35px;height: 28px;background: url(../imagesNew/master/wap-search.png) no-repeat;background-position: -138px 0;display: block;margin-right: 19px;}
    .search-box .up-img-search .headWapSearch{color: #2c2f31;font-size: 16px;font-weight: bold;width: 55px;}
    .suggestions{padding: 0 10px;box-sizing: border-box; width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll;}
    .search-box #suggestions{background-color: #f2f4f5;}
    .suggestions .SuggestionTitle{font-size: 18px;font-weight: bold;margin: 20px 0 15px;width: 100%;color: #EB6143}
    .suggestions .item{width: auto;float: left;border-bottom: none;background: #FFFFFF;font-size: 16px;padding: 8px 15px;border-radius: 15px;margin: 0  10px 10px 0;}
    .suggestions .item a:hover{color: #e73c17;}
    .search-box #keySuggestions li {height: 2.75rem;line-height: 2.75rem;font-size: .875rem;border-bottom: 1px solid #f1f1f1;cursor: pointer;}
    .search-box #keySuggestions .SuggestionTitle{font-size: 18px;font-weight: bold;margin: 20px 0 10px;width: 100%;padding: 0;border-bottom: none;height: unset;line-height: unset;color: #EB6143;}
    .search-box #keySuggestions li#searchBought,.search-box #keySuggestions li#searchBought li{height: auto;padding-bottom: 10px;}
    #searchBought ul li .Price{margin-top: 0;width: auto;padding-left: 10px;}
    #searchBought ul li .ProImg{margin-top: 12px;}
    #searchBought ul li .ProName{line-height: 20px;padding-top: 12px;}
    #searchBought ul li .ProName a{display: unset;}
}

@media screen and (max-width:560px) {
    .Navigation{height: 40px;}
    .ProductItem ul li{width: 49%;margin: 0 2% 2% 0;border: 1px solid #f0f0f0;}
    .ProductItem ul li:nth-child(3n){margin-right: 2%;}
    .ProductItem ul li:nth-child(2n){margin-right: 0;}
    .ms-drawer{padding: 10px;}
    .ms-drawer.open{display: block}
    .ms-drawer-loginInfo{padding: 0 0 10px;}
    .ms-drawer-loginInfo .user-face{width: 48px;height: 48px;}
    .ms-drawer-loginInfo .drawer-logined{font-size: 16px;padding-left: 10px;}
    .ms-drawer-usercenter, .ms-drawer .drawer-guide{padding: 10px;}
    .HasIcon{line-height: 50px;}
    .HasIcon >a, .HasInitialInfo a{font-size: 16px;}
    .HasIcon >a::before, .ms-categories .HasInitialInfo a::before{background-size: 205px;}
    .ms-account a::before{width: 28px;height: 27px;}
    .ms-cart a::before{width: 28px;height: 25px;background-position: 2px -34px;}
    .ms-wish-list a::before{width: 28px;height: 25px;background-position: 1px -66px;}
    .ms-ship-to a::before{width: 28px;height: 29px;background-position: 3px -97px;}
    .ms-language a::before{width: 28px;height: 27px;background-position: 1px -133px;}
    .ms-currency a::before{width: 28px;height: 25px;background-position: 1px -167px;}
    .ms-categories .HasInitialInfo a::before{width: 28px;height: 23px;background-position: 3px -199px;}
    .ms-discount-policy a::before{width: 28px;height: 26px;background-position: 2px -229px;}
    .ms-delivery-fee a::before{width: 28px;height: 26px;background-position: 1px -262px;}
    .ms-repacking-service a::before{width: 28px;height: 26px;background-position: 2px -295px;}
    .ms-account a:hover::before{background-position: -38px 0;}
    .ms-cart a:hover::before{background-position: -39px -34px;}
    .ms-wish-list a:hover::before{background-position: -40px -66px;}
    .ms-ship-to a:hover::before{background-position: -38px -97px;}
    .ms-language a:hover::before{background-position: -39px -133px;}
    .ms-currency a:hover::before{background-position: -39px -167px;}
    .ms-categories a:hover::before{background-position: -38px -199px;}
    .ms-discount-policy a:hover::before{background-position: -39px -229px;}
    .ms-delivery-fee a:hover::before{background-position: -40px -262px;}
    .ms-repacking-service a:hover::before{background-position: -39px -295px;}
    .HeaderRight{width: 207px;}
    .UserContent  >a, .UserContent .User{padding: 5px;}
    .UserContent  >a::before,.UserContent .User::before{background-size: 305px;}
    .UserContent .User::before{width: 29px;height: 29px;background-position: -110px 0;}
    .UserContent  >a.Collect::before{width: 30px;height: 27px;background-position: -110px -50px;}
    .UserContent  >a.ShoppingCart::before{width: 29px;height: 27px;background-position: -110px -98px;}
    .UserContent  >a.Message::before{width: 28px;height: 29px;background-position: -110px -145px;}
    .UserContent .NavWap .NavBottom{width: 37px;height: 37px;background-size: 255px;background-position: -92px -166px;}
    .UserContent .User:hover::before{background-position: -154px 0;}
    .UserContent  >a.Collect:hover::before{background-position: -154px -50px;}
    .UserContent  >a.ShoppingCart:hover::before{background-position: -154px -98px;}
    .UserContent  >a.Message:hover::before{background-position: -154px -145px;}
    .UserContent  >a.Message{margin-right: 10px;}
    .UserContent  >a .Num{width: 15px;height: 15px;font-size: 10px;right: -1px;top: -3px;}
    .BottomNavigation ul li{font-size: 14px;}
    .BottomNavigation ul li a::before{background-size: 260px;}
    .BottomNavigation ul li.Home a::before{width: 38px;height: 39px;background-position: -171px 3px;}
    .BottomNavigation ul li.Categories a::before{width: 35px;height: 39px;background-position: -172px -42px;}
    .BottomNavigation ul li.MyCart a::before{width: 35px;height: 39px;background-position: -172px -79px;}
    .BottomNavigation ul li.MyAccount a::before{width: 37px;height: 39px;background-position: -171px -121px;}
    .BottomNavigation ul li.Home a:hover::before{background-position: -223px 3px;}
    .BottomNavigation ul li.Categories a:hover::before{background-position: -225px -42px;}
    .BottomNavigation ul li.MyCart a:hover::before{background-position: -225px -79px;}
    .BottomNavigation ul li.MyAccount a:hover::before{background-position: -223px -121px;}
    .Footer dl dt{height: 40px;line-height: 40px;}

    .RegisterContentPop{max-height:510px;}

    .search-box .top-nav{padding: 12px 10px;}
    .UserContent >a.ShoppingCart{margin-right: 10px;}
    .UserContent .PhoneSearch::before{width: 25px;height: 25px;background-size: 135px;}
    .close-search em{margin-right: 10px;background-size: 145px;width: 18px;height: 18px;background-position: -43px 0;}
    .search-box .search-area{height: 32px;}
    .search-box .top-search{margin-right: 10px;width: calc(100% - 118px);}
    .search-box .search-area{padding: 0;}
    .search-box .search-area input{font-size: 14px;}
    .search-box .search-area .clear-btn{background-size: 145px;width: 22px;height: 22px;background-position: -77px 0;right: 10px;}
    .search-box .up-img-search .searchImg{background-size: 145px;background-position: -115px 0;width: 30px;height: 24px;margin-right: 10px;}
    .search-box .up-img-search .headWapSearch{font-size: 14px;width: 50px;}
    .suggestions .SuggestionTitle{font-size: 16px;color: #EB6143;}
    .search-box #keySuggestions .SuggestionTitle{font-size: 16px;color: #EB6143;}
    .suggestions .item{font-size: 14px;padding: 8px 15px;border-radius: 15px;}
    .ms-drawer .ms-drawer-usercenter li, .ms-drawer .drawer-guide li{line-height: 50px;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .Breadcrumb i{padding: 5px;}
    .hidden-sm{display: none !important;}
    .HeaderTitle{font-size: 16px;height: 35px;line-height: 35px;}
    .HeaderTitle .Clone{background-size: 175px;background-position: -121px 0;width: 24px;height: 24px;}
    .Header .Logo{width: 28%;}
    .UserContent{margin-left: 10px;}
    .UserContent  >a, .UserContent .User{padding: 5px 7px;}
    .UserContent  >a::before,.UserContent .User::before{background-size: 125px;}
    .UserContent  >a .Num{width: 15px;height: 15px;font-size: 10px;top: 0;right: 0;}
    .UserContent .User::before{width: 33px;height: 34px;}
    .UserContent  >a.Collect::before{background-position: 0 -42px;width: 34px;height: 32px;}
    .UserContent  >a.ShoppingCart::before{background-position: 0 -83px;width: 32px;height: 32px;}
    .UserContent  >a.Message::before{background-position: 0 -123px;width: 31px;height: 33px;}
    .UserContent .User:hover::before{background-position: -43px 0;}
    .UserContent  >a.Collect:hover::before{background-position: -43px -42px;}
    .UserContent  >a.ShoppingCart:hover::before{background-position: -43px -83px;}
    .UserContent  >a.Message:hover::before{background-position: -43px -123px;}
    .SignIn{top: 44px;right: -1px;left: auto;padding: 10px 0 5px;}
    .SignIn .MenuList a{line-height: 30px;}
    .HeaderRight{width: 280px;}
    .SmallLotWrap{width: calc(100% - (30% + 280px));height: 35px;}

    .SmallLotMain .SearchInput{font-size: 14px;width: calc(100% - 43px);}
    .SmallLotMain .Search{width: 43px;}
    .SmallLotWrap .SearchPrompt{ padding: 10px 10px 0;width: 400px !important;margin-top: 5px;border-radius: 5px;}
    .SmallLotWrap .Sug p{ font-size: 16px;}
    .SmallLotWrap .Sug ul li{ font-size: 14px; padding: 0 10px;}
    .SmallLotWrap .ItemLi{padding-bottom: 10px;}
    .SmallLotWrap .ItemLi li{font-size: 14px;height: 25px;line-height: 25px;}
    .HeaderRight .ShipToMain .ShipToTitle > div span,.HeaderRight .ShipToMain .ShipToTitle > p{display: none;}
    .HeaderRight .ShipToMain .ShipToTitle > div .CurIcon{display: block;background-size: 100% !important;width: 48px !important;height: 25px !important;}
    .HeaderRight .ShipToMain .ShipToTitle{padding: 5px 8px;}
    .HeaderRight .ShipToMain .ShipToTitle > p {display: none;}
    .HeaderRight .ShipToMain .ShipToShow {right: -1px; left: auto; top: 34px;}
    .Navigation {height: 50px;}
    .NavigationDiv li{padding: 0 10px;}
    .NavigationDiv li a{font-size: 14px;}
    .NavigationDiv .swiper-button-next, .NavigationDiv .swiper-button-prev{font-size: 24px;}
    #ContentWarp{padding: 10px 0 30px;}
    .Content{padding: 0 10px;}
    .ContentLeft{width: 220px;margin-right: 10px;}
    .ContentLeft dl{padding: 15px 0;margin-bottom: 10px;}
    .ContentLeft .MenuHoverBox{display: none;}
    .ContentLeft dd{line-height: 26px;}
    .ContentLeft dd.HasChildren:hover>a {border-color: #fff;text-decoration: underline;}
    .ContentLeft dd.HasChildren>a::after{width: 6px;height: 10px;}
    .ContentLeft dl.DiscoveryWarp{height: auto;}
    .MainContent{width: calc(100% - 230px);}
    .MainContent h3{margin-bottom: 10px;}
    .MainContentBody{padding: 10px;}
    .Breadcrumb{margin-bottom: 5px;font-size: 13px;}
    .Breadcrumb i a font{max-width: 105px;}

    .ProductItem ul li{width: 32%;margin: 0 2% 2% 0;border: 1px solid #f0f0f0;}
    .ProductItem ul li.Laster{margin-right: 2%;}
    .ProductItem ul li:nth-child(3n){margin-right: 0;}
    /*.ProductItem ul li:nth-child(4n){margin-right: 2%;}*/
    .ProductItem ul li:hover{top: 0;box-shadow: none;transition: unset!important;transform: unset!important;will-change: unset!important;}
    .ProductItem ul li .discount{font-size: 12px;padding: 3px 6px;}
    .ProductItem ul li .ProPrice{font-size: 15px;}
    .ProductItem ul li .ImgNameNwA a{font-size: 13px;}
    .ProductItem .OldPricePackage{width: 100%;}
    .ProductItem .OldPricePackage span,.ProductItem ul li .ProPrice span{font-size: 12px;}
    .ProductItem .PriceCartBtn{width: 100%;margin-top: 5px;}
    .ProductItem ul li .ItemContent{padding: 5px 5px 8px;}
    .ProductItem ul li .GoCart{background: url(../imagesNew/master/sm-frame.png) no-repeat;width: 47px;height: 26px;background-position: 0;}
    .ProductItem ul li .GoCart:hover{background: url(../imagesNew/master/sm-frame-hover.png) no-repeat;}
    .ProductItem .MoreProduct{padding: 0 10px;}
    .ProductItem .Hot{padding: 2px 3px;font-size: 10px;}
    .FreeIcon span{font-size: 10px;height: 22px;line-height: 10px;}
    .FreeIcon span.Pb, .FreeIcon span.Ni, .FreeIcon span.ROHS{width: 22px;}
    .Footer{padding: 20px;}
    .Footer .FooterTitle{font-size: 18px;}
    .Footer .FooterLeft{width: 50%;}
    .Footer .FooterLeft dd{font-size: 14px;line-height: 26px;}

    .FooterMiddle{display: flex;width: 50%;padding-right: 0;}
    .FooterMiddle dl:nth-of-type(1){margin-bottom: 0;margin-right: 10px;}
    .FooterMiddle dl:nth-of-type(1) dd{font-size: 16px;}
    .FooterMiddle dl:nth-of-type(2){display: flex;align-items: center;flex-direction: column;justify-content: center;}
    .FooterMiddle dl:nth-of-type(2) dd{font-size: 14px;width: 100%;}
    .FooterRight{width: 100%;margin-top: 30px;}
    .FooterRight ul li{height: 55px;}
    .EmailBox{margin-bottom: 30px;}
    .EmailOffers div{width: calc(100% - 195px);height: 40px;}
    .EmailOffers input,.EmailOffers button{font-size: 14px;}
    .EmailOffers::before {width: 32px;height: 32px;margin-right: 10px;}
    .EmailBox p{margin-left: 40px;}

    .FooterRight ul a span{font-size: 18px;}
    .FooterRight ul a font{font-size: 14px;}
    .CopyrightBox{padding: 20px 10px;}
    .CopyrightBox .Copyright{font-size: 14px;}
    .ViewMore{padding: 0 20px;margin: 20px auto;}
    .PageBox ul{margin: 10px auto;}
    .PageBox ul li,.PageBox ul li.PageGo input{margin-right: 5px;width: 30px;height: 30px !important;}
    .PageBox ul li.PageGo button{width: 75px;height: 30px;}

    /*登录页/注册页弹框*/
    #TB_window, .CommonPopBox{ padding: 20px 19px 10px; width: 500px;}
    .CommonPopTitle{ font-size: 21px;}
    .RegisterContentPop > ul > li > em{ width: 100%;}
    .RegisterContentPop > ul > li .UserInputShow{ width: 100%;}
    .RegisterContentPop > ul > li.RegisterButton{ width: 100%; margin: 0;}
    /* 确认框 */
    .ConfirmPopUp{width: 500px !important;}

    .ShipTitle {width: 80px;font-size: 15px;}
    .opation button{font-size: 14px;width: 160px;height: 38px;margin-right: 15px;}

    .SearchImg {width: 28px;height: 28px;right: 45px;}
    .SmallLotMain .SearchInput{padding-right: 30px;}
}
@media screen and (min-width:1024px){
    .hidden-md{display: none !important;}
}
@media screen and (max-width:1366px){
    .hidden-ipad{display: none !important;}
    .show-ipad{display: block !important;}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    /*登录页/注册页弹框*/
    #TB_window, .CommonPopBox{ padding: 20px 19px 10px; width: 600px;}
    .CommonPopTitle{ font-size: 21px;}
    .RegisterContentPop{width: 580px;padding: 20px 19px 10px;}
    .RegisterContentPop > ul > li > em{ width: 145px;}
    .RegisterContentPop > ul > li .UserInputShow{ width: calc(100% - 155px);}
    .RegisterContentPop > ul > li.RegisterButton{ width: calc(100% - 155px); margin-left: 155px;}
    .ShipTitle {width: 85px;font-size: 16px;}
}
@media screen and (min-width:1024px) and (max-width:1365px) {
    #ContentWarp{padding: 20px 0 30px;}
    .HeaderTitle{height: 40px;line-height: 40px;font-size: 18px;}
    .HeaderTitle .Clone{background-size: 175px;background-position: -121px 0;width: 24px;height: 24px;}
    .HeaderRight .ShipToMain .ShipToTitle{padding: 5px 10px;}
    .UserContent{margin-left: 10px;}
    .UserContent  >a, .UserContent .User{padding: 5px 11px;}
    .UserContent  >a::before,.UserContent .User::before{background-size: 145px;}
    .UserContent .User::before{width: 38px;height: 39px;}
    .UserContent  >a.Collect::before{background-position: 0 -49px;width: 39px;height: 38px;}
    .UserContent  >a.ShoppingCart::before{background-position: 0 -96px;width: 37px;height: 37px;}
    .UserContent  >a.Message::before{background-position: 0 -142px;width: 35px;height: 40px;}
    .UserContent .User:hover::before{background-position: -50px 0;}
    .UserContent  >a.Collect:hover::before{background-position: -50px -49px;}
    .UserContent  >a.ShoppingCart:hover::before{background-position: -50px -96px;}
    .UserContent  >a.Message:hover::before{background-position: -50px -142px;}
    .UserContent  >a .Num{top: -2px;right: -2px;}
    .SignIn{top: 49px;}
    .SmallLotWrap{width: calc(100% - (20% + 476px));height: 55px;}
    .SmallLotMain .SearchInput{font-size: 16px;padding-right: 40px;}
    .SmallLotWrap .SearchPrompt{ padding: 15px 15px 0;width: 410px !important;z-index: 20;}
    .SmallLotWrap .Sug p{ font-size: 16px;}
    .SmallLotWrap .Sug ul li{ font-size: 14px; padding: 0 10px;}
    .SmallLotWrap .ItemLi{padding-bottom: 10px;}
    .SmallLotWrap .ItemLi li{font-size: 14px;height: 25px;line-height: 25px;}
    .HeaderRight{width: 476px;}
    .HeaderRight .ShipToMain .ShipToTitle{font-size: 16px;}
    .HeaderRight .ShipToMain .ShipToShow{top: 60px;}
    .NavigationDiv li{padding: 0 15px;}
    .NavigationDiv li a{font-size: 16px;}
    .NavigationDiv li.Categories{display: none;}
    .ContentLeft{width: 250px;}
    .ContentLeft dl{padding: 15px 10px;margin-bottom: 15px;}
    .ContentLeft .MenuHoverBox{width: 638px;left: 227px;}
    .ContentLeft dl.DiscoveryWarp{height: 115px;}
    .MainContent{width: calc(100% - 265px);}
    .MainContentBody{padding: 15px;}
    .ProductItem ul li{border:1px solid #f0f0f0;}
    .ProductItem ul li .ProPrice{font-size: 15px;}
    .ProductItem ul li .ProPrice span{font-size: 12px;}
    .ProductItem .OldPricePackage{width: 100%;}
    .ProductItem .PriceCartBtn{width: 100%;margin-top: 5px;}
    .ProductItem .MoreProduct{padding: 0 30px;}
    .ProductItem .MoreProduct::after{margin-left: 5px;}
    .ProductItem ul li .ItemContent{font-size: 13px;}
    .Footer{padding: 20px;}
    .Footer .FooterTitle{font-size: 18px;}
    .Footer .FooterLeft dd{font-size: 14px;line-height: 28px;}
    .FooterMiddle{padding-right: 30px;}
    .FooterMiddle dl:nth-of-type(1) dd{font-size: 16px;margin-top: 10px;}
    .FooterMiddle dl:nth-of-type(1) dt{width: 35%;}
    .FooterMiddle dl:nth-of-type(2){padding: 10px;}
    .FooterMiddle dl:nth-of-type(2) dd{font-size: 14px;}
    .smallStar{width: 131px;}
    .smallStar,.smallStar span{background-size: 27px;height: 20px;}
    .FooterRight ul li{width: 155px;margin-right: 10px;padding: 0 10px;box-sizing: border-box;}
    .FooterRight ul a span{font-size: 18px;}
    .FooterRight ul a font{font-size: 13px;}
    .EmailBox{margin-bottom: 50px;}
    .EmailOffers::before{width: 32px;height: 32px;margin-right: 10px;}
    .EmailBox p{margin-left: 40px;}
    .EmailOffers div{height: 40px;}
    .EmailOffers input,.EmailOffers button{font-size: 14px;}
    .CopyrightBox{padding: 35px 10px 20px;}
    .CopyrightBox .Copyright{font-size: 16px;}
    .ViewMore{padding: 0 30px;margin: 20px auto;}
    .Breadcrumb{margin-bottom: 10px;}
    .ProductItem .Hot{padding: 2px 3px;font-size: 10px;}
    .FreeIcon span{font-size: 10px;height: 23px;}
    .FreeIcon span.Pb, .FreeIcon span.Ni, .FreeIcon span.ROHS{width: 23px;}
    .PageBox ul{margin: 10px auto;}
    .ProductItem ul li:hover{box-shadow: none;transition: unset!important;transform: unset!important;will-change: unset!important;}

    .ConfirmPopUp{width: 580px !important;}

}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    /*登录页/注册页弹框*/
    #TB_window, .CommonPopBox{ padding: 20px 24px 10px; width: 700px;}
    .CommonPopTitle{ font-size: 24px;}
}
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    /*登录页/注册页弹框*/
    #TB_window, .CommonPopBox{padding: 30px 34px 20px;}
    .CommonPopTitle{ font-size: 27px;}
}
@media screen and (min-width:1782px) {
    body{font-size: 16px;}
    .SearchPop{width: 604px;}
    .Header,.Content,.NavigationDiv,.Footer{width: 1782px;}
    .HeaderTitle{line-height: 60px;height: 60px;font-size: 22px;}
    .Navigation{height: 70px;}
    .NavigationDiv li{padding: 0 40px;}
    .NavigationDiv li a{font-size: 20px;}
    .Header{padding: 37px 0;}
    .Header .Logo{width: 321px;margin-right: 49px;}
    .SmallLotWrap{width: 676px;height: 76px;}
    .SmallLotMain .SearchInput{font-size: 24px;}
    .UserContent  >a,.UserContent .User{padding: 10px 30px;}
    .SignIn{top: 71px;}
    .UserContent  >a::before{background-size: auto;}
    .UserContent .User::before{width: 50px;height: 51px;background-size: auto;}
    .UserContent  >a.Collect::before{width: 52px;height: 48px;background-position: 0 -66px;}
    .UserContent  >a.ShoppingCart::before{width: 48px;height: 48px;background-position: 0 -129px;}
    .UserContent  >a.Message::before{width: 46px;height: 50px;background-position: 0 -190px;}
    .UserContent .User:hover::before{background-position: -67px 0;}
    .UserContent  >a.Collect:hover::before{background-position: -67px -66px;}
    .UserContent  >a.ShoppingCart:hover::before{background-position: -67px -129px;}
    .UserContent  >a.Message:hover::before{background-position: -67px -190px;}
    .UserContent  >a .Num{top: 0;right: 20px;}
    .HeaderRight{width: calc(100% - 1046px);}
    .HeaderRight .ShipToMain .ShipToTitle{font-size: 20px;padding: 10px 20px;}
    .HeaderRight .ShipToMain .ShipToShow{top: 75px;}

    .Content{padding: 0;}
    .MainContent{width: calc(100% - 350px);}
    .MainContent h3{font-size: 20px;margin-bottom: 20px;}
    .ContentLeft{width: 330px;margin-right: 20px;}
    .ContentLeft dl.DiscoveryWarp{height: 142px;}
    .ContentLeft dt{font-size: 20px;}
    .ContentLeft dd{line-height: 33px;}
    .ContentLeft .MenuHoverBox{left: 297px;}
    .headerNavigation .DivCategories{left: 60px;}
    .headerNavigation .MenuHoverBox{left: 237px;}
    .ProductItem ul li{width: 320px;margin: 0 32px 32px 0;}
    .ProductItem ul li .ItemContent{padding: 12px 15px 15px;}
    .ProductItem ul li .ImgNameNwA{margin-bottom: 10px;}
    .ProductItem ul li .ProPrice{font-size: 20px;}
    .ProductItem ul li .ProPrice span{font-size: 14px;}

    .Footer{padding: 80px 65px 60px;}
    .Footer .FooterTitle{font-size: 24px;margin-bottom: 20px;}
    .Footer .FooterLeft{width: 515px;}
    .Footer .FooterLeft dl{padding-right: 70px;}
    .Footer .FooterLeft dd{font-size: 18px;line-height: 33px;}
    .FooterMiddle {padding-right: 90px;width: 232px;}
    .FooterMiddle dl:nth-of-type(1){width: 232px;height: 232px;padding: 0;}
    .FooterMiddle dl:nth-of-type(1) dt{width: 75px;}
    .FooterMiddle dl:nth-of-type(1) dd{font-size: 24px;}
    .FooterMiddle dl:nth-of-type(2){padding: 16px 22px;width: 232px;}
    .FooterMiddle dl:nth-of-type(2) dd{font-size: 20px;}
    .EmailBox{margin-bottom: 80px;}
    .EmailOffers div{width: 600px;font-size: 20px;height: 60px;}
    .EmailOffers input{width: calc(100% - 131px);}
    .EmailOffers button{width: 131px;font-size: 20px;}
    .FooterRight{width: 815px;}
    .FooterRight ul li{width: 240px;margin-right: 26px;height: 85px;}
    .FooterRight ul a span{font-size: 24px;}
    .FooterRight ul a font{font-size: 16px;}
    .CopyrightBox .Copyright{font-size: 20px;}

    /*登录页/注册页弹框*/
    #TB_window, .CommonPopBox{ padding: 50px 54px 40px;}
}