/* ============·ÖÀàÁбí============== */

ul.productclass{
margin:0 auto;     
padding:0px;
text-align:center;  
display:table;    
}

li.productclass {
float:left;
margin-right:12px;
padding-left:16px;
list-style-type: none;
white-space: nowrap;
line-height:20px;
position: relative;
}


li.productclass:not(:first-child)::before {
content: "|";
position: absolute;
left: 0;
color: #999;
}

a.productclass:link,a.productclass:visited,a.productclass:active{
color:#555;
text-decoration: none;
font: 17px/20px 'microsoft yahei',Verdana, Arial;
font-weight: bold;
}

a.productclass:hover{
color:#ff0000;
text-decoration: underline;
font: 17px/20px 'microsoft yahei',Verdana, Arial;
font-weight: bold;
}