body {
	background-color: #fff;
}

label {
	font-weight: normal;
	display: flex;
}

.ml10 {
	margin-left: 10px;
}
.rotate{
	display: inline-block;
	transform: rotateZ(90deg);	
}
.rotate180{
	display: inline-block;
	transform: rotateZ(180deg);	
	transition: all 0.2s ease-in-out;
}
/* 为你推荐 */
.banner {
	width: 100%;
	height: 418px;
	margin-top: 1px;
}

.banner .bgImage {
	z-index: 216;
	position: absolute;
	left: 910px;
	top: 33px;
	width: 100%;
	height: 380;
	display: block;
	overflow-wrap: break-word;
	color: var(--color);
	font-size: 26px;
	font-family: PingFangSC-Medium;
	white-space: nowrap;
	line-height: 26px;
	text-align: left;
}

/*头部热卖推荐 S*/
.hotSaleBox {
	width: 1200px;
	height: 445px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.hotSaleBox .hotSaleBoxTitle {
	width: 360px;
	height: 85px;
	line-height: 85px;
	font-size: 26px;
	font-weight: bolder;
	color: var(--color);
	text-align: center;
	background: url(../../images/ymtpo.png)100% no-repeat;
	margin: auto;
}

.hotSaleBox .hotSaleBoxTitle .line {
	display: inline-block;
	border-top: 2px solid #fff;
	width: 45px;
	top: -5px;
}

.hotProductListBox {
	width: 1200px;
	height: 363px;
	background-color: #FFFFFF;
	background-size: 100% 100%;
	box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.05);

}

.hotProductListBox li {
	position: relative;
	background-color: #fff;
	width: 299px;
	height: 363px;
}

.hotProductListBox li:hover {
	box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #EEEEEE;
}

