页面三（10月27号）

HTML部分：

• 官方应援手灯专区


• 官方应援手幅专区


• 签名商品专区


• 官方DVD专区


• 

• 薛之谦


• iKON


• 鹿晗


• GOT7


• EXO


• ASTRO(韩国)


• winner


• BigBang

• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  


• 
  
  
  
  [现货包邮]加一联创1more bear 万魔熊 一头
  ￥50
  

  
  0

  
  
  
  

CSS部分：

body{
background-color: #CCCCCC;
}
.co ul{
padding-left: 0px;
}
.co ul li{
display: inline-block;

}
.co{
width: 1000px;
margin: 0px auto;
}
.co .banner img{
width: 1000px;

}
.co .star{
margin-top: 20px;
}
.co .star .title{
background-image: url(../img/zhuxing.png);
background-repeat: no-repeat;
height: 45px;

}
.co .star li{
background-color: white;
vertical-align: bottom;/* 底部对齐 */
margin-left: 10px;

}
.co .star li:last-child{
height: 135px;
margin-left: 0px;
vertical-align: bottom;
margin-left: 30px;
}
.co .star li:last-child img{
height: 136px;
width: 271px;
vertical-align: bottom;
}
.co .star li img{
width: 160px;
height: 90px;

}
.co .star li img:last-child{ /* 最后一个图片*/
height: 135px;

}
.co .star li span{
padding: 10px;

text-align: center;
display: block;
}

.co .top{
margin-top: 20px;
}
.co .top .title{
height: 25px;
background-image: url(../img/shop_title2.png);
background-repeat: no-repeat;
background-position: 0px -57px;
}
.co .top li{
margin: 0px 3px;
width: 115px;
height: 150px;
background-color: #FFFFFF;
text-align: center;

}

.co .top li:first-child{
margin-left: 0;
}
.co .top li:last-child{
margin-right: 0;
}

.co .top img{
width: 115px;


}

.co .list .title{
height: 47px;
background-image: url(../img/shop_title2.png);
background-repeat: no-repeat;
background-position: 0px -102px;
}
.co .list li{
background-color: #FFFFFF;
width: 323px;
margin: 10px 5px;
height: 154px;
display: inline-block;

}
.co .list li:nth-child(3n+1){
margin-left: 0;
}
.co .list li:nth-child(3n){
margin-right: 0;
}
.co .list img{

width: 154px;
height: 154px;
}
.co .list .right{
display: inline-block;
vertical-align: top;

}
.co .list .right span{
display: block;
color: #999;
margin: 10px 5px;
width: 150px;
height: 45px;
overflow: hidden;/* 隐藏 */
}
.co .list .right .title2{
margin-top: 10px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;

}
.co .list .right .money{
color: #DE4767;
}
.co .list .right div{
margin-top: -37px;
}
.co .list .right div span{
display: inline-block;
}
.co .list .right .love{
width: 12px;
height: 12px;
background-image: url(../img/icon/ico.png);
background-position: 0 -74px;
margin-top: 10px;
}
.co .list .right .num{
width: 100px;
vertical-align: top;
margin-top: 3px;
}
/* 尾部 */