.header{} .header .header_top{ /* width: 4.32rem; */ height: 0.8rem; background-color: #828282; border-radius: 0.4rem; position: fixed; top: 0.54rem; left: 0.24rem; display: flex; align-items: center; padding: 0.05rem 0.34rem 0.05rem 0.07rem; box-sizing: border-box; z-index: 9999; } .header .header_top_img{ width: 0.7rem; height: 0.7rem; border-radius: 100%; margin-right: 0.09rem; } .header .header_top .user{ margin-right: 0.13rem; } .header .header_top .user .id{ font-size: 0.26rem; color: #ffffff; } .header .header_top .user .addres{ font-size: 0.22rem; color: #ffffff; } .header .header_top .follow{ /* width: 1.05rem; */ height: 0.45rem; background: #ea4e3d; border-radius: 30%; display: flex; align-items: center; margin-left: 0.01rem; padding-left: 0.08rem; box-sizing: border-box; } .header .header_top .follow .follow_img{ width: 0.34rem; height: 0.24rem; margin-right: 0.1rem; } .header .header_top .follow .follow_text{ font-size: 0.24rem; color: #ffffff; margin-right: 0.1rem; } .content{ background-image:url("../kobe_1.jpg") ; width: 100%; height: calc(100vh - 1rem); position: relative; } .content .content_text{ width: 100%; position: fixed; bottom:1rem; left: 0.14rem; } .content .content_text .content_text_follow{ /* width: 3.59rem; height: 0.5rem; */ background-color: #4799ee; border-radius: 0.1rem; padding: 0.13rem 0.18rem 0.1rem 0.17rem; box-sizing: border-box; display: flex; align-items: center; margin-bottom: 0.31rem; display: inline-block; } .content .content_text_follow img{ width: 0.34rem; height: 0.24rem; margin-right: 0.14rem; } .content .content_text_follow .thank{ font-size: 0.26rem; color: #ffffff; } .content .content_text .evaluate{ } .content .content_text .evaluate li{ width: 3.8rem; /* height: 0.5rem; */ background-color: #828282; border-radius: 0.25rem; padding: 0.13rem 0.17rem 0.12rem 0.23rem; margin-bottom: 0.13rem; box-sizing: border-box; } .content .evaluate li .evaluate_fly{ font-size: 0.26rem; color: #4799ee; } .content .evaluate li .evaluate_order{ font-size: 0.26rem; color: #ffffff; } .commodity{ display: flex; align-items: center; justify-content: space-between; padding: 0.3rem 0.25rem 0.09rem 0.3rem; width: 100%; z-index: 9999; position: fixed; bottom: 1rem; box-sizing: border-box; background-image: url(../kobe_2.jpg); } .commodity li{ margin-right: 0.1rem; } .commodity li:last-child{ margin-right: 0rem; } .commodity .img{ width: 0.1rem; height: 0.65rem; margin-bottom: 0.08rem; } .commodity .brand{ font-size: 0.2rem; color: #000000; margin-bottom: 0.17rem; } .commodity .sinze{ font-size: 0.2rem; color: #ea4e3d; } .footer{ width: 100%; height:1rem; position: fixed; bottom: 0rem; left: 0rem; display: flex; align-items: center; padding: 0.14rem 0.29rem 0.28rem 0.4rem; box-sizing: border-box; z-index: 99999; background-image: url(../kobe_3.jpg); } .footer .footer_left{ width: 0.63rem; height: 0.63rem; background-color: #4799ee; border-radius: 50%; margin-right: 0.1rem; display: flex; align-items: center; justify-content: center; } .footer .footer_left img{ width: 0.36rem; height: 0.34rem; } .footer input{ width: 3.59rem; height: 0.62rem; background-color: #828282; border-radius: 0.31rem; margin-right: 0.29rem; } .footer .footer_right{ width: 2.2rem; display: flex; align-items: center; justify-content: space-between; } .footer .footer_right li{ background: #828282; width: 0.63rem; height: 0.63rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .footer .footer_right li img{ } .footer .footer_right li:nth-child(1) img{ width: 0.4rem; height: 0.3rem; } .footer .footer_right li:nth-child(2) img{ width: 0.34rem; height: 0.3rem; } .footer .footer_right li:nth-child(3) img{ width: 0.34rem; height: 0.34rem; }