.hotProductListBox li:after {
	content: '';
	width: 1px;
	height: 334px;
	background: linear-gradient(180deg, rgba(233, 233, 233, 0) 0%, #E3E3E3 51%, rgba(216, 216, 216, 0) 100%);
	position: absolute;
	right: 0;
	top: 0;
}

.hotProductListBox li:last-child {
	margin-right: 0;

}

.hotProductListBox li:last-child:after {
	display: none;
}

.hotProductListBox li img {
	width: 200px;
	height: 200px;
	margin-top: 30px;
	margin-left: 49px;
}

.hotProductListBox .hotProductListTitle {
	width: 250px;
	height: 42px;
	font-size: 14px;
	overflow: hidden;
	margin: auto;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 20px;
}

.hotProductListBox .hotProductListPrice {
	height: 40px;
	line-height: 40px;
}

.hotProductListBox .hotProductListPrice .hotProductListNowPrice {
	font-size: 16px;
	color: var(--color);
	margin-left: 24px;
	font-weight: bold;
}

.hotProductListBox .hotProductListPrice .hotProductListNowPrice1 {
	font-size: 14px;
	color: var(--color);
}

.hotProductListBox .hotProductListPrice .hotProductListOldPrice {
	font-size: 12px;
	color: #888;
}

.hotProductListBox .hotProductListAddCart {
	color: #fff;
	background-color: var(--color);
	border-radius: 16px;
	text-align: center;
	height: 32px;
	line-height: 32px;
}

.hotProductListBox .hotProductListAddCart {
	font-weight: bold;

}

/*头部热卖推荐 E*/

/*2022/9/13修改*/
.container {
	/* background-color: #fff; */
	width: 1200px;
	margin: 1px auto 60px;
}

.containerTitle {
	height: 40px;
	line-height: 40px;
}

.containerTitle .containerTitle1 {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	margin: 0 15px;
}

.containerTitle .containerTitle2 {
	font-size: 12px;
	color: #666;
}

.containerTitle .containerTitle2 i {
	margin-right: 5px;
}

/*产品列表*/
.productlistContainer {
	width: 1200px;
	margin-top: 15px;
	box-sizing: border-box;
	border: 0 solid #EAEAEA;
}

.productlistContainer .productlistContainerTop {
	height: 40px;
	line-height: 40px;
	width: 100%;
	background-color: #FCFCFC;
	font-size: 12px;
	border-top: 1px solid #DDDDDD;
	background: #F2F2F2;
	box-sizing: border-box;
}

.productlistContainer .productlistContainerTop.upTime {
	width: 80px;
}

.productlistContainerTop .productlistContainerTopLeft {
	/* border-right: 1px solid #EAEAEA; */
	margin-right: 20px;
}

.productlistContainerTop .productlistContainerTopLeft li {
	padding: 0 30px;
	color: #8C8C8C;
}

.productlistContainerTop .productlistContainerTopLeft .now {
	background-color: #FFFFFF;
	border-bottom: 2px solid var(--color);
	color: #666666;
	box-sizing: border-box;
}
.productlistContainerTop .productlistContainerTopRight li{
	padding: 0 10px;
	color: #8C8C8C;
}
.productlistContainerTop .productlistContainerTopRight .now{
	color: var(--color);
}
.productlistContainerTop .productlistContainerTopRight{
	display: flex;
	align-items: center;
	padding: 0 30px;
}

.productlistContainerTop .peisong {
	width: 70%;
}

.productlistContainerTop .peisong input {
	width: 200px;
	text-indent: 1em;
	font-size: 12px;
	height: 20px;
}

.productlistContainerTop .peisong .icon-fangdajing {
	width: 20px;
	height: 50%;
	right: 0px;
	top: 9px;
	text-align: center;
	line-height: 20px;
}

/*具体产品列表*/
.itemsDesc {
	width: 100%;
}

.itemsDesc .itemsList {
	height: 380px;
	width: 230px;
	margin-right: 12px;
	margin-bottom: 10px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.itemsDesc .itemsList .topTag{
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 1px 7px;
	border-radius: 2px;
	font-size: 12px;
	color: white;
	background: var(--color);
	z-index: 1;
}
.itemsDesc .itemsList:hover .buttomOperate{
	bottom: 0px;
}
.itemsDesc .itemsList .buttomOperate{
	width: 100%;
	position: absolute;
	bottom: -66px;
	padding: 20px 10px;
	background-color: white;
	transition: bottom .2s ease;
	border-top: 1px solid #ebebeb;
}
.itemsDesc .itemsList .buttomOperate>div.disFlex{
	justify-content: space-around;
}
.numOperate>li{
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
}
.numOperate>li:nth-of-type(2n+1) {
	width: 25px;
	background-color: #f5f7fa;
}
.numOperate>li input {
	width: 50px;
	height: 20px;
	line-height: 20px;
	border: none;
	font-size: 12px;
	text-align: center;
}
.itemsDesc .itemsList .buttomOperate .addCart{
	background: var(--rgba1);
	font-size: 12px;
	color: var(--color);
	border-radius: 3px;
	padding: 0px 10px;
	border:1px solid var(--color);
}
.productlist ul li {
	box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #EEEEEE;
}

.itemsDesc .itemsList:nth-child(5n) {
	margin-right: 0;
}

.itemsList .itemsListInfoImgBox {
	width: 100%;
	height: 203px;
	overflow: hidden;
	margin-top: 14px;
	text-align: center;
}

.itemsList .itemsListInfoImgBox img {
	max-height: 203px;
	max-width: 203px;
}

.itemsList .itemsListInfoTitle {
	margin-left: 14px;
	margin-top: 12px;
	color: #222222;
	height: 35px;
	width: 203px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.itemsList .itemsListInfoCaozuo {
	margin-top: 16px;
	margin-left: 14px;
	height: 30px;
	line-height: 30px;
	width: 80%;
}

.itemsList .itemsListInfoCaozuo .itemsListInfoPrice {
	font-size: 16px;
	color: var(--color);
	font-weight: bold;
}

.itemsList .itemsListInfoCaozuo .itemsListInfoPrice2 {
	font-size: 14px;
	color: var(--color);
	font-weight: bold;
}

.itemsList .itemsListInfoCaozuo .itemsListInfoPrice1 {
	margin-left: 5px;
	font-size: 12px;
	color: #999;
}

.itemsList .itemsListInfoCaozuo .fr {
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #FFA130;
	text-align: center;
}

.itemsList .salesNumber {
	color: #666;
	font-size: 14px;
}

.salesNumberFeedBackNUmber {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.itemsList .feedBackNUmber {
	margin-left: 14px;
	margin-right: 10px;
	/* margin-top: 12px; */
	font-size: 12px;
	color: #999;
}

.salesNumberText {
	color: #999999;
	font-size: 12px;
}

.salesNumberTitle {
	color: #999999;
	font-size: 12px;
	margin-left: 15px;
}

.feedBackNUmberText2 {
	color: var(--color);
	font-size: 12px;
}

.shopInfoText {
	margin-left: 14px;
	width: 140px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	color: #999999;
	cursor: pointer;
	margin-top: 4px;
}

.itemListModul{
	width: 100%;
}
.itemListModul>table>thead{
	width: 100%;
	height: 40px;
	border-bottom:1px solid #d9d9d9;
}
.itemListModul>table>thead th,
.itemListModul>table>tbody td{
	text-align: center;
}
.itemListModul>table>tbody td:nth-of-type(2){
	text-align: left;
}
.itemListModul>table>tbody{
	margin-top: 15px;
}
.itemListModul>table>tbody tr{
	height: 110px;
	border-bottom:1px solid #d9d9d9;
}
.itemListModul>table>tbody tr:hover{
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
}
.itemListModul>table>tbody .td_goodsNum .moq,
.itemListModul>table>tbody .td_goodsName .goodsCode{
	color: #999999;
}
.itemListModul>table>tbody .td_goodsOperate button{
	width: 85px;
	font-size: 12px;
	color: var(--color);
	padding: 3px 5px;
	margin: 5px 0px;
	border-radius: 5px;
	border: 1px solid var(--color);
	background: var(--rgba1);
}
/*主体内容 E*/

/*搜索为空时候展示*/
.emptyList {
	width: 100%;
	height: 500px;
}

.emptyList .emptyModal {
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.emptyList .emptyModal img {
	width: 120px;
}

.emptyList .emptyModal .emptyWarning {
	color: var(--color);
	margin-bottom: 30px;
	font-size: 12px;
	margin-top: 15px;
}

/* 筛选条件 */
.filterBox {
	width: 1200px;
	box-sizing: border-box;
	font-size: 12px;
	margin-top: 8px;
}

.filterBox input[type=checkbox] {
	margin: 0px 4px 0px 0px;
}

.allResult,
.filterCriteria {
	width: 100%;
	background: var(--rgba1);
	border-bottom: 1px solid #fff;
}

.allResultTop,
.allResultButtom {
	display: flex;
	align-items: flex-end;
	border-radius: 5px 5px 0px 0px;
}

.allResultTop {
	padding: 10px 15px;
}

.allResultButtom {
	padding: 4px 15px;
}

.allResult .allResultLeft {
	width: calc(100% - (100% - 80px));
	font-size: 14px;
	text-align: right;
	color: #8c8d95;
	letter-spacing: 2px;
}

.allResult .allResultRight {
	display: flex;
	align-items: center;
}

.attrButtom_ul,
.navFilter_ul {
	display: flex;
	align-items: center;
	margin: 0;
}

.attrButtom_ul .attrButtom_li {
	height: 25px;
	line-height: 25px;
	padding: 0px 10px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.navFilter_ul .navFilter_li {
	position: relative;
	margin: 0px 5px;
	cursor: pointer;
}

.navFilter_ul .navFilter_li.navFilter_li_1,
.navFilter_ul .navFilter_li.navFilter_li_2 {
	max-width: 250px;
	height: 25px;
	line-height: 25px;
	color: var(--color);
	padding: 0px 10px;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid var(--rgba4);
	/*  */
}

.navFilter_ul .navFilter_li.navFilter_li_1:hover {
	border-bottom: none;
	z-index: 10000;
}

.navFilter_ul .navFilter_li.navFilter_li_1:hover .class_box,
.navFilter_ul .navFilter_li.navFilter_li_1:hover .brand_box {
	display: block;
}

.navFilter_ul .navFilter_li .class_box,
.navFilter_ul .navFilter_li .brand_box {
	display: none;
	position: absolute;
	top: 24px;
	left: -.5px;
	z-index: 1;
}

.navFilter_ul .navFilter_li .class_ul,
.navFilter_ul .navFilter_li .brand_ul {
	box-sizing: border-box;
	overflow-x: auto;
	border: .5px solid #d9d9d9;
	border-top: 0px;
	border-left-color: var(--rgba4);
	border-radius: 2px;
	padding: 10px 9px;
	background: #fff;
	max-height: 398px;
	display: flex;
	flex-wrap: wrap;
}

.navFilter_ul .navFilter_li .class_ul {
	width: 480px;
}

.navFilter_ul .navFilter_li .brand_ul {
	width: 200px;
}

.navFilter_ul .navFilter_li .class_ul .class_li {
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 5px;
	color: #222222;
	font-size: 12px;
	width: 210px;
	cursor: pointer;
}

.navFilter_ul .navFilter_li .brand_ul .brand_li {
	margin: 5px 10px 5px 5px;
}

.navFilter_ul .navFilter_li .class_ul .class_li:hover {
	color: var(--color);
}

.class_li_now,
.brand_li_now {
	color: var(--color) !important;
}

.filterCriteria {
	border-radius: 0px 0px 5px 5px;
	padding: 10px 0px 0px;
	border-bottom: 1px solid #fff;
}

.filterBoxList .filterBoxLi,
.attrsLi {
	width: 100%;
	min-height: 40px;
	border-bottom: 1px solid var(--rgba1);
	display: flex;
}

.filterBoxList .filterBoxLi.attrsData {
	display: block;
}

.filterBoxList .filterBoxLi .leftTitle {
	width: calc(100% - (100% - 80px));
	line-height: 53px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.filterBoxList .filterBoxLi .rightContent {
	width: calc(100% - 90px);
	min-height: 40px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	position: relative;
}


.rightContent .rightContent_d .moveMoreSearch {
	width: 100%;
	margin: 7px 15px;
}

.brandsContent {
	width: 100%;
	padding: 0px 10px 0px 0px;
	display: flex;
	flex-wrap: wrap;
}

.rightContent_box .brand_key {
	margin: 0px 15px 10px;
}

.rightContent_box .brand_key a:nth-of-type(1) {
	width: 35px !important;
}

.rightContent_box .brand_key a {
	color: #000;
	width: 15px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
}

.rightContent_box .brand_key .az_Now {
	color: var(--color);
	border: 1px solid var(--rgba4);
}

.rightContent_box .brand_select,
.rightContent_d .attr_select,
.moveMoreLeft .attr_select{
	margin-left: 15px;
}

.rightContent_box .brand_select a,
.rightContent_d .attr_select a ,
.moveMoreLeft .attr_select a{
	display: inline-block;
	margin: 0px 7px;
	color: var(--color);
}

.rightContent_box .brandBottom_btn button,
.rightContent_d .attrBottom_btn button,
.moveMoreLeft .attrBottom_btn button{
	width: 50px;
	height: 25px;
	border: none;
	margin: 30px 5px 10px 5px;
	border-radius: 4px;
	background-color: transparent;
}

.rightContent_box .brandBottom_btn .confirm_btn,
.rightContent_d .attrBottom_btn .confirm_btn,
.moveMoreLeft .attrBottom_btn .confirm_btn {
	background-color: var(--color);
	color: #fff;
}

.rightContent_box .brandBottom_btn .cancel_btn,
.rightContent_d .attrBottom_btn .cancel_btn ,
.moveMoreLeft .attrBottom_btn .cancel_btn {
	border: 1px solid var(--color);
	color: var(--color);
}

.rightContent_box,
.classContent,
.rightContent_d,
.moveMoreLeft  {
	width: calc(100% - 120px);
	display: flex;
	flex-wrap: wrap;
}
.rightContent_box,
.classContent,
.rightContent_d{
	padding: 10px;
}
.attrsContent {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.brandsContent>li,
.classContent li,
.attrsContent>li,
.attrsMore .moveMore .moveMoreSearch_ct>li {
	margin: 7px 15px;
	cursor: pointer;
}

.classNow:hover,
.brandNow:hover,
.attrNow:hover {
	color: var(--color);
	cursor: pointer;
}

.brandsOptions,
.classOptions,
.attrsOptions {
	width: 120px;
	text-align: right;
	padding-right: 15px;
	box-sizing: border-box;
}

.classOptions button,
.brandsOptions button,
.attrsOptions button {
	width: 45px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	color: #666;
	border-radius: 2px;
	margin-top: 15px;
	font-size: 12px;
}

.classOptions button:hover,
.brandsOptions button:hover,
.attrsOptions button:hover {
	border: 1px solid var(--color);
	color: var(--color);
}

.classContent>div {
	width: 100%;
}

.classContent .showMoreList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.classContent .showMoreList .labelClass {
	width: 100px;
	font-weight: bold;
	color: var(--color);
}

.classContent .showMoreList .valueClass {
	width: calc(100% - 100px);
	display: flex;
	flex-wrap: wrap;
}


.attrsContent .attrsMore .moveMore {
	width: calc(1200px - 80px);
	position: absolute;
	left: 0;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid var(--rgba4);
	background: #fff;
	box-shadow: 2px -1px 5px 0px #c5c5c5;
	display: flex;
	align-items: flex-start;
	z-index: 10;
	box-sizing: border-box;
}

.attrsMore .moveMore .moveMoreSearch {
	width: 100%;
	padding: 0px 0px 25px 0px;
}

.rightContent .rightContent_d .moveMoreSearch input,
.attrsMore .moveMore .moveMoreSearch input {
	border: 1px solid #d9d9d9;
	width: 192px;
	height: 28px;
	border-radius: 4px 0px 0px 4px;
	float: left;
	font-size: 12px;
	padding-left: 10px;
	color: #000;
}

.rightContent .rightContent_d .moveMoreSearch span {
	border: 1px solid #d9d9d9;
	background: #dedede;
	border-left: 0px;
	border-radius: 0px 4px 4px 0px;
	display: inline-block;
	width: 40px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.attrsMore .moveMore .moveMoreSearch_ct {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	color: #000;
	margin-top: 10px;
}

.moveMore .moveMoreSearch_ct .moveMoreSearch_now:hover {
	color: var(--color);
}

/* 积分列表 */

.productlistContainer .integralGoodsListsTop{
background: white;
}
.integralItemsDesc{
	margin-top:15px ;
}

.integralItemsDesc .integralItemsList {
	height: 340px;
	background: white;
	margin-top: 10px;
}
.integralItemsDesc .textzhong{
	margin-left: 14px;
}