﻿.hyzbolistbox {
	padding-top: 5px;
}
.hyzbolistbox .hyzbolist {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.hyzbolistbox .hyzbolist .hyzboitem {
	width: 50%;
}
.hyzbolistbox .hyzbolist .hyzboitem a {
	padding: 4px 0px;
	display: block;
	background-color: #fff;
	position: relative;
}
.hyzbolistbox .hyzbolist .hyzboitem:nth-child(2n+1) a {
	transform: translatex(-4px);
}
.hyzbolistbox .hyzbolist .hyzboitem:nth-child(2n) a {
	transform: translatex(4px);
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboshownubm {
	height: 20px;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
	font-size: 10px;
	position: absolute;
	top: 12px;
	left: 8px;
	z-index: 2;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboshownubm .hyzbitmtit {
	background-color: #FF5438;
	padding: 0 4px 0 12px;
	position: absolute;
	top: 0;
	left: 0;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboshownubm .hyzbitmtit:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	background-color: #fff;
	margin-top: -3px;
	position: absolute;
	top: 50%;
	left: 3px;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboshownubm .hyzbitmtxt {
	padding-left: 56px;
	padding-right: 6px;
	background-color: rgba(0,0,0,0.5);
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzbopic {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzbopic img {
	display: block;
	width: 100%;
	height: auto;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzbopic .zboitembg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.hyzbolistbox .hyzbolist .hyzboitem a .zbozgoau {
	max-width: 80%;
	background-color: #FF5438;
	line-height: 20px;
	border-radius: 3px;
	font-size: 12px;
	padding: 0 4px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	bottom: 56px;
	left: 8px;
	z-index: 2;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzbotheme {
	width: 90%;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: absolute;
	bottom: 36px;
	left: 8px;
	z-index: 2;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox {
	width: 100%;
	position: absolute;
	bottom: 12px;
	left: 8px;
	z-index: 2;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzbocmplogo {
	position: absolute;
	left: 0;
	top: 0px;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzbocmplogo img {
	width: 24px;
	height: 24px;
	border-radius: 4px;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzboinfo {
	padding-left: 28px;
	font-size: 10px;
	color: #fff;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzboinfo .hyzbotitles {
	height: 12px;
	line-height: 12px;
	padding-right: 60px;
	overflow: hidden;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzboinfo .hyzbodiscrip {
	height: 12px;
	line-height: 12px;
	padding-right: 60px;
	overflow: hidden;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzbozan {
	line-height: 12px;
	position: absolute;
	bottom: -2px;
	right: 18px;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzbozan img {
	line-height: 12px;
	vertical-align: middle;
	position: absolute;
	top: 2px;
	left: 0;
	width: 12px;
	height: 12px;
}
.hyzbolistbox .hyzbolist .hyzboitem a .hyzboifbox .hyzbozan span {
	line-height: 12px;
	padding-left: 14px;
	vertical-align: middle;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
}

/*列表页直播*/
.zhiboxwrraps{ border-bottom: 10px solid #eee;background:#fff;}
.zhiboxwrraps .zhiboxmodboxs{}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink{ display:block; padding:16px 12px; position:relative;}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdpic{ position:absolute; top:16px; left:12px;}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdpic img{}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdinfo{ padding-left:148px; min-height:98px;}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdinfo .zhibomdth{padding:8px 0 6px;  position:relative;}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdinfo .zhibomdth .zhibxmdtits{  font-size:16px; font-weight:bold;}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdinfo .zhibomdth .zhiboednter{ font-size:12px; padding-right:8px; position:absolute; top:0; right:0; color:#aaa; position:absolute; top:0; rihgt:0; }
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdinfo .zhibomdth .zhiboednter:after{ content:""; display:block; width:6px; height:6px; border-top:1px solid #aaa; border-right:1px solid #aaa; -webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; top:5px; right:0; }
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdinfo .zhibomddicrip{padding:2px 0;  font-size:14px; color:#333;}
.zhiboxwrraps .zhiboxmodboxs .zhibomdlink .zhibomdinfo .zhibomdtxt{padding:2px 0;  font-size:14px; color:#aaa;}

/*店铺浮动*/
.hyzbofloatlogo{ width:48px; height:48px; border-radius:40px; border:2px solid #FF5438; background-color:#fff; position:fixed; bottom:160px; right:12px;}
.hyzbofloatlogo img{ width:48px; height:48px;border-radius:40px;}
.zbotxt{padding-left:12px;  width:36px; text-align:center; background:#FF5438 url(/images/zhibosicon3.gif) no-repeat -2px center; background-size:20px 20px; height:16px; border-radius:3px;  line-height:16px; font-size:10px; color:#fff; position:absolute; bottom:-6px; left:0px;}


/*产品详情页*/
.provrzhiboicon{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute;top:0;left:0;display: flex;justify-content: center;align-items: center;overflow:hidden;}
.provrzhiboicon a{ display:block; width:64px; height:64px; border-radius:100px; background-color:#FC1445; }
.provrzhiboicon a .provrzhibotips{ padding-top:4px; color:#fff; font-size:14px; text-align:center;}
.provrzhiboicon span{ position:absolute; top:0; left:10px;}
.provrzhiboicon span img{ display:block;}
.zhibostipbar{ position:fixed; bottom:64px; left:8px; z-index:10;}
.zhibostipbar a{ display:block; height:20px; padding:6px; border-radius:32px;  background-color:#ff2330;}
.zhibostipbar .zhibostbicon{ position:absolute; top:6px; left:6px;}
.zhibostipbar .zhibostbicon img{ width:20px; height:20px; display:block;}
.zhibostipbar .zhibostbtxt{ padding-left:28px; padding-right:10px; font-size:16px; color:#fff; height:20px; line-height:20px;}
