@charset "utf-8";
.MainContent{
	width:795px;
}

.BannerWrap{
	overflow:hidden;
}
.BannerWrap .PromotionBanner img{width: 100%; height: 100%;}
.Banner{
	float:left;
	width:565px;
	position:relative;
}

.Banner .BannerTab{
	position:absolute;
	bottom:20px;
	right:30px;
}

.Banner .BannerTab li{
	margin-right:8px;
	float:left;
}

.BannerTab li a{
	display:block;
	background:#FFF;
	width:14px;
	height:14px;
	box-shadow:1px 2px 3px rgba(0,0,0,0.38) inset;
	border-radius:10px;
}

.BannerTab .on a{
	background:#646464;
}

.BannerWrap .PromotionBanner{
	float:right;
	width:220px;
}

.BannerWrap .PromotionBanner a{
	display:block;
	background:#FFF;
	border:#e8e8e8 solid 1px;
	margin-bottom:5px;
	width:218px;
}

.BannerWrap .PromotionBanner .last{
	margin-bottom:0;
}

.Main .ProductBanner{
	overflow:hidden;
	margin-bottom:20px;
}

.Main .ProductBanner a{
	display:block;
	width:393px;
	height:128px;
	border:#e8e8e8 solid 1px;
}

.Main .Title{
	font-size:20px;
	border-bottom:#e8e8e8 solid 2px;
	height:21px;
	position:relative;
}

.Main .Title span{
	position:absolute;
	top:8px;
	left:0;
	background:#F8F8F8;
	padding-right:20px;
}

.RecomendShow ul{
	overflow:hidden;
	margin-top:25px;
}

.RecomendShow li{
	width:255px;
	height:300px;
	margin:0 15px 15px 0;
	background:#fff;
	float:left;
}

.RecomendShow .ProName{
	line-height:41px;
	font-size:13px;
	padding-left:5px;
}

.RecomendShow .ProName a{
	color:#333;
}

.RecomendShow .ProName a:hover{
	color:#f66907;
}

/*.ProductShow ul{
	overflow:hidden;
	margin-top:25px;
}*/

/*.ProductShow li{
	margin:0 11px 10px 0;
	width:150px;
	float:left;
}*/
.ProductShow .FontRed{height: 30px;}

.ProductShow .Mr_12{
	margin-right:12px;
}

.ProductShow .ProImg{
	margin-bottom:5px; float: left;
}
#ContentWarp{padding-top:0px;}
.ProductShow .ProName a{
	color:#333;
}

.ProductShow .ProName a:hover{
	color:#f66907;
}
.ProductShow li .ProName{float: left;}
.ProductShow li .ProName .tdate b{color: red; padding-left:30px;}
.ProductShow .Price{
	color:#a00;
}

.ProductShow .ImgNameNwA{
	height:30px;
	line-height: 15px;
	overflow:hidden;
}

.ProductShow .Name{
	border-bottom:2px solid #E8E8E8;
	font-size:20px;
	height:34px;
}

.ProductShow .Name .Currenty{
	border-bottom:2px solid #f66907;
	color:#000;
}

.ProductShow .Name a{
	text-decoration:none;
	display:inline-block;
	float:left;
	padding:0 10px 10px;
	margin-right:15px;
	line-height:24px;
	cursor:pointer;
}

.ProductShow .Name .More{
	color:#666;
	font-size:12px;
	float:right;
	padding:0;
	line-height:36px;
}

.ProductShow .Name .More:hover{
	color:#f66907;
	text-decoration:underline;
}

.Newsletter .EmailInput Input.ErrorInput{
	border:#c00 solid 1px;
}

.Newsletter .EmailInput Input.RightInput{
	border:1px solid #f66907;
}

.ErrorTip{
	color:#BB1320;
	display:block;
	width:150px;
	padding:0 0 4px 10px;
	float:left;
	text-align:left;
}

