.header {/*头部*/ height: 0.88rem; width: 100%; background-color: #ffffff; display:flex; align-items:center; justify-content:space-between; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; position: fixed; z-index: 999; top: 0; } .header img{ width: 0.2rem; height: 0.33rem; padding-left: 0.3rem; } .header span{ padding-right: 0.3rem; /*问题1*/ font-size: 0.34rem; color: #333333; } .footer{/*尾部*/ width: 100%; height: 0.92rem; background-color: #ffffff; font-size: 0; box-sizing: border-box; display:flex; align-items:center; justify-content:flex-end; position: fixed; z-index: 999; bottom: 0; } .footer .quantity{ font-size: 0.26rem; color: #c6c6c6; padding-right: 0.1rem; } .footer span{ font-size: 0.3rem ; color: #000000; padding-left: 0.06rem; } .footer .jiesuan{ padding: 0.2rem 0.5rem; background-color: #5697f4; border-radius: 0.33rem; color: #ffffff; font-size: 0.28rem; margin-right: 0.24rem; margin-left: 0.42rem; } /*中间*/ .content{ background-color: #f2f2f2; margin-top: 0.88rem; margin-bottom: 0.92rem; } /*收获地址*/ .address{ width: 7.5rem; height: 1.26rem; background-color: #ffffff; display:flex; align-items:center; justify-content:space-between; font-size: 0; } .address .dizi{ align-content:center } .address .dizi span{ font-size: 0.3rem; color: #333333; } .address .dizi span:first-child{ font-weight:600; padding-right: 0.52rem; padding-left: 0.3rem; } .address .dizi p{ font-size: 0.24rem; color: #333333; padding-top: 0.17rem; padding-left: 0.3rem; } .address img{ width: 0.14rem; height: 0.26rem; padding-right: 0.3rem; } /*支付方式*/ .payment{ width: 7.49rem; height: 0.84rem; background-color: #ffffff; border-radius: 0.1rem; margin-top: 0.19rem; display:flex; align-items:center; justify-content:space-between; font-size: 0; } .payment_you{ display:flex; align-items:center; padding-right: 0.43rem; } .payment p{ font-size: 0.28rem; color: #333333; padding-left: 0.26rem; } .payment_you span{ font-size: 0.28rem; color: #333333; } .payment_you img{ width: 0.31rem; height: 0.06rem; padding-left: 0.07rem; } /*列表部分*/ .purchase{ font-size: 0; } /*店铺部分*/ .purchase_top{ width: 7.5rem; height: 0.62rem; background-color: #ffffff; margin-top: 0.16rem; display:flex; align-items:center; justify-content:flex-start; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; } .purchase_top .p_zuo{ width: 0.24rem; height: 0.22rem; margin-left: 0.24rem; } .purchase_top .p_you{ width: 0.1rem; height: 0.19rem; } .purchase_top span{ font-size: 0.26rem; color: #333333; margin-left: 0.06rem; margin-right: 0.16rem; } /*窗口*/ .list{ } .list li{ width: 7.5rem; height: 2.22rem; background-color: #ffffff; display:flex; align-items:center; position: relative; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; } .list li img{ padding: 0.29rem 0.36rem 0.29rem 0.24rem; width: 2rem; height: 1.65rem; } .shop_words .name{ font-size: 0.28rem; color: #333333; width: 80%; } .shop_words span{ font-size: 0.2rem; color: #999999; } .price{ } .shuliang{ position: absolute; right: 0.76rem; bottom: 0.47rem; font-size: 0.2rem; color: #999999; } .price .price_1{ font-size: 0.2rem; color: #ea4e3d; } .price .price_2{ font-size: 0.34rem; color: #ea4e3d; } .price .price_3{ font-size: 0.24rem; color: #ea4e3d; } .remarks{ width: 7.5rem; height: 0.88rem; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; display:flex; align-items:center; } .remarks span{ font-size: 0.3rem; color: #333333; margin-left: 0.3rem; margin-right: 0.31rem; } .remarks input{ width: 4.15rem; height: 0.25rem; font-size: 0.26rem; color: #aaaaaa; } .discount{ width: 7.49rem; height: 1.08rem; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; } .discount .paper{ height: 50%; display:flex; align-items:center; justify-content:space-between; margin: 0 0.3rem; } .discount .paper span{ font-size: 0.24rem; color: #333333; } .discount .paper .paper_1{ font-size: 0.24rem; color: #f09c48; } .discount .freight{ height: 50%; display:flex; align-items:center; justify-content:space-between; } .discount .freight span{ font-size: 0.24rem; color: #333333; margin: 0 0.3rem; } .money{ width: 7.5rem; height: 0.84rem; background-color: #ffffff; border-radius: 0rem 0rem 0.1rem 0.1rem; display:flex; align-items:center; justify-content:space-between; } .money .money_1{ font-size: 0.3rem; margin-left: 0.3rem; color: #333333; } .money .money_2{ font-size: 0.34rem; margin-right: 0.3rem; color: #ea4e3d; }