.header { position: fixed; width: 100%; height: 0.9rem; left: 0; top: 0; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0.36rem; z-index: 999; background-color: #fff; } .content { margin-top: 0.9rem; } .header_left { width: 0.15rem; height: 0.29rem; } .header_center { width: 5.66rem; height: 0.6rem; background-color: #f2f2f2; border-radius: 0.3rem; display: flex; justify-content: space-between; align-items: center; } .header_right { width: 0.33rem; height: 0.36rem; } .header_center img { width: 0.32rem; height: 0.34rem; margin-left: 0.24rem; } .header_center input { background-color: rgba(255, 255, 255, 0); border: none; flex: 1; } .turn { position: relative; width: 100%; } .turn img { width: 100%; } .living { position: absolute; display: flex; top: 0.97rem; right: 0.25rem; flex-direction: column; align-items: center; justify-content: center; width: 0.98rem; height: 1.28rem; background-color: #ffffff80; border-radius: 0.2rem; } .living img { width: 0.45rem; height: 0.45rem; border-radius: 50%; } .living span { zoom: 0.8; font-size: 0.2rem; color: #1b1b1b; margin-top: 0.15rem; } .turn ul { position: absolute; display: flex; left: 50%; transform: translateX(-50%); bottom: 0.25rem; width: 0.75rem; justify-content: space-between; } .msg { background-color: #ffffff; padding-bottom: 0.36rem; padding-top: 0.49rem; display: flex; flex-direction: column; padding-left: 0.3rem; border-bottom: 0.07rem solid #fdfdfd; } .msg .msg_name { height: 0.23rem; font-size: 0.24rem; letter-spacing: 0.005rem; color: #1b1b1b; margin-top: 0.24rem; } .Price { display: flex; } .Price_left { width: 1.43rem; height: 0.26rem; font-size: 0.24rem; letter-spacing: 0.005rem; color: #ea4e3d; } .Price_right { height: 0.19rem; font-size: 0.24rem; letter-spacing: 0.005rem; color: #737373; text-decoration: line-through; } .deliver { border-bottom: 0.07rem solid #fdfdfd; } .deliver_top { display: flex; justify-content: space-between; } .deliver_left { display: flex; } .deliver span { font-size: 0.24rem; letter-spacing: 0.005rem; color: #737373; margin-right: 0.21rem; } .deliver img { width: 0.19rem; height: 0.25rem; margin-right: 0.08rem; } .deliver p { font-size: 0.2rem; color: #000000; } .deliver div { font-size: 0.2rem; color: #737373; } .deliver_bottom { display: flex; justify-content: space-between; } .deliver_bottom i { height: 0.26rem; color: #aaaaaa; } li { height: 0.68rem; border-bottom: solid 0.01rem rgba(153, 153, 153, 0.199); align-items: center; margin-left: 0.38rem; margin-right: 0.55rem; } li:last-child { border-bottom: none; } .turn li { width: 0.1rem; height: 0.1rem; background-color: #fff; border-radius: 50%; margin-left: 0rem; margin-right: 0rem; } .turn li:first-child { background-color: #ff7b41; } .li_left { display: flex; } .li_left span { font-size: 0.24rem; letter-spacing: 0.005rem; color: #737373; margin-right: 0.21rem; } .li_left img { width: 0.19rem; height: 0.25rem; margin-right: 0.08rem; } .li_left p { font-size: 0.2rem; color: #000000; } .li_left div { font-size: 0.2rem; color: #f09c48; margin-right: 0.41rem; } .quantity li { display: flex; justify-content: space-between; } .quantity { border-bottom: 0.07rem solid #fdfdfd; } .quantity i { height: 0.26rem; color: #aaaaaa; } .choice div { font-size: 0.24rem; letter-spacing: 0.005rem; color: #2b2b2b; } .explain1 { font-size: 0.2rem; letter-spacing: 0.004rem; color: #000000 !important; } .explain1 { margin-right: 0.09rem !important; align-items: baseline; } .shop { width: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0.52rem 0.27rem 0.58rem 0.24rem; } .shop img { width: 0.78rem; height: 0.78rem; border-radius: 0.05rem; } .shop_right { text-align: center; line-height: 0.54rem; width: 1.48rem; height: 0.54rem; border-radius: 0.27rem; border: solid 0.01rem #4799ee; font-size: 0.24rem; color: #4799ee; } .shop_left { display: flex; } .shop_left p { font-size: 0.28rem; letter-spacing: 0.014rem; color: #000000; } .shop_left span { font-size: 0.22rem; color: #999999; } .shop_left div { height: 0.78rem; display: flex; flex-direction: column; margin-left: 0.21rem; } .Commodity_information { width: 100%; height: 0.83rem; background-color: #ffffff; font-size: 0.2rem; line-height: 0.83rem; letter-spacing: 0.01rem; text-align: center; color: #979696; } .none { height: 3.5rem; } .footer { position: fixed; z-index: 999; left: 0; bottom: 0; width: 100%; height: 0.98rem; background-color: #ffffff; border: solid 0.01rem #f4f4f4; display: flex; justify-content: space-between; padding-left: 0.41rem; padding-right: 0.3rem; box-sizing: border-box; align-items: center; } .purchase { width: 4.2rem; height: 0.68rem; border-radius: 0.34rem; display: flex; text-align: center; line-height: 0.68rem; } .purchase .shopcar { width: 2.1rem; height: 0.68rem; background-color: #f5f2f2; border-radius: 0.34rem 0rem 0rem 0.34rem; font-size: 0.28rem; letter-spacing: 0.006rem; color: #747474; position: relative; } .purchase .purchase_ { width: 2.1rem; height: 0.68rem; background-color: #5697f4; border-radius: 0rem 0.34rem 0.34rem 0rem; font-size: 0.28rem; letter-spacing: 0.006rem; color: #ffffff; } .footer span { font-size: 0.2rem; letter-spacing: 0.02rem; color: #999999; width: 0.9rem; text-align: center; } .footer ul { display: flex; } .footer img { width: 0.41rem; height: 0.36rem; } .footer ul li{ border-bottom:none; margin:0; margin-right: 0.46rem; width: 0.rem; display: flex; flex-direction: column; flex: 1; justify-content: center; } .shopcar_a { position: relative; } .shopcar_c { position: absolute; width: 0.34rem; height: 0.24rem; background-color: #ffffff; border-radius: 0.12rem; border: solid 0.01rem #ea4e3d; font-size: 0.2rem; color: #ea4e3d; text-align: center; line-height: 0.24rem; right: 0; top: -0.1rem; }