@charset "utf-8";
/*****ContentLeft-Prouct*****/
body{font-size: 14px;}
.Red{font-weight: bold}
#ContentWarp{padding: 15px 40px;box-sizing: border-box}
.ListContent .list_free{margin-top: 0; top:0}
.ListPage dl{border-left: none; border-bottom: none;}
.MenuTab{ width: 190px; height: 45px; border-bottom: #e8e8e8 solid 1px;}
.MenuTab li{display: block; float: left; width: 96px; height: 39px; padding-top: 5px; margin-right: 5px; border: 1px solid #F8F8F8; border-bottom: none; background: #F8F8F8; text-align: center; line-height: 18px; font-size: 14px; color: #000; text-decoration: none; cursor: pointer; font-weight: bold;}
.MenuTab li.full{font-size:16px;line-height:35px;height:34px; /*background-position:0 -135px;*/background:#FCF8EB;border-color:#dcce9a;width:164px;text-align:left;cursor:default;}
li.refine_nochoose{width: 85px; margin-right: 0; background: #f8f8f8;}
li.refine_nochoose.choose,li.refine_nochoose.choose:hover,
.MenuTab li.one_choose, .MenuTab .choose, .MenuTab li.choose:hover
{ border: 1px solid #E8E8E8; border-bottom: #f8f8f8 solid 1px; color: #90bfb6;}
.DivRefineby{border-bottom:none;}
.DivRefineby dt.FirstMarginDt{margin-left:13px;margin-top:5px;}
.over_y{height:172px;overflow:hidden;position:relative;}
#ContentWarp .ContentLeft .DivRefineby dd a{padding: 0;}
#ContentWarp .ContentLeft .DivRefineby dt{padding: 0; }
.ContentLeft .DivRefineby dd .Fold{margin: 10px 0;}
.DivRefineby .refine_input {background: url(../images_new/list/refine-icon.png?v=20210106) no-repeat;display:inline-block;height:14px;margin:8px 5px 0 0;vertical-align:-2px;width:14px;float:left;}
.DivRefineby .refine_propertyname{width:calc(100% - 20px);float:left;}
.DivRefineby .refine_propertyname:hover{text-decoration:underline;}
.DivRefineby .Color li .refine_input {position: absolute; left: 0; top: 8px; margin: 0;}
.DivRefineby .Fold{ color:#666; position:relative; font-size:14px; margin-left:30px; cursor:pointer; line-height:18px;}
.DivRefineby .Fold:hover{ color:#90bfb6;}
.DivRefineby .Fold i{font-style: normal;}
.DivRefineby span.MoreIcon, .DivRefineby span.LessIcon{ border-style:solid; width:0; height:0; display:inline-block; margin-left: 5px;}
.DivRefineby span.MoreIcon{ border-color: #666 transparent transparent; border-width:4px 4px 0;}
.DivRefineby .Fold:hover .MoreIcon{ border-color:#90bfb6 transparent transparent;}
.DivRefineby span.LessIcon{ border-color:transparent transparent #666; border-width:0 4px 4px;}
.DivRefineby .Fold:hover .LessIcon{ border-color:transparent transparent #90bfb6;}
.Color{margin:0;padding:3px 0 0 11px;width:auto; overflow:hidden;}
.Color li{width: 50px; margin-right: 10px; text-align: center; float: left; padding-top: 5px;}
.Color li.Laster{ margin-right: 0;}
.Color li a {margin: 0; padding: 0;}
.Color li.choose,  .DivRefineby .Color.Shape li.choose {position: relative;}
.Color li.choose a {width:auto;height:auto;text-decoration: none;}
.refine_input.choose{background-position:  0 -25px;}
.bg_choose{background:#F8F8F8;margin:0 1px;}
.bg_choose .refine_input{background-position: 0 -49px;}

/*.ContentLeft dl.view_item{background:none;border:1px solid #DCDCDC; margin-top:10px; padding:0 0 10px 0; width:188px;}*/
.view_item dt{background:#F6F6F6;color:#000000;font-weight:bolder;line-height:18px;margin-bottom:10px;padding:0 10px;}
.view_item dd{position: static;/* border:1px solid #EDEDED; */float:left;/* height:60px; */margin-bottom:10px;/* margin-left:20px; *//* width:60px; */}
.view_item dd a{background:none;padding:0 !important;line-height: normal;}
.view_item dd img{display: block;}
/*.view_item dd .ProDetailed{margin:-62px 0 0 68px;z-index: 30;}*/

/******MainContent******/
/*new=======================*/

.ClassifyTitle{ padding:0 10px 5px; overflow:hidden;}
.ClassifyTitle .TitleText{ font-size:14px; float:left; margin:5px 10px 0 0; line-height:22px;}
.ClassifyTitle .Filtrate{ overflow:hidden;}
.Filtrate li{ height:17px; background:#404040; padding:2px 10px 3px; color:#FFF; float:left; margin:5px 5px 0 0; border-radius:1px;}
.Filtrate li a{color: #ffffff;}
.Filtrate label{ float:left; line-height:17px;}
.Filtrate .cancel_icon{border-left:#999 dotted 1px; height:17px; display:inline-block; background-position:-43px 5px; width:14px; margin-left:5px; cursor:pointer;}

.ClassifyInf { background: #f8f8f8; }

.Period{ float:right; margin-right:10px; position:relative; z-index:5;}
.Period Label{ float:left; color:#666; height:20px; line-height:20px; display:inline-block;}
.Period .PeriodName{ margin-right:5px; color:#000; width:34px; text-align:right;}
.Period .PeriodTime{ position:relative; z-index:7; background:#fff; padding-left:4px; width:155px; cursor:pointer;}
.Period .SelectArrow{ position:absolute; top:8px; right:6px; display:inline-block; width:9px; height:5px; background: url("../images_new/list/list_icon.gif?v=20210106") no-repeat 0 -110px scroll;}
.Period .PeriodSelect{ position:absolute; width:160px; border:#c3c3c3 solid 1px; z-index:6; background:#fff; top:-1px; left:38px; padding:20px 0 5px;}
.Period .PeriodSelect a{ color:#666; line-height:28px; text-decoration:none; padding-left:4px; display:block;}
.Period .PeriodSelect a:hover{ background:#f8f8f8;}
.PeriodSelect.toggle {padding-bottom: 0;}
.PeriodSelect.toggle dd{display: none;}
.PeriodPage .PeriodTime{width: 40px;}
.PeriodPage .PeriodSelect{width: 44px;}
.PeriodSoryBy{float:left;}
.PeriodSoryBy .PeriodName{width: 95px;}
.PeriodSoryBy .PeriodTime{width: 160px;}
.PeriodSoryBy .PeriodSelect{width: 164px; left: 99px;}
/*new=======================*/

/*.beads span,.View .List,.View .Grid,.refine_input,.NickelFree,.LeadFree,.RoHsCertified,.Doubt,.ReadyTimeten,.ReadyTimeEight,.ReadyTimefifteen,.UploadYours,.SimilarItems,.Customer,.ReadyTimethree,.View .ListHover,.View .GridHover,
.View li .ListHover span, .View li .GridHover span,.limitedQty,.UploadYours span,.LeadTime a.choose,.LeadTime a.choose em,
.add,.AddtoCart .list-wish,.LeftArrow,.YourPrice_NoLogin,.YourPrice,.Uploadimg,.YouTube,.SetItems{background-image:url(../images/master/icon-product.gif); background-repeat:no-repeat;}*/
.refine_categ{float:left; font-size:16px;padding:8px 5px 0;overflow: hidden;}
.refine_categ dt,.refine_categ dd{ float:left; }
.refine_categ strong{ float:left;}
.ResultQty{font-size: 12px; padding-top: 11px; margin-bottom: 7px;}
.beads{background:#E2DDCB;border-radius:3px 3px 3px 3px;display:block;float:left;font-size:12px;height:20px;line-height:20px;margin:0 3px 5px 3px;padding:0 4px 0 5px;}
.beads em{float:left;font-style:normal;}
.beads span{background:url(../images_new/list/list_icon.gif?v=20210106) no-repeat 0 -235px;cursor:pointer;display:block;float:left;height:20px;margin-left:4px;width:16px;}


.View{padding: 15px 10px; position: relative;}
.SoryBy em, .SoryBy strong {display: inline-block;}
.View li{float: left; width: auto;}
.View .SoryBy{float: left; overflow: hidden;}
.View .SoryBy a {text-decoration: none;line-height: 18px;margin-right: 10px;display: block;}
.View .SoryBy .down {background-position: 0 0; width: 7px; height: 8px; margin-left: 5px;}
.SoryBy span {margin-right: 5px; line-height: 18px;}
.SoryBy .current {color: #90bfb6;}
.SoryBy a:hover .down, .SoryBy .current .down {background-position: -25px 0;}
.SoryBy .Price {width: auto;}
.SoryBy .Price strong {margin: 0 0 0 5px;}
.SoryBy .Price em {margin-right: 1px; width: 4px; height: 9px;}
.SoryBy a .price_down {background-position: 0 -25px;}
.SoryBy a .price_up {background-position: 0 -50px;}
.SoryBy a .price_up:active, .SoryBy a .price_up.on {background-position: -25px -50px;}
.SoryBy a .price_down:active, .SoryBy a .price_down.on {background-position: -25px -25px;}
.weightList a .up {background-position: 0 -277px; width:7px; height: 8px; margin-left: 5px;}
.weightList a:hover .up,.weightList .current .up {background-position: -25px -277px;}
.ViewWay {float: right;overflow: hidden;}
.ViewWay a {display: block;height: 19px;}
.ViewTil span {margin-right: 10px;line-height: 19px;}
.View .List{width: 21px;background-position: right -180px;}
.View .ListHover{width: 21px;background-position: right -140px;}
.View .Grid {width: 19px; margin-right: 10px; background-position: 0 -140px;}
.View .GridHover {width: 19px; margin-right: 10px; background-position: 0 -180px;}
.View select{border:1px solid #C6C5C5;color:#333333;font-size:11px; height:18px;margin:7px 8px 0 0;width:100px;}
.Show { position: absolute; top:11px;right: 150px; }
.Show li{height: 26px; line-height: 26px; text-align: center; margin-right: 10px;}
.Show li a{display: block; color: #666; height: 24px; line-height: 24px; padding: 0 4px; border: #c3c3c3 solid 1px; text-decoration: none;}
.Show li a.current{color: #90bfb6;border: #90bfb6 solid 1px;}
.Show li.ViewTil{width: auto;}
.Show li span {margin: 0;}

.ListContent{margin-bottom: 15px;}
.ListContent li{padding: 9px 0; border-bottom: #e8e8e8 solid 1px;}
.ListContent li.loading,.GridPro li.loading{position: relative;}
.ListContent li.loading .loadingImg,.GridPro li.loading .loadingImg{position: absolute; left: 50%; top: 50%; margin-left: -104px;}
.ListContent li .overLI,.GridPro li .overLI{position: absolute;width: 100%;height: 100%;background: #eeeeee;opacity: 0.5;top: 0;left: 0;}
.LeftimgInfo{float: left;height: 122px;width: 100px;}
.DetailedHotSmall{background:url(../images/master/icon_product.png) no-repeat scroll 0 -57px;display: block;height:13px;margin-left:71px;position:absolute;width:30px;}

.limitedQty{background-position:0 -1395px;display:block;float:left;height:12px; width:100px; position:absolute; left:0; top:88px;}
.ListContent .ImgSize150px{ float: left; padding-right: 10px; width: 200px;}
.ListContent .ImgSize150px img{display: block;}
.DetailedCont .discount{margin: 0 0 0 358px;}
.GridPro .discount{margin: 0; z-index: 1;}
.showProRit{ float: left; width: 600px;}
.ListContent li dl{float: left; width: 430px; margin:5px 5px 0 0;}
.ListContent li dt{line-height: 17px; font-size: 15px; font-weight: bold;}
.ListContent li dd {color:#666666; margin-top: 5px;}
.ListContent .ProList_Show { margin: 10px 0 1px;}
.ProList_Show .setListWrap{ float:left;}
.hasScroll .setListWrap{ width: 205px;}
.hasScroll .setList{width: 100000px;}
.ProList_Show .setList { position: relative; float: left;}
.ProGrid_Box .ProList_Show .setList {height: 36px; overflow: hidden;}
.setList a { display: block; float: left; width: 36px; height: 36px; padding: 1px; background: #FFF; margin-right: 5px; border: 1px dashed #E8E8E8; position: relative;}
.ListContent .setList a{margin: 0 5px 5px 0;}
.setList a:hover, .setList a.on { border: 2px solid #90bfb6; padding: 0;}
.setList a .jsSetListBigImg {display: none; margin: 0;padding: 0;left: 43px;top: -2px;}
.setList a:hover .jsSetListBigImg {display: block;}
.setList a.onsame {border: 2px solid #E8E8E8; padding: 0;}
.setList a.on .ChooseIcon{ display:block; width:9px; height:9px; background:url(../images_new/product/currently_icon.png?v=20210901) 0 0 no-repeat; position:absolute; bottom:0; right:0;}
.ProList_Show .Page{ display:none; width:15px; height:15px; float:left; margin-top:10px; cursor: pointer;}
.hasScroll .Page{ display:block;}
.ProList_Show .Prev{ background:url(../images_new/product/prev.jpg) no-repeat; margin:10px 6px 0 5px;}
.ProList_Show .Next{ background:url(../images_new/product/next.jpg) no-repeat;}

.ProGrid_Show{ overflow:hidden; margin:10px 0;}
.ProGrid_Show.hasScroll .setListWrap{width: 188px; overflow: hidden;}
.ProGrid_Show a{ width:32px; height:32px; padding:1px; margin-right:2px; overflow: hidden;}
.ProGrid_Show .Next{margin-left: 8px;}

.WishWrap{float:left;}
.ListContent .FreeIcon { float: left;}
.ListContent .FreeIcon .Line,.WishWrap .Line{ height: 13px;  margin-top: 2px; display: inline-block; padding-right: 12px; float: left; border-left: 1px solid #E8E8E8;}
.ListContent li dd.Package {height: 24px; color: #333; margin:2px 0;}
.ProGrid_Hover .FreeIcon{margin-bottom: 5px;}
.grid-cus-show{display: inline-block; width: auto; height: 25px; line-height: 25px; padding-left: 25px; background:url("../images_new/customershow/icon_list.png") no-repeat 0 -34px;}
.FreeIcon a.list-cus-show{display: inline-block; width: 100px; height: 25px; line-height: 25px; padding-left: 25px; margin:-3px 0 0 5px;background:url("../images_new/customershow/icon_list.png") no-repeat 0 -34px;}
.FreeIcon a{display:inline-block; float:left;width: 16px; height: 16px; margin-right: 5px; background: url(../images_new/list/tag_icon.gif) no-repeat;}
.FreeIcon .NickelFree{background-position: 0 -35px;}
.FreeIcon .LeadFree{background-position: 0 -70px;}
.FreeIcon .RoHsCertified{background-position: 0 0;}
.FreeIcon .Doubt{cursor: pointer;margin-right: 5px;background: url("../images_new/list/list_icon.gif?v=20210106") no-repeat scroll -25px -110px transparent;}
.NegMr{margin: -40px 0 25px;}
.GridLi .FreeIcon a{float:left;}
/*added by wyl at 2014-03-17*/
.ListPackage{float:left;margin-right:20px;line-height:24px;color:#333;}
.List-Wt{color:#333;}
.List-Wt span{color:#666;}
.ListPackage .L-span{float:left;margin-right:5px;color:#666;}
.ListPackage .L-seclet{width:110px;float:left;border:1px solid #C6C5C5; color:#333;font-size:11px;height:18px;}
.ListPackage .SizeSelect{height:22px;line-height:22px;width:68px;padding:0 5px;overflow:hidden; color:#333;display:block;text-decoration:none;cursor:pointer; border:#fff solid 1px; border-bottom:none;}
.ListPackage .SizeSelect .SelectArrow{ float:left; display:inline-block; width:0; height:0; border-width:4px 4px 0; border-color:#666 transparent transparent; border-style:solid; margin:10px 0 0 0;}
.ListPackage .SizeSelect span{width:55px; overflow:hidden;white-space:nowrap;float:left;text-overflow:ellipsis;}
.SizeSelectBox{ margin:-1px 0 0 0;position:absolute;background:#FFF;border:#ccc solid 1px;border-top:none; width:78px;padding:5px 0; display:none; z-index:3;}
.SizeSelectBox a{display:block;line-height:24px;padding-left:5px; padding-right:5px;text-decoration:none;color:#333;width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.SizeSelectBox a:hover{background:#f8f8f8;}
.SizeBlock{float:left;}
.SizeBlock .SizeSelect {border:#ccc solid 1px; }
.SizeBlock:hover .SizeSelect{border-bottom:none;}
.SizeBlock:hover .SizeSelectBox{ display:block;}

/*end*/
.ListContent .LeadTime{ float:left; display: block; margin-bottom: 5px;}
.LeadTime a{ color: #666;}
.LeadTime a{ margin-right: 12px; color: #333;}
.LeadTime a span{color: #666;}
.LeadTime a:hover,.LeadTime a:hover span{color:#90bfb6; text-decoration:underline;}
.ReadyTimeten{background-position:0 -268px;}
.LeadTime .ReadyTimeEight{background-position:-7px -2147px; color: #333;}
.LeadTime .ReadyTimefifteen{background-position:-7px -2166px; color: #333;}
.LeadTime .ReadyTimethree{background-position:0 -627px; color: #333;}
.LeadTime .ReadyTimethree span,.LeadTime .ReadyTimeEight span,.LeadTime .ReadyTimefifteen span{color: #666;}
.UploadYours{background-position:0 -1213px; float:left;}
.SimilarItems{background-position:0 -1258px; float:left;}
.Customer{ background-position:0 -1346px; float:left;}
.SetItems {background-position: 0 -2209px; float: left;}
.LeadTime a.choose{border:1px solid #ccc;position:absolute; background-color:#fff; background-position:0 -1215px;box-shadow:2px 0 2px #d3d3d3;padding:3px 0 7px 19px;margin:-4px 0 0 152px;width:91px;z-index:11;border-bottom:none;display:none;}
*+html .LeadTime a.choose{margin:-4px 0 0 -220px;}
.LeadTime a.choose em{background-color:#fff; background-position:0 -1125px;width:7px;height:4px;margin:6px 5px 0 0;float:right;}
.LeadTime a.choose span{background:#fff;width:110px;left:0;height:3px;font-size:0;position:absolute;margin:21px 0 0 0; overflow:hidden;}
.UploadChoose{line-height:normal;border:1px solid #ccc;position:absolute;background:#fff;box-shadow:2px 0 2px #d3d3d3;padding:5px 0 8px;margin:22px 0 0 152px;z-index:10;width:340px;display:none;}
*+html .UploadChoose{margin:21px 0 0 -220px;}
.UploadChoose li{margin:0 6px;width:330px!important;border:none;padding:0;line-height:20px;}
.UploadChoose li a{margin-right:0!important;}
.Uploadimg{background-position:0 -900px;width:20px;height:20px;vertical-align:6px;float:left;margin-right:10px;}
.YouTube{background-position:0 -855px;width:20px;vertical-align:6px;height:20px;float:left;margin-right:10px;}
.UploadChoose li.li_line{background:#EEEEEE;clear: both; display: block; font-size: 0;height: 1px;margin: 5px 8px;overflow: hidden;width: auto;}

.GridName a{white-space: nowrap;}
.AddtoCart{float: left;width: 168px;}
.Input{border: #ccc solid 1px;height: 26px;line-height: 26px;width: 48px;padding: 0 5px;float: left;margin-right: 5px;}
.AddtoCart .add{width: 63px;line-height: 28px;height: 28px;background: url(../images_new/master/cart_icon.gif) no-repeat 6px center #ff6600;text-align: left;padding-left: 28px;font-size: 12px;float: left;color: #fff;border-radius: 2px;cursor: pointer; margin:0;}
.AddtoCart .add:hover{text-decoration: none;}
.AddtoCart p{margin-top:22px;}
.AddtoCart .list-wish{text-align: right; color: #666; float: right; padding-left: 18px; display: inline-block; cursor: pointer; background: none;}
.AddtoCart .list-wish:hover{ text-decoration:underline;}
.list-wish .WistIcon {background-position: 0 -78px;display: inline-block;width: 12px;height: 15px;position: absolute;margin: 0 0 0 -15px;}
.list-wish:hover .WistIcon{ background-position:-50px -48px; color:#90bfb6;}
.list-wish.ViewMyWishList .WistIcon{ background-position:-50px -48px; color:#90bfb6;}
.ShopCart .WistIcon{margin: 13px 0 0 10px;background-position: 0 -215px;display: inline-block;width: 16px;height: 15px;cursor: pointer; text-indent: -2000px;}
.ShopCart .WistIcon:hover{background-position: right -215px;}
.ShopCart .ViewMyWishList{background-position: -54px -215px;}
.QtyInf {height: auto; line-height: 20px; font-size: 13px; color: #666;text-align: right}
.AlignRight{text-align: right; clear:both;}
.QtyInf li{ padding: 0 !important; border: none !important;}
.QtyInf .Gray { display: inline-block; width: 70px; text-align: right;}
.QtyInf .OldPrice,.GridInf .OldPrice {font-size: 12px; text-decoration: line-through;}
.AddtoCart .AddCart {float: right; margin: 10px 0;}
.GridPro .GridInf{height: auto; line-height: 18px; font-size: 13px; color: #666; margin-bottom: 10px;}
.GridPro .GridInf .Red{ width: auto; font-size: 16px; font-weight: bold;}
.GridPro .GridInf li{position: static; display: block;float: none; width: auto;height: auto; margin: 0; padding: 0;}
.GridPro .GridStepInf{display: none;}
.GridPro .GridStepInf li{ margin: 5px 0 0 0;}
.GridPro .GridStepInf li span{ display: inline-block; width: 40px; margin: 0; font-size: 13px; text-align: right;}
.ProGrid_Box:hover .GridStepArea{display: none;}
.ProGrid_Box:hover .GridStepInf{display: block;}
.ProGrid_Box .inItems{ display:none;}
.ProGrid_Box:hover .inItems{ display:block; color:#333333; padding-top:3px;}
/*product no found*/
.add{float:left; display: block; width: 63px; height: 30px; line-height: 30px; font-size: 12px; padding-left: 28px; text-align: left; margin-top: 5px; background: url("../images_new/master/cart_icon.gif") no-repeat scroll 6px center #F60; color: #ffffff; cursor: pointer;}
.add:hover{color: #ffffff; text-decoration: none;}

/*.Other_pkg {background: url("../images/master/icon-product.gif") no-repeat scroll 0 -2129px; color: #90bfb6; float: right; padding-left: 18px; line-height: 19px;}*/
.ProDetailed{background:#FFFFFF; border:1px solid #CCCCCC;box-shadow:2px 2px 3px #C5C5C5;margin-left:-2px;padding:4px;position:absolute;z-index:10;}
.LeftArrow{background: url("../images/master/pop-ar.gif") no-repeat scroll 0 0 transparent;height:13px; /**margin:10px 0 0 -11px;*/left:-7px;top:10px;position:absolute;width:7px;}
.ListContent .BgHui{box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); border: 1px solid #E8E8E8; width: 760px; margin-left: -9px; margin-top: -1px; padding: 9px 8px;}
.DetailedCont{background:#FFFFFF;overflow:hidden;padding:5px; text-align: left;}
.DetailedImg{height:400px;overflow: hidden;width:400px;}
.DetailedImg .Hot{margin:-7px 0 0 -1px;}
.DetailedCont h3{float:left;font-size:13px;line-height:20px;margin-bottom:6px;overflow:hidden;width:300px;}
.DetailedTextBox{color:#999999;float:left;width:300px;}
.DetailedTextBox li{border:none;overflow:hidden;padding:4px 0 0; width:320px;}
.DetailedTextBox strong{font-weight:normal;height:15px;}
.DetailedTextBox li p{float:left;width:auto; margin-right:10px;}
.DetailedTextBox .ListName{float:left;margin-right:10px;text-align: right;width:86px; height: auto;}
.YourPrice_NoLogin{ background-position:160px -1890px;color: #AF0F1E;}
.YourPrice{ background-position:220px -1890px ;color: #AF0F1E;}
.SetPopBox{overflow: hidden; margin: 5px;}
.SetPopBox .DetailedImg{float: left; width: 300px; height: 300px;border: 1px solid #C4C4C4; overflow: hidden; text-align: center;}
.SetPopBox .discount{margin:0 0 0 263px;}
.SetPopBox .OffDet{left: 260px;}
.SetPopBox .DetailedHot{margin-left: 283px;}
.DiscountPolicy {color: #000; text-decoration: underline;}
.SetPopBox .RightInfo{float: left; width: 318px;}
.SetPopBox .RightInfo h3{line-height: 18px;}
.SetPopBox .AddShop, .SetPopBox a.AddShopBtn {display: none; position: absolute; margin-top: -40px;}
.SetPopBox .DetailedImg:hover .AddShop,.SetPopBox .DetailedImg:hover a.AddShopBtn{display: block;}
.AddShop { background: #ffffff; opacity: 0.5; height: 40px; width: 302px;}
.SetPopBox a.AddShopBtn{margin: -35px 0 0 118px;}
.SetPopBox .ProductSet{margin-top: 20px;}
.SetPopBox .Hot{margin: -5px 0 0 -1px;}
.SetPopBox .ShopCart .WistIcon{margin: 13px 32px 0 0;}
.ProductSet{margin-bottom: 20px; }
.ProductSet .SetTitle{height: 30px; margin: 0 0 20px; padding-left: 15px; background: #F1F1F1; font: bold 16px/30px arial;}
.ProductSet ul{position: absolute; overflow: hidden; width: 20000px;}
.ProductSet li{float: left; width: 127px; margin:0 12px;}
.ProductSet .PTitle{height: 50px; margin: 10px 0 5px; overflow: hidden;}
.ProductSet .grid_z,.ProductSet .grid_y{margin-top: 58px;}
.ListOutter{overflow: hidden;}
.ListOutter:hover .grid_z,.ListOutter:hover .grid_y{display: block;}
.ProductSet .grid_y{margin-left: 626px;}
.ProductSet .grid_z.disabled{background-position:-50px -67px; cursor: default;}
.ProductSet .grid_y.disabled{background-position:0 -67px; cursor: default;}
.ListWrap{position: relative; overflow: hidden; float: left; width: 604px; height: 266px; margin: 0 22px; }
.QtyTable{border-collapse:collapse; color:#333;}
.QtyTable .ListPrice{ margin-right:10px; text-decoration:line-through;}
.QtyTable .DiscountRate{color:#af0f1e;}
/*2014-1-16*/
.MainContentBody > .SmallLot{font-size: 15px;width:auto;height: auto;box-sizing: border-box;padding: 20px;background:url(../images_new/list/small-lot.jpg) no-repeat;background-size:100%!important;margin-bottom: 20px;}
.MainContentBody > .SmallLot h3{ font-family:Arial,Helvetica,sans-serif; font-size:50px; color:#000; line-height:50px;}
.MainContentBody > .SmallLot .items{padding-left:20px;background:url(../images_new/list/icon-gstar.png) no-repeat left center;float:left;margin:0 30px 5px 0;height:24px; line-height: 24px; display:block;}
.MainContentBody > .SmallLot p{width: 80%;line-height: 24px;margin-top: 15px;clear:both;}
.MainContentBody > .SmallLot .items{ font-weight:700;}

.GridPro{margin-top:10px; width:763px; overflow:visible;}
.GridPro li{ position:relative; float:left; width:247px; margin-right:11px; padding-bottom:15px;}
.ProGrid_Box:hover{position:absolute; z-index:2; width:245px; padding:8px 8px 15px 8px;box-shadow:2px 2px 4px rgba(0,0,0,0.10);background:#fff; border:#dfdfdf solid 1px; margin:-9px 0 0 -9px;}
.ProGrid_Box:hover .GridImgA{ border:#fff solid 1px;}
.GridPro .ViewMyWishList,.Collect.ViewMyWishList:hover{background: url(../images_new/product/grid-collect-red.png) no-repeat center center rgba(204, 0, 0, 0.2);}
.grid_z,.grid_y,.grid_k{background:url(../images/product/prouctgrid/grid_btn.png) no-repeat;display:none;position: absolute;}
.grid_z{background-position:-50px 0;cursor:pointer;float:left;height:46px;margin-left:1px;margin-top:97px;width:20px;}
.grid_y{background-position:0 0;cursor:pointer; float:right;height:46px;margin-left:225px;margin-top:97px;width:20px;}
.grid_k{background-position:0 -50px;color:#FFFFFF;height:13px;line-height:13px;margin-left:210px;margin-top:224px;text-align:center;width:28px;}
.GridName{height:15px;}
.stock{color:#0349A1;font-size:12px; padding: 0;}
.GridPrice{margin-bottom:0;color:#AF0F1E;padding:5px 0 0 5px;}
.GridPrice span{color: #666666;/*display: block;*/height:16px;margin-right:0;text-decoration:line-through;}
.GridPrice2{color:#333333;line-height:18px; padding-bottom:6px;}
.GridPrice2 span{color:#AF0F1E;font-weight:bold;}
.GridPro li .AddtoCart{overflow: hidden; float:none; clear:both; width: auto; margin: 0; padding:0 0 5px; text-align:left;}
.ProGrid_Hover{ display:none;}
.ProGrid_Box:hover .ProGrid_Hover{ display:block;}
.ProGrid_Box:hover .Name { line-height: 18px; margin-bottom: 6px; position: relative; text-overflow: initial; white-space: normal;}
.DetailedHot{ background:url(../images/master/icon_product.png) no-repeat 0 -24px;left:0;font-size:0;line-height:0;margin:-1px 0 0 383px;height:16px;position:absolute;width:33px;}
.GridPro .List-Wt{margin: 0;}

/*2012-01-07 pop-Customer*/
#TB_window.customerShowPop{position: static; width: 780px; margin: 20px auto; padding: 0;}
.TB_overlayBGWrap{position: fixed; top: 0; overflow-y: scroll; width: 100%; height: 100%;}
.DetailedPopup{position: relative;}
.DetailedPopup .DetailedImages{ width:698px; min-height: 500px; padding:0 40px 0; margin-bottom: 20px;}
.DetailedPopup .DetailedImages .DetailedText{ display:block; text-align:right; padding:30px 0 20px; color:#d1d1d1; font-size:24px;}
.DetailedPopup .DetailedBtn{ margin:0 0 25px 135px;}
.DetailedBtn input{ border:none; height:32px; background:url(../images/master/customer.gif?t=20170228) no-repeat; margin-right:25px; cursor:pointer;}
.DetailedBtn span{ display:inline-block; line-height:35px; color:#999;}
.DetailedBtn .UploadBtn{ background-position: 0 -150px; width:221px;}
.DetailedBtn .CloseBtn{background-position: 0 0; width:105px;}
.DetailedPopup .ProductSet{ margin:0 15px 24px; width:750px;}
.DetailedPopup .ProductSet li{width: 117px;}
.DetailedPopup .ProductSet .grid_y{margin-left: 730px;}
.DetailedPopup .ProductSet .PTitle{overflow: hidden; height: 50px;}
.DetailedPopup .ListWrap{width: 706px;}
.left_btn, .right_btn{background:url(../images/master/btn.png) no-repeat 0 0 ;cursor:pointer;display:block;height: 96px;position:absolute;width:96px;top:305px;z-index: 1;}
.left_btn{ background-position:0 0;}
.right_btn {background-position:-104px 0;right:40px;}
/*NoResults*/
.divTab1{ border:1px solid #c7c7c7; margin-top:-1px;}
.ContentLeft .MarginDt a{padding:3px 0 4px;}
.AlsoLike{ padding-top:30px; overflow:hidden;}
.AlsoLike dt{height: 40px; line-height: 40px; border-bottom: 1px solid #E8E8E8; background: #F8F8F8; margin-bottom: 20px;}
.AlsoLike dt a{ color:#999;}
.AlsoLike dt a:hover{ color:#90bfb6;}
.AlsoLike dt span{float: left;display: block;border-left: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;border-top: 1px solid #E8E8E8;height: 39px;line-height: 39px;padding: 0 10px;margin-left: -1px;text-decoration: none;}
.AlsoLike dt span.Choose{color: #FFF; background: #90bfb6;}
.AlsoLike dd {float: left; margin-right: 3px; width: 150px;}
.AlsoLike dd.Laster{margin-right: 0;}
.AlsoLike .containerProduct{ margin:0; width:auto;}
.AlsoLike .FontRed{font-size: 13px; font-weight: bold;}
.AlsoLike .ColorBlack{font-size: 12px; color: #666666; font-weight: normal;}
.ProSize110px{ display:block; height:150px; margin:0 auto; overflow:hidden; width:150px;}
.AlsoProName{ height:46px; margin:5px 0; overflow:hidden; line-height: 16px;}
/*similar*/
.ContentLeft .similarProduct{ margin-top:0; background:#fff; border:1px solid #DCDCDC; padding-top:0; margin-bottom: 10px;}
.ContentLeft .similarProduct dt{ background:#F6F6F6;}
/*RoHS_LeadFree_NickelFree*/
.Free-bg{ background:url(../images/product/report/RoHS_bg.jpg) no-repeat; height:180px; line-height:24px; padding:14px 24px 0 22px; width:714px;}
.Free-bg p a{ display:inline-block; float:none; height:16px; vertical-align:top; cursor:default;}
.btn_LeadFree a{ margin-top:3px;}
.RoSH_Con{line-height:normal; color:#9c5c38; padding-left:20px;}

.mixedNotebg {clear: both;margin-bottom: 10px;}
.mixedNote {overflow: hidden; background: none repeat scroll 0 0 #FDFBED;}
.mixedNote span {color: #000000;font-size: 14px;font-weight: bolder;line-height: 24px;margin: 10px;}
.mixedNote p {color: #000000;line-height: 16px;margin: 0 10px 10px;}
.GridImgA{ position: relative; display: block; width: 245px; height: 245px; margin-bottom: 5px; border: 1px solid #E8E8E8;}

.view_item dd h3 a{display:inline;}

.GoCart{ opacity: 0; background:url(../images_new/product/grid-cart.png) no-repeat center center rgba(255, 102, 0, 0.8); width:60px; height:28px; border-radius:2px; position:absolute; top:5px; right:5px;}
.GoCart:hover{background:url(../images_new/product/grid-cart.png) no-repeat center center rgba(255, 102, 0, 1);}
.Collect{ display:none; background:url(../images_new/product/grid-collect.png) no-repeat center center rgba(204, 0, 0, 0.8);width:60px; height:28px; border-radius:2px; position:absolute; top:43px; right:5px;}
.Collect:hover{background:url(../images_new/product/grid-collect.png) no-repeat center center rgba(204, 0, 0, 1);}
.ProGrid_Box:hover .GoCart,.ProGrid_Box:hover .Collect{display: block; opacity: 1;}

.AddtoCart .InStockNotice{ cursor: pointer; background: url(../images/master/icon-list-stock.png) 10px center no-repeat #ff6600; font-size: 14px; font-weight: bold; color: #FFFFFF; height: 28px; padding: 0 10px 0 35px; display: inline-flex; float: right; margin: 10px 0; align-items: center;}
.AddtoCart .InStockNotice:hover{ text-decoration: none;}
.AddtoCart .InStockNotice.GrayButton{background: url(../images/master/icon-list-stock.png) 10px center no-repeat #A1A1A1;}
.Ph-list-1 .AddCart_x a.InStockNotice{ font-size: 0; background: url(../images/master/icon_likeness_wap.png) 14px -260px no-repeat ;}
.Ph-list-1 .AddCart_x a.InStockNotice.GrayButton{ font-size: 0; background: url(../images/master/icon_likeness_wap.png) 14px -205px no-repeat ;}
.InStockNoticeBtn {
    z-index: 1;
    display: none;
    background: url(../images/master/icon-grid-stock.png) no-repeat center center rgba(255,102,0,0.8);
    width: 60px;
    height: 28px;
    border-radius: 2px;
    position: absolute;
    top: 43px;
    right: 5px;
}
.InStockNoticeBtn.GrayButton, .InStockNoticeBtn.GrayButton:hover {
    background: url(../images/master/icon-grid-stock.png) no-repeat center center #a1a1a1;
}
.InStockNoticeBtn:hover {
    background: url(../images/master/icon-grid-stock.png) no-repeat center center rgba(255,102,0,1);
}

.List_Restriction {width: 138px; height: 16px; float:left; margin:0 4px 4px 0; background:url("../images/shoppingCart/restriction.jpg") no-repeat scroll 0 0 transparent;}
.List_Limited,.List_Randomly {float:left; height: 16px; margin:0 4px 4px 0;}
.GridLi .List_Limited,.GridLi .List_Randomly{float:left;}
.List_Limited{ width: 110px; background: url(../images_new/list/limited-quantity.png) no-repeat;}
.List_Randomly{ width: 126px; background: url(../images_new/list/random-mixed.png) no-repeat;}
.Limited,.Randomly {position: absolute;width: 96px; background: none repeat scroll 0 0 #C8D6FB;font-size: 11px;font-weight: bold;height: 14px;line-height: 12px;margin: 0;padding: 0 5px;}
.Randomly{background: #ffcfcf}
.List_Assortment{width: 77px; float:left; height: 16px; margin:0 4px 4px 0; background: url("../images_new/list/assortment.jpg") no-repeat scroll 0 0 transparent; }
.List_fashionjewelry{width: 80px; float:left; height: 16px; margin:0 4px 4px 0; background: url("../images_new/list/fashion-jewelry-web.jpg") no-repeat scroll 0 0 transparent; }
/*added by wyl at 2014-05-24*/
.RelatedSearches{ padding:10px; border-bottom:1px solid #d3d3d3; color:#000;width: auto; margin-bottom: 10px;}
.RelatedSearches span{ margin-right:5px;}
.RelatedSearches a{ color:#000000; white-space: nowrap;}
.RelatedSearches a:hover{color: #90bfb6;}
.RelatedSearches .keyWrap{ float:left; width: calc(100% - 70px); line-height: 17px;}
.RelatedSearches .keyWrap.folder{overflow: hidden; height: 17px;}
.RelatedSearches .displayControl{float: right;width: 70px; text-align: right;}
.RelatedSearches .displayControl a{ text-decoration: underline;}

.Title-sort{ width:785px; height:35px; line-height:35px; background:url("../images/master/pro_bg.jpg") no-repeat scroll 0 0; font-size:18px; margin:0 0 15px; padding-left:15px; font-weight:bold;}
.Popularsearch{overflow:hidden; margin-bottom:25px;}
.PopularsearchUl{overflow:hidden; padding:0 0 15px 15px;}
.PopularsearchUl li{overflow: hidden; float:left; width: auto; height: 30px; margin:0 35px 10px 0;}
.PopularsearchUl li a{ color:#90bfb6;}

.LeftColumn{ width:190px; min-height:365px; background:#f2f2f2; padding:15px 0;}
.LeftColumn li{padding:5px 0 5px 15px;}
.LeftColumn li a{line-height: 12px; word-wrap: break-word;}
.LeftColumn .ColumnCurrent a{ color:#268a03;}
.LeftColumn .ColumnCurrent a:hover{ color:#268a03!important;}

/* add 20161028 by wanj */
.MainContentBody .batch{height: 40px;width: 100%;font-size: 13px;font-family: Arial;color:#000000;border-bottom: 2px solid #90bfb6;margin-bottom: 15px;}
.MainContentBody .batch dt,.MainContentBody .batch dd{text-align: center;float: left;font-size:15px;}
.MainContentBody .batch dt{width: auto; padding:0 10px;line-height: 40px;}
.MainContentBody .batch dd a{display:block;font-weight: bold;line-height: 39px;padding: 0 25px;margin-right: 10px;border: 1px solid #e8e8e8;border-bottom: 0;}
.MainContentBody .batch dd.on a,.MainContentBody .batch dd a:hover{background: #90bfb6;border-color:#90bfb6;color: #fff; text-decoration:none;}
.MainContentBody .batch dd.on a {cursor:default;}
.batch dl dd.PandaHallSelected {position: relative;}
.batch dl dd.PandaHallSelected span {background: url(../images_new/selected/master/new.gif) no-repeat;position: absolute;width: 26px;height: 9px;top: 7px;right: 15px;}
/*.ProGrid_Box .Selected {display: inline-block; width: 120px; height: 18px; background: url(../images_new/selected/master/selected.png) no-repeat; margin-bottom: -4px;}*/
/*.ListContent .Selected {display: inline-block; width: 120px; height: 18px; background: url(../images_new/selected/master/selected.png) no-repeat; margin-bottom: -3px;}*/

/* customer show */
.BuyWorks a{ position:relative; font-size:16px; border-bottom:1px dashed #c3c3c3; padding:14px 0 14px; display:block; font-weight:bold;}
.BuyWorks .New{ display: block; width: 26px; height: 9px; background:url(../images_new/customershow/icon.gif) no-repeat; }

/*add 20170213 by wanj */
.MaskLayerInSet{ position:fixed; display:none; top:0; left:0; z-index:18; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30);}
.autoPopupBoxInSet {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:20; overflow-y:auto; overflow-x:hidden;}
.PopupBoxInSet{ position:absolute; display:none; top:75px; left:50%; margin-left:-397px; width:795px; min-height:690px; background:#FFF; z-index:21;}
.PopupBoxInSet .listLoading { background: #fff url("../images/account/ajax-gcloader.gif") no-repeat scroll center 320px; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 20;}
.In_DetailContet{background:#FFF;border:1px solid #E8E8E8;padding:35px 15px;width:763px;}
.In_DetailContet .CloseBtn{background:url(../images/product/prouctgrid/close_icon.gif) no-repeat;width:16px;height:15px;position:absolute;top:15px;right:15px;cursor:pointer;}
.AddList .wistClostIcon {background:url(../images_new/product/close.png) no-repeat;  width:9px; height:9px; display:inline-block; position:absolute; top:10px; right:10px; cursor:pointer;}
.In_DetailContet .ImgLeft{float:left; position:relative; width: 245px; margin-right:12px;}
.In_DetailContet .GridImgA{ margin:0;}
.In_DetailContet .ImgLeft .discount{z-index: 1; margin:0;}
.In_DetailContet .DetailedText{ float:left; width:478px;}
.In_DetailContet .DetailedText dt{line-height: 17px; font-size: 13px; font-weight: bold;}
.Detail_Restriction {width: 138px; height: 16px; float:left; margin:0 4px 4px 0; background:url("../images/shoppingCart/restriction.jpg") no-repeat scroll 0 0 transparent;}
.Detail_Limited,.Detail_Randomly{float:left;height:16px;margin-right:4px;background:url(https://www.pandahall.com/buyer/images_new/list/tag_icon.gif) no-repeat scroll 0 0 transparent;}
.Detail_Randomly{width:78px;background-position:0 -105px;}
.Detail_Limited{width:84px;background-position:0 -140px;}
.DetailedText .FreeTag{padding:8px 0 15px;overflow:hidden;border-bottom:1px solid #E8E8E8;margin-bottom:12px;}
.DetailedText dd .List-Wt, .DetailedText dd .Package{ margin-bottom:5px; color: #333;}
.List-Wt span, .Package .L-span{color: #666;}
/*价格*/
.DetailedText .GridInf{line-height:18px;font-size:12px;color:#666;}
.DetailedText .GridInf .Red{ width:auto;font-size:16px;font-weight:bold;}
/*阶梯价格*/
.DetailedText .GridStepInf li{margin:6px 0 0 0;}
.DetailedText .GridStepInf li span{display:inline-block;width:35px;font-size:13px;text-align:right;}
.DetailedText .GridStepInf li span.Gray{ padding-right:5px;}
/*Items in the Set */
.Pro_List_Box .AlsoLike{ width:763px; padding-bottom:0;}
.Pro_List_Box .AlsoLike dt{ border-bottom:none; margin:0; height:36px;line-height:36px;padding-left:10px;background:#F7F7F7;}

.Pro_List_Box .AlsoLike dt h3{font-size: 16px;}
.Pro_List_Box .AlsoLike dd{display:inline;float:left;padding-top:20px;overflow:hidden;width:180px;margin-right:10px;}
.Pro_List_Box .ProSize110px{border:1px solid #FFF;display:block;height:180px;margin:0 auto;overflow:hidden;width:180px;}
.Pro_List_Box .AlsoProName{height:46px;margin:5px 0 4px;overflow:hidden;line-height:normal;}
.Pro_List_Box .add{display:block;float:left;width:42px;height:30px;line-height:30px;font-size:18px;padding-left:28px;text-align:left;margin-top:5px;cursor:pointer;background:url(https://www.pandahall.com/buyer/images_new/master/cart_icon.gif) no-repeat scroll 6px center #F60;}
.Pro_List_Box .add:hover{color:#fff;text-decoration:none;}
.Pro_List_Box .Add_two .WistIcon{background:url(https://www.pandahall.com/buyer/images_new/list/list_icon.gif?v=20210106) no-repeat;}
.Pro_List_Box .Add_two .WistIcon{float:right;margin:13px 55px 0 0;background-position:0 -215px;display:inline-block;width:16px;height:15px;cursor:pointer;text-indent:-2000px;}
.Pro_List_Box .Add_two .WistIcon:hover,.Pro_List_Box .Add_two .ViewMyWishList{background-position:right -215px;}

/*包装归并*/
.packing-way{margin-top: -2px;}
.packing-way .SizeSelect{width: 100px;}
.packing-way .SizeSelect span{width: 90px;}
.packing-way .SizeSelectBox{width: 110px;}
.packing-way .SizeSelectBox a{width: 100px;}

.colorSelect{margin-top: -2px;}
.colorSelect .SizeSelect{width: 150px;}
.colorSelect .SizeSelect span{width: 140px;}
.colorSelect .SizeSelectBox{width: 160px;}
.colorSelect .SizeSelectBox a{width: 150px;}

.SchNot_Found{font-weight: bold; color: #333; font-size:24px;padding: 20px 0 33px 90px;background: url(https://www.pandahall.com/buyer/images/master/Warning-icon.png) no-repeat 10px 20px;}
.SchNot_Found span{color: #df8402; word-wrap: break-word;}
.SchNot_Found a {color:#90bfb6;}

.GridPro .GridInf .PriceBox p { float: left;}
.GridPro .GridInf .PriceBox .discount { background: #cc0000 none repeat scroll 0 0; border-radius: 2px; color: #fff; font-size: 12px; height: 18px; margin-left: 5px; padding: 0; position: static; text-shadow: none; width: 48px;}

/*  Options */
.OptionsBox{ line-height: 24px; margin: 5px 0;}
.OptionsBox span{ display: inline-block; float: left; color: #666666; margin-right: 5px;}
.OptionsBlock{ cursor: pointer; position: relative; float: left; border: #cccccc solid 1px; padding: 0 15px 0 5px; height: 22px; width: 298px;}
.OptionsBlock:after{content: ""; border-color: #666666 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0; display: inline-block; right: 7px; top: 9px; position: absolute;}
.OptionsSelectBox{ display: none; position: absolute; z-index:1; top: 22px; left: -1px; border: #cccccc solid 1px;  border-top: none; background: #ffffff; width: 318px; padding: 5px 0;}
.OptionsSelectBox a{ display: block; padding: 0 5px;}
.OptionsSelectBox a:hover{ background: #f8f8f8;}
.OptionsBlock:hover .OptionsSelectBox{ display: block;}
.OptionsBlock a{ white-space: nowrap; display: block; text-overflow: ellipsis; overflow: hidden; color: #333333; text-decoration: none;}
.AddtoCart .tag-lower-unit{ text-align: center; margin: 5px 0;}
.ProGrid_Box .tag-lower-unit{ display: none; margin-bottom: 10px;}
.OptionsBlock:hover .OptionsSelectBox, .ProGrid_Box:hover .tag-lower-unit{ display: block;}
.GridLi .OptionsBox .OptionsBlock {width:138px; height:22px;}
.GridLi .OptionsBox .OptionsBlock::after {top:9px;}
.GridLi .OptionsBox .OptionsSelectBox {width:158px;}

.logo-swarovski{ background: url(../images/master/logo-swarovski.gif) no-repeat; float: left; width: 78px; height: 14px; display: inline-block; margin: 2px 0 0 0;}

.PromotionReShow {position: relative;width: 795px;overflow: hidden;margin-bottom: 20px;}
.PromotionReShow ul {position: relative;}
.PromotionReShow ul li {float: left; margin: 0 15px 0 0; width: 147px;}
/*.PromotionReShow ul li:nth-child(5) {margin-right: 0;}*/
.PromotionReShow li a{ display: block;}
.PromotionReShow .ProImg {border: 1px #dedbdb solid;}
.PromotionReShow .ProImg img{ width: 100%; height: auto;}
.PromotionReShow .ProName {line-height: 18px;height:18px;margin-top: 8px;width: 100%;}
.PromotionReShow .ProName a {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.PromotionReShow .ProName a{ color: #000; font-size: 13px;}
.PromotionReShow .ProPrice {margin-top: 5px;font-size: 12px;color: #cc0000;width: 100%;}
.PromotionReShow .ProPrice .Gray {font-size: 12px;color: #848282;}

.PrevArrow {position: absolute;top: 65px;left: 0;z-index: 1;background: url(../images/master/left_1.png) no-repeat;width: 24px;height: 42px;cursor: pointer;}
.NextArrow {position: absolute;top: 65px;right: 0;z-index: 1;background: url(../images/master/right_1.png) no-repeat;width: 24px;height: 42px;cursor: pointer;}
.PrevArrow:hover {background: url(../images/master/left_2.png) no-repeat;}
.NextArrow:hover {background: url(../images/master/right_2.png) no-repeat;}
.PromotionReShow .ProImg{position: relative;}
.PromotionReShow .discount-l{position: absolute; top: 0; left: 0;margin: 0;}


/* 20190402  */
.Featured {width: 100%;margin-bottom: 10px;margin-top: 15px;}
.Featured > p {float: left;width: 113px;text-align: center;font-weight: 700;}
.Featured ul {float: left;width: 650px;}
.Featured ul li {width: 100px;margin-right: 10px;float: left;}
.Featured ul li:nth-child(6n) {margin-right: 0;}
.Featured ul li .ProImg {border: 1px #dedbdb solid;}
.Featured ul li .ProImg img {width: 100%;}
.Featured ul li .ProImg a {display: block;}
.Featured ul li .ProName {width: 100%;text-align: center;line-height: 35px; height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 20190606 */
.banner-secondary{ margin-top: 15px;overflow: hidden;margin-bottom: 20px;}
.banner-secondary a{ float: left; margin-left: 2%; width: 32%; height: auto; background: #eee;}
.banner-secondary a img{ width: 100%; height: auto;}
.banner-secondary a:first-child{ margin-left: 0;}
.banner-smalllot a, .banner-bigsale a {width: 245px; height: 183px; margin-left: 14px;}
.banner-smalllot a img, .banner-bigsale a img{ width: 245px; height: 183px;}

.Ph-Nonentity #dl_ViewedFavoritesHot {padding-top: 0;}
.Ph-Nonentity .containerProduct dd {margin-right: 3px;}

.CustomerReviews li{padding: 0; border: none; margin: 0;}

.Breadcrumbs {line-height: 24px;}
.Breadcrumbs p span{color: #90bfb6;margin-left: 0;padding: 0;}
.Breadcrumbs p a{text-decoration: underline;color: #90bfb6;font-weight: bold;}
.Breadcrumbs p em{font-style: normal;color: #ff6600;}
.upDateSearch {float: right;display: flex;line-height: 24px;color: #ff6600;font-weight: bold;}
.upDateSearch input {height: 24px;border: 1px #aedbd2 solid;background: url(../images/product/icon_update.png) 10px 4px no-repeat #e0eeeb;padding:0 5px 0 25px;width: 90px;border-radius: 3px;margin: 0 10px;cursor: pointer;}

.AddtoCart .list-wish {margin-bottom: 10px;}
.AddtoCart .SimilarItems {float: right;color: #666;cursor: pointer;margin-bottom: 10px;}
.AddtoCart .SimilarItems span {background: url(../images/product/icon_likeness.jpg) 0 0 no-repeat;width: 13px;height: 13px;float: left;margin-right: 3px;}
.AddtoCart .SimilarItems:hover span {background-position: -27px 0;}
.AddtoCart .NotInterested {float: right;color: #666;cursor: pointer;}
.AddtoCart .NotInterested span {background: url(../images/product/icon_likeness.jpg) 0 -28px no-repeat;width: 12px;height: 14px;float: left;margin-right: 3px;}
.AddtoCart .NotInterested:hover span, .AddtoCart .NotInterestedTrue span {background-position: -28px -28px;}
.GridPro .NotInterested {background: url(../images/product/not-interest.png) no-repeat center center rgba(0,0,0,.5);width: 60px;height: 28px;border-radius: 2px;position: absolute;top: 120px;right: 5px;cursor: pointer;display: none;}
.GridPro .NotInterested:hover {background: url(../images/product/not-interest.png) no-repeat center center rgba(102,102,102,1);}
.GridPro .NotInterestedTrue {background: url(../images/product/not-interest.png) no-repeat center center rgba(204,0,0,1) !important;}
.GridPro .GridLi .ProGrid_Box .SimilarItems{ background:url(../images/product/search_similar.png) no-repeat center center rgb(0,0,0,.5); width:60px; height:28px; border-radius:2px; position:absolute; top:128px; right:14px; cursor:pointer; display:none; background-size:18px auto; font-size: 0;}
.GridPro .GridLi .ProGrid_Box .SimilarItems:hover{ background:url(../images/product/search_similar.png) no-repeat center center rgb(102,102,102,1); background-size:18px auto;}
.ProGrid_Box:hover .NotInterested,.GridPro .GridLi .ProGrid_Box:hover .SimilarItems {display: block;}
.shopBtn{background: #ff6600; margin-top: 10px; color:#fff; padding: 5px 8px; display: inline-block;font-size: 18px;}
.shopBtnList{margin-top: 100px;}
.mainTitle{font-weight: bold;line-height: 18px;margin-bottom: 5px;}
.subTitle{line-height: 18px;}

.Content{width: 100% !important;}
.MainContent{ float:right; width: calc(100% - 300px) !important;}
.MainContentBody{ width: 100%; background:#fff; padding:15px; box-sizing: border-box;}
.ListContent li{ padding:14px 0; border-bottom:#e8e8e8 solid 1px;}
.ListContent .BgHui{ box-shadow:1px 1px 2px rgba(0,0,0,.1); border:1px solid #e8e8e8; margin-left:-9px; margin-top:-1px; padding:14px 8px; width: 100%;}
.ListContent li.loading,.GridPro li.loading{ position:relative;}
.ListContent li.loading .loadingImg,.GridPro li.loading .loadingImg{ position:absolute; z-index: 11; left:50%; top:50%; margin-left:-104px;}
.ListContent li .overLI,.GridPro li .overLI{ position:absolute; z-index: 10; width:100%; height:100%; background:#eee; opacity:.5; top:0; left:0;}
.DetailedHotSmall{ background:url(../images/master/icon_product.png) no-repeat scroll 0 -57px; display:block; height:13px; margin-left:71px; position:absolute; width:30px;}
.limitedQty{ background-position:0 -1395px; display:block; float:left; height:12px; width:100px; position:absolute; left:0; top:88px;}
.ListContent .ImgSize150px{ float:left; padding-right:10px; width:200px;}
  .ListContent .ImgSize150px a{position: relative; display: block}
.ListContent .ImgSize150px img{ display:block;}
.ProDetailed{ background:#fff; border:1px solid #ccc; box-shadow:2px 2px 3px #c5c5c5; margin-left:-2px; padding:4px; position:absolute; z-index:10;}
.LeftArrow{ background:url(../images/master/pop-ar.gif) no-repeat scroll 0 0 transparent; height:13px; left:-7px; top:10px; position:absolute; width:7px;}
.DetailedCont .discount{ margin:0 0 0 358px;}
.GridPro .discount{ margin:0; z-index:1;}
.showProRit{ float:left; width:calc(100% - 210px);}
.ListContent li dl{ float:left; width:calc(100% - 195px); margin-top:5px;}
.setList a img{width: 36px; height: 36px;}

.RelatedSearches{ padding:10px; border-bottom:1px solid #d3d3d3; color:#000; width:auto; margin-bottom:10px;}
.RelatedSearches span{ margin-right:5px;}
.RelatedSearches a{ color:#000; white-space:nowrap;}
.RelatedSearches a:hover{ color:#90bfb6;}
.RelatedSearches .keyWrap{ float:left; width:calc(100% - 70px);}
.AskQuestionForm{height:auto; margin-top:10px; padding:10px; width:770px; clear:both;font-size: 15px;}
.RelatedSearches .displayControl{ float:right; width:70px; text-align:right;}
.RelatedSearches .displayControl a{ text-decoration:underline;}

.MainContentBody .GridPro{ margin-top: 15px; margin-right: -15px;width: auto; display: flex; flex-wrap:wrap;}
.GridPro .GridLi{ position:relative; float:left; width: 20%; box-sizing: border-box; padding-right: 15px; margin-bottom: 15px; border-bottom:1px solid #ededed;margin-right:0;min-height:400px}
.GridPro .GridImgA{ position:relative; display:block; margin-bottom:5px; width:auto; height: auto}
.GridPro .GridImgA .ImgSize240px img{ width: 100%; height: auto; border-radius: 8px;}
.ProGrid_Box .Name{ line-height:18px; margin-bottom:6px; position:relative; height: 36px; overflow: hidden;}
.GridPro .GridInf{ color:#999; height:auto; line-height:18px; color:#666; margin-bottom:10px;}
.GridPro .GridInf .Red{ width:auto; font-size:16px; font-weight:700;}
.GridPro .GridInf li{ position:static; display:block; float:none; width:auto; height:auto; margin:0; padding:0;}
.GridPro .GridStepInf{ display:none;}
.GridPro .GridStepInf li{ margin:5px 0 0;}
.GridPro .GridStepInf li span{ display:inline-block; width:40px; margin:0; text-align:right;}
.ProGrid_Box:hover .inItems{ display:block; color:#333; padding-top:3px;}
.ProGrid_Box:hover{ position:absolute; z-index:2; width: calc(100% + 3px); box-sizing: border-box; padding:8px 8px 15px; box-shadow:2px 2px 4px rgba(0,0,0,.1); background:#fff; border:#dfdfdf solid 1px; margin:-9px 0 0 -9px;}
.ProGrid_Hover{ display:none;}
.ProGrid_Box:hover .ProGrid_Hover{ display:block;}
.GridPro .GridInf .PriceBox p{ float:left;}
.GridPro .GridInf .PriceBox .discount{ font-size: 14px; background:#c00 none repeat scroll 0 0; border-radius:2px; color:#fff; height:18px; margin-left:5px; padding:0; position:static; text-shadow:none; width:auto; padding: 0 5px;}
.newgridlist{ display: block;}
.DetailedHot{ background:url(../images/master/icon_product.png) no-repeat 0 -24px; left:0; font-size:0; line-height:0; margin:-1px 0 0 383px; height:16px; position:absolute; width:33px;}
.GoCart{ opacity: 0; background:url(../images_new/product/grid-cart.png) no-repeat center center rgba(255,102,0,.8); width:60px; height:28px; border-radius:2px; position:absolute; top:5px; right:5px;}
.GoCart:hover{ background:url(../images_new/product/grid-cart.png) no-repeat center center #f60;}
.Collect{ display:none; background:url(../images_new/product/grid-collect.png) no-repeat center center rgba(204,0,0,.8); width:60px; height:28px; border-radius:2px; position:absolute; top:43px; right:5px;}
.Collect:hover{ background:url(../images_new/product/grid-collect.png) no-repeat center center #c00;}
.buyNow.buyNowBtn{display:none; width:60px; height:28px; border-radius:2px; position:absolute; top:43px; right:5px;  background:url(../images/master/icon-BuyNow.png) no-repeat center -24px rgba(230,0,0,.8);}
.buyNow.buyNowBtn:hover{ background:url(../images/master/icon-BuyNow.png) no-repeat center -24px #e60000;}
.ProGrid_Box:hover .GoCart,.ProGrid_Box:hover .Collect,.ProGrid_Box:hover .buyNow,.ProGrid_Box:hover .InStockNoticeBtn{display:block; opacity: 1;}
.GridPro .NotInterested{ background:url(../images/product/not-interest.png) no-repeat center center rgba(0,0,0,.5); width:60px; height:28px; border-radius:2px; position:absolute; top:120px; right:5px; cursor:pointer; display:none;}
.GridPro .NotInterested:hover{ background:url(../images/product/not-interest.png) no-repeat center center #666;}
.GridPro .NotInterestedTrue{ background:url(../images/product/not-interest.png) no-repeat center center #c00!important;}

.grid_z,.grid_y,.grid_k{ display: none ; background:url(../images/product/prouctgrid/grid_btn.png) no-repeat; position:absolute;}
.grid_z{ background-position:-50px 0; cursor:pointer; top: 8%; transform: translateY(-50%); left: 0; height:46px; width:20px;}
.grid_y{ background-position:0 0; cursor:pointer; top: 8%; transform: translateY(-50%); right: 0; height:46px; width:20px;}
.grid_k{ background-position:0 -50px; right: 10px; bottom: 10px; color:#fff; height:13px; line-height:13px; text-align:center; width:28px;}
/*.ProGrid_Box:hover .grid_z, .ProGrid_Box:hover .grid_y, .ProGrid_Box:hover .grid_k{ display: block !important;}*/
.PointOut .showAvailabilityTips:hover .PresaleTips{display:block!important;}
.DetailedTextBox .PointOut{width:auto;}
.DetailedTextBox .PointOut span{height:30px; line-height:30px; border:none; padding:0; margin:0;}
.GridPro .PointOut span .PresaleTips div{width:220px;}
.CustomerReviews li{ padding:0; border:none; margin:5px 0; float:left;}
.Ph-detail .DetailedTextBox .CustomerReviews .reviewStar,.CustomerReviews .reviewStar{ background:url(../images/master/icon_star2.png) repeat; width:80px!important; height:14px;}
.Ph-detail .DetailedTextBox .CustomerReviews .reviewStar span,.CustomerReviews .reviewStar span{ background:url(../images/master/icon_star1.png) repeat; display:block; height:14px;}
.AddtoCart .tag-lower-unit{ text-align:right; margin:5px 0;}
.ProGrid_Box .tag-lower-unit{ display:none; margin-bottom:10px;}
.OptionsBlock:hover .OptionsSelectBox,.ProGrid_Box:hover .tag-lower-unit{ display:block;}



.searchHoliday .Breadcrumbs{ padding: 10px 10px 10px 0; margin-bottom: 10px;}
.Not-Found{ background:url(../images/master/warning.png) no-repeat 0px 40px; color:#333; padding: 50px 0 50px 110px; width: max-content; max-width: fit-content; margin: 0 auto;}
.Error-icon{ background:url(https://www.pandahall.com/buyer/images/master/Error-icon.gif) no-repeat 79px 20px;}
.Not-Found dt{color:#333; font-size:24px; font-weight:700; margin-bottom:10px;}
.Not-Found dd{color:#333; margin-bottom:10px;}
.Not-Found dd strong{color:#333; display:block; margin-top:20px;}

#loadingImg{display: none;}
#loadingImg img{margin-left: 46.6%;}
#alsoLikeTwo dl dd:nth-of-type(5n){ margin-right:0;}
.NoMore{ width: 225px; margin: 30px auto; height: 1px; background: #999; position: relative;}
.NoMore span{ color: #999; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: max-content; padding: 0 10px; background: #fff; font-size: 16px; line-height: 22px;}

.HaveBoughtShow{ padding-bottom: 10px;}
.HaveBoughtShow li{ float: left; width: 19.2%; margin: 0 1% 10px 0;}
.HaveBoughtShow h3{ height: 40px; line-height: 40px; font-size: 18px; background: #e0eeeb; padding-left: 10px; color: #000; margin-bottom: 15px;}
.HaveBoughtShow li a{ display: block;}
.HaveBoughtShow li img{ width: 100%; height: auto;}
.HaveBoughtShow li:last-child{ margin-right: 0;}
.HaveBoughtShow li .ProName{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 5px;}
.HaveBoughtShow li .FontRed{font-weight: bold; padding: 0 5px 5px; font-size: 16px; color: #cc0000;}
.HaveBoughtShow li .FontRed .ColorBlack{ font-weight: normal; font-size: 14px; color: #666666; font-weight: normal;}

.AlsoLikeResults{ margin-top: 20px;}

.InspirationVideo{ padding: 15px; background: #e0eeeb; margin-bottom: 20px;}
.InspirationVideo h3{ color: #333333; font-size: 22px; padding-bottom: 10px;}
.InspirationVideo dl{ display: flex; justify-content: left;}
.InspirationVideo dd{ width: calc((100% - 5% - 75px) / 5); margin-right: 1%; position: relative;}
.InspirationVideo dd img{ width: 100%; height: auto;}
.InspirationVideo dd:before{ z-index: 2; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0;}
.InspirationVideo dd:hover:before{ display: block;}
.InspirationVideo dt{ width: 75px; margin-right: 0; padding: 0 10px; box-sizing: border-box; justify-content: center; display: inline-flex; align-items: center; background: #f3f8f7; font-weight:normal; font-size: 14px;}

.Ph_Inspiration .SiderbarSearch{position:relative;height:38px}
.Ph_Inspiration .SiderbarSearch .Search .search_input{ border: #c3c3c3 solid 1px; width:100%; box-sizing: border-box; padding:0 53px 0 10px; background: #FFFFFF; height: 38px;}
.Ph_Inspiration .ContentLeft .DivItems{padding-bottom:5px;border:#e8e8e8 solid 1px;margin-top:15px}
.Ph_Inspiration .ContentLeft .DivItems dt{font-size:16px;padding:0 0 0 10px;height:32px;line-height:32px;font-weight:700;border-bottom:1px solid #e8e8e8;margin-bottom:5px}
.Ph_Inspiration .ContentLeft .DivItems dd{ padding:4px 10px; line-height:24px}
.Ph_Inspiration .ContentLeft .DivItems1 dd{font-weight:700}
.Ph_Inspiration .ContentLeft .DivItems .choose a{color:#90bfb6}
.Ph_Inspiration .ContentLeft a:hover{color:#90bfb6;text-decoration:none}
.Ph_Inspiration .ContentLeft a.on{color:#90bfb6}
.Ph_Inspiration .Con_Right{ float: right; width: calc(100% - 300px);}
.Ph_Inspiration .Con_Right .Bread_crumbs{ float:left; margin-right:20px;}
.Ph_Inspiration .Con_Right .Bread_crumbs .OneTest a{ color: #999;}
.Ph_Inspiration .Con_Right .ResultNumber{ float:left; line-height:30px; margin-left:10px;}
.Ph_Inspiration .LatestWrap{ background: #FFFFFF; width:100%; box-sizing: border-box; overflow:hidden; padding: 15px; margin-bottom:30px;}
.Ph_Inspiration .SoryByWrap{ width:100%; height:50px; background:#f8f8f8;}
.Ph_Inspiration .SoryBy{ float: left; padding: 15px 10px;}
.Ph_Inspiration .SoryBy em, .Ph_Inspiration .SoryBy strong{ display:inline-block;}
.Ph_Inspiration .SoryBy dd{ float:left;}
.Ph_Inspiration .SoryBy{ float:left; overflow:hidden;}
.Ph_Inspiration .SoryBy a{ text-decoration:none; line-height:18px; margin-right:12px; display:block;}
.Ph_Inspiration .SoryBy .down{ background-position:0 0; width:7px; height:8px; margin-left:5px;}
.Ph_Inspiration .SoryBy span{ margin-right:5px; line-height:18px;}
.Ph_Inspiration .SoryBy .current{ color:#90bfb6;}
.Ph_Inspiration .SoryBy a:hover .down, .Ph_Inspiration .SoryBy .current .down{ background-position:-25px 0;}
.Ph_Inspiration .ProjectShow {width: 100%; box-sizing: border-box;}
.Ph_Inspiration .ProjectShow ul{ margin-top: 15px; margin-right: 0;}
.Ph_Inspiration .LatestWrap .ProjectShow li .ProImg {width: 100%; height: auto;}
.LatestWrap .ProjectShow li{ box-sizing: border-box; float: left; width: 19.2%; margin: 0 1% 10px 0; padding: 5px; border: 1px solid #e8e8e8;}
.LatestWrap .ProjectShow li:nth-child(5n){ margin-right: 0;}
.LatestWrap .ProjectShow li img{ width: 100%; height: auto; display: block;}
.LatestWrap .ProjectShow .ProName{ line-height:24px; height:48px; overflow:hidden;}
.ProjectShow .ProName a{ padding:0; display:block}
.Ph-list-1 .discount,.Ph-list-2 .discount {margin: 0; top:0;left:0;}
.HaveBoughtShow li{position: relative}
.videoBtnShow{ position: absolute; z-index: 1; bottom: 50%; left: 50%; margin-left: -18px; margin-bottom: -18px; background: #5ec6b1; display: block; height: 36px; width: 36px; border-radius: 50%;}
.videoBtnShow:before{ margin-left: 1px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-color: transparent transparent transparent #FFFFFF; border-width: 8px 0 8px 14px; border-style: solid;}

.SearchContentLeft::-webkit-scrollbar{ width: 5px;}
.SearchContentLeft::-webkit-scrollbar-track{ border-radius: 3px;}
.SearchContentLeft::-webkit-scrollbar-thumb{background: #dedede; border-radius: 5px;}
.SearchContentLeft{ position: sticky; top:50px; height: calc(100vh - 50px); overflow: hidden scroll; padding-right: 5px;}
.SearchContentLeft > h3, .NewArrivalsTitle{ font-size: 24px; padding: 10px 0 15px;}
#ContentWarp .SearchContentLeft .CategoriesList > dt{ border-bottom: #dcdcdc solid 1px; padding-bottom: 10px; margin-bottom: 5px;}
#ContentWarp .SearchContentLeft .DivRefineby dt{ margin: 10px 0 15px; border-bottom: #dcdcdc solid 1px; padding-bottom:5px; margin-bottom:5px;}
#ContentWarp .SearchContentLeft .List_Box dl{ padding: 0;}
#ContentWarp .SearchContentLeft .List_Box dt{ margin: 0; background:transparent}
#ContentWarp .SearchContentLeft .List_Box dt a, #ContentWarp .SearchContentLeft .List_Box dt a:hover{ background: transparent; padding-left: 0 !important;}
#ContentWarp .SearchContentLeft .List_Box dl dt em, #ContentWarp .SearchContentLeft .Attributes dd > ul > li em{top: 0;background: url(../images_new/master/icon_retract.png) no-repeat;width: 13px;height: 13px;margin-top: 13px;cursor: pointer;position: absolute;right: 0px;}
#ContentWarp .SearchContentLeft .List_Box dl.On dt em, #ContentWarp .SearchContentLeft .Attributes dd > ul > li.On em{ background: url(../images_new/master/icon_develop.png) no-repeat}
#ContentWarp .SearchContentLeft .Attributes dd > ul > li div{ display: none !important;}
#ContentWarp .SearchContentLeft .List_Box dl dd {display: none; padding: 0;}
#ContentWarp .SearchContentLeft .List_Box dl.On dd, #ContentWarp .SearchContentLeft .List_Box_show dl dd {display: block;}
#ContentWarp .SearchContentLeft .List_Box dl.On dd:nth-of-type(n+7), #ContentWarp .SearchContentLeft .List_Box_show dl dd:nth-of-type(n+7) {display: none;}
#ContentWarp .SearchContentLeft .List_Box dl.On dd.showList {display: block !important;}
#ContentWarp .SearchContentLeft .List_Box_show dl dd.ViewMore, #ContentWarp .SearchContentLeft .List_Box_show dl dd.ViewLess, #ContentWarp .SearchContentLeft .List_Box_show dl dd.showList {display: block;}
#ContentWarp .SearchContentLeft .List_Box dl.On dd.ViewMore, #ContentWarp .SearchContentLeft .List_Box dl.On dd.ViewLess, #ContentWarp .SearchContentLeft .Attributes dd > ul > li.On div{ display: block !important;}
#ContentWarp .SearchContentLeft .List_Box{ display: block !important;}
#ContentWarp .SearchContentLeft .List_Box dl.son-category dd {display: block;}
#ContentWarp .SearchContentLeft .List_Box dl.son-category dd.ViewMore {display: none;}
#ContentWarp .SearchContentLeft .Attributes .MarginDt {position: relative;}
#ContentWarp .SearchContentLeft .Attributes dd {display: none;}
#ContentWarp .SearchContentLeft .AttributesOn dd {display: block;}
#ContentWarp .SearchContentLeft .Attributes .MarginDt em{top: 0;background: url(../images_new/master/icon_retract.png) no-repeat;width: 13px;height: 13px;margin-top: 13px;cursor: pointer;position: absolute;right: 0px;}
#ContentWarp .SearchContentLeft .AttributesOn .MarginDt em{ background: url(../images_new/master/icon_develop.png) no-repeat;}
#ContentWarp .NewArrivalsLeft .Attributes dd > ul > li {position: relative;}
#ContentWarp .NewArrivalsLeft .Attributes dd > ul > li em{top: 0;background: url(../images_new/master/icon_retract.png) no-repeat;width: 13px;height: 13px;margin-top: 13px;cursor: pointer;position: absolute;right: 0px;}
#ContentWarp .NewArrivalsLeft .Attributes dd > ul > li.On em{ background: url(../images_new/master/icon_develop.png) no-repeat}
#ContentWarp .NewArrivalsLeft .Attributes dd > ul > li div {display: none;}
#ContentWarp .NewArrivalsLeft .Attributes dd > ul > li.On div {display: block;}
.SearchContentLeft .Attributes dd > ul > li{ position: relative;}
.SearchContentLeft .Attributes dd > ul > li em{ margin-top: 9px;}
.SearchContentLeft .CategoriesList .Less, .SearchContentLeft .CategoriesList .More{ display: none;}
.SearchContentLeft .CategoriesList span.MoreIcon, .SearchContentLeft .CategoriesList span.LessIcon{ border: none;}
.SearchContentLeft .CategoriesList span.MoreIcon:before, .SearchContentLeft .CategoriesList span.MoreIcon:after, .SearchContentLeft .CategoriesList span.LessIcon:after{ position: absolute; display: inline-block; content:""; background:#999999;}
.SearchContentLeft .CategoriesList span.MoreIcon:before{ width: 2px; height: 8px; margin: -8px 0 0 5px;}
.SearchContentLeft .CategoriesList span.MoreIcon:after, .SearchContentLeft .CategoriesList span.LessIcon:after{ margin: -5px 0 0 2px; width: 8px; height: 2px;}
.SearchContentLeft .DivRefineby span.MoreIcon, .SearchContentLeft .DivRefineby span.LessIcon{ border: none;}
.SearchContentLeft .DivRefineby span.MoreIcon:before, .SearchContentLeft .DivRefineby span.MoreIcon:after, .SearchContentLeft .DivRefineby span.LessIcon:after{ position: absolute; display: inline-block; content:""; background:#999999;}
.SearchContentLeft .DivRefineby span.MoreIcon:before{ width: 2px; height: 8px; margin: -8px 0 0 5px;}
.SearchContentLeft .DivRefineby span.MoreIcon:after, .SearchContentLeft .DivRefineby span.LessIcon:after{ margin: -5px 0 0 2px; width: 8px; height: 2px;}
.SearchContentLeft .DivRefineby dd .Fold{ margin: 10px 0 0;}
#ContentWarp .SearchContentLeft > dl{ padding-bottom: 0;}
#ContentWarp .SearchContentLeft dd.HasChildren a{ border: none; background: none !important;}
#ContentWarp .SearchContentLeft .MenuHoverBox{ display: none;}
#ContentWarp .SearchContentLeft dd.MenuHover a{ margin-left: 0 !important;}
#ContentWarp .SearchContentLeft dd.MenuHover a:hover{ color: #90bfb6;}
#RecentlyViewProduct{ margin: 10px 0 10px;}
.PriceFiltrate{ padding: 10px 0;}
#ContentWarp .ContentLeft .PriceFiltrate dt {padding-left: 0;}
.PriceFiltrate label{padding-top: 5px;display: flex;justify-content: flex-start; align-items: center;}
.PriceFiltrate label font{ color: #999999; display: inline-block; padding: 0 5px;}
.PriceFiltrate input{ font-size: 14px; margin-left: 5px; padding: 0 10px; width: 80px; box-sizing: border-box; height: 30px; line-height: 28px; border: #dcdcdc solid 1px;}
.PriceFiltrate .rangeBtnGo {display: inline-block;width: auto; padding: 0 24px;border: 1px solid #bbb;background: #aedbd2;border-radius: 5px;text-align: center;margin-top: 10px;cursor:pointer; height: 30px; line-height: 30px; font-size: 15px;}

.hasInstockNotice .InStockNoticeBtn{top: 5px;}
.hasInstockNotice .addToWishListBtn{top: 43px;}
.hasInstockNotice .NotInterested{top: 81px;}
.hasInstockNotice.SimilarItems{top: 90px !important;}

.AddtoCart p.AslowAs{ color: #333333; display: flex; justify-content: flex-end; float: right; font-weight: bold; margin: 5px 0 0; background: #aedbd2; line-height: 28px; padding: 0 10px; width: max-content; border-radius: 15px;}
.GridPro .GridLi .ProGrid_Box .AslowAs{ margin: 0 auto 10px; background: #aedbd2; line-height: 20px; padding: 6px 20px; max-width: 100%; box-sizing: border-box; width: max-content; border-radius: 15px; font-size: 15px; font-weight: bold; display: none;}
.GridPro .GridLi .ProGrid_Box:hover .AslowAs{ display: block; color: #333333;}
.ListContent .showProRit .tag-lower-unit-icon{ width: auto; display: inline-block; border: #62a53b solid 1px; border-radius: 3px; background: #eff7ec; font-size: 12px; height: 18px; line-height: 16px; box-sizing: border-box; padding: 0 5px;}
.ProGrid_Box:hover .tag-lower-unit {text-align: center;}
.ProGrid_Box:hover .PointOut span:first-child {display: block;margin: 0 auto 10px;float: none;}

.AddtoCart p.NewCustomerPrice {float: right; margin: 5px 0 5px; padding: 3px 10px;}

.DivRefineby li .PlatedColor {line-height: 40px;}
.DivRefineby li .PlatedColor img {margin:5px 5px 5px 0; border: 1px solid #c0c0c0;width: 24px;height: 24px;box-sizing: border-box;border-radius: 50%;padding: 1px;background: #ffffff;}
.DivRefineby li .PlatedColor img.choose{border: 1px solid #93c1b8;}

.ListContent .ImgSize150px .IconRanking, .GridPro .IconRanking {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 30px;
    height: 40px;
    background: url(../images_new/bestseller/icon-ranking.png) no-repeat;
    color: #99351d;
    font-size: 16px;
    position: absolute;
    font-style: normal;
    left: 5px;
    top: 5px;
    background-position: 0 -100px;
    z-index: 2;
}

.ListContent .ImgSize150px .IconRanking span, .GridPro .IconRanking span{
    position: absolute;
    bottom: 5px;
}

.ListContent .ImgSize150px .IconRanking.Top1, .GridPro .IconRanking.Top1 {
    background-position: 0 0;
}

.ListContent .ImgSize150px .IconRanking.Top2,  .GridPro .IconRanking.Top2{
    background-position: 0 -50px;
}

@media (min-width: 768px) and (max-width: 1023px){
    .AddtoCart p.AslowAs{ float: none;}
    .DivRefineby .Color li {width: 33%;}
    #ContentWarp {padding: 10px 0;}
    .DocWarp .MainContent{ width: calc(100% - 222px) !important;}
    #RecentlyViewProduct .view_item dd a{ font-size: 13px;}
    #RecentlyViewProduct .view_item dd .ProPrice{ font-size: 14px;}
    #RecentlyViewProduct .view_item dd .ProPrice span{ font-size: 13px;}
    .Filtrate li{ font-size: 12px;}
    .MainContentBody .batch{ font-size: 13px;}
    .MainContentBody .batch dd a{ padding: 0 7px; margin-right: 5px;}
    .MainContentBody .batch dd.PandaHallSelected span{ top: 1px; right: 10px;}
    .MainContentBody .batch dd:last-child a{ margin-right: 0;}

    .ClassifyInf{ font-size: 13px;}
    .PageBox{  padding-bottom: 0;}
    .PageBox label{ margin: 0 5px 6px 0;}
    .Show{ display: none;}
    .Period{ float: left;}
    .View .SoryBy{ margin-bottom: 5px;}
    .View .SoryBy a{ margin-right: 5px;}
    .ListContent li{ font-size: 13px;}
    .ListContent .ImgSize150px{ width: 100px;}
    .ListContent .ImgSize150px img{ width: 100%; height: auto;}
    .ListContent li dl{ width: 100%;}
    .ListContent li dt{ font-size: 14px; line-height: 18px;}
    .showProRit{ width: calc(100% - 110px);}
    .OptionsBlock{ width: 50%;}
    .OptionsSelectBox{ width: 100%;}
    .AddtoCart{ width: 100%;}
    .AlignRight{ text-align: left; float: left;}
    .AddtoCart .tag-lower-unit{ margin: 0;}
    .AddtoCart .AddCart{ float: left; width: 100%; margin: 10px 0;}
    .AddtoCart .buy-now, .AddtoCart .list-wish, .AddtoCart .SimilarItems, .AddtoCart .NotInterested{ float: left; text-align: left; width: 52%; box-sizing: border-box;}
    .AddtoCart .buy-now, .AddtoCart .list-wish{ padding-left: 15px;}
    .Ph-list-2 .newgridlist{ display: none !important;}
    .MainContentBody .GridPro{ margin-right: 0;}
    .GridPro .GridLi{ font-size: 13px; width: 49%; margin: 0 2% 15px 0; padding-right: 0; border-bottom: none;}
    .GridPro .GridLi:nth-child(2n){ margin-right: 0;}
    .Ph-list-2 .hasScroll .setListWrap{ width: 160px;}
    .Ph-list-2 .ProGrid_Show a{ width: 34px; height: 34px; margin-right: 2px;}
    .ProGrid_Show .setList a img{ width: 34px; height: 34px;}
    .GridPro .GridInf li{ font-size: 13px;}
    .GridPro .GridInf .Red{ font-size: 14px;}
    .GridPro .showMoreBtn{ display:block; float:right; padding:0 5px; border:none; background:0 0; font-size:18px; line-height:15px; color:#000;}
    .GridPro .GridInf .PriceBox .discount{ font-size: 13px;}
    .GridPro .seeSize a{ display:inline-block; line-height:35px; border:1px #e8e8e8 solid; padding:0 5px; margin-top:10px;}

    .Ph-list-2 .List-Wt{ display: none;}
    .Ph-list-2 .ListPackage{ display: none;}
    .Ph-list-2 .OptionsBox{ display: none;}
    .Ph-list-2 .ProGrid_Hover{ display: block;}
    .Ph-list-2 .ProGrid_Box:hover { position:unset; width:100%; border:none; box-shadow:none; padding:0; margin:0}
    .AlsoLike h3/*, .InspirationProjects h3*/{ font-size: 16px; height: 36px; line-height: 36px;}
    .AlsoLike h3{ margin-bottom: 10px;}
    .AlsoLike h3 a, .AlsoLike h3 p.Gray/*, .InspirationProjects h3 a*/{ font-size: 13px;}
    .AlsoLike dd{ width: 32.33%; margin: 0 1.5% 10px 0; font-size: 13px;}
    .AlsoLike .FontRed{ font-size: 14px;}
    .AlsoLike .ColorBlack{ font-size: 13px;}
    .InspirationVideo h3{ font-size: 16px;}
    .InspirationVideo{ padding: 10px;}
    .InspirationVideo dl{ flex-wrap: wrap;}
    .InspirationVideo dd{ width: 32.33%; margin: 0 1% 10px 0;}
    .InspirationVideo dd:nth-child(3n){ margin-right: 0;}
    .InspirationVideo dt{ width: 32.33%;}
    .Ph_Inspiration .LatestWrap{ padding: 10px;}
    .Ph_Inspiration .ContentLeft .DivItems dd{ line-height: 18px;}
    .Ph_Inspiration .Con_Right{ width: calc(100% - 242px);}
    .Ph_Inspiration .Con_Right .Bread_crumbs{ margin: 0 10px 10px;}
    .Ph_Inspiration .Con_Right .ResultNumber{ font-size: 13px;}
    .Ph_Inspiration .SoryByWrap{ font-size: 13px; height: auto;}
    .Ph_Inspiration .SoryBy{ padding: 10px;}
    .LatestWrap .ProjectShow li{ width: 32.33%;}
    .LatestWrap .ProjectShow li:nth-child(5n){ margin-right: 1%;}
    .LatestWrap .ProjectShow li:nth-child(3n){ margin-right: 0;}
    .LatestWrap .ProjectShow .ProName{ font-size: 13px;}

    .AlsoLikeResults{ margin-top: 10px;}
    #alsoLikeTwo dl dd:nth-of-type(5n){ margin-right: 1.5%;}
    #alsoLikeTwo dl dd:nth-of-type(3n){ margin-right: 0;}
    .Not-Found{ background-size: auto; background-position: 0 25px; padding: 30px 0 30px 100px; width: auto;}
    .Not-Found dt{  font-size: 18px;}
    .Not-Found dd strong{ margin-top: 10px;}
    .HaveBoughtShow h3{ font-size: 16px; height: 36px; line-height: 36px; margin-bottom: 10px;}
    .HaveBoughtShow li{ float: left; width: 32.33%; margin-right: 1.5%;}
    .HaveBoughtShow li:nth-child(3){ margin-right: 0;}
    .HaveBoughtShow li:nth-child(4), .HaveBoughtShow li:last-child{ display: none;}
    .HaveBoughtShow li .ProName{ font-size: 13px;}
    .HaveBoughtShow li .FontRed{ font-size: 14px;}
    .HaveBoughtShow li .FontRed .ColorBlack{ font-size: 13px;}

    .InspirationVideo h3{ font-size: 16px;}
    .InspirationVideo{ padding: 10px;}
    .InspirationVideo dl{ flex-wrap: wrap;}
    .InspirationVideo dd{ width: 32.33%; margin: 0 1% 10px 0;}
    .InspirationVideo dd:nth-child(3n){ margin-right: 0;}
    .InspirationVideo dt{ width: 32.33%;}
    .Ph_Inspiration .LatestWrap{ padding: 10px;}
    .Ph_Inspiration .ContentLeft .DivItems dd{ line-height: 18px;}
    .Ph_Inspiration .Con_Right{ width: calc(100% - 222px);}
    .Ph_Inspiration .Con_Right .Bread_crumbs{ margin: 0 10px 10px 0;}
    .Ph_Inspiration .Con_Right .ResultNumber{ font-size: 13px;}
    .Ph_Inspiration .SoryByWrap{ font-size: 13px; height: auto;}
    .Ph_Inspiration .SoryBy{ padding: 10px;}
    .Ph_Inspiration .LatestWrap .ProjectShow li{ width: 32% !important; margin-right: 2% !important;}
    .Ph_Inspiration .LatestWrap .ProjectShow li:nth-child(3n){ margin-right: 0 !important;}
    .Ph_Inspiration .LatestWrap .ProjectShow .ProName{ font-size: 13px;}
    .MainContentBody .batch dt, .MainContentBody .batch dd {font-size: 13px;}
    .PageBox label {margin-bottom: 10px;}
    .ClassifyInf .View .Show {display: none;}
    .ClassifyInf .View .SoryBy {margin-bottom: 10px;}
    .ClassifyInf .View .Period {margin-top: 0;}
    .MainContent .banner-secondary {padding: 0;}
    .AddtoCart p.NewCustomerPrice {float: none;}
}


@media only screen and (max-width: 767px) {
    #ContentWarp {padding: 0;}
    .ProGrid_Box .Name {height: 34px;}
    .user-operation{height:42px; background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size: 12px;}
    .user-operation .Left{float:left;}
    .user-operation .Right{float:right;}
    .user-operation{height:42px; background:#fff;}
    .user-operation p{color:#000; line-height:2.625rem;}
    .user-operation .RelatedCategories{padding-left:10px; overflow:hidden; height:42px; background:#fff;}
    .user-operation .RelatedCategories i{float:right; width:40px; height:42px; background:url(../images/res-imgs/icon_sign.png) -140px -50px no-repeat; transform:scale(.6);}
    .user-operation .clickable{color:#90bfb6;}
    .user-operation .clickable i{background-position:-140px -115px!important;}
    .user-operation .clickable{z-index:1000; position:relative;}
    .user-operation .refine-filter{overflow:hidden; padding-right:10px;}
    .user-operation .refine-filter i{background:url(../images/res-imgs/lists_fillter.gif) no-repeat 8px 8px; background-size:25px auto; float:left; width:34px; height:42px;}
    .user-operation .view-switching{margin:10px 0 0; border-right:#dcdcdc solid 1px;}
    .user-operation .view-switching i{background:url(../images/res-imgs/lists_icon.png) no-repeat scroll 6px -25px transparent; display:block; background-size:30px auto; height:21px; width:35px;}
    .user-operation .view-switching i.grid{background-position:6px -676px;}

    .SortSelect{float:left; line-height:42px; }
    .SortSelect .SortByTitle{float:left;}
    .SortSelect .BrandSelect{font-size:12px !important}
    .SelectWrap{position:absolute; top:30px; left:-1px; border:1px #e8e8e8 solid; background:#fff; z-index:10; width:180px; padding:0 10px; box-sizing:border-box; display:none;}
    .list-down{background:url(../images/res-imgs/list-down.png) no-repeat; display:block; width:10px; height:5px; background-size:100%; float:right; margin-top:13px;}
    .SortSelect .BrandSelect:hover .SelectWrap{display:block;}
    .ListContent li{ font-size: 13px;}
    .ListContent .BgHui{ border-width: 0 0 1px; margin: 0; padding: 10px; box-shadow: none; box-sizing: border-box;}
    .ListContent .ImgSize150px{width:30%; margin-right:2%; padding-right:0; position:relative;}
    .ListContent .ImgSize150px img{width:100%; height:auto;}
    .showProRit{width:68%; position:relative;}
    .discount{margin:0; top:0; left:0;}
    .ListContent li dl{width:75% !important; margin:0;}
    .ListContent li dl dt{ font-size: 14px; line-height: 18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
    .AddtoCart{width:100%; text-align:left!important;}
    .QtyInf li{text-align:left; line-height: 18px;}
    .ListContent > li{padding:10px;min-height: 200px}
    .ListContent>li.list-ads {min-height: auto;}
    .Ph-list-1 .list-ads .shopNow .AddCart {display: inline-block; position: initial; -webkit-transform:initial;-webkit-transition:initial;}
    .Ph-list-1 .list-ads .shopNow .AddCart .shopBtnList{margin: 0;}
    .ListContent .LeadTime{width:100%;}
    .ListContent .FreeIcon{display:none;}
    .AddtoCart .AddCart, .AddtoCart .buy-now, .AddtoCart .list-wish, .AddtoCart .SimilarItems, .AddtoCart .NotInterested{ display: none;}
    .SizeColor{width:70%; line-height:1.25rem; text-align:center; font-size:.75rem; float:left; border:1px #e6e6e6 solid; margin-top:10px;}
    .AddCart_x{ position:absolute; top: 0; right:0;}
    .AddCart_x input{ border-radius: 3px; background:url(../images/res-imgs/icon_sign.png) -86px -179px no-repeat #f60; width:52px; height:32px; background-size:140px auto;}
    .AddCart_x a{ background:url(../images/res-imgs/icon_sign_2.png?v=20250311) 14px -530px no-repeat; width:52px; height:36px; display:block; background-size:35px auto;}
    .AddCart_x a.ViewMyWishList{ text-indent:-9999px; background:url(../images/res-imgs/icon_sign_3.png?v=20211018) 14px -530px no-repeat; background-size:35px auto;}
    .AddCart_x a.buyNowBtn{ background:url(../images/master/icon_sign_2.png) 17px -567px no-repeat; background-size:35px auto} .AddCart_x .SimilarItems, .AddCart_x .NotInterested{ float:none; background:url(../images/product/icon_likeness_wap.png) 10px 4px no-repeat !important;}
    .AddCart_x .SimilarItems{ background-position:14px 5px !important; background-size:30px auto !important;}
    .AddCart_x .NotInterested{ background-position:14px -32px !important; background-size:30px auto !important;}
    .AddCart_x .NotInterestedTrue{ background-position:14px -104px; background-size:30px auto;}
    .seeSize a{ display:inline-block; line-height:35px; border:1px #e8e8e8 solid; padding:0 2px; margin-top:5px;}
    .OptionsBlock{ width:130px;}
    .OptionsSelectBox{ width:100%!important;}
    .FreeIcon a.list-cus-show{ margin:10px 0 0;}
    .AddtoCart .tag-lower-unit{ text-align:left;}
    .ListContent li:last-child{ border-bottom:none;}
    .Description{ display:none; position:absolute;}
    .RelatedSearches{ border-bottom:none!important; margin-bottom:0!important;}
    .RelatedSearches a{ text-decoration:underline;}
    .OptionsBox{ display:none;}

    .refine-wrapper-mask{display:none; width:40px; position:absolute; top:0; left:0; background:rgba(51,51,51,.3); z-index:100; overflow:hidden;}
    .refine-wrapper-mask .i-mask-round{ position:absolute; width:76px; height:76px; overflow:hidden; top:42%; right:-38px; background:url(../images/res-imgs/master_icon-750.png) no-repeat -132px -38px #414141; border-radius:75px;}
    .refine-wrapper-mask .i-mask-round:hover{ background:url(../images/res-imgs/master_icon-750.png) no-repeat -132px 27px #666;}
    .refine-title span{ width:24px; height:48px; position:absolute; background:url(../images/res-imgs/master_icon-750.png) -70px -702px no-repeat; right:10px; top:0; transform:scale(.75);}
    .refine-title .Arrow{ background:url(../images/res-imgs/icon_sign.png) -140px -185px no-repeat; left:10px;}
    .refine-wrapper{ display:none; position:absolute; width:90%; z-index:100; top:0; background:#eee;}
    .refine-title{ background:#fff; text-align:center; font-size:1rem; line-height:3rem; position:relative; height:48px; border-bottom:#dcdcdc solid 1px; margin-bottom:10px;}
    .refine-wrapper .PageBox{ padding:10px 10px 4px;background:#fff; font-size: 13px;}
    .refine-wrapper .PageBox label{ margin:0 6px 6px 0;}
    .refine-wrapper .PageBox ul{ display:none;}
    .color_title{ position:relative; margin-bottom:10px; background:#fff; height:48px; border-top:#e0e0e0 solid 1px; border-bottom:#e0e0e0 solid 1px;}
    .color_title span{ padding:9px 0 9px 10px;}
    .refine-main{ overflow:auto; border-top:#e0e0e0 solid 1px; background:#fff;}
    .refine-field,.category-list-wrapper{ background:#fff; margin-bottom:10px;}
    .category-list-wrapper{ margin-bottom:0;}
    .refine-field .r-item,.category-list-wrapper .category-title,.category-list-wrapper .child{ border-bottom:#e0e0e0 solid 1px; overflow:hidden; position:relative; height:30px; padding:9px 0;}
    .refine-field .r-category{ font-weight:700; color:#90bfb6;}
    .refine-field .r-category,.refine-field .r-batch{ border-top:none; border-bottom:#e0e0e0 solid 1px;}
    .refine-field .r-batch{ font-size:13px; font-weight:700;}
    .category-title span{ padding-left:10px;}
    .category-list-wrapper .category-title,.color_title{ display:table; width:100%; border-top:none; border-bottom:#e0e0e0 solid 1px;}
    .category-list-wrapper .category-title{ border-top:#e0e0e0 solid 1px;}
    .category-list-wrapper .show-more{ height:48px;}
    .category-list-wrapper .show-more span{ height:100%; line-height:3rem;}
    #category-wrapper .category-list span{ padding-left:15px; font-size:.875rem;}
    .category-list-wrapper span,.color_title span{ display:table-cell; vertical-align:middle;}
    .r-item span,.category-list-wrapper span,.color_title span{ display:-webkit-box; -webkit-box-align:center; height:30px; line-height:.9375rem; overflow:hidden;}
    .refine-field .properties,.category-list-wrapper .category-list{ margin:0 10px;}
    .category-list-wrapper{ margin-bottom:67px;}
    .r-item .r-key,.r-item .r-key-onoff{ float:left; padding-left:10px;}
    .r-item .r-value,.r-item .onoff{ float:right; padding-right:13px;}
    .r-category .r-value,.r-batch .r-value{ padding-right:28px;}
    .r-item .r-key{ width:calc(100% - 20px);}
    .r-item .r-value{ max-width:44%;}
    .r-item .r-key-onoff{ width:65%;}
    .r-item .Arrow{ background:url(../images/res-imgs/master_icon-750.png) 0 -755px no-repeat; height:48px; width:10px; position:absolute; top:0; right:0; transform:scale(.7);}
    .refine-field .r-category:hover i{ background-position:-70px -755px;}
    .r-category .Arrow,.r-batch .Arrow{ right:10px;}
    .r-item .r-key,.r-item .r-value{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.875rem; display:inline;}
    .refine-field .show-more,.refine-field .show-less{ height:48px; line-height:3rem;}
    .show-more span{ background-size:35px auto; width:125px; margin:0 auto; display:block;}
    .show-more span i{ background:url(../images/res-imgs/icon_sign.png) -140px -65px no-repeat; width:22px; height:12px; transform:scale(.6); float:left; margin-top:17px; margin-right:5px;}
    .show-more .More{ background-position:0 20px;}
    .show-more .Less{ background-position:0 -389px;}
    .refine-field .r-item .onoff{ position:relative; width:60px; height:28px; overflow:visible; padding-top:2px;}
    .onoff label{ display:block; position:absolute; left:0; right:0; width:60px; height:25px; border-radius:20px; background:#ccc;}
    .onoff .small-round{ position:absolute; top:0; left:-5px; display:inline-block; width:28px; height:28px; border-radius:28px; box-shadow:2px 2px 2px rgba(0,0,0,.3); background:#fafafa;}
    .onoff.active label{ background:#90bfb6;}
    .onoff.active .small-round{ left:35px;}

    .Ph-list-2 .GridPro{ padding: 0 10px; margin-top: 10px;width: 100%;}
    .Ph-list-2 .GridPro>li{ font-size: 12px; width: 49%; margin: 0 2% 10px 0; border-bottom: none; min-height: auto;}
    .Ph-list-2 .GridPro>li:nth-of-type(5n){ margin-right: 2%;}
    .Ph-list-2 .GridPro>li:nth-of-type(2n){ margin-right: 0;}
    .GridPro .GridInf .Red{ font-size: 16px;}
    .GridPro .ProGrid_Box .grid_z, .GridPro .ProGrid_Box .grid_y, .GridPro .ProGrid_Box .grid_k, .ProGrid_Box .NotInterested {display: none !important;}
    .GridPro .showMoreIcon .GoCart,.GridPro .showMoreIcon .buyNowBtn,.GridPro .showMoreIcon .Collect,.GridPro .showMoreIcon .NotInterested{ display:block!important; opacity: 1;}
    .GridPro .showMoreBtn{ display:block; float:right; padding:0 5px; border:none; background:0 0; font-size:18px; line-height:15px; color:#000;}

    .AlsoLike h3/*, .InspirationProjects h3*/{ font-size: 16px; height: 40px; line-height: 40px; margin-bottom: 10px;}
    .AlsoLike h3{ margin-bottom: 10px;}
    .AlsoLike h3 a, .AlsoLike h3 p.Gray/*, .InspirationProjects h3 a*/{ font-size: 13px;}
    .AlsoLike{ width: 100%;}
    .AlsoLike dd{ width: 49%; margin: 0 2% 10px 0; font-size: 13px;}
    .AlsoLike .FontRed{ font-size: 14px;}
    .AlsoLike .ColorBlack{ font-size: 13px;}
    .AlsoLike .AlsoProName{ font-size: 13px;}
    .AlsoLike h3 span.Line16{ display: inline-block; line-height: 16px; padding: 4px 0; box-sizing: border-box;}
    .Ph_Inspiration .Con_Right{ width: 100%;}
    .Con_Right .Bread_crumbs{ padding: 10px 10px 0;}
    .Ph_Inspiration .Con_Right .ResultNumber{ font-size: 13px; line-height:21px;}
    .Ph_Inspiration .Caption{width:100%; padding:10px; box-sizing:border-box; display:block; font-size:1.125rem;}
    .Ph_Inspiration .LatestWrap{ border: none; padding: 0; width: 100%;}
    .Ph_Inspiration .SoryByWrap{background:#fff; border-bottom:1px #e6e4e4 solid; box-sizing:border-box; height:44px;}
    .Ph_Inspiration .SoryBy{ padding: 0 0 0 10px; line-height: 42px;}
    .Ph_Inspiration .BestMatch{width:130px; border:1px #e8e8e8 solid; position:relative; margin:5px 0 0 5px; box-sizing:border-box; padding:0 10px;}
    .Ph_Inspiration .BestMatch a{line-height:30px; margin-right:0;}
    .Ph_Inspiration .SoryBy dd>span{line-height:42px;}
    .Ph_Inspiration .SelectWrap{width:130px!important; margin:0!important;}
    .Ph_Inspiration .BestMatch:hover .SelectWrap{display:block;}
    .Ph_Inspiration .ProjectShow ul{ padding: 0 10px;}
    .LatestWrap .ProjectShow li{border: none; padding: 0; width: 49%; margin: 0 2% 10px 0;}
    .LatestWrap .ProjectShow li:nth-child(5n){ margin-right: 2%;}
    .LatestWrap .ProjectShow li:nth-child(2n){ margin-right: 0;}
    .LatestWrap .ProjectShow .ProName{ font-size: 13px;}

    .searchHoliday .Breadcrumbs{ font-size: 13px; padding-left: 10px;}
    .Ph-Nonentity .Not-Found{ border-bottom: 1px #e0e0e0 solid;margin-bottom: 20px;}
    .AlsoLikeResults{ margin-top: 10px;}
    #alsoLikeTwo dl dd:nth-of-type(5n){ margin-right: 2%;}
    #alsoLikeTwo dl dd:nth-of-type(2n){ margin-right: 0;}
    .Not-Found{ width: 100%; background-size: 10%; background-position: 10px 10px; padding: 20px 0 20px 70px;}
    .Not-Found dt{  font-size: 16px;}
    .Not-Found dd strong{ margin-top: 10px;}
    #dl_ViewedFavoritesHot .swiper-container, .alsoLikeMain dl.alsoLikeContent{ margin: 0 10px;}

    .HaveBoughtShow h3{ font-size: 16px; height: 36px; line-height: 36px; margin-bottom: 10px;}
    .HaveBoughtShow ul{ padding: 0 10px;}
    .HaveBoughtShow li{ float: left; width: 49%; margin-right: 2%;}
    .HaveBoughtShow li:last-child{ display: none;}
    .HaveBoughtShow li:nth-child(2n){ margin-right: 0;}
    .HaveBoughtShow li .ProName{ font-size: 13px;}
    .HaveBoughtShow li .FontRed{ font-size: 14px;}
    .HaveBoughtShow li .FontRed .ColorBlack{ font-size: 12px;}

    .AddtoCart p.AslowAs{ float: none;}
    .GridPro .GridLi .ProGrid_Box .AslowAs{ display: block; font-size: 12px; padding: 6px 10px; margin: 5px 0 10px;}
    .ProGrid_Box:hover .PointOut span:first-child {float: left; margin: 10px 0 5px;}
    .ProGrid_Box:hover .GridStepArea{display: block;}
    .ProGrid_Box:hover .GridStepInf{display: none;}
    .AddtoCart p.NewCustomerPrice {float: none;}
}
@media only screen and (max-width: 380px) {
    .AlsoLike h3/*, .InspirationProjects h3*/{ font-size: 15px;}
    .HaveBoughtShow h3{ font-size: 15px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .DocWarp .MainContent{ width: calc(100% - 242px) !important;}
    .MainContentBody > .SmallLot{ margin-bottom: 10px; font-size: 14px; }
    .SmartBox h3, .MainContentBody > .SmallLot h3{ font-size: 38px;}
    .SmartBox p, .MainContentBody > .SmallLot p{ width: 100%; line-height:18px; margin-top: 10px;}
    #RecentlyViewProduct .view_item dd a{ font-size: 13px;}
    #RecentlyViewProduct .view_item dd .ProPrice{ font-size: 15px;}
    #RecentlyViewProduct .view_item dd .ProPrice span{ font-size: 13px;}
    .Filtrate li{ font-size: 13px;}
    .MainContentBody .batch{ font-size: 14px;}
    .MainContentBody .batch dd a{ padding: 0 20px;}
    .ClassifyInf{ font-size: 13px;}
    .PageBox label {margin-bottom: 10px;}
    .Show{ display: none;}
    .View .SoryBy a{ margin-right: 5px;}
    .ListContent li{ font-size: 13px;}
    .ListContent li dl{ width: calc(100% - 175px);}
    .ListContent li dt{ font-size: 14px; line-height: 18px;}
    .ListContent .ImgSize150px img{ width: 100%; height: auto;}
    .AddtoCart{ width: 165px;}
    .OptionsBlock{ width: 50%;}
    .OptionsSelectBox{ width: 100%;}

    .GridPro .GridLi{ font-size: 13px; width: 33.33%; margin-right: 0;}
    .Ph-list-2 .hasScroll .setListWrap{ width: 160px;}
    .GridPro .GridInf li{ font-size: 13px;}
    .GridPro .GridInf .Red{ font-size: 15px;}
    .GridPro .GridInf .PriceBox .discount{ font-size: 13px;}
    .AlsoLike dd{ width: 32.33%; margin: 0 1.5% 10px 0;}
    .InspirationVideo h3{ font-size: 17px;}
    .InspirationVideo{ padding: 10px;}
    .InspirationVideo dl{ flex-wrap: wrap;}
    .InspirationVideo dd{ width: 19.2%; margin-right: 1%;}
    .InspirationVideo dd:nth-child(5){ margin-right: 0;}
    .InspirationVideo dt{ width: 100%; padding: 10px 0;}
    .Ph_Inspiration .LatestWrap{ padding: 10px;}
    .Ph_Inspiration .ContentLeft .DivItems dd{ line-height: 21px;}
    .Ph_Inspiration .Con_Right{ width: calc(100% - 242px);}
    .Ph_Inspiration .Con_Right .Bread_crumbs{ margin: 0 15px 10px;}
    .Ph_Inspiration .Con_Right .ResultNumber{ font-size: 13px;}
    .Ph_Inspiration .SoryByWrap{ font-size: 13px; height: auto;}
    .Ph_Inspiration .SoryBy{ padding: 10px;}
    .LatestWrap .ProjectShow li{ width: 32.33%;}
    .LatestWrap .ProjectShow li:nth-child(5n){ margin-right: 1%;}
    .LatestWrap .ProjectShow li:nth-child(3n){ margin-right: 0;}
    .AlsoLike h3/*, .InspirationProjects h3*/{ font-size: 17px;}


    .AlsoLikeResults{ margin-top: 15px;}
    #alsoLikeTwo dl dd:nth-of-type(5n){ margin-right: 1.5%;}
    #alsoLikeTwo dl dd:nth-of-type(3n){ margin-right: 0;}
    .Not-Found{ background-size: auto; background-position: 0 30px; padding: 40px 0 40px 100px; width: auto;}
    .Not-Found dt{ font-size: 21px;}
    .Not-Found dd strong{ margin-top: 15px;}
    .HaveBoughtShow h3{ font-size: 17px;}
    .HaveBoughtShow li{ float: left; width: 32.33%;}
    .HaveBoughtShow li:nth-child(3){ margin-right: 0;}
    .HaveBoughtShow li:nth-child(4), .HaveBoughtShow li:last-child{ display: none;}
    .HaveBoughtShow li .FontRed{ font-size: 15px;}
    .HaveBoughtShow li .FontRed .ColorBlack{ font-size: 13px;}
    .DivRefineby .Color li {width: 33%;}
}

@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    .DocWarp .MainContent{ width: calc(100% - 270px) !important;}
    .SmartBox h3, .MainContentBody > .SmallLot h3{ font-size: 42px;}
    .SmartBox p, .MainContentBody > .SmallLot p{ line-height:21px; margin-top: 10px; width: 100%;}
    .GridPro .GridLi{width: 25%; margin-right:0}
    .ProGrid_Show a{ margin-right: 2px; width: 31px; height: 31px;}
    .ProGrid_Show .setList a img{ width: 31px; height: 31px;}
    .Ph-list-2 .hasScroll .setListWrap{ width: 185px;}
    .AlsoLike dd{ width: 24.25%; margin: 0 1% 10px 0;}
    .InspirationProjects ul{ margin: 10px 0 15px;}
    .InspirationProjects li{ width: 19.2%;}
    .InspirationProjects li:nth-child(5){ margin-right: 0;}
    .InspirationProjects li:last-child{ display: none;}
    .InspirationVideo{ padding: 10px;}
    .InspirationVideo h3{ font-size: 18px;}
    .Ph_Inspiration .ContentLeft .DivItems dd{ line-height: 21px;}
    .Ph_Inspiration .LatestWrap{ padding: 10px;}
    .Ph_Inspiration .Con_Right{ float: right; width: calc(100% - 266px);}
    .LatestWrap .ProjectShow li{ width: 24.25%;}
    .LatestWrap .ProjectShow li:nth-child(5n){ margin-right: 1%;}
    .LatestWrap .ProjectShow li:nth-child(4n){ margin-right: 0;}
    .AlsoLike h3/*, .InspirationProjects h3*/{ font-size: 17px;}

    #alsoLikeTwo dl dd:nth-of-type(5n){ margin-right: 1%;}
    #alsoLikeTwo dl dd:nth-of-type(4n){ margin-right: 0;}
    .HaveBoughtShow h3{ font-size: 17px;}
    .HaveBoughtShow li{ float: left; width: 24.25%;}
    .HaveBoughtShow li:nth-child(4){ margin-right: 0;}
    .HaveBoughtShow li:last-child{ display: none;}
    .DivRefineby .Color li a img,.DivRefineby .Color li a span {padding-left: 4px;}
}
@media only screen and (min-width: 1536px) and (max-width: 1799px) {
    .SmartBox h3, .MainContentBody > .SmallLot h3{ font-size: 46px;}
    .Ph-list-2 .hasScroll .setListWrap{ width:164px;}
    .InspirationVideo h3{ font-size: 20px;}
}
@media only screen and (min-width: 1800px) {
    #ContentWarp{ padding: 15px 0 60px;}
    .Content{ width: 1800px !important;  margin: 0 auto;  padding: 0;font-size: 14px}
    .AlsoLike dl dd{ width: 282px; margin: 0 15px 15px 0;}
    .InspirationVideo dd{ width: 334px; margin-right: 14px;}
    .InspirationVideo dt{ width: 75px;}
    .LatestWrap .ProjectShow li{width: 282px; margin: 0 14px 15px 0;}
    .GridPro .GridLi{ width: 294px; margin-right: 0;}
    .ProGrid_Box:hover{ width: 297px;}

    .HaveBoughtShow li{ width: 288px; margin: 0 15px 15px 0;}

    .header_Categories .DivCategories{font-size: 14px;}
    .banner-secondary a {width: 490px; height: 300px; margin-left: 15px;}
    .DivRefineby li .PlatedColor img {width: 28px; height: 28px;}
}

/* 列表list模式 */
.CardUIListBox .BgHui{box-shadow: 0 0 6px rgba(102, 102, 102, 0.34);border-radius: 8px;}
.CardUIListBox .ImgSize150px img{border-radius: 8px;}
.CardUIListBox li .SimilarItems{display: none;width: 36px;height: 36px;background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -307px;position: absolute;left: 4px;bottom: 4px;cursor: pointer; z-index: 1;top: auto;font-size: 0;margin-bottom: 0;float: none;}
.CardUIListBox li .SimilarItems:hover {background-position: 0 -358px;}
.CardUIListBox li:hover .SimilarItems{display: block;}
.CardUIListBox li .videoBtnShow {bottom: 4px; left: 4px; margin: 0;}
.CardUIListBox li:hover .videoBtnShow{display: none;}
.CardUIListBox li .Collect {background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -152px;width: 32px;height: 28px;right: 8px;top: 8px;position: absolute;z-index: 1;display: none;}
.CardUIListBox li .Collect:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -194px;}
.CardUIListBox li .Collect.ViewMyWishList{background-position: 0 -236px;}
.CardUIListBox li:hover .Collect{display: block;}
.CardUIListBox li .CustomerReviews .reviewStar {display: block;background: url(../images_new/master/icon_star2.png) repeat; margin-bottom: 0;}
.CardUIListBox li .CustomerReviews span {width: 16px;height: 14px;background: url(../images_new/master/icon_star1.png) repeat;display: inline-block;}
.CardUIListBox .showProRit{padding-right: 10px;box-sizing: border-box;}
.CardUIListBox .showProRit .tag-lower-unit-icon{background: #f8f8f8;border: 1px solid #e4e4e4;color: #ff8a00;border-radius: 0;}
.CardUIListBox li dd{margin-top: 10px;}
.CardUIListBox .showProRit .tag-lower-us-stock{color: #223697;}
.CardUIListBox .showProRit .PreferredBrands{color: #5cb89f;}
.CardUIListBox .showProRit .PreferredBrands:hover{text-decoration: none;}
.CardUIListBox .FreeIcon .Preciosa{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -489px;}
.CardUIListBox .setList a.onsame{border: 1px solid #e8e8e8;padding: 1px;}
.CardUIListBox .ProList_Show{margin: 8px 0 3px;}
.CardUIListBox .SizeBlock{position: relative;}
.CardUIListBox .ListPackage .SizeSelect{line-height: 20px;border: none;height: auto;width: 100%;box-sizing: border-box;}
.CardUIListBox .ListPackage .SizeSelect span{width: calc(100% - 6px);}
.CardUIListBox .ListPackage .SizeSelect .SelectArrow{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -464px;border-color: transparent;width: 6px;height: 10px;border-style: none;margin: 0;border-width: inherit;float: none;transform: rotate(90deg);}
.CardUIListBox .ListPackage .SizeBlock,.OptionsBlock{width: 120px;box-sizing: border-box;border-radius: 3px;border: 1px solid #dfdfdf;}
.CardUIListBox .SizeBlock:hover .SizeBlock{border-bottom: 1px solid #dfdfdf;}
.CardUIListBox .SizeSelectBox{width: 100%;margin: 4px 0 0;border: 1px solid #dfdfdf;border-radius: 3px;padding: 0;}
.CardUIListBox .SizeSelectBox a{width: 100%;box-sizing: border-box;line-height: 27px;}
.CardUIListBox .OptionsBlock:after{content: "";display: block; background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -464px;border-color: transparent;width: 6px;height: 10px;border-style: none;border-width: inherit;float: none;top: 6px;transform: rotate(90deg);}
.CardUIListBox .OptionsBlock a{line-height: 20px;}
.CardUIListBox .OptionsSelectBox{width: 100%;border: 1px solid #dfdfdf;border-radius: 3px;top: 24px;padding: 0;}
.CardUIListBox .OptionsSelectBox a{line-height: 27px;}
.CardUIListBox .ListPackage .SizeBlock:hover, .CardUIListBox .OptionsBlock:hover{border: 1px solid #90bfb6;}
.CardUIListBox .ListPackage .SizeBlock:hover .SelectArrow,.CardUIListBox .OptionsBlock:hover::after{background-position: -26px -464px;}
.CardUIListBox li dl{width: calc(100% - 209px);}
.CardUIListBox li dd{margin-top: 8px;}
.CardUIListBox li dd.OptionsBox{margin-top: 4px;}
.CardUIListBox .OptionsBox,.CardUIListBox .ListPackage{line-height: 22px;}
.CardUIListBox li dd.Package{height: 22px;}
.CardUIListBox .AddtoCart{width: 204px;}
.CardUIListBox .AddtoCart p{margin-top: 6px;}
.CardUIListBox .AddtoCart .PriceEver{text-align: right;font-size: 15px;font-weight: bold;margin-top: 5px;}
.CardUIListBox .AlignRight{margin-top: 6px;}
.CardUIListBox .QtyInf li{font-size: 15px;}
.CardUIListBox .QtyInf li .Red{font-size: 17px;}
.CardUIListBox .AddtoCart .CountdownDiscount{background-color: #cc0000;border-radius: 3px;width: max-content;padding: 0 10px;height: 20px;text-align: center;line-height: 20px;font-size: 14px;color: #fff; font-weight: bold; margin-right: 0;margin-left: auto;}
.CardUIListBox .AddtoCart .CountdownDiscount span{color: #fff000;font-weight: normal;}
.CardUIListBox .AddtoCart .ListPackageSize {text-align: right; font-size: 13px; color: #666;}
.CardUIListBox .AddtoCart p.AslowAs{background-color: transparent;border-radius: 0;font-size: 15px;font-weight: bold;padding: 0;line-height: normal;margin: 6px 0 0 auto;float: none; width: auto; text-align: right;}
.CardUIListBox .AddtoCart .AddCart{margin: 8px 0 0 auto;}
.CardUIListBox .AddtoCart .add{background: url(../images_new/master/icon-home-ru.png) no-repeat 4px -444px;width: 77px;height: 30px;line-height: normal;padding-left: 0;font-size: 0;border-radius: 0;position: relative;background-size: 77px;}
.CardUIListBox .AddtoCart .add span{width: 16px;height: 16px;display: block;background-color: #ff6600;font-size: 10px;color: #ffffff;border-radius: 50%;text-align: center;line-height: 16px;position: absolute;top: -9px;right: -5px;font-weight: bold;font-style: normal;}
.CardUIListBox .AddtoCart .add:hover{background-size: 77px;background-position: 0 -527px;}
.CardUIListBox .AddtoCart .Input{height: 28px;box-sizing: border-box;width: 75px;border-radius: 3px;margin-right: 3px;border: 1px solid #cfcfcf;font-size: 15px;font-weight: bold;margin-top: 1px;}
.CardUIListBox .AddtoCart .RemindHurry{font-size: 14px;color: #cc0000;text-align: right;}
.CardUIListBox .AddtoCart .Collect {display: none !important;}
.CardUIListBox li .FreeIconBox {margin-top: 0;}
.CardUIListBox li .showProRit dt {margin-bottom: 8px;}
.CardUIListBox li .BlankConnection {width: 100%;display: block;height: 4px;position: absolute;}
@media screen and (max-width:767px){
    .CardUIListBox li dl{width: 100% !important;}
    .CardUIListBox li dd{margin-top: 5px;}
    .CardUIListBox li dd.MinOrder,.CardUIListBox li dd.FreeIconBox{display: none;}
    .CardUIListBox li:hover .SimilarItems{display: none;}
    .CardUIListBox .AddtoCart .PriceEver{text-align: left;font-size: 12px;margin-top: 0;}
    .CardUIListBox .AlignRight,.CardUIListBox .AddtoCart .Package,.CardUIListBox .AddtoCart p.AslowAs,.AddtoCart p{margin-top: 5px;}
    .CardUIListBox li .CustomerReviews .reviewStar{background-size: contain;height: 12px;width: 68px !important;}
    .CardUIListBox li .CustomerReviews span{background-size: contain;height: 12px;}
    .CardUIListBox .QtyInf li{font-size: 14px;}
    .CardUIListBox .QtyInf li .Red{font-size: 16px;}
    .CardUIListBox .AddtoCart .CountdownDiscount{margin-left: 0;font-size: 12px;;}
    .CardUIListBox .AddtoCart .ListPackageSize{text-align: left;font-size: 12px;}
    .CardUIListBox .AddtoCart p.AslowAs{font-size: 13px;margin: 6px 0 0; display: block; text-align: left;}
    .CardUIListBox .AddCart_x{bottom: auto;top: 44px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .CardUIListBox .AddCart_x .AddToCartBtn{width: 30px; height: 30px; background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -32px; cursor: pointer; opacity: 1; position: relative; top: 0; right: 0; background-size: 66px;margin-bottom: 10px;}
    .CardUIListBox .AddCart_x .AddToCartBtn span {width: 16px;height: 16px;display: block;background-color: #ff6600;font-size: 10px;color: #ffffff;border-radius: 50%;text-align: center;line-height: 16px;position: absolute;top: -5px;right: -5px;font-weight: bold;font-style: normal;}
    .CardUIListBox .AddCart_x a{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -116px !important;background-size: 69px !important; width: 24px; height: 22px;}
    .CardUIListBox .AddCart_x a.ViewMyWishList{background-position: 0 -180px !important;}
    .CardUIListBox .AddtoCart .RemindHurry{font-size: 12px;text-align: left;}
    .CardUIListBox .seeSize a{font-size: 12px;line-height: 24px;margin-top: 0;}
    .CardUIListBox .ImgSize150px .Collect {display: none !important;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .CardUIListBox li dl{width: 100%;}
    .CardUIListBox .AddtoCart{width: 100%;}
    .CardUIListBox .AlignRight{text-align: left; float: none;}
    .CardUIListBox .showProRit{position: relative; min-height: 115px;}
    .CardUIListBox li:hover .SimilarItems{display: none;}
    .CardUIListBox .OptionsBlock{width: 87px;}
    .CardUIListBox .AddtoCart .PriceEver{text-align: left;font-size: 13px;}
    .CardUIListBox .QtyInf li{font-size: 15px;}
    .CardUIListBox .QtyInf li .Red{font-size: 17px;}
    .CardUIListBox .AddtoCart .CountdownDiscount{margin-left: 0;font-size: 13px;}
    .CardUIListBox .AddtoCart .ListPackageSize{text-align: left;}
    .CardUIListBox .AddtoCart .RemindHurry{text-align: left;font-size: 13px;}
    .CardUIListBox .AddtoCart p.AslowAs{font-size: 14px;margin: 6px 0 0; display: block; text-align: left;}
    .CardUIListBox li dd.Package,.CardUIListBox li dd.OptionsBox,.CardUIListBox li dd.MinOrder{display: none;}
    .CardUIListBox .AddtoCart .AddCart{display: none;}
    .CardUIListBox .AddCart_x { bottom: auto; top: 49px;right: 0; display: flex ; flex-direction: column; justify-content: center; align-items: center;position: absolute; }
    .CardUIListBox .AddCart_x .AddToCartBtn { width: 34px; height: 34px; background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -38px; cursor: pointer; opacity: 1; position: relative; top: 0; right: 0; background-size: 78px; margin-bottom: 10px; }
    .CardUIListBox .AddCart_x .AddToCartBtn span {width: 16px;height: 16px;display: block;background-color: #ff6600;font-size: 10px;color: #ffffff;border-radius: 50%;text-align: center;line-height: 16px;position: absolute;top: -5px;right: -5px;font-weight: bold;font-style: normal;}
    .CardUIListBox .AddCart_x a { background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -116px; background-size: 69px; width: 24px; height: 22px;display: block; }
    .CardUIListBox .AddCart_x a.ViewMyWishList { background-position: 0 -180px; font-size: 0;}
    .CardUIListBox .seeSize a { font-size: 12px; line-height: 24px; border: 1px #e8e8e8 solid;display: inline-block;padding: 0 2px;margin-top: 5px; }
    .CardUIListBox .ImgSize150px .Collect {display: none !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    .CardUIListBox .AddtoCart .PriceEver{font-size: 14px;}
    .CardUIListBox .QtyInf li{font-size: 14px;}
    .CardUIListBox .QtyInf li .Red{font-size: 16px;}
    .CardUIListBox .AddtoCart .CountdownDiscount{font-size: 13px;}
    .CardUIListBox .AddtoCart p.AslowAs{font-size: 14px;}
    .CardUIListBox .AddtoCart .add{background-size: 68px;background-position: 3px -392px;width: 68px;height: 27px;}
    .CardUIListBox .AddtoCart .add:hover{background-size: 68px;background-position: 0 -465px;}
    .CardUIListBox .AddtoCart .Input{width: 66px;height: 25px;font-size: 12px;}
    .CardUIListBox .FreeIcon a{margin-bottom: 3px;}
}
@media screen and (min-width:1800px) {
    .CardUIListBox .AddtoCart .PriceEver{font-size: 15px;}
    .CardUIListBox .QtyInf li{font-size: 15px;}
    .CardUIListBox .QtyInf li .Red{font-size: 17px;}
    .CardUIListBox .AddtoCart .CountdownDiscount{font-size: 14px;height: 22px;line-height: 22px;}
    .CardUIListBox .AddtoCart p.AslowAs{font-size: 15px;}
    .CardUIListBox .AddtoCart .Input{font-size: 16px;}
    .CardUIListBox .AddtoCart .RemindHurry{font-size: 14px;}
}

/* 列表grid模式 */
.MainContentBody .CardUIGridBox{margin-right: 0;}
.CardUIGridBox .GridLi{padding-right: 0;border-bottom: none;padding-bottom: 0;width: 24.25%;margin: 0 1% 1% 0; min-height: auto;}
.CardUIGridBox .GridLi:nth-of-type(4n){margin-right: 0;}
.CardUIGridBox .ProGrid_Box{padding: 16px 16px 0;height: 100%; box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;border: 1px solid #e8e8e8;border-radius: 8px;}
.CardUIGridBox .ProGrid_Box:hover{min-height: 100%; height: auto; padding: 16px 16px 5px;margin: 0;top: -10px;width: 100%;z-index: 10;position: absolute;}
.CardUIGridBox .GridImgA{border: none;margin-bottom: 0;}
.CardUIGridBox .ProGrid_Box:hover .GridImgA{border: none;}
.CardUIGridBox .ProGrid_Box .swiper{width: 100%;}
.CardUIGridBox .ProGrid_Box .NewArrivalsImg{overflow: hidden;position: relative;}
.CardUIGridBox .ProGrid_Box .swiper-wrapper{display: flex;}
.CardUIGridBox .ProGrid_Box .NewArrivalsImg a img{border-radius: 8px;width: 100%;height: auto;}
.CardUIGridBox .GridLi .ProGrid_Box .SimilarItems{width: 36px; height: 36px; background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -307px; position: absolute; left: 3px; bottom: 3px; cursor: pointer;z-index: 1;top: auto; display: none; }
.CardUIGridBox .GridLi .ProGrid_Box .SimilarItems:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -358px;}
.CardUIGridBox .GridLi .ProGrid_Box:hover .SimilarItems{display: block; }
.CardUIGridBox .GridLi .ProGrid_Box .videoBtnShow {bottom: 3px; left: 3px; margin: 0;}
.CardUIGridBox .GridLi .ProGrid_Box:hover .videoBtnShow{display: none;}
.CardUIGridBox .ProGrid_Box .Collect{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -152px; width: 30px; height: 27px; right: 8px; top: 8px; position: absolute; display: none; z-index: 1;}
.CardUIGridBox .ProGrid_Box .Collect:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -194px;}
.CardUIGridBox .ProGrid_Box .Collect.ViewMyWishList{background-position: 0 -236px;}
.CardUIGridBox .ProGrid_Box:hover .NewArrivalsImg .Collect{display: block !important;}
.CardUIGridBox .ProGrid_Box .swiper-pagination-bullet{border-radius: 0;}
.CardUIGridBox .ProGrid_Box .swiper-pagination span{width: 4px; height: 3px; background-color: #cfcfcf;}
.CardUIGridBox .ProGrid_Box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 50%; width: max-content; transform: translateX(-50%); z-index: 1;}
.CardUIGridBox .ProGrid_Box .swiper-pagination span.swiper-pagination-bullet{opacity: 1;}
.CardUIGridBox .ProGrid_Box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.CardUIGridBox .ProGrid_Box .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 15px;}
.CardUIGridBox .ProGrid_Box .swiper-button-prev, .CardUIGridBox .ProGrid_Box .swiper-button-next{background-image: none; width: 21px; height: 44px; background-color: #959595; border-radius: 0 50px 50px 0; left: 0; right: auto; display: none; z-index: 9;}
.CardUIGridBox .ProGrid_Box .swiper-button-prev::before, .CardUIGridBox .ProGrid_Box .swiper-button-next::before{content: ""; display: block; width: 11px; height: 12px; background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -98px; position: absolute; top: 50%; transform: translateY(-50%); left: 2px; right: auto;}
.CardUIGridBox .ProGrid_Box .swiper-button-next::before{background-position: 0 -125px; right: 2px; left: auto;}
.CardUIGridBox .ProGrid_Box .swiper-button-next{border-radius: 50px 0 0 50px; right: 0; left: auto;}
.CardUIGridBox .swiper-button-disabled{ opacity: 0.4; pointer-events: initial;}
.CardUIGridBox .ProGrid_Box:hover .swiper-button-prev, .CardUIGridBox .ProGrid_Box:hover .swiper-button-next{display: block;}
.CardUIGridBox .ProGrid_Box .Name a .Hot{margin-right: 5px;}
.CardUIGridBox .ProGrid_Box .Name{line-height: normal;height: auto;margin: 5px 0;overflow: hidden;font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;}
.CardUIGridBox .ProGrid_Box:hover .Name{line-height: normal;margin-bottom: 5px;}
.CardUIGridBox .FreeIcon a{margin-bottom: 5px;}
.CardUIGridBox .FreeIcon .PreferredBrands{background: #f8f8f8;border: 1px solid #e4e4e4;color: #5cb89f;width: auto;padding: 0 5px;height: 18px;line-height: 16px;font-size: 12px;box-sizing: border-box;}
.CardUIGridBox .FreeIcon .PreferredBrands:hover{text-decoration: none;}
.CardUIGridBox .ProGrid_Box:hover .CustomerReviews{margin-top: 0;}
.CardUIGridBox .ProGrid_Box .CustomerReviews{width: 100%; margin: 0 0 5px;}
.CardUIGridBox .ProGrid_Box .CustomerReviews .reviewStar{display: block; background: url(../images_new/master/icon_star2.png) repeat-x; margin-bottom: 0;}
.CardUIGridBox .ProGrid_Box .CustomerReviews span{width: 16px; height: 14px; background: url(../images_new/master/icon_star1.png) repeat; display: inline-block;}
.CardUIGridBox .ProGrid_Box .PriceEver{font-size: 13px;margin: 0 0 3px;}
.CardUIGridBox .ProGrid_Box .FontRed{font-size: 15px; padding: 0; height: auto; line-height: normal;color: #cc0000;overflow: hidden;font-weight: bold;}
.CardUIGridBox .ProGrid_Box .FontRed .ColorBlack{font-size: 13px;font-weight: normal;color: #666666;}
.CardUIGridBox .ProGrid_Box .FontRed .ColorBlack em{font-style: normal; text-decoration: line-through; color: #c2c2c2;}
.CardUIGridBox .ProGrid_Box .PriceCart{display: flex;justify-content: space-between;margin-top: 5px;flex-wrap: wrap;}
.CardUIGridBox .ProGrid_Box .PriceCart .PricePackage{width: calc(100% - 47px);}
.CardUIGridBox .ProGrid_Box .PriceCart .PricePackage font{margin: 0 0 5px;display: block;}
.CardUIGridBox .ProGrid_Box .PricePackage .PackageSize{font-size: 11px;color: #999999;}
.CardUIGridBox .ProGrid_Box .GoCart{width: 40px; height: 40px; background: url(../images_new/master/icon-home-ru.png) no-repeat 2px -43px; margin: 0 0 0 5px; cursor: pointer; opacity: 1; position: relative; top: 0; right: 0; background-size: 89px;}
.CardUIGridBox .ProGrid_Box .GoCart span{position: absolute; right: -5px; top: -5px; width: 18px; height: 18px; background-color: #ff6600; border-radius: 50%; color: #ffffff; font-size: 11px; text-align: center; line-height: 18px;}
.CardUIGridBox .ProGrid_Box .GoCart:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -404px; background-size: 89px;}
.CardUIGridBox .PriceCart .CountdownDiscount{background-color: #cc0000; border-radius: 3px; width: max-content; padding: 0 10px; height: 20px; text-align: center; line-height: 20px; font-size: 13px; color: #fff; font-weight: bold;}
.CardUIGridBox .PriceCart .CountdownDiscount span{color: #fff000; font-weight: normal;}
.CardUIGridBox .GridLi .ProGrid_Box .AslowAs{background-color: transparent; border-radius: 0; font-size: 13px; font-weight: bold; padding: 0; line-height: normal; margin: 0;display: block;}
.CardUIGridBox .ProGrid_Box .AslowAsRemindHurry{display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;height: 40px; margin-top: 5px;}
.CardUIGridBox .ProGrid_Box:hover .AslowAsRemindHurry{height: auto;padding-top: 5px; min-height: 35px; box-sizing: border-box;}
.CardUIGridBox .ProGrid_Box .AslowAsRemindHurry::before{content: "";border-top: 1px solid #e8e8e8;display: block;position: absolute;width: calc(100% + 32px);top: 0;}
.CardUIGridBox .ProGrid_Box .RemindHurry{font-size: 13px; color: #cc0000;}
.CardUIGridBox .ProGrid_Hover{font-size: 13px;}
.CardUIGridBox .FreeIcon{display: none;}
.CardUIGridBox .FreeIcon .Preciosa{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -489px;}
.CardUIGridBox .ProGrid_Box .FreeIcon{margin-top: 5px;}
.CardUIGridBox .ProGrid_Box:hover .FreeIcon{display: block;}
.CardUIGridBox .SizeBlock{position: relative; }
.CardUIGridBox .ListPackage{float: none;margin: 0 0 3px;}
.CardUIGridBox .ListPackage .SizeSelect, .CardUIGridBox .GridLi .OptionsBox .OptionsBlock{width: 85px; box-sizing: border-box; border-radius: 3px; border: 1px solid #dfdfdf;line-height: 18px;height: 20px;}
.CardUIGridBox .OptionsBox{margin: 0 0 3px;}
.CardUIGridBox .List-Wt{margin-bottom: 3px;}
.CardUIGridBox .ListPackage .SizeSelect span{width: calc(100% - 6px);}
.CardUIGridBox .ListPackage,.OptionsBox{line-height: 20px;}
.CardUIGridBox .ListPackage .SizeSelect .SelectArrow{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -464px; border-color: transparent; width: 6px; height: 10px; border-style: none; margin: 0; border-width: inherit; float: none; transform: rotate(90deg);}
.CardUIGridBox .GridLi .OptionsBox .OptionsBlock:after{content: ""; display: block; background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -464px; border-color: transparent; width: 6px; height: 10px; border-style: none; border-width: inherit; float: none; top: 6px; transform: rotate(90deg);}
.CardUIGridBox .ListPackage .SizeBlock:hover .SizeSelect, .CardUIGridBox .GridLi .OptionsBox .OptionsBlock:hover{border: 1px solid #90bfb6;}
.CardUIGridBox .ListPackage .SizeBlock:hover .SelectArrow, .CardUIGridBox .GridLi .OptionsBox .OptionsBlock:hover:after{background-position: -26px -464px;}
.CardUIGridBox .BlankConnection{width: 100%; display: block; height: 4px; position: absolute; left: 0;}
.CardUIGridBox .SizeSelectBox{width: 100%; box-sizing: border-box; margin: 4px 0 0; border: 1px solid #dfdfdf; border-radius: 3px; padding: 0;}
.CardUIGridBox .SizeSelectBox a{width: 100%; box-sizing: border-box; line-height: 27px; }
.CardUIGridBox .SizeSelectBox a:hover{background: #f8f8f8; }
.CardUIGridBox .GridLi .OptionsBox .OptionsSelectBox{width: 100%; border: 1px solid #dfdfdf; border-radius: 3px; padding: 0;}
.CardUIGridBox .GridLi .OptionsBox .OptionsSelectBox a{line-height: 27px; }
.CardUIGridBox .ProGrid_Box .tag-lower-unit{background-color: #f8f8f8;border: 1px solid #e4e4e4;border-radius: 3px;padding: 2px;box-sizing: border-box;line-height: 16px;color: #333333; margin: 5px auto 3px;flex-wrap: wrap;width:fit-content;text-align: center;justify-content: center;align-items: center;font-size: 11px;}
.CardUIGridBox .ProGrid_Box .tag-lower-unit a{color: #ff8a00;font-weight: bold;}
.CardUIGridBox .ProGrid_Box .tag-lower-unit-us a{color: #223697;}
.CardUIGridBox .ProGrid_Box:hover .tag-lower-unit{display: flex;}
.CardUIGridBox .ProGrid_Box:hover .PriceCartBtn .Collect {display: none;}
.CardUIGridBox .ProGrid_Show {margin: 5px 0 0;}
@media screen and (max-width:767px) {
    .CardUIGridBox .ProGrid_Box:hover{padding: 8px; position: unset; border-radius: 8px;}
    .CardUIGridBox .ProGrid_Box:hover .Name{margin-bottom: 5px;}
    .CardUIGridBox .ProGrid_Box .CustomerReviews .reviewStar{background-size: contain; height: 12px; width: 68px !important;}
    .CardUIGridBox .ProGrid_Box .CustomerReviews span{background-size: contain; height: 12px;}
    .CardUIGridBox .ProGrid_Box .PriceCart .PricePackage{width: 100%;}
    .CardUIGridBox .PriceCart .CountdownDiscount{padding: 0 5px;font-size: 12px;}
    .CardUIGridBox .GridLi .ProGrid_Box .AslowAs{margin: 8px 0 0;font-size: 12px;}
    .CardUIGridBox .ProGrid_Box .RemindHurry{font-size: 12px;}
    .CardUIGridBox .ProGrid_Box .PriceCartBtn .Collect{background-size: 60px;background-position: 0 -101px;width: 20px;height: 19px;display: block !important; position: inherit;}
    .CardUIGridBox .ProGrid_Box .Collect:hover{background-size: 60px;background-position: 0 -101px;}
    .CardUIGridBox .ProGrid_Box .Collect.ViewMyWishList {background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -157px !important; background-size: 60px !important;}
    .CardUIGridBox .ProGrid_Box .GoCart,.CardUIGridBox .ProGrid_Box .GoCart:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -341px;background-size: 59px;width: 56px;height: 22px;margin-left: 0; display: block !important;}
    .CardUIGridBox .ProGrid_Box .GoCart span{width: 15px;height: 15px;line-height: 15px;font-size: 9px;right: -3px;top: -8px;}
    .CardUIGridBox .PriceCartBtn {display: flex; width: 100%; justify-content: space-between; margin-bottom: 5px;}
    .CardUIGridBox .ProGrid_Box .NewArrivalsImg .Collect, .CardUIGridBox .ProGrid_Box:hover .NewArrivalsImg .Collect {display: none !important;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .CardUIGridBox .ProGrid_Box:hover { position: unset; width: 100%; border: none; box-shadow: none; padding: 8px; margin: 0; }
    .CardUIGridBox .ProGrid_Box .PriceCart .PricePackage { width: 100%; }
    .CardUIGridBox .ProGrid_Box .tag-lower-unit { display: none !important; }
    .CardUIGridBox .seeSize a {padding: 0 2px;border: 1px #e8e8e8 solid;display: inline-block; }
    .CardUIGridBox .PriceCart .CountdownDiscount{height: 20px;line-height: 20px;}
    .CardUIGridBox .GridLi .ProGrid_Box .AslowAs{margin-top: 8px;}
    .CardUIGridBox .SimilarItems{bottom: 3px !important;left: 3px !important;top: auto !important;display: none !important;}
    .CardUIGridBox .ProGrid_Box .PriceCart .PricePackage .PackageSize{margin-bottom: 0;}
}
@media screen and (min-width:768px) and (max-width:1279px) {
    .CardUIGridBox li .NewArrivalsImg{padding: 0;}
    .CardUIGridBox li .FontRed{font-size: 15px;}
    .CardUIGridBox li .FontRed .ColorBlack{font-size: 13px;}
    .CardUIGridBox li .PriceEver{font-size: 13px;}
    .CardUIGridBox li .ImgNameNwA a{font-size: 13px;}
    .CardUIGridBox li .PriceCart .PricePackage{width: 100%;}
    .CardUIGridBox li .PriceCartBtn .Collect{background-size: 69px;background-position: 0 -116px;width: 24px;height: 22px;display: block !important;position: inherit;}
    .CardUIGridBox li .PriceCartBtn .Collect:hover{background-size: 69px;background-position: 0 -148px;}
    .CardUIGridBox li .PriceCartBtn .Collect.ViewMyWishList {background-size: 69px !important; background-position: 0 -180px !important;}
    .CardUIGridBox li:hover .SimilarItems{display: none;}
    .CardUIGridBox .PriceCartBtn {display: flex; width: 100%; justify-content: space-between; margin: 5px 0;}
    .CardUIGridBox .GridLi .ProGrid_Box .NewArrivalsImg .SimilarItems {display: none !important;}
    .CardUIGridBox .GridLi .ProGrid_Box .NewArrivalsImg .Collect {display: none !important;}
    .CardUIGridBox .ProGrid_Box .GoCart,.CardUIGridBox .ProGrid_Box .GoCart:hover {background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -393px;background-size: 68px;width: 65px;height: 25px;margin-left: 0; display: block !important;}
}
@media screen and (max-width:1023px){
    .CardUIGridBox li.GridLi{border-radius: 8px;border: 1px solid #e8e8e8;}
    .CardUIGridBox .ProGrid_Box{border: none;border-radius: 8px;min-height: auto;padding: 8px;height: 100%;box-sizing: border-box;}
    .CardUIGridBox .ProGrid_Box .swiper-button-prev, .CardUIGridBox .ProGrid_Box .swiper-button-next{display: block;}
    .CardUIGridBox .ProGrid_Box .AslowAsRemindHurry{height: auto; min-height: 19px; box-sizing: border-box;}
    .CardUIGridBox .ProGrid_Box:hover .AslowAsRemindHurry { padding-top: 0; min-height: 19px; box-sizing: border-box;}
    .CardUIGridBox .ProGrid_Box:hover .SimilarItems, .CardUIGridBox .ProGrid_Box:hover .FreeIcon{display: none;}
    .CardUIGridBox .seeSize{margin: 0 auto;width: 100%;}
    .CardUIGridBox .seeSize a{width: 100%;box-sizing: border-box;line-height: 24px;margin: 5px auto 0;text-align: center;}
    .CardUIGridBox .ProGrid_Box .AslowAsRemindHurry::before{width: calc(100% + 16px);}
    .CardUIGridBox .ProGrid_Box .GoCart span{width: 15px;height: 15px;line-height: 15px;font-size: 10px;}
}
@media screen and (max-width: 1023px) and (min-width: 992px) {
    .CardUIGridBox .GridLi{width: 32%;margin: 0 2% 2% 0;}
    .CardUIGridBox .GridLi:nth-of-type(4n){margin-right: 2%;}
    .CardUIGridBox .GridLi:nth-of-type(3n){margin-right: 0;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .CardUIGridBox .GridLi{width: 32%;margin: 0 2% 2% 0;}
    .CardUIGridBox .GridLi:nth-of-type(4n){margin-right: 2%;}
    .CardUIGridBox .GridLi:nth-of-type(3n){margin-right: 0;}
}
@media screen and (max-width:1499px) and (min-width:1024px) {
    .CardUIGridBox .hasScroll .setListWrap{width: calc(100% - 52px);}
}
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    .CardUIGridBox .hasScroll .setListWrap{width: calc(100% - 52px); }
}
@media screen and (min-width: 1500px) and (max-width: 1799px) {
    .CardUIGridBox .GridLi{width: 19%; margin: 0 1.25% 1.25% 0; }
    .CardUIGridBox .GridLi:nth-of-type(4n){margin-right: 1.25%;}
    .CardUIGridBox .GridLi:nth-of-type(5n){margin-right: 0;}
    .CardUIGridBox .hasScroll .setListWrap{width: calc(100% - 52px); }
    .CardUIGridBox .ProGrid_Box .GoCart{width: 38px; height: 38px; background-size: 85px; background-position: 2px -41px; }
    .CardUIGridBox .ProGrid_Box .GoCart:hover{background-size: 86px; background-position: 0 -391px; }
    .CardUIGridBox .ProGrid_Box .tag-lower-unit{width:100%}
    .CardUIGridBox .ProGrid_Box .Collect{background-size: 70px;background-position: 0 -117px;width: 24px;height: 23px;}
    .CardUIGridBox .ProGrid_Box .Collect:hover{background-size: 70px;background-position: 0 -150px;}
    .CardUIGridBox .ProGrid_Box .Collect.ViewMyWishList{background-position: 0 -183px;}
    .CardUIGridBox .GridLi .ProGrid_Box .SimilarItems{background-size: 70px;background-position: 0 -237px;width: 30px;height: 30px;}
    .CardUIGridBox .GridLi .ProGrid_Box .SimilarItems:hover{background-size: 70px;background-position: 0 -277px;}
    .CardUIGridBox .ProGrid_Box .swiper-button-prev, .CardUIGridBox .ProGrid_Box .swiper-button-next{width: 18px;height: 40px;}
}
@media screen and (min-width:1800px) {
    .CardUIGridBox .GridLi{width: 280px;margin: 0 17px 20px 0;}
    .CardUIGridBox .GridLi:nth-of-type(4n){margin-right: 17px;}
    .CardUIGridBox .GridLi:nth-of-type(5n){margin-right: 0;}
    .CardUIGridBox .ListPackage .SizeSelect, .CardUIGridBox .GridLi .OptionsBox .OptionsBlock{width: 100px;}
    .CardUIGridBox .ProGrid_Box:hover{width: 280px;}
    .CardUIGridBox .ProGrid_Box .Name{font-size: 14px;}
    .CardUIGridBox .ProGrid_Hover{font-size: 14px;}
    .CardUIGridBox .ProGrid_Box .PriceEver{font-size: 14px;}
    .CardUIGridBox .ProGrid_Box .FontRed{font-size: 16px;}
    .CardUIGridBox .ProGrid_Box .FontRed .ColorBlack{font-size: 14px;}
    .CardUIGridBox .PriceCart .CountdownDiscount{font-size: 14px;height: 21px;line-height: 21px;}
    .CardUIGridBox .ProGrid_Box .PricePackage .PackageSize{font-size: 12px;}
    .CardUIGridBox .GridLi .ProGrid_Box .AslowAs{font-size: 14px;}
    .CardUIGridBox .ProGrid_Box .RemindHurry{font-size: 14px;}
    .CardUIGridBox .ProGrid_Box .tag-lower-unit{font-size: 14px;padding: 5px;}
}

/* 列表推荐模块 */
.CardUIBox {display: flex; flex-wrap: wrap;}
.CardUIBox li{position: relative; border-radius: 8px;border: 1px solid #e8e8e8;padding: 16px 13px;width: 24.25% !important;margin: 0 1% 1% 0 !important;box-sizing: border-box;}
.CardUIBox li img{width: 100%;height: auto;}
.CardUIBox li .ImgNameNwA{position: relative;}
.CardUIBox li .ImgNameNwA a{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;height: auto;line-height: normal;margin: 5px 0;padding: 0;font-size: 14px;}
.CardUIBox li .ImgNameNwA a .Hot{margin-right: 5px;}
.CardUIBox li .NewArrivalsImg{padding: 0 5px;box-sizing: border-box;overflow: hidden;position: relative;}
.CardUIBox li .NewArrivalsImg a img{border-radius: 8px;}
.CardUIBox li .NewArrivalsImg a span{position: relative;}
.CardUIBox li .SimilarItems {width: 36px;height: 36px;background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -307px;position: absolute;left: 8px;bottom: 3px;cursor: pointer;z-index: 1;top: auto;display: none;}
.CardUIBox li .SimilarItems:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -358px;}
.CardUIBox li:hover .SimilarItems{display: block;}
.CardUIBox li .PriceCart{display: flex;justify-content: space-between;margin-top: 5px;flex-wrap: wrap;}
.CardUIBox li .PriceCart .PricePackage{width: calc(100% - 47px);}
.CardUIBox li .PriceCart .PricePackage font{margin: 0 0 5px;display: block;}
.CardUIBox li .PricePackage .PackageSize{font-size: 12px;color: #999999;}
.CardUIBox li .GoCart{width: 40px;height: 40px; display: block; background: url(../images_new/master/icon-home-ru.png) no-repeat 2px -43px;margin: 0 0 0 5px;cursor: pointer;opacity: 1;position: relative;top: 0;right: 0;background-size: 89px;}
.CardUIBox li .GoCart:hover {background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -404px;background-size: 89px;}
.CardUIBox li .GoCart span{position: absolute;right: -5px;top: -5px;width: 18px;height: 18px;background-color: #ff6600;border-radius: 50%;color: #ffffff;font-size: 11px;text-align: center;line-height: 18px;}
.CardUIBox li .FontRed{font-size: 16px;padding: 0;height: auto;line-height: normal; font-weight: bold;}
.CardUIBox li .FontRed .ColorBlack{font-size: 14px; font-weight: normal;}
.CardUIBox li .FontRed .ColorBlack em{font-style: normal;text-decoration: line-through;color: #666;}
.CardUIBox li .discount{ color: #FFFFFF; font-size: 17px; display: block; text-align: center; line-height: 16px; padding: 3px 0 0 0; box-sizing: border-box; background: url(../images/home/discount_icon.png) no-repeat; width: 44px; height: 44px; position: absolute; top: 0; left: 10px; margin: 0; z-index: 1;}
.CardUIBox li .discount font{ font-size: 12px; display: block;}
.CardUIBox li .PriceEver{font-size: 14px;}
.CardUIBox li .CustomerReviews {width: 100%;margin: 5px 0;}
.CardUIBox li .CustomerReviews .reviewStar{display: block;background: url(../images_new/master/icon_star2.png) repeat-x;margin-bottom: 0;}
.CardUIBox li .CustomerReviews span{width: 16px;height: 14px;background: url(../images_new/master/icon_star1.png) repeat;display: block;}
.CardUIBox li .Collect{ background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -152px;width: 30px;height: 27px;right: 13px;top: 8px;position: absolute;display: none;z-index: 1;}
.CardUIBox li:hover{box-shadow: 0 0 8px #d7d7d7;}
.CardUIBox li:hover .NewArrivalsImg .Collect{display: block;}
.CardUIBox li .Collect:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -194px;}
.CardUIBox li .Collect.ViewMyWishList{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -236px !important;}
.CardUIBox li .PriceCartBtn .Collect {display: none;}
.CardUIBox li:nth-of-type(4n){margin-right: 0 !important;}
.CardUIBox li:hover{position: relative; top: -10px;}

@media screen and (max-width:767px) {
    .CardUIBox li .NewArrivalsImg{padding: 0;}
    .CardUIBox li .PriceCart .PricePackage{width: 100%;}
    .CardUIBox li{width: 49% !important;margin: 0 2% 2% 0 !important;}
    .CardUIBox li:nth-of-type(2n){margin-right: 0 !important;}
    .CardUIBox li:hover .SimilarItems{display: none;}
    .CardUIBox li .CustomerReviews .reviewStar{background-size: contain; height: 12px;width: 68px !important;}
    .CardUIBox li .CustomerReviews span{background-size: contain; height: 12px;}
    .CardUIBox li .FontRed{font-size: 14px;}
    .CardUIBox li .FontRed .ColorBlack{font-size: 12px;}
    .CardUIBox li .PriceEver{font-size: 12px;}
    .CardUIBox li .PriceCart .PricePackage .PackageSize{margin-bottom: 3px;}
    .CardUIBox li .ImgNameNwA a{font-size: 12px;white-space: normal;-webkit-line-clamp: 1;}
    .CardUIBox li .PriceCartBtn .Collect{background-size: 60px;background-position: 0 -101px;width: 20px;height: 19px;display: block; position: inherit;}
    .CardUIBox li .Collect:hover{background-size: 60px;background-position: 0 -101px;}
    .CardUIBox li .Collect.ViewMyWishList {background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -157px !important; background-size: 60px !important;}
    .CardUIBox li .GoCart,.CardUIBox li .GoCart:hover{background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -341px;background-size: 59px;width: 56px;height: 22px;margin-left: 0;}
    .CardUIBox li .GoCart span{width: 15px;height: 15px;line-height: 15px;font-size: 9px;right: -3px;top: -8px;}
    .CardUIBox .discount{left: 8px;font-size: 14px;line-height: 13px;background-size: 100%;width: 34px;height: 34px;}
    .CardUIBox .discount font{font-size: 10px;}
    .CardUIBox li:hover{top: 0;}
    .CardUIBox .PriceCartBtn {display: flex; width: 100%; justify-content: space-between;}
    .CardUIBox li:hover .NewArrivalsImg .Collect {display: none;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .CardUIBox li:hover{top: 0;}
    .CardUIBox li .ImgNameNwA a{font-size: 13px;line-height: 16px;}
    .CardUIBox li{width: 32.33% !important;margin: 0 1.5% 2% 0 !important;padding: 8px;}
    .CardUIBox li:nth-of-type(4n){margin-right: 1.5% !important;}
    .CardUIBox li:nth-of-type(3n){margin-right: 0 !important;}
    .CardUIBox li .GoCart span{right: -5px;top: -8px;width: 16px;height: 16px;line-height: 16px;}
    .CardUIBox li .CustomerReviews .reviewStar{background-size: contain; height: 12px;width: 68px !important;}
    .CardUIBox li .CustomerReviews span{background-size: contain; height: 12px;}
}
@media screen and (min-width:768px) and (max-width:1279px) {
    .CardUIBox li .NewArrivalsImg{padding: 0;}
    .CardUIBox li .FontRed{font-size: 15px;}
    .CardUIBox li .FontRed .ColorBlack{font-size: 13px;}
    .CardUIBox li .PriceEver{font-size: 13px;}
    .CardUIBox li .ImgNameNwA a{font-size: 13px;}
    .CardUIBox li .PriceCart .PricePackage{width: 100%;}
    .CardUIBox li .PriceCartBtn .Collect{background-size: 69px;background-position: 0 -116px;width: 24px;height: 22px;display: block;position: inherit;}
    .CardUIBox li .PriceCartBtn .Collect:hover{background-size: 69px;background-position: 0 -148px;}
    .CardUIBox li .PriceCartBtn .Collect.ViewMyWishList {background-size: 69px !important; background-position: 0 -180px !important;}
    .CardUIBox li:hover .SimilarItems{display: none;}
    .CardUIBox li .SimilarItems {display: none !important;}
    .CardUIBox .PriceCartBtn {display: flex; width: 100%; justify-content: space-between;}
    .CardUIBox li:hover .NewArrivalsImg .Collect {display: none;}
    .CardUIBox li .GoCart,.CardUIBox li .GoCart:hover {background: url(../images_new/master/icon-home-ru.png) no-repeat 0 -393px;background-size: 68px;width: 65px;height: 25px;margin-left: 0;}
}
@media screen and (min-width:1500px) and (max-width:1799px) {
    .CardUIBox li{width: 19% !important;margin-right: 1.25% !important;}
    .CardUIBox li:nth-of-type(4n){margin-right: 1.25% !important;}
    .CardUIBox li:nth-of-type(5n){margin-right: 0 !important;}
    .CardUIBox li .FontRed{font-size: 15px;}
    .CardUIBox li .ImgNameNwA a{font-size: 13px;}
    .CardUIBox li .PriceEver{font-size: 13px;}
    .CardUIBox li .FontRed .ColorBlack{font-size: 13px;}
    .CardUIBox li .PricePackage .PackageSize{font-size: 11px;}
}
@media screen and (min-width:1800px) {
    .CardUIBox li{width: 280px !important;margin-right: 17px !important;}
    .CardUIBox li:nth-of-type(4n){margin-right: 17px !important;}
    .CardUIBox li:nth-of-type(5n){margin-right: 0 !important;}
}