.header { height: .9rem; display: flex; align-items: center; justify-content: space-between; padding: 0 .42rem; box-sizing: border-box; top: 0; position: fixed; width: 100%; } .header img { width: 0.15rem; height: 0.29rem; } .header .introduce { font-size: 0.34rem; color: #333333; } .content { margin-top: .9rem; } .content .search_button { width: 6.9rem; height: 0.56rem; background-color: #f0f0f0; border-radius: 0.28rem; border: solid 0.01rem #d5d5d5; opacity: 0.2; box-sizing: border-box; background: url("./img/sousuo.png")no-repeat 0.38rem center; background-size: .3rem; margin-bottom: 0.34rem; } .content .list { display: flex; justify-content: space-between; padding-left: 0.66rem; padding-right: 0.59rem; box-sizing: border-box; margin-bottom: 0.41rem; } .content .list li { font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #2b2b2b; } .content .list li:first-child { color: #ff7b41; } .content .list li:nth-child(3) { display: flex; align-items: center; } .content .list li .jiantou{ width: 0.15rem; height: 0.19rem; } .content .list li:nth-child(4) { display: flex; align-items: center; } .content .list li .a{ width: 0.18rem; height: 0.23rem; } .content .product { display: flex; flex-wrap: wrap; width: 50%; } .content .product li{ width: 3.4rem; height: 5rem; background-color: #ffffff; border-radius: 0.1rem; } .content .product img { width: 3.4rem; height: 3.4rem; background-color: #e8fffe; border-radius: 0.1rem 0.1rem 0rem 0rem; box-sizing: border-box; margin-bottom: 0.19rem; } .content .product li p { font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #3f3f3f; margin-bottom: 0.26rem; } .content .product li p:last-child { font-family: PingFang-SC-Bold; font-size: 0.28rem; color: #ff7b41; }