/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/


.wd_brand_container{
	width : calc( 100% - 80px ) ;
	max-width: 1200px ;
	margin: 72px auto 0px ;
}

.wd_brand_menucol{
	width: 276px ;
}
.wd_brand_menucol a:hover{
	opacity: 0.5 ;
}

.wd_brand_menucol_hr{
	width: 100% ;
	height: 1px ;
	background-color: #CDCDCD ;
}

.wd_brand_menucol_title{
	height: 64px ;
	line-height: 64px ;
	font: 17px ;
	font-weight: 700 ;
}


.wd_brand_menucol_catetitle{
	height: 64px ;
	line-height: 64px ;
	font: 15px ;
	font-weight: 700 ;
}


.wd_brand_menucol_catebox{
	padding-left: 16px ;
	margin-bottom : 20px ;
}
.wd_brand_menucol_catebox.wd_follow{
	margin-top : 20px ;
}
.wd_brand_menucol_brandname{
	margin-bottom : 10px ;
	font-size: 15px ;
	font-weight: 700 ;
}

.wd_brand_menucol_catename{
	font-size: 15px ;
	font-weight: 700 ;
}

.wd_brand_menucol_cateitem{
	display: inline-block !important ;
	font-size: 13px ;
}
.wd_brand_menucol_cateslash{
	display: inline-block !important ;
	font-size: 13px ;
	padding : 0px 4px ;
}












.wd_brandindex{
	width: calc( 100% - 312px );
}

.wd_brand_index_catetitle{
	font-size: 24px ;
	font-weight: 700 ;
	line-height: 1 ;
	color : #4D4D4D ;
	margin-bottom : 24px ;
}

.wd_brand_index_flex{
	width: 100% ;
	gap: 30px 20px ;
}

.wd_brand_index_item_wrap{
	width: 200px ;
}
.wd_brand_index_itembox{
	width: 100% ;
}
.wd_brand_index_item_image{
	width: 100% ;
	aspect-ratio: 4 / 5 ;
	overflow: hidden ;
	margin-bottom : 10px ;
}

.wd_brand_index_item_image_wrap{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
}
.wd_brand_index_item_image_wrap img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.wd_brand_index_item_name{
	font-size: 15px ;
	font-weight: 700 ;
	line-height: 16px ;
	color: #4D4D4D ;
}

.wd_brand_index_item_price{
	font-size: 13px ;
	color: #A1A19F ;
	margin-top : 4px ;
}


.wd_brand_index_pager{
	width: 100% ;
	margin : 100px auto ;
	justify-content: center !important ;
	gap: 16px ;
}

.wd_brand_index_pager_item{
	width: 16px ;
	height: 20px ;
}
.wd_brand_index_pager_item:hover{
	opacity: 0.5 ;
}
.wd_brand_index_pager_item_wrap{
	width: 100% ;
	height: 20px ;
	line-height: 19px ;
	text-align: center ;
	color: #4D4D4D ;
	font-size: 12px ;
}

.wd_brand_index_pager_item_wrap.wd_active{
	border-bottom : 1px solid #4D4D4D ;
}














/** detail =============================== **/

.wd_detail_flex{
	width: 100% ;
}

.wd_detail_flex_left{
	width: calc( 100% - 360px ) ;
	max-width: 450px ;
	margin-bottom : 40px ;
}

.wd_detail_flex_slide_stage{
	width: 100% ;
	aspect-ratio: 3 / 4 ;
	overflow: hidden ;
	background-color: #000000 ;
}
.wd_detail_flex_slide_image{
	position: absolute;
	top : 0% ; 
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
  display : none ;
}
.wd_detail_flex_slide_tn_superbox{
	width: 100% ;
	justify-content: left !important ;
	margin : 10px auto 0px ;
	gap: 10px ;
}
.wd_detail_flex_slide_tnbox{
	width: calc( 25% - 7.5px );
	aspect-ratio: 3 / 4 ;
  cursor : pointer ;
}
.wd_detail_flex_slide_tnbox.wd_active,
.wd_detail_flex_slide_tnbox:hover{
	opacity: 0.5 ;
}
.wd_detail_flex_slide_tnbox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}