.RightTip{
	color:#f66907;
	display:block;
	width:150px;
	padding:0 0 4px 10px;
	float:left;
	text-align:left;
}
/*New Arrivals style*/

.ProductShow .ArrialsTitle{
	overflow:hidden;
	border-bottom:#e8e8e8 solid 2px;
	height:34px;
}

.ProductShow .ArrialsTitle span{
	font-size:20px;
	float:left;
	padding:0 0 10px;
	line-height:24px;
}

.ProductShow .ArrialsTitle .More{
	float:right;
	font-size:12px;
	line-height:34px;
	color:#666;
}

.JpAd a{display: block; margin-bottom: 10px;}

.RecomendShow li a img {display:block; width:100%;}
.ProductShow .ProImg a img {display:block; width: 100%;}


/*.Navigation .Home a{ background-position: 9px -263px;}*/
.CustomerWrap .Line{ padding-left: 20px;}
.BannerWrap{ position: relative;}
.BannerWrap .PromotionBanner{ position: absolute; top:0; right: 0; padding-left: 10px; background: #f8f8f8;}
.Main .ProductBanner a{width:258px;float: left; margin-right: 7px;}
.Main .ProductBanner img, .ProjectShow .ProImg img, .ProductShow li img{ width: 100%; height: auto; background: #fff;}
.Main .ProductBanner a:last-child, .OnProjectShow li:last-child{ margin-right: 0;}
.ProjectShow .ProName a{ padding: 0;}
.RecomendShow ul{ margin-right: -13px;}
/*.ProductShow ul{ margin-right: -11px;}*/
.ProductShow, .NewArrivals, .PickCategory, .MakeShow{margin: 50px 0px;position: relative;}
.ProjectShow ul{ margin-right: 0;}
.ProjectShow li{ width: 143px; margin-right: 5px;}
.ProjectShow li .ProImg{ width: 143px; height: 143px;}
.ProductShow .ImgNameNwA{ margin-top: 5px;}
/*.SmallLotWrap {margin-left:45px;}*/
.BestSeller {width:auto !important;}

.BannerList {height:350px;}
.BannerList .banner_1 {display:block;}
.BannerList .banner_2 {display:none;}

.ProductShow li {position: relative;}
.ProductShow .discount {position: absolute; margin: 0; left: 10px; top: 10px;}
.ProductShow .FontRed {font-size: 14px; font-weight: bold;}
.ProductShow .FontRed span {font-size: 12px; font-weight: normal;}
.NavMenu { display: none;}

/* 20190227 banner swiper*/
.Content{width: 100% !important; max-width: 100%!important;}
.jpHomeContainer{margin: 0 auto;width: 1000px;max-width: 1200px; }
.slider {width: 100%;min-width: 1200px;height: 100%;}
.slider .slider-for li{opacity: 0;}
.slider .slider-for .slick-slide{width: 950px !important;height: 407px !important;margin: 0px 5px;opacity: 1;}
.slider .slider-for li img {width: 100%;height: auto;opacity: 0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);}
.slider .slider-for a {display: block;outline:none; webkit-transition-duration: 200ms;-moz-transition-duration: 200ms;-o-transition-duration: 200ms;-ms-transition-duration: 200ms;transition-duration: 200ms;}
.slider .slider-for a:hover {opacity: 0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);}
.slider .slider-nav {background-color: #fff;padding: 10px 0;}
.slider .slider-nav .slick-list {text-align: center;-webkit-transform: none !important;-moz-transform: none !important;-o-transform: none !important;-ms-transform: none !important;transform: none !important;}
.slider .slider-nav .slick-track {display: inline-block;-webkit-transform: none !important;-moz-transform: none !important;-o-transform: none !important;-ms-transform: none !important;transform: none !important;width: auto !important;}
.slider .slider-nav li {width: 80px !important;height: 34px !important;margin: 0 8px;overflow: hidden;}
.slider .slider-nav li.slick-current img,.slider .slider-for li.slick-current img {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter: alpha(opacity=1);}
.slider .slider-nav li img {width: 100%;height: auto;cursor: pointer;opacity: 0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);}
.slider .slider-nav li img:hover {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter: alpha(opacity=1);}
.slider .slider-history-pc {width: 64px;margin: 0 auto;}
.slider .slider-history-pc li {width: 64px;}
.slider .slider-history-pc li img {width: 100%;height: auto;}
.slider .slider-history-pc li a {display: block;-webkit-transition-duration: 200ms;-moz-transition-duration: 200ms;-o-transition-duration: 200ms;-ms-transition-duration: 200ms;transition-duration: 200ms;}
.slider .slider-history-pc li a:hover {opacity: 0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);}
.jpBannerBox{position: relative;}
.jpBannerBox:hover .slick-next, .jpBannerBox:hover .slick-prev{display: block !important;}
.slick-next, .slick-prev{position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-repeat: no-repeat;display: none !important;}
.jpBannerBox .slick-arrow{ background: url(../images/master/banner-arrow.png) no-repeat; width: 24px; height: 45px;text-indent: -9999px;}
.jpBannerBox .slick-prev{ background-position: -48px 0; left: 8.22%;}
.jpBannerBox .slick-next{ background-position: -72px 0; right: 8.22%;}
.jpBannerBox .slick-prev:hover{ background-position: 0 0;}
.jpBannerBox .slick-next:hover{ background-position: -24px 0;}

