body{ background-color: #fbfcfd; } .header{ display: flex; justify-content: space-between; align-items: center; background-color: #37b2ff; height: 1.57rem; box-sizing: border-box; padding: 0 0.3rem; } .header img{ width: 0.19rem; height: 0.34rem; } .header .money{ font-family: PingFang-SC-Bold; font-size: 0.34rem; color: #ffffff; } .content .menu{ display: flex; height: 1.59rem; align-items: center; padding: 0 0.24rem; box-sizing: border-box; background: #fff; border-radius: 0.2rem 0.2rem 0rem 0rem; position: relative; bottom: 0.2rem; /* margin-bottom: 0.18rem; */ } .content .menu img{ width: 0.25rem; height: 0.27rem; margin-right: 0.15rem; } .content .menu p{ font-family: PingFang-SC-Medium; font-size: 0.24rem; line-height: 0.38rem; letter-spacing: 0.005rem; color: #333333;font-weight: 600; } .phone{ display: flex; flex-direction: column; padding: 0 0.24rem; box-sizing: border-box; background: #fff; height: 1.15rem; padding-top: 0.27rem; } .phone .top{ display: flex; } .phone .top img{ width: 0.27rem; height: 0.31rem; margin-right: 0.16rem; } .phone .top p{ font-family: PingFang-SC-Bold; font-size: 0.26rem; letter-spacing: 0.005rem; color: #000000; font-weight: 600; } .add{ font-family: PingFang-SC-Medium; font-size: 0.22rem; letter-spacing: 0.004rem; color: #666666; margin-left: 0.43rem; margin-top: 0.1rem; } .logo{ display: flex; align-items: center; justify-content: space-between; padding-left: 0.43rem; box-sizing: border-box; background-color: #fff; margin-top: 0.16rem; padding-bottom: 0.25rem; /* border-bottom: 0.01rem solid #e9e3e3; */ } .logo img{ width: 1.31rem; height: 1.32rem; } .logo .red{ display: flex; flex-direction: column; margin-left: 0.24rem; margin-right: 0.6rem; align-items: baseline; } .logo .red p{ font-family: PingFang-SC-Medium; font-size: 0.24rem; letter-spacing: 0.005rem; color: #1b1b1b; } .logo .red .red_b{ font-family: PingFang-SC-Medium; font-size: 0.2rem; color: #2b2b2b; border-radius: 0.1rem; border: solid 0.01rem #f5f5f5; } .logo .prince{ display: flex; flex-direction: column; align-items: end; } .logo .prince .prince_t{ font-family: AdobeHeitiStd-Regular; font-size: 0.24rem; letter-spacing: 0.005rem; color: #1b1b1b; padding-right: 0.57rem; } .logo .prince .prince_m{ font-family: PingFang-SC-Regular; font-size: 0.2rem; letter-spacing: 0.004rem; color: #aaaaaa; padding-right: 0.59rem; } .logo .prince .prince_b{ font-family: PingFang-SC-Regular; font-size: 0.2rem; letter-spacing: 0.004rem; color: #2b2b2b; border-radius: 0.19rem; border: solid 0.01rem #eeeeee; margin-right: 0.54rem; } .desc { background-color: #fff; border-top: 0.01rem solid #e9e3e3; } .desc li { display: flex; justify-content: space-between; padding-left: 0.4rem; padding-right: 0.54rem; margin-top: 0.19rem; } .desc li span { font-family: PingFang-SC-Regular; font-size: 0.24rem; letter-spacing: 0.004rem; color: #aaaaaa; } .desc li .one{ font-family: PingFang-SC-Regular; font-size: 0.24rem; letter-spacing: 0.004rem; color: #0a0a0a; font-weight: 600; } .desc li .two{ font-family: PingFang-SC-Medium; font-size: 0.24rem; letter-spacing: 0.005rem; color: #ff7b41; font-weight: 600; } .desc li:last-child{ background-color: #fbfcfd; background-color: #fbfcfd; height: 0.49rem; line-height: 0.49rem; margin-bottom: 0.19rem; border-bottom: 0.01rem solid #e9e3e3; } .miss{ display: flex; flex-direction: column; height: 1.56rem; justify-content: center; box-sizing: border-box; padding: 0 0.36rem; position: relative; background-color: #fff; } .miss .miss_t{ font-family: PingFang-SC-Medium; font-size: 0.24rem; letter-spacing: 0.005rem; color: #1b1b1b; font-weight: 600; margin-left: 0.30rem; padding: 0.22rem 0; } .miss .miss_b{ border-top: 0.01rem solid #e9e3e3; font-family: PingFang-SC-Regular; font-size: 0.24rem; letter-spacing: 0.004rem; color: #737373; padding-top: 0.21rem; } .miss .miss_t::before{ position: absolute; content: ""; width: 0.04rem; height: 0.28rem; background-color: #ff7b41; left: .5rem; top: 50%; transform: translateY(-150%); }