.header{ width: 100%; height: 0.88rem; /* margin-top: 0.32rem; */ display: flex; align-items: center; justify-content: space-between; padding-left: 00.3rem; box-sizing: border-box; border-bottom: 0.01rem solid #e9e6e6; background-color: #ffffff; } .header img{ width: 0.2rem; height: 0.33rem; background-color: #333333; } .header .header_order{ font-size: 0.34rem; color: hsl(0, 0%, 20%); } .content{ width: 100%; height: calc(100vh - 0.88rem - 0.92rem); } .content_address{ width: 100%; height: 1.216rem; background-color: #ffffff; margin-bottom: 0.19rem; display: flex; align-items: center; justify-content: space-between; padding: 0 0.3rem; box-sizing: border-box; } .content_address .content_address_l{ } .content_address .content_address_t{ font-size: 0.3rem; color: #333333; display: flex; align-items: center; justify-content: start; } .content_address_t .name{ margin-right: 0.52rem; } .content_address_t .phone{ } .content_address_detailed{ font-size: 0.24rem; color: #333333; } .content_address img{ width: 0.14rem; height: 0.26rem; } .content .conment_payment{ height: 0.84rem; border-radius: 0.1rem; display: flex; align-items: center; justify-content: space-between; background-color: #ffffff; padding-left: 0.26rem; padding-right: 0.43rem; margin-bottom: 0.16rem; } .content .conment_payment .conment_payment_mode{ font-size: 0.28rem; color: #333333; } .content .conment_payment .conment_payment_onli{ /* width: 1.34rem; */ display: flex; align-items: center; justify-content: space-between; font-size: 0.28rem; color: #333333; } .conment_payment_onli span{} .conment_payment_onli img{ width: 0.31rem; height: 0.06rem; text-align: center; } .content .content_details{ background: #ffffff; } .content .content_details>li{ border-bottom: 0.01rem solid #e9e6e6; } .content .content_details .content_details_shop{ display: flex; align-items: center; justify-content: start; padding-left: 0.24rem; height: 0.62rem; border-bottom: 0.01rem solid #e9e6e6; } .content_details_shop .shop_title_l{ width: 0.24rem; height: 0.22rem; margin-right: 0.06rem; } .content_details_shop .shop_title{ font-size: 0.26rem; color: #333333; margin-right: 0.16rem; } .content_details_shop .shop_title_r{ width: 0.1rem; height: 0.19rem; } .content_details .skirt{ } .content_details .skirt .skirt_text{ position: relative; display: flex; align-items: center; justify-content: start; padding: 0.29rem 0.28rem 0.24rem; } .skirt_text img{ width: 2rem; height: 1.65rem; margin-right: 0.36rem; } .skirt_text.skirt .real{} .skirt_text .real .real_title{ width: 3.18rem; font-size: 0.28rem; color: #333333; margin-bottom: 0.14rem; } .real .real_category{ font-size: 0.2rem; color: #999999; display: flex; align-items: center; margin-bottom: 0.18rem; } .real_category_t{ margin-right: 0.36rem; } .real.real_category .real_category_b{} .real_price{ font-size: 0.34rem; color: #ea4e3d; } .skirt .number{ position: absolute; right: 0.76rem; bottom: 0.47rem; font-size: 0.2rem; color: #999999; } .content_details .remarks{ display: flex; align-items: center; padding: 0.3rem 0 0.29rem 0.3rem; } .remarks .remarks_text{ font-size: 0.3rem; color: #333333; margin-right: 0.31rem; } .remarks input{ width: 4.15rem; font-size: 0.26rem; color: #aaaaaa; letter-spacing: 0rem; } .coupon{} .coupon .serve{ padding: 0.22rem 0.23rem 0.16rem 0.33rem; } .coupon .serve .serve_purpose{ display: flex; align-items: center; justify-content: space-between; } .serve_purpose .use{ font-size: 0.24rem; color: #333333; } .serve_purpose .pass{ font-size: 0.24rem; color: #f09c48; } .coupon .serve .serve_post{ display: flex; align-items: center; justify-content: space-between; } .serve_post .other{ font-size: 0.24rem; color: #333333; } .serve_post .run{ font-size: 0.24rem; color: #333333; } .content_details .money{ display: flex; align-items: center; justify-content: space-between; padding: 0.3rem 0.26rem 0.25rem 0.31rem; margin-bottom: 0.16rem; } .content_details .money .money_l{ font-size: 0.3rem; color: #333333; } .content_details .money .money_r{ font-size: 0.34rem; color: #ea4e3d; } .footer{ width: 7.5rem; height: 0.92rem; background-color: #ffffff; position: fixed; bottom: 0px; left: 0px; z-index: 999; display: flex; align-items: center; /* justify-content: space-between; */ padding: 0.16rem 0.24rem 0.1rem 1.67rem; box-sizing: border-box; } .footer .footer_total{ font-size: 0.26rem; color: #999999; margin-right: 0.27rem; } .footer .footer_dollar{ font-size: 0.26rem; color: #000000; margin-right: 0.42rem; } .footer .footer_settlement{ width: 1.92rem; font-size: 0.28rem; color: #ffffff; background-color: #5697f4; border-radius: 0.33rem; text-align: center; line-height: 0.66rem; } .footer_settlement span{ }