body { background: #f2f2f2; } .header { position: fixed; width: 100%; height: 0.88rem; left: 0; top: 0; z-index: 999; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 0.3rem; box-sizing: border-box; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5); } .header span { font-size: 0.3rem; color: #333333; } .content { margin-top: 0.88rem; font-size: 0; margin-bottom: 1rem; } .user_address { height: 1.26rem; display: flex; align-items: center; justify-content: space-between; background: url("../img/icon_1.png"); background-size: contain; padding: 0 0.3rem; margin-bottom: 0.19rem; box-sizing: border-box; } .user_text .number{ margin-bottom: 0.05rem; } .user_text .number span{ font-size: 0.3rem; color: #333333; } .user_text .number .name{ margin-right: 0.52rem; } .user_text .address{ font-size: 0.24rem; color: #333333; } .user_address i{ color: #b3b3b3; font-size: 14px; } .pay { display: flex; align-items: center; justify-content: space-between; padding-left: 0.26rem; padding-right: 0.43rem; box-sizing: border-box; height: 0.84rem; background: #fff; border-radius: 0.1rem; margin-bottom: 0.16rem; } .pay div{ font-size: 0.28rem; color: #333333; } .padding_24 { padding-left: 0.24rem; padding-right: 0.24rem; box-sizing: border-box; } .item { background-color: #ffffff; margin-bottom: 0.16rem; } .item_title { height: 0.74rem; border-radius: 0.1rem 0.1rem 0rem 0rem; display: flex; align-items: center; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5); } .item_title span { font-size: 0.26rem; color: #333333; margin-left: 0.06rem; margin-right: 0.16rem; } .item_title .icon-bangzhujinru { font-size: 13px; } .item_info { padding-top: 0.29rem; padding-bottom: 0.28rem; display: flex; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5); } .item_info img { width: 2rem; height: 1.65rem; margin-right: 0.36rem; } .r_text { width: 3.18rem; font-size: 0.28rem; color: #333333; margin-bottom: 0.14rem; } .r_config { margin-bottom: 0.18rem; } .r_config span:first-child{ margin-right: 0.36rem; } .r_config span{ font-size: 0.2rem; color: #999999; } .r_price { display: flex; justify-content: space-between; align-items: flex-end; } .price_text { font-size: 0.34rem; color: #ea4e3d; } .price_text span { font-size: 0.24rem !important; color: #ea4e3d; } .price_nums{ font-size: 0.2rem; color: #999999; } .info_r { flex: 1; } .item_beizhu { height: 0.88rem; display: flex; align-items: center; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5); } .item_beizhu span:first-child{ font-size: 0.3rem; color: #333333; margin-right: 0.31rem; } .item_beizhu span:last-child{ font-size: 0.26rem; color: #aaaaaa; } .item_yh { height: 1.08rem; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5); } .yh_item:first-child { margin-bottom: 0.1rem; } .yh_item { display: flex; justify-content: space-between; } .yh_item span:first-child { font-size: 0.24rem; color: #333333; } .yh_item span:last-child { font-size: 0.24rem; color: #f09c48; } .by { font-size: 0.24rem; color: #333333 !important; } .item_money { height: 0.84rem; display: flex; align-items: center; justify-content: space-between; } .item_money span:first-child{ font-size: 0.3rem; color: #333333; } .item_money span:last-child{ font-size: 0.34rem; color: #ea4e3d; } .total { position: fixed; bottom: 0; left: 0; width: 100%; height: 0.92rem; background-color: #ffffff; z-index: 9; padding-right: 0.24rem; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center; } .total span:nth-child(1){ font-size: 0.26rem; letter-spacing: 0.006rem; color: #c6c6c6; } .total span:nth-child(2){ font-size: 0.26rem; letter-spacing: 0.006rem; color: #999999; margin-right: 0.07rem; } .total span:nth-child(3){ font-size: 0.3rem; letter-spacing: 0.007rem; color: #000000; } .total .js { width: 1.92rem; height: 0.66rem; background-color: #5697f4; border-radius: 0.33rem; font-size: 0.28rem; line-height: 0.66rem; letter-spacing: 0.006rem; color: #ffffff; text-align: center; }