.banner{ width: 100%; } .banner img{ width: 100%; } .activityList .title{ width: 2.16rem; height: 0.55rem; margin: auto; font-size:0.24rem; color: #B40219; font-weight: bold; text-align: center; letter-spacing:0.06rem; line-height: 0.43rem; } .tab{ width: 100%; display: flex; align-items: center; justify-content: space-around; } .tab li{ width: 25%; text-align: center; margin-top: 0.2rem; margin-bottom: 0.05rem; } .tab li .img{ /*display: block;*/ margin: auto; width: 0.55rem; height: 0.55rem; border-radius: 50%; background: #FFFFFF; margin-bottom: 0.05rem; position: relative; display: flex; align-items: center; justify-content: center; } .tab li .img img{ width: 0.3rem; height: 0.3rem; } .tab li span{ font-size: 0.11rem; line-height: 0.14rem; color: #FFFFFF; } #activity{ position: absolute; top: 1.66rem; width: 100%; } .commodityListCon{ height: 3.55rem; width: 100%; padding-bottom: 0.28rem; } .commodityList ul{ width: 2.85rem; margin: auto; padding-top: 0.25rem; display: flex; align-items: center; flex-wrap: wrap; } .commodityList ul li{ width: 33%; text-align: center; } .commodityList ul li:nth-of-type(4),.commodityList ul li:nth-of-type(5),.commodityList ul li:nth-of-type(6){ margin-top: 0.54rem; } .commodityList ul li .img{ width: 0.84rem; height: 0.84rem; margin: auto; position: relative; border-radius: 0.08rem; background: #D8D8D8; border: 0.01rem solid #979797; } .commodityList ul li .img img{ width: 0.84rem; height: 0.84rem; border-radius: 0.08rem; } .commodityList ul li .img span{ width: 0.39rem; height: 0.14rem; border: 0.01rem solid #F96C7D; background: #FFE8E8; border-radius: 0.03rem; position: absolute; left: -0.01rem; bottom: -0.01rem; color: #F93346; font-size: 0.11rem; line-height: 0.16rem; } .commodityList li p{ margin: auto; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #444444; width: 0.83rem; font-size: 0.11rem; line-height: 0.16rem; margin-top: 0.04rem; margin-bottom: 0.05rem; } .commodityList li .price{ width: 0.84rem; margin: auto; display: flex; align-items: center; justify-content: space-between; } .commodityList li .price .nowPrice{ font-size: 0.12rem; color: #F93346; line-height: 0.16rem; } .commodityList li .price .oldPrice{ font-size: 0.1rem; line-height: 0.17rem; color: #888888; text-decoration:line-through; }