body { background: #f2f2f2; } .header { padding-left: 0.3rem; padding-right: 0.3rem; box-sizing: border-box; background: white; height: 0.9rem; } .header .top { display: flex; justify-content: space-between; height: 100%; align-items: center; } .header .top img { width: 0.3rem; height: 0.45rem; } .header .top span { font-size: 0.44rem; } .content .don { display: flex; align-items: center; justify-content: space-between; border-top: 0.5px solid #0000001a; background-image: url('../imgs/img图片/zzz.png'); background-size: 100%; background-repeat: no-repeat; background-position: bottom; padding-bottom: 10px } .content .don .text { padding-left: 0.3rem; } .content .don .text span { font-size: 0.44rem; } .content .don .text p { font-size: 0.28rem; margin-top: 0.04rem; } .baiyou { padding-right: 0.3rem; } .mode{ font-size: 0.28rem; display: flex; justify-content: space-between; height: 0.84rem; align-items: center; padding-left: 0.3rem; padding-right: 0.3rem; box-sizing: border-box; background: white; margin-top: 0.2rem; } .subject{} .subject .name{ display: flex; height: 0.62rem; align-items: center; justify-content: flex-start; background: white; padding-left: 0.3rem; margin-top: 0.2rem; } .subject .name .fangzi{ width: 0.4rem; height: 0.4rem; } .subject .name .wenzi{ padding-right: 0.1rem; padding-left: 0.1rem; color: #000000ba; font-size: .28rem; } .subject .name .heiyou{ width: 0.18rem; height: 0.28rem; } .zhuti{ font-size: 0.28rem; display: flex; height: 2.22rem; background: white; justify-content: flex-start; align-items: center; border-top: .01rem solid #0000001a; } p{ font-size: .28rem; } .zhuti img{ width: 2rem; height: 1.64rem; object-fit: cover; padding-left: 0.3rem; padding-right: 0.36rem; } .zhuti .zizizi{ } p .one{ font-size: 0.28rem; } p .two{ font-size: 0.28rem; } .three{ font-size: 0.2rem !important; color: #999999 !important; } .zhuti .zizizi .big{ display: flex; justify-content: space-between; width: 135%; } .zhuti .zizizi .big .bigg{ color: red; font-size: 0.48rem; } .zhuti .zizizi .big .sme{ font-size: 0.2rem; color: #999; } .subject .remarks{ height: 0.88rem; background: white; display: flex; align-items: center; justify-content: flex-start; font-size: 0.34rem; padding-left: 0.3rem; border-top: 0.5px solid #0000001a; } .subject .remarks span{ font-size: 0.26rem; color: #aaaaaa; padding-left: 0.31rem; } .youhui{ border-top: 0.5px solid #0000001a; height: 1.08rem; background: white; display: flex; justify-content: center; flex-direction: column; padding-left: 0.3rem; padding-right: 0.3rem; } .xxx{ display: flex; align-items: center; justify-content: space-between; width: 100%; } .youhui_a{ display: flex; justify-content: space-between; } .youhui_b{ display: flex; justify-content: space-between; } .jiage{ font-size: 0.24rem; color: #f09c48; } .money{ display: flex; justify-content: space-between; background-color: white; border-top: 0.5px solid #0000001a; height: 0.84rem; align-items: center; padding-left: 0.3rem; padding-right: 0.3rem; } .money .six{ font-size: 0.3rem; color: #333333; } .money .seven{ color: #ea4e3d; font-size: 0.34rem; } .footer{ height: 1rem; background: white; display: flex; justify-content: flex-end; align-items: center; border-top: 0.5px solid #0000001a; box-sizing: border-box; } .footer .ttt{ display: flex; justify-content: center; padding-right: 0.42rem; } .footer .ttt .eight{ font-size: 0.26rem; color: #999999; } .footer .ttt .nine{ font-size: 0.26rem; color: #999999; } .footer .ttt .ten{ font-size: 0.3rem; color: #000000; font-weight: 600; } .footer .buttom{ font-size: 0.28rem; color: #ffffff; width: 1.92rem; height: 0.66rem; background-color: #5697f4; border-radius: 0.33rem; display: flex; justify-content: center; align-items: center; }