.wd_detail_flex_right{
	width: 340px ;
}

.wd_detail_right_table{
	width : 100% ;
	border-collapse: collapse;
}

.wd_detail_right_table_name{
	padding: 10px 14px ;
	border-top : 1px solid #CDCDCD ;
	border-right : 1px solid #CDCDCD ;
	border-bottom : 1px solid #CDCDCD ;
	vertical-align: middle ;
	color : #4D4D4D 
}

.wd_detail_right_table_value{
	padding: 10px 14px ;
	border-top : 1px solid #CDCDCD ;
	border-bottom : 1px solid #CDCDCD ;
	vertical-align: middle ;
	color : #4D4D4D 
}

.wd_detail_right_table_buynum{
	position: relative ;
	display: block ;
	box-sizing: border-box ;
	width: 60px ;
	height: 30px ;
	border : 1px solid #DBDBDB ;
	border-radius: 4px ;
	text-align: right ;
	padding: 0px 10px ;
}

.wd_detail_addcart{
	position: relative ;
	display: block ;
	box-sizing: border-box ;
	width: 100% ;
	height: 62px ;
	border : 1px solid #ECD062 ;
	background-color: #ECD062 ;
	color: #FFFFFF ;
	font-size: 21px ;
	border-radius: 4px ;
	margin : 28px auto 0px ;
	cursor: pointer ;
}
.wd_detail_addcart:hover{
	opacity: 0.5 ;
}

.wd_detail_right_hr{
	width: 100% ;
	height: 1px ;
	background-color: #CDCDCD ;
	margin : 20px auto ;
}

.wd_detail_right_story{
	line-height: 2;
}

.wd_detail_right_extra{
	margin-top : 24px ;
	line-height: 2 ;
}

.wd_detail_soldout_bar{
	width : 100% ;
	height : 62px ;
	line-height : 62px ;
	background-color : #000000 ;
	color : #FFFFFF ;
	font-size : 21px ;
	font-weight : 700 ;
	text-align : center ;
	margin : 28px auto 0px ;
}


























/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1000px) {









.wd_brand_container{
}

.wd_brand_menucol{
	width: 100%  ;
	order : 2 
}
.wd_brand_menucol a:hover{
}

.wd_brand_menucol_hr{
}

.wd_brand_menucol_title{
}


.wd_brand_menucol_catetitle{
}


.wd_brand_menucol_catebox{
}
.wd_brand_menucol_catebox.wd_follow{
}
.wd_brand_menucol_brandname{
}

.wd_brand_menucol_catename{
}

.wd_brand_menucol_cateitem{
}
.wd_brand_menucol_cateslash{
}









.wd_brandindex{
	width: 100% ;
	max-width: 1000px ;
	order: 1 ;
}


/** detail =============================== **/

.wd_detail_flex{
	max-width: 450px ;
	margin : 0px auto 100px ;
	justify-content: center !important ;
}

.wd_detail_flex_left{
	width: 100% ;
	max-width: 450px ;
	margin-bottom : 40px ;
}

.wd_detail_flex_slide_stage{
}
.wd_detail_flex_slide_image{
}
.wd_detail_flex_slide_tn_superbox{
}
.wd_detail_flex_slide_tnbox{
}
.wd_detail_flex_slide_tnbox:hover{
	opacity: 0.5 ;
}
.wd_detail_flex_slide_tnbox img{
}


.wd_detail_flex_right{
	width: 100% ;
}

.wd_detail_right_table{
}

.wd_detail_right_table_name{
}

.wd_detail_right_table_value{
}

.wd_detail_right_table_buynum{
}

.wd_detail_addcart{
}
.wd_detail_addcart:hover{
}

.wd_detail_right_hr{
}

.wd_detail_right_story{
}

.wd_detail_right_extra{
}




















}


