2021/10/27
阿新 • • 發佈:2021-10-27
body{ background-color: #CCCCCC; } .content ul{ padding-left: 0; } .content ul li{ display:inline-block; } .content{ width:1000px; margin: 0 auto; } .content .banner img{ width:1000px; } .content .star{ margin-top: 20px; } .content .star .title{ background-image: url(../img/zhuxing.png); background-repeat: no-repeat; height: 45px; } .content .star li{ background-color: white; vertical-align: bottom; /* height: 135px; */ /* 水平對齊 */ } .content .star li:last-child{ height: 135px; margin-left: 20px; } .content .star li:last-child img{ height: 135px; width: 240px; } .content .star li img{ width:180px; } .content .star li span{ padding: 10px; display: block; text-align: center; } .content .top{ margin-top: 20px; text-align: center; } .content .top .title{ height: 25px; background-image: url(../img/shop_title2.png); background-repeat: no-repeat; background-position: 0 -60px; } .content .top li{ margin: 0 5px; width: 110px; background-color: #FFFFFF; } .content .top li:first-child{ margin-left:0 ; } .content .top li:last-child{ margin-right:0 ; } .content .top img{ width: 110px; } .content .list li{ background-color: #FFFFFF; width: 322px; margin: 10px 5px; height: 154px; } .content .list li:nth-child(3n+1){ margin-left:0 ; } .content .list li:nth-child(3n){ margin-right:0 ; } .content .list img{ height:154px; width: 154px; } .content .list .right span{ display: block; color: #999999; margin: 10px 5px; font-size: 14px; width: 150px; overflow: hidden; } .content .list .right{ display: inline-block; vertical-align:top; } .content .list .right .title{ /* display: inline-block; */ margin-top: 30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .content .list .right .money{ color:#DE4767; } .content .list .right div{ margin-top: 20px; } .content .list .right div span{ display: inline-block; } .content .list .right .love{ width: 12px; height: 12px; background-image: url(../img/icon/ico.png); background-position:0 -74px ; background-repeat: no-repeat; margin-top: 0px; } .content .list .right .num{ width: 100px; vertical-align: top; margin-top: -7px; }