@charset "utf-8";

.top {
	height: 90px;
	width: 100%;
	background-color: #fff;
}
.header {
	background-color: #fff;
	border-color: #ddd;
}
.header .top-nav {
	color: #333;
}

.product-detail .detail-main-hd {
	padding: 60px 0;
	background-color: #f5f5f5;
}
.product-detail .detail-main-hd .inner-wrapper {
	display: flex;
	justify-content: space-between;
}
.product-detail .detail-pics {
	width: 53.2%;
}
.product-detail .detail-pics .small-pic {
	margin-right: 2.5%; float: left; width: 14.58%;
}
.product-detail .detail-pics .small-pic li {
	border: 1px solid #eee; cursor: pointer;
}
.product-detail .detail-pics .small-pic li+li {
	margin-top: 17%;
}
.product-detail .detail-pics .small-pic li.on {
	border-color: #c99a5e;
}
.product-detail .detail-pics .small-pic li img {
	width: 100%;
}
.product-detail .detail-pics .big-pic {
	width: 82.9%; border: 1px solid #eee; overflow: hidden; float: right;
}
.product-detail .detail-pics .big-pic li a {
	display: block; width: 100%;
}
.product-detail .detail-pics .big-pic li img {
	width: 100%;
}
.product-detail .detail-text {
	width: 42%;
}
.product-detail .detail-text h1 {
	font-size: 30px;
}
.product-detail .detail-text .description {
	margin-top: 15px; color: #c99a5e; font-size: 16px; line-height: 1.8;
}
.product-detail .detail-text .price {
	margin-top: 20px;
}
.product-detail .detail-text .price .tit {
	color: #999; font-size: 14px;
}
.product-detail .detail-text .price .num {
	color: #000; font-size: 14px; vertical-align: bottom;
}
.product-detail .detail-text .price .num span {
	font-size: 28px;
}
.product-detail .detail-text .button {
	margin-top: 40px; display: flex; align-items: center; justify-content: space-between;
}
.product-detail .detail-text .button a {
	width: 48%; text-align: center; height: 42px; line-height: 42px; color: #c99a5e; border: 1px solid #c99a5e; border-radius: 5px; font-size: 16px;
}
.product-detail .detail-text .button a:hover {
	background: #c99a5e; color: #fff; text-decoration: none;
}
.product-detail .detail-text .advantage {
	margin-top: 50px;
}
.product-detail .detail-text .advantage ul {
	display: flex;
}
.product-detail .detail-text .advantage li {
	text-align: center;
}
.product-detail .detail-text .advantage li+li {
	margin-left: 12%;
}
.product-detail .detail-text .advantage li .ico {
	width: 56px; height: 38px; text-align: center; margin-bottom: 10px;
}
.product-detail .detail-text .advantage li .ico img {
	width: 100%; height: 100%; object-fit: scale-down;
}
.product-detail .detail-text .p-label {
	margin-top: 50px; font-size: 18px;
}
.product-detail .detail-text .p-label span {
	display: inline-block; padding: 8px 20px; line-height: 1; color: #ccc; border: 1px solid #cbcbcb; border-radius: 15px; font-size: 14px;
}
.product-detail .detail-text .p-label span+span {
	margin-left: 15px;
}

.detail-main-bd {
	padding: 60px 0; 
}
.detail-main-bd .inner-wrapper {
	display: flex; justify-content: space-between;
}
.detail-main-bd .side {
	width: 26.66%; padding: 30px; background-color: #f5f5f5;
}
.detail-main-bd .pro-cate h2 {
	margin: 0; font-size: 22px;
}
.detail-main-bd .pro-cate .cate-hd a {
	display: inline-block; height: 50px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; padding: 0 20px; background-color: #c5a47e; color: #fff; margin-top: 18px; transition: padding 0.3s;
}
.detail-main-bd .pro-cate .cate-hd a:hover {
	padding-left: 30px;
}
.detail-main-bd .pro-cate .cate-bd {
	margin-bottom: -18px;
	padding: 10px 0;
}
.detail-main-bd .pro-cate .cate-bd li a {
	display: block; line-height: 38px; padding: 0 20px;
}
.detail-main-bd .pro-cate .cate-bd li a:hover {
	color: #c99a5e; text-decoration: none;
}
.detail-main-bd .detail-content {
	width: 66.66%; font-size: 15px; line-height: 1.7;
}
.detail-main-bd .detail-content img {
	max-width: 100%;
}
.detail-main-bd .hot {
	margin-top: 40px;
}
.detail-main-bd .hot .hot-hd {
	font-size: 22px;
}
.detail-main-bd .hot .hot-bd{
	margin-top: 20px;
}
.detail-main-bd .hot .hot-bd .pro-img {
	width: 100%; border: 1px solid #eee; margin-bottom: 10px; overflow: hidden;
}
.detail-main-bd .hot .hot-bd .pro-img img {
	width: 100%; height: 100%; object-fit: scale-down; transition: all 0.6s;
}
.detail-main-bd .hot .hot-bd .pro-img a:hover img {
	transform: scale(1.05);
}
.detail-main-bd .hot .hot-bd li+li {
	margin-top: 25px;
}
.detail-main-bd .hot .hot-bd li p a:hover {
	color: #c99a5e; text-decoration: none;
}