body { width: 100%; background-color: #f2f3f7; padding: 0 0.24rem; box-sizing: border-box; } .header { display: flex; justify-content: space-between; align-items: center; height: .9rem; margin-bottom: 0.24rem; } .header_l { display: flex; justify-content: center; align-items: center; } .header_l img:first-child { width: 0.2rem; height: 0.38rem; margin-right: 0.3rem; } .header_l img:last-child { width: 0.48rem; height: 0.48rem; } .header_m { display: flex; justify-content: center; align-items: center; } .header_m p { font-size: 0.28rem; color: #000000; } .header_m .status { background-color: #3b75e2; border-radius: 0.05rem; font-size: 0.2rem; color: #ffffff; margin-left: 0.02rem; display: flex; justify-content: center; align-content: center; transform: scale(0.8); padding: .04rem 0.1rem; } .header_r { display: flex; justify-content: center; align-items: center; } .message { display: flex; justify-content: center; align-items: center; position: relative; } .message img { width: 0.42rem; height: 0.35rem; } .message p { font-size: 0.2rem; color: #ffffff; position: absolute; top: -0.14rem; right: -0.14rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background-color: #ea4e3d; text-align: center; line-height: 0.25rem; } .header_r img:last-child { width: 0.37rem; height: 0.36rem; margin-left: 0.38rem; } .content {} .fans { width: 7.02rem; height: 1.8rem; background-image: url("../../img/64/图层1.png"); background-size: cover; display: flex; justify-content: space-between; align-items: center; padding: 0 0.37rem; box-sizing: border-box; margin-bottom: 0.24rem; } .fans li { color: #ffffff; text-align: center; } .fans .number { font-size: 0.34rem; } .fans .text { font-size: 0.24rem; margin-top: 0.3rem; } .living{ width: 100%; height: 0.78rem; background-color: #ffffff; border-radius: 0.2rem; display: flex; align-items: center; justify-content: space-between; padding: 0 0.19rem; box-sizing: border-box; margin-bottom: 0.24rem; } .living_l{ display: flex; align-items: center; justify-content: center; } .living_l img{ width: 0.41rem; height: 0.39rem; margin-right: 0.09rem; } .living_l p{ font-size: 0.32rem; color: #1a1a1a; } .living_r{ display: flex; align-items: center; justify-content: center; } .living_r a{ font-size: 0.28rem; color: #0079f1; margin-right: 0.11rem; } .living_r img{ width: 0.12rem; height: 0.21rem; } .identity{ width: 100%; height: 2.75rem; background-color: #ffffff; border-radius: 0.2rem; padding: 0.28rem 0.34rem; box-sizing: border-box; margin-bottom: 0.23rem; } .identity > p{ font-weight: 600; font-size: 0.3rem; color: #010101; letter-spacing: 0.015rem; } .identity ul{ display: flex; justify-content: space-between; align-items: center; } .identity li img{ width: 0.6rem; margin-top: 0.3rem; } .identity li{ text-align: center; } .identity .text{ font-size: 0.24rem; color: #333333; margin-top: 0.19rem; margin-bottom: 0.08rem; } .identity .test{ font-size: 0.22rem; color: #e93323; } .identity ul li:first-child .test{ color: #abb1bc; } .manage{ width: 100%; height: 4.02rem; background-color: #ffffff; border-radius: 0.2rem; padding: 0.36rem 0.34rem; box-sizing: border-box; margin-bottom: 0.24rem; } .manage > p{ font-weight: 600; font-size: 0.3rem; color: #010101; letter-spacing: 0.015rem; margin-bottom: 0.48rem; } .manage ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .manage li{ width: calc(100% / 5); text-align: center; } .manage li img{ height: 0.45rem; } .manage li p{ font-size: 0.24rem; color: #333333; margin-top: 0.3rem; margin-bottom: 0.3rem; } .market{ width: 100%; height: 2.51rem; background-color: #ffffff; border-radius: 0.2rem; padding: 0.34rem 0.34rem; box-sizing: border-box; margin-bottom: 0.56rem; } .market > p{ font-weight: 600; font-size: 0.3rem; color: #010101; letter-spacing: 0.015rem; margin-bottom: 0.48rem; } .market ul{ display: flex; align-items: center; justify-content: space-between; } .market li{ text-align: center; } .market li img{ height: 0.5rem; } .market li p{ font-size: 0.24rem; color: #333333; margin-top: 0.3rem; }