/* ==================================

 JINGDONG TRADING V2.0

 Product Detail

================================== */



.detail{


width:85%;


margin:

90px auto;


display:flex;


gap:80px;


align-items:center;


}




/* ---------- 图片 ---------- */


.detail-image{


flex:1;


}



.detail-image > img{


width:100%;


border-radius:35px;


box-shadow:

0 20px 50px rgba(0,0,0,.12);


}




.thumbs{


display:flex;


gap:20px;


margin-top:25px;


}





.thumbs img{


width:90px;


height:90px;


object-fit:cover;


border-radius:15px;


cursor:pointer;


opacity:.7;


transition:.3s;


}




.thumbs img:hover{


opacity:1;


transform:scale(1.08);


}






/* ---------- 信息 ---------- */



.detail-info{


flex:1;


}




.detail-info p{


letter-spacing:4px;


font-size:14px;


color:#888;


margin-bottom:25px;


}





.detail-info h1{


font-size:55px;


line-height:1.2;


margin-bottom:25px;


}




.detail-info h3{


font-size:22px;


font-weight:400;


color:#666;


}





.price{


font-size:24px;


margin:

40px 0;


font-weight:600;


}




.detail-info ul{


padding-left:20px;


margin-bottom:40px;


}




.detail-info li{


margin-bottom:15px;


font-size:17px;


}




.contact-btn{


display:inline-block;


background:#111;


color:white;


padding:

18px 50px;


border-radius:40px;


text-decoration:none;


transition:.3s;


}




.contact-btn:hover{


background:#1266d6;


transform:translateY(-5px);


}







/* ---------- 产品介绍 ---------- */



.detail-desc{


width:70%;


margin:

50px auto 120px;


background:#f7f7f7;


padding:70px;


border-radius:35px;


}



.detail-desc h2{


font-size:40px;


margin-bottom:25px;


}




.detail-desc p{


font-size:18px;


line-height:2;


color:#555;


}







/* ---------- 手机端 ---------- */


@media(max-width:768px){


.detail{


width:90%;


display:block;


margin-top:50px;


}



.detail-info{


margin-top:40px;


}



.detail-info h1{


font-size:38px;


}



.thumbs img{


width:70px;


height:70px;


}




.detail-desc{


width:90%;


padding:35px;


}



.detail-desc h2{


font-size:30px;


}



}