/*
* @Author: Sun Jijing
* @Date:   2025-04-16 15:51:26
* @Last Modified by:   Sun Jijing
* @Last Modified time: 2025-04-16 15:51:26
*/

.product_detail { background: rgba(255, 255, 255, .6); padding: 0.57rem; }
.pic_info { margin-bottom: 0.5rem; display: flex; align-items: center; }
.pic_info .img { width: 4.45rem; height: 4.05rem; overflow: hidden; flex-shrink: 0; margin-right: 0.8rem; }
.pic_info .img img { width: 100%; height: 100%; object-fit: cover; }
.pic_info .txt h1 { font-size: 0.3rem; color: #333; }
.pic_info .txt .tags { margin-top: 0.3rem; margin-bottom: 0.7rem; }
.pic_info .txt .tags span { display: inline-block; height: 0.3rem; line-height: 0.3rem; padding: 0 0.25rem; margin-right: 0.25rem; font-size: 0.2rem; }
.pic_info .txt .tags span:nth-child(4n) { background: #e4f2e9; color: #046437; }
.pic_info .txt .tags span:nth-child(4n+1) { background: #fcf3e5; color: #cd9934; }
.pic_info .txt .tags span:nth-child(4n+2) { background: #f4e5f1; color: #a60477; }
.pic_info .txt .tags span:nth-child(4n+3) { background: #e8e6f1; color: #282987; }
.pic_info .txt .but a { display: inline-block; width: 1.77rem; height: 0.56rem; line-height: 0.56rem; text-align: center; border-radius: 0.05rem; background: linear-gradient(to right, #0f9d33, #73a832); margin-right: 0.35rem; font-size: 0.25rem; color: #fff; }
.pic_info .txt .tips { margin-top: 0.4rem; font-size: 0.2rem; color: #333; }
.con_txt .title { font-size: 0.25rem; color: #333; display: flex; align-items: center; margin-bottom: 0.4rem; font-weight: bold; }
.con_txt .title i { display: block; width: 0.03rem; height: 0.23rem; background: linear-gradient(to bottom, rgba(42, 127, 43, .6), transparent); margin-right: 0.07rem; }
.con_txt dl { display: flex; margin-bottom: 0.33rem; }
.con_txt dt { padding: 0 0.3rem; margin-right: 0.3rem; flex-shrink: 0; height: 0.42rem; line-height: 0.42rem; font-size: 0.23rem; background: #00913a; border-radius: 0.42rem; color: #fff; }
.con_txt dd, .con_txt dd * { line-height: 2em; font-size: 0.23rem; color: #333; }
.con_txt dd p span, .con_txt dd p strong { color: inherit; }

/* 适配代码 */
@media screen and (max-width: 1200px){
	.pic_info .txt h1 { font-size: 0.5rem; }
	.pic_info .txt .tags { margin-bottom: 0.5rem; }
	.pic_info .txt .tags span { height: 0.6rem; line-height: 0.6rem; font-size: 0.34rem; }
	.pic_info .txt .but a { height: 0.7rem; line-height: 0.7rem; font-size: 0.34rem; width: auto; margin-right: 0.3rem; padding: 0 0.3rem; }

	.con_txt .title { font-size: 0.4rem; }
	.con_txt .title i { height: 0.4rem; margin-right: 0.2rem; }
	.con_txt dl { margin-bottom: 0.4rem; }
	.con_txt dt { font-size: 0.34rem; height: 0.6rem; line-height: 0.6rem; margin-right: 0.3rem; }
	.con_txt dd, .con_txt dd * { font-size: 0.34rem; }
}
@media screen and (max-width: 768px){
	.product_detail { background: none; padding: 0; }
	.pic_info .txt h1 { font-size: 0.6rem; }
	.pic_info { flex-direction: column; margin-bottom: 1rem; }
	.pic_info .txt .tags span { font-size: 0.4rem; height: 0.8rem; line-height: 0.8rem; padding: 0 0.3rem; }
	.pic_info .img { width: 100%; height: auto; margin-right: 0; margin-bottom: 0.4rem; }
	.pic_info .txt { width: 100%; }
	.pic_info .txt .but { display: flex; justify-content: space-between; }
	.pic_info .txt .but a { width: 48%; margin-right: 0; height: 0.9rem; line-height: 0.9rem; font-size: 0.4rem; }

	.con_txt .title { font-size: 0.45rem; }
	.con_txt .title i { height: 0.45rem; width: 0.1rem; background: linear-gradient(to bottom, rgba(42, 127, 43, 1), rgba(42, 127, 43, .6)); }
	.con_txt dl { flex-direction: column; }
	.con_txt dt { text-align: center; font-size: 0.38rem; height: 0.9rem; line-height: 0.9rem; font-size: 0.4rem; margin-bottom: 0.2rem; margin-right: 0; border-radius: 0.1rem; }
	.con_txt dd, .con_txt dd * { font-size: 0.4rem; }
}