.header{ height: 0.9rem; display: flex; justify-content: space-between; align-items: center; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; padding: 0 0.3rem; box-sizing: border-box; background-color: #ffffff; } .header img{ width: 0.2rem; height: 0.33rem; } .header .header_zi{ font-family: PingFang-SC-Bold; font-size: 0.34rem; color: #333333; } .content{ margin-bottom: 1.22rem; } .content .zhong{ margin-top: 0.9rem; } .content .zhong .zhong_zi{ padding: 0.21rem 0 0 0.3rem; position: relative; } .content .zhong .zhong_zi .zhong_zi_z{ display: flex; align-items: center; } .content .zhong .zhong_zi .zhong_zi_z .zhong_zi_z_q{ font-family: PingFang-SC-Bold; font-size: 0.3rem; color: #333333; } .content .zhong .zhong_zi .zhong_zi_z .zhong_zi_z_q1{ font-family: PingFang-SC-Medium; font-size: 0.3rem; color: #333333; margin-left: 0.52rem; } .content .zhong .zhong_zi .zhong_zi_z1{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #333333; margin-top: 0.17rem; } .content .zhong .zhong_zi .zhong_zi_img{ width: 0.14rem; height: 0.26rem; position: absolute; top: 0.37rem; right: 0.3rem; } .content .zhong .zhong_img{ margin-top: 0.20rem; width: 100%; height: 0.07rem; } /*选择支付方式*/ .content .zhong1{ display: flex; justify-content: space-between; padding: 0.31rem 0.43rem 0.26rem 0.26rem; background-color: #ffffff; border-radius: 0.1rem; margin-top: 0.19rem; } .content .zhong1 .zhong1_zi{ font-family: PingFang-SC-Medium; font-size: 0.28rem; color: #333333; } .content .zhong1 .zhong1_zi1{ display:flex; align-items: center; } .content .zhong1 .zhong1_zi1 div{ font-family: PingFang-SC-Medium; font-size: 0.28rem; color: #333333; } .content .zhong1 .zhong1_zi1 img{ width: 0.31rem; height: 0.06rem; margin-left: 0.07rem; } /*详情*/ .content .zhong2{ /*padding: 0.2rem 0 0.25rem 0.24rem;*/ margin-top: 0.16rem; } .content .zhong2 .topsz{ display: flex; align-items: center; background-color: #ffffff; height: 0.62rem; border-radius: 0.1rem 0.1rem 0rem 0rem; } .content .zhong2 .topsz .topsz_img{ width: 0.24rem; height: 0.22rem; margin-left: 0.24rem; } .content .zhong2 .topsz div{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #333333; margin-left: 0.06rem; margin-right: 0.16rem; } .content .zhong2 .topsz .topsz_img1{ width: 0.1rem; height: 0.19rem; } /*图片区*/ .content .zhong3{ background-color: #ffffff; margin-top: 0.01rem; display: flex; align-items: center; padding: 0.29rem 0 0.28rem 0.24rem; } .content .zhong3 .zhong3_img{ width: 2rem; height: 1.65rem; } .content .zhong3 .zhong3_you{ margin-left: 0.36rem; } .content .zhong3 .zhong3_you .zhong3_you_zi{ font-family: PingFang-SC-Medium; font-size: 0.28rem; color: #333333; margin-bottom: 0.19rem; } .content .zhong3 .zhong3_you .zhong3_you_zi1{ font-family: PingFang-SC-Medium; font-size: 0.28rem; color: #333333; } .content .zhong3 .zhong3_you .zhong3_you_zi2{ display: flex; align-items: center; margin-top: 0.14rem; margin-bottom: 0.18rem; } .content .zhong3 .zhong3_you .zhong3_you_zi2 .zhong3_you_zi2_z{ font-family: PingFang-SC-Regular; font-size: 0.2rem; color: #999999; zoom: 0.85; } .content .zhong3 .zhong3_you .zhong3_you_zi3{ display: flex; align-items: center; justify-content: space-between; width: 4.11rem; } .content .zhong3 .zhong3_you .zhong3_you_zi3 .zhong3_you_zi3_z{ font-family: PingFang-SC-Bold; font-size: 0.2rem; color: #ea4e3d; zoom: 0.85; } .content .zhong3 .zhong3_you .zhong3_you_zi3 .zhong3_you_zi3_z span{ font-size: 0.35rem; } .content .zhong3 .zhong3_you .zhong3_you_zi3 .zhong3_you_zi3_z1{ font-family: PingFang-SC-Medium; font-size: 0.2rem; zoom: 0.85; color: #999999; } /*备注*/ .sd{ padding-left:0.3rem; } .content .remark{ display: flex; align-items: center; margin-top: 0.02rem; background-color: #ffffff; height: 0.88rem; } .content .remark .remark_zi{ font-family: PingFang-SC-Medium; font-size: 0.3rem; color: #333333; } .content .remark .remark_zi1{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #aaaaaa; margin-left: 0.31rem; } /*优惠*/ .content .Preferential{ padding: 0.23rem 0.28rem 0.16rem 0.3rem; background-color: #ffffff; margin-top: 0.01rem; } .content .Preferential .Preferential_shang{ margin-bottom: 0.24rem; } .content .Preferential .Preferential_shang, .content .Preferential .Preferential_sia{ display: flex; align-items: center; justify-content: space-between; } .content .Preferential .Preferential_shang .Preferential_shang_zi{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #333333; } .content .Preferential .Preferential_shang .Preferential_shang_zi1{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #f09c48; } .content .Preferential .Preferential_sia{ } .content .Preferential .Preferential_sia .Preferential_sia_zi{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #333333; } .content .Preferential .Preferential_sia .Preferential_sia_zi1{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #333333; } /*金额*/ .content .amount{ display: flex; align-items: center; justify-content: space-between; padding: 0.3rem 0.26rem 0.25rem 0.31rem; background-color: #ffffff; margin-top: 0.01rem; } .content .amount .amount_zi{ font-family: PingFang-SC-Medium; font-size: 0.3rem; color: #333333; } .content .amount .amount_zi1{ font-family: PingFang-SC-Bold; font-size: 0.34rem; color: #ea4e3d; } .fff{ margin-top: 0.16rem; } .footer{ display: flex; justify-content: flex-end; align-items: center; position: fixed; left: 0; bottom:0; z-index: 9999; width: 100%; height: 1rem; box-sizing: border-box; background-color: #ffffff; padding-right: 0.24rem; } .footer .footer_zi{ font-family: PingFang-SC-Medium; font-size: 0.26rem; letter-spacing: 0.006rem; color: #c6c6c6; } .footer .footer_zi1{ font-family: PingFang-SC-Medium; font-size: 0.26rem; letter-spacing: 0.006rem; color: #999999; margin-left: 0.14rem; margin-right: 0.27rem; } .footer .footer_zi2{ font-family: PingFang-SC-Bold; font-size: 0.3rem; letter-spacing: 0.007rem; color: #000000; } .footer .footer_zi3{ width: 1.92rem; height: 0.66rem; background-color: #5697f4; border-radius: 0.33rem; font-family: PingFang-SC-Bold; font-size: 0.28rem; letter-spacing: 0.006rem; color: #ffffff; display: flex; justify-content: center; align-items: center; margin-left: 0.42rem; } .footer .footer_zi4{ font-family: PingFang-SC-Bold; font-size: 0.24rem; letter-spacing: 0.005rem; color: #000000; }