.pd-detail {

	padding-bottom: 3.9rem;

}



.pd-top {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	align-items: flex-start;

	padding: 4rem 0 0;

}



.pd-left {

	width: 47.368421%;

}

#gallery {

	border: 1px solid #e8e8e8;

}

#gallery .swiper-slide {

	background-color: #eee;

}



#gallery .swiper-slide img {

	width: 100%;

}

.pd-thumbs {

	position: relative;

	width: 100%;

	padding: 0 .4rem;

}

#thumbs {

	padding: .4rem 0;

}



#thumbs .swiper-slide {

	width: 17.647059%;

	min-width: 60px;

	margin-right: 2.941176%;

	border: 1px solid #e8e8e8;

	box-sizing: border-box;

}

#thumbs .swiper-slide:last-child {

	margin-right: 0;

}

.pd-thumbs .swiper-button-next,

.pd-thumbs .swiper-button-prev {

	width: auto;

	color: #010101;

}

.pd-thumbs .swiper-button-next {

	right: 0;

}

.pd-thumbs .swiper-button-prev {

	left: 0;

}

.pd-thumbs .swiper-button-next:after,

.pd-thumbs .swiper-button-prev:after {

    font-size: 20px;

}

#thumbs .swiper-slide-thumb-active {

	position: relative;

	border-color: #bb0404;

}

#thumbs .swiper-slide-thumb-active::after {

	content: "";

	position: absolute;

	left: 50%;

	top: -.4rem;

	border-bottom: .2rem solid #bb0404;

	border-left: .2rem solid transparent;

	border-top: .2rem solid transparent;

	border-right: .2rem solid transparent;

	transform: translateX(-50%);

}

.pd-right {

	width: 47.368421%;

	min-width: 185px;

	padding-right: 1.315789%;

}

.pd-title {

	padding: .3rem 0;

    font-family: 'Montserrat-Bold';

	font-size: 36px;

	line-height: 50px;

	color: #000;

}

.pd-price {

	display: block;

	margin-bottom: .5rem;

	padding: .3rem 0;

	font-family: 'Montserrat-Bold';

	font-size: 30px;

	line-height: 50px;

	color: #bb0404;

	border-top: 1px solid #e8e8e8;

	border-bottom: 1px solid #e8e8e8;

}

.pd-desc {

	margin-bottom: 1.6rem;

	font-family: 'Montserrat-Light';

	font-size: 18px;

	line-height: 40px;

	color: #4b4b4b;

}



.pd-more {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 33.3333333%;

	height: 60px;

	min-width: 180px;

	font-family: 'Montserrat-Light';

	font-size: 18px;

	color: #fff;

	background-color: #bb0404;

	text-transform: uppercase;

}



@media (max-width: 768px) {

	.pd-left {

		width: 100%;

	}

	.pd-right {

		width: 100%;

		padding-right: 0;

	}

}

@media (max-width: 576px) {

	

}



.pd-bot {

	padding: 1rem 0 0;

}

.pd-bot img {

	margin-bottom: .6rem;

}

.pd-params {

	padding: 1.4rem 0 0;

}

.pd-params-title {

	padding: .3rem .5rem;

	font-family: 'Montserrat-Medium';

	font-size: 24px;

	line-height: 40px;

	color: #fff;

	background-color: #000;

}

.pd-params-list {

	

}

.pd-params-row {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

}

.pd-params-row:nth-child(2n) {

	background-color: #f8f8f8;

}

.pd-params-row:nth-child(2n) .pd-params-label {

	background-color: #f0f0f0;

}

.pd-params-item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	width: 50%;

}

.pd-params-label {

	width: 28.947368%;

	min-width: 130px;

	padding: .3rem .5rem;

	font-family: 'Montserrat-Light';

	font-size: 16px;

	line-height: 40px;

	color: #6e6e6e;

	background-color: #f7f7f7;

}

.pd-params-value {

	flex: 1;

	padding: .3rem .5rem;

	font-family: 'Montserrat-Light';

	font-size: 16px;

	line-height: 40px;

	color: #6e6e6e;

}

@media (max-width: 576px) {

	.pd-params-item {

		width: 100%;

	}

	.pd-params-row:nth-child(2n) {

		background-color: transparent;

	}

	.pd-params-row:nth-child(2n) .pd-params-label {

		background-color: transparent;

	}

	.pd-params-row .pd-params-item:nth-child(1) {

		background-color: #f8f8f8;

	}

	.pd-params-row .pd-params-item:nth-child(2) {

		background-color: #f0f0f0;

	}

	.pd-params-label {

		background-color: transparent;

	}

}









.pd-sitem {

	margin-bottom: .4rem;

}

.pd-stitle {

    font-weight: 600;

	font-size: 30px;

	line-height: 70px;

	color: #000;

	text-align: center;

}



.pd-sitem-t {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 45px;

	padding: 0 0 0 .4rem;

	font-size: 18px;

	color: #1e1e1e;

	background-color: #ebebeb;

	cursor: pointer;

	-webkit-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.pd-sitem-t:hover {

	background-color: #383838;

	color: #fff;

}

.pd-sitem-icon {

	display: block;

	width: 45px;

	height: 45px;

	font-size: 30px;

	line-height: 45px;

	text-align: center;

	-webkit-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.pd-sitem-cont {

	display: none;

	padding-top: .16rem;

}

.pd-sitem-cont li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	min-height: 44px;

	padding: .14rem;

	font-size: 12px;

	color: #070002;

	border-bottom: 1px solid #ebebeb;

}

.pd-sitem-cont li:last-child {

	border-bottom: none;

}

.pd-sitem-cont .pd-scl {

	width: 35.73883161512027%;

	padding: 0 .4rem;

}

.pd-sitem-cont .pd-scr {

	width: 64.26116838487973%;

	padding: 0 .4rem;

}

.pd-active .pd-sitem-t {

	color: #fff;

	background-color: #131313;

}

.pd-active .pd-sitem-icon {

	-webkit-transform: rotateZ(135deg);

	-ms-transform: rotateZ(135deg);

	-o-transform: rotateZ(135deg);

	transform: rotateZ(135deg);

}

/* .pd-active .pd-sitem-cont {

	display: block;

} */