.header{ background-color: #ffffff; position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; box-sizing: border-box; } .header .header_div{ display: flex; align-items: center; padding: 0.2rem 0.3rem 0 0.21rem; } .header .header_div .header_div1 { display: flex; align-items: center; width: 6.31rem; height: 0.6rem; border: 1px; box-sizing: border-box; margin-left: 0.48rem; position: relative; box-sizing: border-box; } .header .header_div .header_div1 .header_div1_img{ width: 0.32rem; height: 0.34rem; position: absolute; left: 0.3rem; } .header .header_div .header_div_img{ width: 0.2rem; height: 0.35rem; } .header .header_div .header_div_text{ display: flex; align-items: center; flex: 1; height: 100%; border: none; margin-left: 0.18rem; font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #808080; background-color: #f2f2f2; border-radius: 0.3rem; padding-left: 0.6rem; } .header .header_ul{ display: flex; justify-content: space-between; align-items: center; padding: 0.33rem 0 0.32rem 0.36rem; overflow-y: scroll; box-sizing: border-box; } .header_ul::-webkit-scrollbar { width: 0 !important;height: 0 !important; } .header .header_ul li{ flex-shrink: 0; font-family: SimHei; font-size: 0.31rem; color: #424242; margin-right: 0.24rem; position: relative; } .header .header_ul .ddd{ color: #5697f4; } .header .header_ul .ddd::after{ content: ""; width: 0.31rem; height: 0.04rem; background-color: #5697f4; position: absolute; bottom: -0.28rem; left: 50%; transform: translateX(-50%); } /********************************************************************/ .content{ margin-top: 2.06rem; } .content >ul{ } .content >ul >li{ padding: 0.3rem 0.3rem 0.3rem 0.28rem; background-color: #ffffff; margin-bottom: 0.5rem; } .content .Self{ display: flex; align-items: center; justify-content: space-between; } .content .Self .Self_div{ display: flex; align-items: center; } .content .Self .Self_img{ width: 0.32rem; height: 0.32rem; margin-right: 0.14rem; } .content .Self .Self_div{ display: flex; align-items: center; } .content .Self .Self_zi{ font-family: PingFang-SC-Bold; font-size: 0.26rem; letter-spacing: 0.006rem; color: #333333; margin-right: 0.18rem; } .content .Self .Self_img1{ width: 0.1rem; height: 0.18rem; } .content .Self .Self_div1{ font-family: PingFang-SC-Medium; font-size: 0.26rem; letter-spacing: 0.006rem; color: #5697f4; } /**********************************************************/ .content .commodity{ display: flex; align-items: center; margin-top: 0.28rem; } .content .commodity .commodit_img{ width: 1.36rem; height: 1.37rem; } .content .commodity .commodity_ul{ flex: 1; margin-left: 0.24rem; } .content .commodity .commodity_ul .commodity_li{ display: flex; justify-content: space-between; align-items: center; } .content .commodity .commodity_ul .commodity_li .commodity_zi{ font-family: PingFang-SC-Medium; font-size: 0.3rem; color: #444444; } .content .commodity .commodity_ul .commodity_li .commodity_zi1{ font-family: PingFang-SC-Medium; font-size: 0.3rem; color: #000000; } .content .commodity .commodity_ul .commodity_li .commodity_zi2{ font-family: PingFang-SC-Medium; font-size: 0.3rem; color: #444444; margin-bottom: 0.28rem; margin-top: 0.1rem; } .content .commodity .commodity_ul .commodity_li .commodity_zi3{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #aaaaaa; } .content .commodity .commodity_ul .commodity_li .commodity_zi4{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #aaaaaa; } /****************************************/ .content .Price{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #000000; display: flex; justify-content:flex-end; margin-top: 0.44rem; } /*********************************************/ .content .function{ display: flex; justify-content: flex-end; margin-top: 0.2rem; } .content .function .function_div{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #5697f4; width: 1.28rem; height: 0.46rem; border-radius: 0.23rem; border: solid 0.01rem #5697f4; display: flex; justify-content: center; align-items: center; margin-right: 0.14rem; } .content .function .function_div1{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #888888; width: 1.28rem; height: 0.46rem; display: flex; justify-content: center; align-items: center; border-radius: 0.23rem; border: solid 0.01rem #dddddd; }