.header{ position: fixed; left: 0; top: 0; right: 0; height: 0.595rem; background: #fff; padding: 0 0.125rem; align-items: center; justify-content: space-between; display: flex; border: solid 0.005rem rgb(234 234 234 / 60%); } .header span{ font-family: PingFang-SC-Bold; font-size: 0.18rem; font-weight: normal; font-stretch: normal; line-height: 0.24rem; letter-spacing: 0rem; color: #333333; } .header i{ color: #999; } .conter{ margin-top: 0.795rem; padding: 0 0.125rem; } li{ display: flex; align-items: center; justify-content: space-between; height: 0.525rem; padding: .08rem 0; border-bottom: .01rem solid #ececec; } .conter_a{ display: flex; } .conter_a img{ width: 0.36rem; height: 0.36rem; } .conter_a span{ font-family: PingFang-SC-Medium; font-size: 0.14rem; font-weight: normal; font-stretch: normal; letter-spacing: -0.003rem; color: #333333; margin-left: .16rem; } .conter_b button{ width: 0.6rem; height: 0.315rem; border-radius: 0.025rem; border: solid 0.005rem #498af5; color: #498af5; background: #ffffff; margin-right: .09rem; } .conter_b img { width: 0.125rem; height: 0.03rem; margin-bottom: .03rem; } li:nth-child(n+2) button{ border-radius: 0.025rem; border: solid 0.005rem #e1e1e1; color:#e1e1e1 ; background: #ffffff; margin-right: .09rem; width: 0.6rem; height: 0.315rem; }