body { margin: 0; padding: 0; font-size: 0; background: #f7f5f5; } li{ list-style: none; } p{ margin: 0; padding:0; } .header{ z-index: 999; left: 0; top: 0; position: fixed; width: 100%; height:0.9rem; display: flex; background: #f7f5f5; justify-content: space-between; box-sizing: border-box; padding:0 0.23rem 0 0.25rem; align-items: center; } .header img{ vertical-align: middle; } .header_z_z{ width: 0.2rem; height: 0.38rem; padding-right:0.3rem; } .header_z_y{ width: 0.48rem; height: 0.48rem; } .heade_zj{ display: flex; } .heade_zj_z{ display: flex; font-size: 0.28rem; color:#000000; padding-right:0.2rem; } .heade_zj_y{ width: 0.78rem; height: 0.32rem; line-height: 0.32rem; text-align: center; background-color: #3b75e2; border-radius: 0.1rem; font-size: 0.2rem; color: #ffffff; } .header_yz{ padding-right:0.3rem; width: 0.42rem; height: 0.35rem; } .header_yy{ width: 0.37rem; height: 0.36rem; } .content{ margin-top:1rem; margin-right: 0.24rem; margin-left: 0.24rem; } .content_u{ padding: 0 0.37rem; height: 1.8rem; background:rgb(110, 110, 182); border-radius: 15px; margin: 0.3rem 0 0.24rem 0; display: flex; justify-content:space-between; align-items: center; text-align: center; } .content_u p{ font-size: 0.34rem; line-height: 0.48rem; color: #ffffff; } .content_u span{ font-size: 0.24rem; line-height: 0.48rem; color: #ffffff; } .content_zs{ background-color: #ffffff; border-radius: 0.2rem; margin:0 0 0.24rem 0; box-sizing: border-box; height:0.78rem; display: flex; justify-content: space-between; align-items: center; padding: 0 0.2rem; } .content_zsz img{ width: 0.41rem; height: 0.39rem; padding-right:0.09rem; } .content_zsz span{ font-size: 0.32rem; color: #1a1a1a; } .content_zsy img{ width: 0.12rem; height: 0.21rem; padding-left:0.11rem; } .content_zsy span{ font-size: 0.28rem; color: #0079f1; padding-right: 0.11rem; } .content_zss{ box-sizing: border-box; height: 2.75rem; background: #ffffff; border-radius: 0.2rem; margin-bottom: 0.24rem; } .content_zss_s{ padding:0.34rem 0 0 0.34rem; font-size: 0.3rem; color: #010101; } .content_zss_x{ padding: 0 0.55rem 0 0.55rem; margin-top: 0.35rem; display: flex; justify-content: space-between; align-items: center; text-align: center; } .content_zss_x p{ padding: 0.25rem 0 0.15rem 0; } .content_zss_x_t1{ width: 0.58rem; height: 0.56rem; } .content_zss_x_t2{ width: 0.57rem; height: 0.43rem; } .content_zss_x_t3{ width: 0.6rem; height: 0.42rem; } .content_zss_x p{ font-size: 0.24rem; color: #333333; } .content_zss_x span{ font-size: 0.22rem; color: #e93323; } .content_rz{ font-size: 0.22rem; color: #abb1bc; } .padd{ padding:0 0.34rem } .content_zss_x{ flex-wrap: wrap; } .content_zss_xm{ font-size: 0.3rem; color: #010101; padding: 0.34rem 0 0 0.35rem; } .content_zss_xm_ul{ display: flex; justify-content: space-between; border-radius: 0.2rem; flex-wrap:wrap; margin-top: 0.54rem; } .content_zss_xm_ul li{ width: 20%; text-align: center; padding-bottom: 0.45rem; } .content_zss_xm_ul img{ margin-bottom:0.2rem; } .content_zsx{ height: 4.02rem; background-color: #ffffff; border-radius: 0.2rem; margin-bottom: 0.24rem; } .content_zsxd{ height: 2.51rem; background-color: #ffffff; border-radius: 0.2rem; box-sizing: border-box; margin-bottom: 0.24rem; } .content_zsx_s{ font-size: 0.3rem; color: #010101; padding: 0.34rem 0 0 0.34rem; } .content_zsx__x img{ padding-bottom: 0.29rem; } .content_zsx__x li{ text-align: center; } .content_zsx__x{ margin-top: 0.24rem; display: flex; justify-content: space-between; padding: 0 0.51rem; } .content_zsx__x_1 { width: 0.62rem; height: 0.44rem; } .content_zsx__x_2{ width: 0.52rem; height: 0.56rem; } .content_zsx__x_3{ width: 0.48rem; height: 0.53rem; } .content_zsx__x_4{ width: 0.44rem; height: 0.48rem; } .content_zsx__x p{ font-size: 0.24rem; color: #333333; } .content_zss_xm_ul img{ width: 0.38rem; height: 0.4rem; } .content_zss_xm_ul p{ font-size: 0.24rem; color: #333333; }