.ProductPromotion{ margin-bottom: 20px;}
.ProductPromotion p{ float: left; display: block;}
.ProductPromotion p:nth-child(2){ padding: 0 0.66%;}
.ProductPromotion p:nth-child(3){ padding-right:0.66%;}
.ProductPromotion p{ width: 24.5%;}
.ProductPromotion p:hover img{opacity: 0.5;}
.ProductPromotion p img{ width: 100%;}
.MainContent{ width: 795px;}
.MainContent li img, .PickCategory .CategoryItem img{ width: 100%; height: auto; background: #fff;}
.MainContent a:hover img{ opacity: 0.5;}
.MainContent h2{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px;
	text-align: center;
	}
.block-title {
	position: relative;
	z-index: 1; font-size: 14px;
	margin-bottom: -2px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 2px solid;
	vertical-align: middle;
	margin-right: 25px;
	border-color: #fff;
	color: #878787;
}
.block-title:hover{text-decoration: none;}
.on{color: #2e2e2e;border-color: #FC7F2B;}
.dx{ width: 100%; border-bottom: 1px solid #ddd; display: -webkit-inline-box;}
.cls-tt{position: absolute;z-index: 10; left: 50%;background-color: #fff;}
.cls-new{ width: 260px; margin-left:-130px;}
.cls-rank{ width: 200px; margin-left:-100px;}
.cls-cid{ width: 340px; margin-left:-170px;}
.MainContent > div{ margin-bottom: 20px;}
.RankingShow .MainNav{height: 38px; line-height: 38px; text-align: center;  font-size: 14px; margin-bottom: 30px;}
.RankingShow .MainNav li{ width: 24%; float: left; box-sizing: border-box; margin-right:1.3%;}
.RankingShow .MainNav li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;background-color: #ddd; color:#333; border-radius: 7px; text-align: center; }
.RankingShow .MainNav li:last-child a{ border-right: none;}
.RankingShow .MainNav li:nth-child(4n){margin-right:0;}
.RankingShow .MainNav li a:hover, .MainNav li.Current a{ background: #f66907; color: #ffffff; text-decoration: none;}
.RankingShow .ProImg{position: relative;}
.RankingShow .ProImg .discount-l{margin: 0; top: 0; left: 0;}
.RankingShow .RankingItem.Show3{display: block;}
.RankingShow .RankingItem {display: none;}
.MainContent li .ProPrice{ color: #cc0000;}
.MainContent li .ProPrice span{ color: #999999;display: none;}
.PickCategory .CategoryItem a{ display: block; float: left; width: 25%;}
.showCart{position: absolute;z-index: 10;}
.MakeShow li{ background: #FFFFFF; padding: 10px; border: #e8e8e8 solid 1px; /*float: left; margin-right: 10px;*/ text-align: center; font-size: 18px;}
.MakeShow li .ProImg a{ width: 179px; display: block; float: left;}
.MakeShow li:last-child{ margin-right: 0;}
.MakeShow li .ProName{ padding-top: 10px;}
.MakeShow ul{ padding: 15px 0 0;}
.MakeShow .ProName a{ position: relative; text-decoration: none;}
.MakeShow .ProName a:after{ content: ""; position: absolute; display: inline-block; border-width: 5px 0 5px 10px; border-style: solid; border-color: transparent transparent transparent #666666; margin: 7px 0 0 10px;}
.MakeShow .ProName a:hover:after{ border-color: transparent transparent transparent #f66907;}
.ProductItem{ margin-top: 20px;}
.ProductItem > p{ float: left; width: 199px;}
.ProductItem ul{width: 100%; float: left;}
.ProductItem li{ float: left;width: 24%;margin-right:1.25%}
.ProductItem li:nth-child(4n){ margin-right:1px;}
.ProductShow li.hidden-sm{display:none;}
/**/
.ProductItem li a{ display: block; width: 100%;}
.BesterSeller{ position: relative;}
.BesterSeller ul{ position: relative; width: 1800px;}
.BesterSeller li{ float: left; margin-right: 4px;}
.BesterSeller li a{display: inline-block; width: 144px;position: relative}
.BesterSeller li a strong{top: 0;left: 0;margin: 0;}
.BesterSeller span{ position: absolute; top: 100px; background: url(../images/master/banner-arrow.png) no-repeat; display: block;  height: 0; width: 19px; height: 33px;cursor: pointer;}
.BesterSeller .prevBtn{ left: 0; background-position: -96px 0;}
.BesterSeller .nextBtn{ right: 0; background-position: -115px 0;}
.BesterSeller .prevBtn:hover{ background-position: -134px 0;}
.BesterSeller .nextBtn:hover{ background-position: -153px 0;}
.BesterSeller > div{margin: 0 30px; height: 164px; width: 735px;}
.CategoryItem{margin-bottom: 100px;}
.ut2-title-line-decoration {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	line-height: 1;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: normal;
	line-height: initial;
	justify-content: center;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.ut2-title-line-decoration:after {
	content: "";
	width: 100%;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 50%;
}
.ut2-title-line-decoration>span {
	background: #fff;
	padding-right: 10px;padding-left: 10px;
	z-index: 1;
	font-weight: bold;
}
mark {
	color: #eb560c;
	background: inherit;
	text-decoration: none;
}
@media only screen and (max-width: 767px ){
	.not-index.hidden-xs{display: block !important;}
}

@media only screen and (min-width: 1263px ) {
	.TopMenu, .Head, .Navigation, .Footer, .CopyrightBox, .Breadcrumbs, .jpHomeContainer{ width: 1200px; max-width: 1366px;}
	.Totop { margin-left: 1237px;}
	.MainContent{ width: 995px;}
	.MakeShow li .ProImg a{ width: 229px;margin-right: 14px;}
	/*.ProductItem li:nth-child(2n+1){ padding-left: 11px;}
	.ProductItem li:nth-child(4n){ display: block;}*/
	.ProductShow li.hidden-sm{display:block;}
	.BesterSeller ul{ width: 1900px;}
	.BesterSeller > div{ width: 935px;}
	.BesterSeller li{ margin-right: 14px;}

	.jpBannerBox .slick-prev{ background-position: -48px 0; left: 23.22%;}
	.jpBannerBox .slick-next{ background-position: -72px 0; right: 23.22%;}

	.SmallLotWrap .Search .search_input {width: 422px;padding: 0 109px 0 10px;}
	.SmallLotWrap .Search { width: 586px;}
	.SmallLotWrap .ListTitle { width: 94px;}
	.SmallLotWrap .ListTitle span{ width: 80px;}
	.SmallLotWrap .ListTitle .Arrow { margin: 15px 0 0 5px;}

	.header-r .Cart, .WishList span{ display: block;}
	.MainContent, .MainContent .OnProjectShow{ width: 100% !important;}
	.Banner{ width: 755px;}
	.Main .ProductBanner a{ width: 323px; height:auto; margin-right: 10px;}
	.BannerWrap .PromotionBanner{ width: 230px; padding: 0; background: none;}
	.Websites dd a{ width: 172px;}
	.Websites dd{ margin-right: 15px;}
	.CustomerWrap .Line{ padding-left: 47px;}
	.Footer .Newsletter{ width: 965px; padding-left: 235px;}
	.Newsletter .EmailText{ margin-right: 50px;}
	.Totop{ margin-left: 1237px;}
	.search_pop {width:536px;}
	.RecomendShow li {width:321px !important; height:auto;}
	.RecomendShow li a img {width:321px !important; height:378px !important;}
	.BestSeller .BSProduct a img {width:238px !important; height:278px !important;}
	.BannerList .banner_1 {display:none;}
	.BannerList .banner_2 {display:block;}

	.Navigation li > a{ margin: 0 15px;}
	.FixedHeader > div{ width: 1200px;}
	.FixedHeader .Navigation{ width: 905px;}
	.FixedHeader .Navigation li > a{ padding: 0 10px 1px; margin: 0 4px;font-size: 16px;}
	.FixedHeader .Navigation .Home > a{ margin: 0 10px 0 0;}
	.FixedHeader .Navigation .Bargains > a{ margin: 0 0 0 -1px; padding: 0 26px 0 15px;}
	.FixedHeader .Navigation .Bargains > a::before{ right: 10px;}
	.CustomerMain .HomeOutsideLink{ margin-right: 40px;}
	.CustomerMain .HomeOutsideLink li{ width: 114px;}
	.CustomerMain .FriendLink{ width: 300px;}
	.CustomerMain .FriendLink dl{ width: 150px;}
	.CustomerMain .ShapeWrap{ margin-right: 40px;}
	.CustomerMain .SiteLink dd{ width: 150px;}
	.CustomerMain .SiteLink a{ padding-left: 20px;}
	.SearchText {width: 586px;}
	.SearchPrompt {width: 542px;}
}


/* 首页现金券提示 */
#ShowReviewBoxOverlay {display:block;position: fixed; background: rgba(0, 0, 0, 0.5);top: 0;left: 0;right: 0;bottom: 0;z-index: 100;overflow-y: auto;overflow-x: hidden;}
#ShowCouponBox {display: block;position: absolute;top: 520px;left: 50%;transform:translateX(-50%);width: 500px;z-index: 20;}
.Coupon_2 {top:385px !important;}
.Coupon_1 {top:210px !important;}
.CouponBox {width: 500px;box-sizing: border-box;position: relative;margin: 0 auto;}
.CouponBox .Coupon_go {background: #ea1e3c;border-radius: 10px 10px 0 0;height: 250px;position: relative;}
.CouponBox .Coupon_go dl {width: 100%;padding: 0 25px 0 24px;box-sizing: border-box;position: absolute;bottom: 120px;left: 0;}
.CouponBox .Coupon_go dl dt {background: url(../images_new/home/icon-del.png) no-repeat;display: block;width: 40px;height: 40px;position: absolute;top: 0;right: -25px;cursor: pointer;}
.CouponBox .Coupon_go dl dd {background: url(../images_new/home/coupon-bg.png) no-repeat;width: 451px;height: 165px;margin-bottom: 10px;background-size: 100%;}
.CouponBox .Coupon_go dl dd div {float: left;}
.CouponBox .Coupon_go dl dd div:nth-child(1) {width: 253px;padding:10px 0px 0 15px;box-sizing: border-box;}
.CouponBox .Coupon_go dl dd div:nth-child(1) p {font-size: 16px;color: #dd3d53;}
.CouponBox .Coupon_go dl dd div:nth-child(1) p b {font-size: 70px;font-family: fantasy;color: #cf0157;}
.CouponBox .Coupon_go dl dd div:nth-child(1) p:nth-child(2) {padding: 0 15px;margin-bottom: 10px;}
.CouponBox .Coupon_go dl dd div:nth-child(1) p:nth-child(3) {color: #000;padding: 0 15px;font-size: 14px;}
.CouponBox .Coupon_go dl dd div:nth-child(2) {width: 198px;text-align: center;padding-top: 60px;}
.CouponBox .Coupon_go dl dd div:nth-child(2) a {width: 170px;display: block;margin: 0 auto;background: url(../images_new/home/go-shopping.png) no-repeat;background-size: 100%;height: 50px;border-radius: 25px;}
.CouponBox .Coupon_go dl dd.current {background: url(../images_new/home/coupon-bg-d.png) no-repeat;background-size: 100%;}
.CouponBox .Coupon_go dl dd.current div:nth-child(2) a {background: url(../images_new/home/go-shopping-d.jpg) center no-repeat #bebebe;}
.CouponBox .Coupon_go dl dd.current div:nth-child(1) p {color: #bbbbbb;}
.CouponBox .Coupon_go dl dd.current div:nth-child(1) p b {color: #a3a3a3;}
.CouponBox .Coupon_go dl dd.current div:nth-child(1) p:nth-child(3) {color: #858585;}
.CouponBox .Coupon_go .Bestrow {background: url(../images_new/home/t_1.png) no-repeat;display: block;width: 500px;height: 194px;position: absolute;bottom: 0;left: 0;text-align: center;font-size: 20px;color: #fff;box-sizing: border-box;padding-top: 85px;background-size: 100%;}
.CouponBox > p {width: 100%;text-align: center;line-height: 65px;background: #fc3d59;border-radius: 0 0 10px 10px;border-top: 1px #d9223d solid;}
.CouponBox > p a {font-size: 25px;color: #fffcaf;display: block;text-transform: uppercase;font-family: times;font-weight: 700;}
@media (max-width: 767px) {
	#ShowCouponBox {width: 320px; top:400px;}
	.Coupon_2 {top:282px !important;}
	.Coupon_1 {top:210px !important;}
	.CouponBox {width: 320px;}
	.CouponBox .Coupon_go {height: 160px;}
	.CouponBox .Coupon_go dl {padding: 0 10px; bottom: 70px;}
	.CouponBox .Coupon_go dl dt {right: 0; top: -60px;}
	.CouponBox .Coupon_go dl dd {width: 300px; height: 110px; margin-bottom: 8px;}
	.CouponBox .Coupon_go dl dd div:nth-child(1) {width: 168px;}
	.CouponBox .Coupon_go dl dd div:nth-child(1) p {font-size: 14px;}
	.CouponBox .Coupon_go dl dd div:nth-child(1) p b {font-size: 30px;}
	.CouponBox .Coupon_go dl dd div:nth-child(1) p:nth-child(2) {padding: 0; margin: 5px 0 10px 0;}
	.CouponBox .Coupon_go dl dd div:nth-child(1) p:nth-child(3) {font-size: 10px; padding: 0;}
	.CouponBox .Coupon_go dl dd div:nth-child(2) {width: 132px; padding-top: 40px;}
	.CouponBox .Coupon_go dl dd div:nth-child(2) a {width: 100px; height: 30px; border-radius: 0;}
	.CouponBox .Coupon_go dl dd.current div:nth-child(2) a {border-radius: 30px;}
	.CouponBox .Coupon_go .Bestrow {width: 320px; height: 124px; font-size: 14px; padding-top: 50px;}
	.CouponBox > p {line-height: 44px;}
	.CouponBox > p a {font-size: 16px;}
}