.header { position: fixed; width: 100%; left: 0; top: 0; height: 0.9rem; width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 999; border-bottom: 0.05rem solid #f8f8f8; box-sizing: border-box; background-color: #fff; padding: 0 0.3rem; } .Shopping_Cart { font-size: 0.5rem; } .edit { font-size: 0.24rem; right: 0.3rem; bottom: 0.24rem; } .edit_a { width: .48rem; } .content { margin-top: 0.9rem; } .flagship { padding: 0rem 0.23rem; border-bottom: 0.14rem solid #f8f8f8; } .flagship_title { padding: 0.26rem 0rem; display: flex; justify-content:space-between; align-items: center; border-bottom: solid #f8f8f8 0.01rem; } .select { width: 0.38rem; height: 0.38rem; border: solid 0.03rem #9ea2b5; border-radius: 50%; } .flagship_title_left { display: flex; align-items: center; } .flagship_title_left img { margin-left: 0.21rem; width: 0.32rem; height: 0.32rem; } .flagship_title_right { width: 0.98rem; height: 0.38rem; background-color: #fcf2f1; border-radius: 0.19rem; font-size: 0.24rem; color: #ea4e3d; text-align: center; } .flagship_title_left span { font-size: 0.3rem; color: #333333; margin-left: 0.12rem ; } .flagship_title_left i { font-size: 0.03rem; color: #cccccc; margin-left: 0.14rem; } .activity { display: flex; justify-content: space-between; height: 0.3rem; align-items: center; margin: 0.19rem 0; } .activity_right { font-size: 0.26rem; color: #333333; } .activity_left { display: flex; font-size: 0.24rem; color: #333333; } .activity_left .full { width: 0.67rem; height: 0.3rem; background-color: #ea4e3d; border-radius: 0.15rem; font-size: 0.22rem; color: #ffffff; text-align: center; line-height: 0.3rem; margin-right: 0.1rem; margin-left: 0.55rem ; } .activity_right i { font-size: 12px; } .commodity { } .commodity li { display: flex; padding: 0.18rem 0 0.38rem 0; justify-content: space-between; align-items: center; } .commodity img { width: 1.56rem; height: 1.56rem; } .commodity_content { width: 4.61rem; height: 1.53rem; } .commodity_content_top { font-size: 0.28rem; color: #333333; } .commodity_content_center { font-size: 0.24rem; color: #999999; } .commodity_content_bottom { display: flex; justify-content: space-between; align-items: center; } .commodity_content_bottom_left { font-size: 0.24rem; color: #ea4e3d; } .commodity_content_bottom_right { display: flex; width: 1.76rem; height: 0.46rem; border-radius: 0.05rem; border: solid 0.01rem #dbdbdb; } .commodity_content_bottom_right input { width: 0.86rem; border: none; text-align: center; } .commodity_content_bottom_right div { height: 0.46rem; width: 0.46rem; border-right: solid 0.01rem #dbdbdb; font-size: 0.3rem; text-align: center; } .commodity_content_bottom_right div:last-child { border-right: none; border-left: solid 0.01rem #dbdbdb; } .out { padding: 0rem 0.23rem; } .wu { width: 0.36rem !important; height: 0.7rem !important; } .tm { opacity: 0.5; } .out { border-bottom: none; } .recommend_title{ display: flex; align-items: center; justify-content: center; background-color: #f8f8f8f8; padding: 0.35rem 0; } .recommend_title img { width: 0.39rem; height: 0.17rem; } .recommend_title div { margin: 0 0.17rem; font-size: 0.28rem; color: #333333; } .tj { display: flex; padding: 0 0.24rem; justify-content: space-between; } .tj li { display: flex; justify-content: space-between; flex-direction: column; box-sizing: border-box; flex-wrap: wrap; padding:0 0.15rem 0.26rem 0.15rem; } .tj p{ font-size: 0.24rem; color: #333333; margin-bottom: 0.23rem; } .tj span{ font-size: 0.2rem; color: #e34749; } .more { height: 5rem; } .settlement { width: 100%; box-sizing: border-box; padding:0 0.24rem; height: 0.92rem; background-color: #ffffff; position: fixed; left: 0; bottom: 1rem; font-size: 0.3rem; color: #000000; display: flex; align-items: center; justify-content: space-between; border-top: solid 0.01rem rgba(153, 153, 153, 0.137); } .Select_all { display: flex; font-size: 0.28rem; color: #333333; } .Select_all .select { margin-right: 0.11rem; } .settlement_sub { width: 1.92rem; height: 0.66rem; background-color: #5697f4; border-radius: 0.33rem; font-size: 0.28rem; color: #fff; line-height: 0.66rem; text-align: center; } .footer_real { width: 100%; height: 1rem; background-color: #000000; position: fixed; left: 0; bottom: 0; color: #fff; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:0 0.39rem; } .footer_real li { font-size: 0.3rem; color: #ffffff; }