.content{ margin-top: 0.9rem !important; } .hot{ padding: 0.3rem 0.3rem 0 0.3rem; } .hot p{ font-size: 0.34rem; color: #333; margin-bottom: 0.26rem; margin-top: 0.3rem; } .hot_list{ display: flex; align-items: center; justify-content: flex-start; margin-top: 0.24rem; flex-wrap: wrap; } .hot_list li{ margin-bottom: 0.6rem; margin-right: 0.52rem; } .hot_list li:nth-child(4n){ margin-right: 0; } .hot_list_top{ position: relative; } .hot_list_top img{ width: 1.2rem; height: 1.2rem; border-radius: 100%; } .hot_list_top .xiao{ zoom: 0.9; font-size: 0.22rem; position: absolute; left: 50%; transform: translateX(-57%); bottom: -0.2rem; padding: 0.02rem 0.1rem; background: rgb(0 0 0 / 58%); color: #fff; border-radius: 0.2rem; } .hot_list li p{ width: 1.3rem; font-size: 0.24rem; color: #7e7979; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .new{ padding: 0.3rem 0.3rem 0 0.3rem; } .new p{ font-size: 0.34rem; color: #333; margin-bottom: 0.26rem; margin-top: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new_list{ display: flex; align-items: center; justify-content: flex-start; margin-top: 0.24rem; flex-wrap: wrap; } .new_list li{ margin-bottom: 0.6rem; margin-right: 0.52rem; } .new_list li:nth-child(4n){ margin-right: 0; } .new_list_top{ position: relative; } .new_list_top img{ width: 1.2rem; height: 1.2rem; border-radius: 100%; } .new_list_top .xiao{ zoom: 0.9; font-size: 0.22rem; position: absolute; left: 50%; transform: translateX(-57%); bottom: -0.2rem; padding: 0.02rem 0.1rem; background: rgb(0 0 0 / 58%); color: #fff; border-radius: 0.2rem; } .new_list li p{ width: 1.3rem; font-size: 0.24rem; color: #7e7979; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }