.header { width: 100%; height: 0.9rem; display: flex; justify-content: space-between; position: fixed; left: 0; top: 0; padding: 0.15rem 0.3rem; box-sizing: border-box; z-index: 999; } .header .return { width: 0.2rem; height: 0.33rem; margin-right: 0.4rem; margin-top: 0.14rem; } .search { background-color: #f2f2f2; border-radius: 0.3rem; flex: 1; } .search { display: flex; padding: 0.13rem 0.24rem; } .search img { margin-right: 0.18rem; } .search input { border: none; background-color: rgba(255, 255, 255, 0); font-size: 0.26rem; color: #808080; } .shop { height: 3.09rem; background: url(../img/shop_top.png); background-size: contain; display: flex; flex-direction: column; justify-content: end; padding: 0 0.3rem; } .shop_rel { width: 100%; height: 0.9rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.12rem; } .shop_left { display: flex; } .shop_left img { margin-right: 0.25rem; width: 0.9rem; height: 0.9rem; } .shop_name { font-size: 0.3rem; color: #ffffff; margin-bottom: 0.18rem; } .shop_fans { font-size: 0.22rem; color: #ffffff; } .shop_right { width: 1.08rem; height: 0.48rem; background-color: #ea4e3d; border-radius: 0.24rem; font-size: 0.26rem; color: #ffffff; display: flex; align-items: center; justify-content: center; } .shop_list { width: 100%; align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 0.25rem; margin-top: 0.33rem; } .shop_list li { font-size: 0.26rem; color: #ffffff; } .Discount { display: flex; background: url(../img/shop_bottom.png); padding-top: 0.21rem; padding-bottom: 0.29rem; padding-left: 0.24rem; overflow-y: scroll; } .Discount li{ width: 2.93rem; height: 1.28rem; background:url(../img/Discount.png); background-size: contain; border-radius: 0.25rem; display: flex; justify-content: space-between; text-align: center; align-items: center; margin-right: 0.11rem; } .Discount { } .Discount_left { width: 1.56rem; } .Discount_right { width: 1.33rem; } .Discount_left p{ font-size: 0.58rem; color: #ffffff; } .Discount_left div{ font-size: 0.2rem; color: #ffffff; zoom: 0.8; } .Discount_right p{ font-size: 0.3rem; color: #659fdc; } .Discount_right div{ width: 1.05rem; height: 0.36rem; border-radius: 0.18rem; background-color: #659fdc; font-size: 0.2rem; color: #ffffff; margin: 0 auto; margin-top: 0.18rem; } .turn { position: relative; height: 7.5rem; } .turn img { width: 100%; } .turn ul { position: absolute; bottom: 0.08rem; left: 50%; display: flex; justify-content: space-between; transform: translateX(-50%); } .turn li { width: 0.16rem; height: 0.16rem; background-color: #ffffff; opacity: 0.5; border-radius: 50%; margin-right: 0.08rem; } .turn li:last-child { margin-right: 0; } .live { display: flex; width: 7.02rem; height: 1.9rem; margin: 0.48rem 0.25rem; justify-content: space-between; } .live_left img { width: 1.88rem; height: 1.88rem; margin-right: 0.26rem; } .live_red { width: 1.07rem; height: 0.38rem; background-color: #ea3543; font-size: 0.26rem; color:#ffffffde; border-radius: 0.1rem; text-align: center; margin-right: 0.13rem; } .live_left { display: flex; } .live_center { display: flex; flex-direction: column; justify-content: center; } .live_center_zb { display: flex; } .live_center p { font-size: 0.32rem;; color: #323232; margin-bottom: 0.2rem; } .live_left span { font-size: 0.26rem; color: #595959; } .live_right p { font-size: 0.22rem; color: #ea363d; } .heart { width: 0.44rem; height: 0.44rem; margin-bottom: 0.11rem; } .live_right { display: flex; flex-direction: column; justify-content: center; align-items: center; } .Second_purchase_title { display: flex; justify-content: space-between; padding-left: 0.28rem; padding-right: 0.26rem; align-items: center; } .s_p_t_left { display: flex; align-items: center; } .s_p_t_left img { width: 0.31rem; height: 0.31rem; } .s_p_t_left p { margin-left: 0.13rem; font-size: 0.32rem; color: #333333; } .s_p_t_right { font-size: 0.26rem; color: #999999; display: flex; align-items: center; } .s_p_t_right span { font-size: 0.26rem; color: #999999; } .s_p_t_right ul { margin-left: 0.09rem; display: flex; } .s_p_t_right li { display: flex; } .s_p_t_right li p{ width: 0.32rem; height: 0.32rem; background-color: #eeeeee; border-radius: 0.02rem; font-size: 0.24rem; color: #333333; text-align: center; } .s_p_t_right div { width: 0.25rem; text-align: center; font-size: 0.26rem; color: #999999; } .Second_purchase_content { margin: 0.42rem 0.24rem 0.19rem 0.24rem; } .Second_purchase_content img{ width: 1.6rem; border-radius: 0.06rem; margin-bottom: 0.19rem; } .Second_purchase_content { display: flex; } .Second_purchase_content li { margin-right: 0.21rem; } .Second_purchase_content p { font-size: 0.32rem; color: #ea4e3d; } .Second_purchase_content p span { font-size: 0.24rem; color: #ea4e3d; } .Second_purchase { border-bottom: solid #f9f9f9 0.2rem; } .Second_purchase_content { margin-bottom: 0.7rem; } .today_title { padding-top: 0.43rem; display: flex; justify-content: center ; padding-bottom: 0.32rem; border-bottom: solid #f6f6f6 0.01rem; } .today_title div{ font-size: 0.32rem; color: #4799ee; margin: 0 0.17rem; } .today_content li { padding: 0.19rem; display: flex; } .sp { width: 1.7rem; height: 2.06rem; margin-right: 0.21rem; } .today_content_right { display: flex; justify-content: space-between; flex-direction: column; } .today_content_right p { font-size: 0.28rem; color: #333333; } .today_content_num { display: flex; align-items: center; } .today_content_n { display: flex; justify-content: space-between; align-items: center; } .today_content_num p{ font-size: 0.34rem; color: #ea4e3d; } .today_content_user img { width: 0.42rem; height: 0.42rem; } .today_content_user img:last-child { position: relative; right:0.15rem } .today_content_num span{ margin-left: 0.26rem; font-size: 0.24rem; color: #999999; }