body { background: #f2f2f2; } .header { padding-left: 0.3rem; height: 0.9rem; width: 100%; display: flex; align-items: center; justify-content: space-between; position: fixed; left: 0; top: 0; background-color:#ffffff; font-weight: 900; box-sizing: border-box; z-index: 999; } .header img { width: 0.2rem; height: 0.33rem; } .header span { font-size: 0.34rem; color: #333333; } .content { margin-top: .9rem; margin-bottom: 1rem; width: 100%; box-sizing: border-box; } .content .address { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background: #ffffff; } .content .address .address_t { padding-left: 0.3rem; padding-top: 0.21rem; display: flex; align-items: center; width: 100%; } .content .address .address_t .address_t_l { width: 100%; } .content .address .address_t .address_t_l .top { font-size: 0.3rem; color: #333333; } .content .address .address_t .address_t_l .top span { } .content .address .address_t .address_t_l .top .name { margin-right: 0.52rem; font-weight: 600; } .content .address .address_t .address_t_l .down { font-size: 0.24rem; color: #333333; margin-top: 0.17rem; margin-bottom: 0.2rem; } .content .address .address_t img { width: 0.14rem; height: 0.26rem; margin-right: 0.3rem; } .content .address img { height: 0.06rem; margin-bottom: 0; width: 100%; } .content .select { width: 100%; background: #ffffff; font-size: 0.28rem; color: #333333; display: flex; justify-content: space-between; margin-top: 0.19rem; padding-top: 0.31rem; padding-bottom: 0.26rem; } .content .select .select_l { margin-left: 0.26rem; } .content .select .select_r { margin-right: 0.44rem; } .content .select .select_r span {} .content .select .select_r img { width: 0.31rem; height: 0.06rem; } .content .list { width: 100%; margin-top: 0.16rem; background: #ffffff; } .content .list .list_t { display: flex; align-items: center; justify-items: flex-start; padding-top: 0.2rem; padding-bottom: 0.17rem; } .content .list .list_t .room { width: 0.24rem; height: 0.22rem; margin-left: 0.24rem; margin-right: 0.06rem; } .content .list .list_t span { font-size: 0.26rem; color: #333333; margin-right: 0.16rem; } .content .list .list_t .more { width: 0.1rem; height: 0.19rem; } .content .list ul { padding-top: 0.29rem; padding-bottom: 0.28rem; border-bottom: solid 0.01rem #f2f2f2; border-top: solid 0.01rem #f2f2f2; } .content .list ul li { display: flex; justify-content: center; } .content .list ul li img { padding-left: 0.24rem; width: 2rem; height: 1.65rem; margin-right: 0.36rem; } .content .list ul li .li_r { width: 100%; } .content .list ul li .li_r .titel { font-size: 0.28rem; color: #333333; width: 3.18rem; margin-bottom: 0.14rem; } .content .list ul li .li_r .color { display: flex; justify-content: flex-start; margin-bottom: 0.18rem; } .content .list ul li .li_r .color span { font-size: 0.2rem; color: #999999; margin-right: 0.36rem; } .content .list ul li .li_r .Price { display: flex; justify-content: space-between; align-items: center; } .content .list ul li .li_r .Price .Price_p { font-size: 0.34rem; color: #ea4e3d; } .content .list ul li .li_r .Price .Price_n { font-size: 0.2rem; color: #999999; margin-right: 0.76rem; } .content .list .list_b { width: 100%; box-sizing: border-box; } .content .list .list_b .order { font-size: 0.3rem; color: #333333; display: flex; justify-content: center; align-items: center; width: 100%; padding-left: 0.3rem; box-sizing: border-box; } .content .list .list_b .order span { padding-top: 0.3rem; padding-bottom: 0.28rem; margin-right: 0.31rem; width: 1.6rem; } .content .list .list_b .order input { width: 100%; } .content .list .list_b .discount { font-size: 0.24rem; color: #333333; border-bottom: solid 0.01rem #f2f2f2; border-top: solid 0.01rem #f2f2f2; padding-left: 0.3rem; } .content .list .list_b .discount .discount_t { display: flex; justify-content: space-between; padding-top: 0.22rem; margin-right: 0.26rem; } .content .list .list_b .discount .discount_t .jiage{ color: #f09c48; } .content .list .list_b .discount .discount_t span { } .content .list .list_b .discount .discount_b { display: flex; justify-content: space-between; margin-bottom: 0.16rem; margin-top: 0.24rem; } .content .list .list_b .discount .discount_b span { margin-right: 0.23rem; } .content .list .list_b .gender { font-size: 0.3rem; color: #333333; display: flex; justify-content: space-between; margin-right: 0.26rem; padding-top: 0.3rem; padding-bottom: 0.25rem; padding-left: 0.3rem; } .content .list .list_b .gender .zongjia { font-size: 0.34rem; color: #ea4e3d; } .footer { width: 100%; height: 1rem; position: fixed; left: 0; bottom: 0; background-color:#ffffff; display: flex; justify-content: flex-end; align-items: center; margin-top: 0.22rem; box-sizing: border-box; z-index: 999; } .footer .footer_sum { font-size: 0.26rem; color: #c6c6c6; } .footer .heji { font-size: 0.26rem; color: #999999; margin-left: 0.14rem; margin-right: 0.27rem; } .footer .footer_m { font-size: 0.24rem; color: #000000; font-weight: 600; } .footer .monery { font-size: 0.3rem; font-weight: normal; font-stretch: normal; line-height: 0.2rem; letter-spacing: 0.007rem; color: #000000; margin-left: 0.06rem; margin-right: 0.42rem; font-weight: 600; } .footer .sum { font-size: 0.28rem; color: #ffffff; width: 1.92rem; height: 0.66rem; background-color: #5697f4; border-radius: 0.33rem; display: flex; align-items: center; justify-content: center; margin-right: 0.24rem; }