* {
	/* css3盒子模型 */
	box-sizing: border-box;
	/* 清除内边距 */
	padding: 0;
	/* 清除外边距 */
	margin: 0;
	/* 取消轮廓 */
	outline: none;
	/* 去掉默认外观 */
	-webkit-appearance: none;
	/* 去掉点击时的默认外观 */
	outline-style: none;
	/* 去除点击出现背景 */
	-webkit-tap-highlight-color: transparent;
}

/* 字体控制 */
@media screen and (min-width: 2720px) and (max-width: 2880px) {
	html {
		font-size: 26px !important;
	}
}
@media screen and (min-width: 2560px) and (max-width: 2720px) {
	html {
		font-size: 25px !important;
	}
}
@media screen and (min-width: 2400px) and (max-width: 2560px) {
	html {
		font-size: 24px !important;
	}
}
@media screen and (min-width: 2240px) and (max-width: 2400px) {
	html {
		font-size: 23px !important;
	}
}
@media screen and (min-width: 2080px) and (max-width: 2240px) {
	html {
		font-size: 22px !important;
	}
}
@media screen and (min-width: 1920px) and (max-width: 2080px) {
	html {
		font-size: 21px !important;
	}
}
@media screen and (min-width: 1760px) and (max-width: 1920px) {
	html {
		font-size: 20px !important;
	}
}
@media screen and (min-width: 1680px) and (max-width: 1760px) {
	html {
		font-size: 19px !important;
	}
}
@media screen and (min-width: 1520px) and (max-width:1680px) {
	html {
		font-size: 18px !important;
	}
}
@media screen and (min-width: 1360px) and (max-width:1520px) {
	html {
		font-size: 17px !important;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1360px) {
	html {
		font-size: 16px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	html {
		font-size: 14px !important;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 20px !important;
	}
}

/* 图片处理 */
img {
	/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
	border: 0;
	/* 取消图片底侧有空白缝隙的问题 ① */
	vertical-align: middle;
	/* 取消图片底侧有空白缝隙的问题 ② */
	object-fit: cover;
}

body {
	/* 设置字体 */
	font: 0.8rem Microsoft YaHei, PingFang SC, Heiti SC, Arial, SimHei, Hiragino Sans GB, Helvetica, "\5B8B\4F53", serif, sans-serif;
	/* 设置行高 */
	line-height: 1.5;
	/* 设置颜色 */
	color: #444444;
	/* 抗锯齿性-让文字显示的更加清晰 */
	-webkit-font-smoothing: antialiased;
	background-color: #f4f5f6;
}

em,
i {
	/* 取消文字倾斜 */
	font-style: normal;
}

ul,
ol,
li {
	/* 去掉小圆点 */
	list-style: none;
}

button {
	/* 当我们鼠标经过button按钮的时候，鼠标变成小手 */
	cursor: pointer;
}

a {
	/* 去掉a标签的下划线 */
	text-decoration: none;
	/* 手机端去除a标签点击时的背景样式 */
	-webkit-tap-highlight-color: transparent;
	/* 禁用长按时弹出的菜单 */
	-webkit-touch-callout: none;
	/* 修改颜色 */
	color: #444444;
}

img {
	/* 禁用长按时弹出的菜单 */
	-webkit-touch-callout: none;
}

button,
input,
textarea {
	/* 设置字体 */
	font-family: Microsoft YaHei, Heiti SC, PingFang SC, Arial, SimHei, Hiragino Sans GB, Helvetica, "\5B8B\4F53", serif, sans-serif;
	/* 取消轮廓 */
	outline: none;
	/* 去掉默认外观 */
	-webkit-appearance: none;
	/* 去掉点击时的默认外观 */
	outline-style: none;
}

textarea {
	/* 禁止自定义拉伸 */
	resize: none;
}

/* 清楚浮动 */
.clearfix:after {
	visibility: hidden;
	clear: both;
	display: block;
	content: ".";
	height: 0
}

.clearfix {
	*zoom: 1
}

/* 控制显示文字行数 */
.clips1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.clips2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.clips3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.clips4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.clips5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.clips6 {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

/* 页面宽度 */
.w100 {
	width: 100%;
}

.w1200 {
	width: 60rem;
	margin: auto;
}
.rankpming {border-top: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0;font-size: .95em;}
.rankpming li {line-height: 4em;height:4em;overflow: hidden;border-bottom: 1px solid #f0f0f0;display: flex;}
.rankpming li:first-child{background: #f8e7e8;font-weight: bold;}
.rankpming li:last-child p{text-align:center;width: 100%;color: #d81e06;}
.rankpming li em {display: block;text-align: center;border-right: 1px solid #f0f0f0;}
.rankpming li em:first-child {width: 10%;}
.rankpming li em:nth-child(2) {text-align: left;box-sizing: border-box;width: 30%;padding-left: .5em;}
.rankpming li em:nth-child(3) {width: 25%;box-sizing: border-box;}
.rankpming li em:nth-child(4) {width: 30%;border-right:none;}
.rankpming li:first-child em:nth-child(4),.brandlist li:first-child em:nth-child(5){ background:none;}
.rankpming li em:nth-child(5) {width: 5em;border-left: 1px solid #f0f0f0;box-sizing:border-box;}
.rankpming li:nth-child(2) em:first-child {background: url(../images/brand10top1.png) no-repeat center;background-size: 2em;}
.rankpming li:nth-child(3) em:first-child {background: url(../images/brand10top2.png) no-repeat center;background-size:2em; }
.rankpming li:nth-child(4) em:first-child {background: url(../images/brand10top3.png) no-repeat center;background-size:2em; }

.rankpming li:nth-child(5) em:first-child,
.rankpming li:nth-child(6) em:first-child,
.rankpming li:nth-child(7) em:first-child,
.rankpming li:nth-child(8) em:first-child,
.rankpming li:nth-child(9) em:first-child,
.rankpming li:nth-child(10) em:first-child,
.rankpming li:nth-child(11) em:first-child
 {background: url(../images/top10.png) no-repeat center; background-size:2em; font-weight:bold;}
.rankprice{overflow-y: auto;}


.detail-info>ul {border-top: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0;font-size: .95em;}
.detail-info>ul li {line-height: 4em;height:4em;overflow: hidden;border-bottom: 1px solid #f0f0f0;display: flex;}
.detail-info>ul li:first-child{background: #f8e7e8;font-weight: bold;}
.detail-info>ul li:last-child p{text-align:center;width: 100%;color: #d81e06;}
.detail-info>ul li em {display: block;text-align: center;border-right: 1px solid #f0f0f0;}
.detail-info>ul li em:first-child {width: 10%;}
.detail-info>ul li em:nth-child(2) {text-align: left;box-sizing: border-box;width: 30%;padding-left: .5em;}
.detail-info>ul li em:nth-child(3) {width: 25%;box-sizing: border-box;}
.detail-info>ul li em:nth-child(4) {width: 30%;border-right:none;}
.detail-info>ul li:first-child em:nth-child(4),.brandlist li:first-child em:nth-child(5){ background:none;}
.detail-info>ul li em:nth-child(5) {width: 5em;border-left: 1px solid #f0f0f0;box-sizing:border-box;}
.detail-info>ul li:nth-child(2) em:first-child {background: url(../images/brand10top1.png) no-repeat center;background-size: 2em;}
.detail-info>ul li:nth-child(3) em:first-child {background: url(../images/brand10top2.png) no-repeat center;background-size:2em; }
.detail-info>ul li:nth-child(4) em:first-child {background: url(../images/brand10top3.png) no-repeat center;background-size:2em; }

.detail-info>ul li:nth-child(5) em:first-child,
.detail-info>ul li:nth-child(6) em:first-child,
.detail-info>ul li:nth-child(7) em:first-child,
.detail-info>ul li:nth-child(8) em:first-child,
.detail-info>ul li:nth-child(9) em:first-child,
.detail-info>ul li:nth-child(10) em:first-child,
.detail-info>ul li:nth-child(11) em:first-child
 {background: url(../images/top10.png) no-repeat center; background-size:2em; font-weight:bold;}
.rankprice{overflow-y: auto;}