音悦buycss

body{
margin: 0;
}
.content{
width: 1000px;
margin: 0 auto;
}
.content .nav{
margin: 15px 0;
}
.content .nav a{
text-decoration: none;
color: #333333;
margin-right: 5px;
}
.content .nav span{
color: #999;
}
.content .left{
width: 418px;
display: inline-block;
}
.content .left div{
text-align: right;
}
.content .left div .love{
display: inline-block;
width: 12px;
height: 12px;
background-image: url(../img/icon/ico.png);
background-position: 0 -73px;
margin-right: 5px;
}
.content .left div .num{
color: #999999;
}
.content .right {
width: 525px;
vertical-align: top;
display: inline-block;
margin-left: 30px;
}
.content .right .title{
font-weight: bold;
}
.content .right .dt{
color: #999999;
width: 80px;
display: inline-block;
}
.content .right .money{
font-size: 28px;
color: #FF1493;
font-weight: bolder;
}
.content .right .del{
color: #999999;
text-decoration: line-through;
}
.content .right div{
line-height: 50px;
}
.content .right .weight{
font-size: 12px;
color: #999999;
}
.content .right .cart{
display: inline-block;
height: 62px;
width: 200px;
background-image: url(../img/detail_btn_v1_04.png);
background-position: 0 0;
}
.content .right .buy{
display: inline-block;
height: 55px;
width: 200px;
background-image: url(../img/detail_btn_v1_04.png);
background-position: 0 -65px;
}
.content .right .sp{
margin-top: 108px;
}
.footer{
width: 1570px;
height: 110px;
background-color: #333333;
margin: 0px;
text-align: center;
}
.footer ul li{
display: inline-block;
margin-top: 45px;
}
.footer ul li a{
font-size: 18px;
text-decoration: none;
color: #CCCCCC;
border-left: 1px solid #CCCCCC;
}
.footer ul li:first-child a{
border: none;
}

上一篇:给网站“挂”上灯笼


下一篇:js小案例(二)抽奖