淘寶詳情頁是電商網站的重要組成部分，而其中的CSS樣式是頁面視覺效果的重要支撐。

在淘寶詳情頁中，CSS樣式主要分為以下幾個部分：

/* 1. 頁面結構布局 */
.tb-detail {
width: 100%;
margin: 0 auto;
padding: 20px;
font-size: 14px;
color: #333;
}
/* 2. 圖片展示樣式 */
.tb-gallery {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
.tb-gallery img {
width: 100%;
height: auto;
max-width: 750px;
}
/* 3. 商品信息樣式 */
.tb-detail-hd {
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.tb-detail-hd h1 {
font-size: 20px;
font-weight: bold;
margin: 0;
}
.tb-detail-hd p {
font-size: 12px;
color: #999;
}
/* 4. 商品詳情樣式 */
.tb-detail-bd {
padding: 20px 0;
border-bottom: 1px solid #ddd;
}
.tb-detail-bd h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.tb-detail-bd p {
font-size: 14px;
line-height: 1.5;
}
/* 5. 店鋪信息樣式 */
.tb-shop {
padding: 20px 0;
border-bottom: 1px solid #ddd;
}
.tb-shop h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.tb-shop p {
font-size: 14px;
color: #999;
}

以上CSS樣式是淘寶詳情頁中的主要樣式，其中包括了頁面整體布局、圖片展示樣式、商品信息樣式、商品詳情樣式和店鋪信息樣式等方面。

總之，在淘寶詳情頁中，CSS樣式的設計和編寫是非常重要的，只有通過精心的設計和編寫，才能讓頁面達到更好的視覺效果和用戶體驗。