.header{ width: 100%; height: 0.9rem; position: fixed; left: 0; top: 0; z-index: 99999; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; padding: 0 0.40rem; } .header .header_img{ width: 0.15rem; height: 0.29rem; } .header .header_div{ width: 5.66rem; height: 0.6rem; display: flex; align-items: center; box-sizing: border-box; position: relative; } .header .header_div .header_div_img{ width: 0.32rem; height: 0.34rem; margin-right: 0.19rem; position: absolute; left: 0.24rem; } .header .header_div .header_div_text{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #808080; height: 100%; border: none; background-color: #f2f2f2; border-radius: 0.3rem; display: flex; justify-content: center; align-items: center; flex: 1; padding-left: 0.7rem; } .header .header_img1{ width: 0.33rem; height: 0.36rem; } /***************************************************/ .content{ margin-top: 0.9rem; margin-bottom: 1rem; } .content .shoes{ width: 7.5rem; height: 7.5rem; position: relative; } .content .shoes .shoes_img{ width: 100%; height: 100%; } .content .shoes .shoes_div{ width: 0.75rem; height: 0.1rem; position: absolute; bottom: 0.25rem; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; } .content .shoes .shoes_div .shoes_div_zi{ width: 0.1rem; height: 0.1rem; background-color: #ffffff; opacity: 0.8; border-radius: 100%; } .content .shoes .shoes_div .qw{ background-color: #ff7b41; } .content .shoes .shoes_img1{ width: 0.98rem; height: 1.28rem; position: absolute; top: 0.97rem; right: 0.25rem; } /*******************************************************/ .content .Price{ padding-top: 0.49rem; padding-left: 0.3rem; background-color: #ffffff; padding-bottom: 0.36rem; } .content .Price .Price_zi{ display: flex; align-items: center; margin-bottom: 0.24rem; } .content .Price .Price_zi .Price_zi_z{ display: flex; align-items: center; } .content .Price .Price_zi .Price_zi_z .Price_zi_z_q{ font-family: PingFang-SC-Heavy; font-size: 0.20rem; letter-spacing: 0.005rem; color: #ea4e3d; zoom: 0.7; margin-left: 0.08rem; } .content .Price .Price_zi .Price_zi_z .Price_zi_z_q1{ font-family: PingFang-SC-Heavy; font-size: 0.24rem; letter-spacing: 0.005rem; color: #ea4e3d; margin-left: 0.15rem; margin-right:0.20rem; } .content .Price .Price_zi .Price_zi_z1{ font-family: PingFang-SC-Regular; font-size: 0.24rem; letter-spacing: 0.005rem; color: #737373; } .content .Price .Price_zi1{ font-family: PingFang-SC-Medium; font-size: 0.24rem; letter-spacing: 0.005rem; color: #1b1b1b; } /************************************************************/ .content .address{ background-color: #ffffff; padding: 0.25rem 0.55rem 0.3rem 0.38rem; margin-bottom: 0.01rem; } .content .address .address_q{ display: flex; justify-content: space-between; } .content .address .address_q .address_div{ display: flex; align-items: center; } .content .address .address_q .address_div .address_div_zi{ font-family: PingFang-SC-Medium; font-size: 0.24rem; letter-spacing: 0.005rem; color: #737373; } .content .address .address_q .address_div .address_div_img{ width: 0.19rem; height: 0.25rem; margin-left: 0.2rem; margin-right: 0.08rem; } .content .address .address_q .address_div .address_div_zi1{ font-family: PingFang-SC-Medium; font-size: 0.2rem; letter-spacing: 0.004rem; color: #000000; zoom: 0.78; } .content .address .address_q .address_div1{ font-family: PingFang-SC-Medium; font-size: 0.2rem; letter-spacing: 0.004rem; color: #6a6565; zoom: 0.78; } .content .address .address_q .address_div .address_div_zi1 span{ color: #ea4e3d; margin-right: 0.06rem; } .content .address .address_q .address_img{ width: 0.14rem; height: 0.26rem; } /********************************************/ .content .quantity{ display: flex; justify-content: space-between; align-items: center; padding: 0.26rem 0.55rem 0.22rem 0.37rem; background-color: #ffffff; margin-bottom: 0.01rem; } .content .quantity .quantity_div{ display: flex; align-items: center; } .content .quantity .quantity_div .quantity_div_zi{ font-family: PingFang-SC-Medium; font-size: 0.24rem; letter-spacing: 0.005rem; color: #737373; } .content .quantity .quantity_div .quantity_div_zi1{ font-family: PingFang-SC-Medium; font-size: 0.2rem; color: #f09c48; margin-left: 0.32rem; margin-right: 0.35rem; zoom: 0.78; } .content .quantity .quantity_div .quantity_div_zi2{ font-family: PingFang-SC-Medium; font-size: 0.2rem; color: #f09c48; zoom: 0.78; } .content .quantity .quantity_img{ width: 0.14rem; height: 0.26rem; } .content .quantity .quantity_div .quantity_div_zi3{ font-family: PingFang-SC-Medium; font-size: 0.2rem; color: #000000; margin-left: 0.32rem; zoom: 0.78; } .content .quantity .quantity_div .quantity_div_zi4{ display: flex; align-items: center; margin-left: 0.25rem; } .content .quantity .quantity_div .quantity_div_zi4 .quantity_div_zi4_img{ width: 0.23rem; height: 0.23rem; margin-right: 0.12rem; } .content .quantity .quantity_div .quantity_div_zi4 .quantity_div_zi4_div{ font-family: PingFang-SC-Medium; font-size: 0.2rem; letter-spacing: 0.004rem; color: #000000; zoom: 0.78; } /******************************************************************/ .content .enter{ display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0.52rem 0.27rem 0.58rem 0.24rem; background-color: #ffffff; width: 100%; } .content .enter .enter_div{ display: flex; align-items: center; } .content .enter .enter_div .enter_img{ width: 0.78rem; height: 0.78rem; border-radius: 0.05rem; } .content .enter .enter_div .enter_div1{ display: flex; flex-direction: column; margin-left: 0.21rem; } .content .enter .enter_div .enter_div1 .enter_div1_zi{ font-family: PingFang-SC-Medium; font-size: 0.28rem; letter-spacing: 0.014rem; color: #000000; margin-bottom: 0.17rem; } .content .enter .enter_div .enter_div1 .enter_div1_zi1{ font-family: PingFang-SC-Medium; font-size: 0.22rem; color: #999999; } .content .enter .enter_div2{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #4799ee; width: 1.48rem; height: 0.54rem; border-radius: 0.27rem; border: solid 0.01rem #4799ee; display: flex; justify-content: center; align-items: center; } .zo{ font-family: PingFang-SC-Light; font-size: 0.2rem; letter-spacing: 0.01rem; color: #979696; display: flex; justify-content: center; align-items: center; margin-top: 0.13rem; height: 0.83rem; } /*****************************************************/ .footer{ height: 1rem; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 99999; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; padding: 0 0.4rem 0 0.3rem; background-color: #ffffff; } .footer .footer_div{ display: flex; align-items: center; } .footer .footer_div .shop{ margin-right: 0.64rem; } .footer .footer_div .shop .shop_img{ width: 0.41rem; height: 0.36rem; } .footer .footer_div .shop .shop_zi{ font-family: PingFang-SC-Medium; font-size: 0.2rem; letter-spacing: 0.02rem; color: #999999; } .footer .footer_div .shop1 { position: relative; } .footer .footer_div .shop1 .shop1_d{ width: 0.34rem; height: 0.24rem; background-color: #ffffff; border-radius: 0.12rem; border: solid 0.01rem #ea4e3d; display: flex; justify-content: center; align-items: center; position: absolute; top: -0.12rem; right: -0.21rem; } .footer .footer_div .shop1 .shop1_d span{ font-family: PingFang-SC-Medium; font-size: 0.2rem; color: #ea4e3d; zoom: 0.78; } .footer .footer_div1{ width: 4.2rem; height: 0.68rem; background-color: #5697f4; border-radius: 0.34rem; display: flex; align-items: center; overflow: hidden; } .footer .footer_div1 .footer_div1_zi{ font-family: PingFang-SC-Medium; font-size: 0.28rem; letter-spacing: 0.006rem; color: #747474; width: 2.1rem; height: 0.68rem; background-color: #f5f2f2; border-radius: 0.34rem 0rem 0rem 0; display: flex; justify-content: center; align-items: center; } .footer .footer_div1 .footer_div1_zi1{ font-family: PingFang-SC-Medium; font-size: 0.28rem; letter-spacing: 0.006rem; color: #ffffff; width: 50%; width: 2.1rem; height: 0.68rem; background-color: #0b4bb9; border-radius:0 0.34rem 0rem 0; display: flex; justify-content: center; align-items: center; }