.product_swiper{ margin-top: 0.02rem; width: 100%; height: 2.9rem; } .product_swiper>img{ width: 100%; height: 100%; } .product_home{ padding: 0.7rem 3.6rem 0.81rem 0.55rem; background-color: #F6F7FB; display: flex; align-items: flex-start; } .product_left{ width: 2.5rem; } .product_left>img{ width: 2.5rem; height: 1.38rem; } .recharge{ margin-top: 0.3rem; background-color: #fff; } .recharge_box{ padding: 0 0.15rem; padding-bottom: 0.34rem; } .recharge_box .title{ font-size: 0.28rem; color: #949494; text-align: center; padding: 0.2rem 0; border-bottom: 1px solid #EEEEEE; } .recharge_box .del{ font-size: 0.2rem; color: #949494; padding: 0.25rem 0.12rem 0.31rem 0.2rem; } .recharge_box .voucher{ font-size: 0.2rem; color: #fff; width: 1.5rem; height: 0.4rem; background-color: rgba(43,189,238,1); border-radius: 0.2rem; text-align: center; line-height: 0.4rem; margin: 0 auto; cursor:pointer; } .product_right{ margin-left: 0.55rem; } .product_right .title{ padding: 0.12rem 0 0.12rem 0.27rem; border-left: 0.05rem solid #2BBDEE; font-size: 0.28rem; color: #292929; } .not_product{ width: 12rem; margin-top: 0.26rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .not_product>img{ width: 7.2rem; height: 4rem; } .not_product>div{ color: #A9A9A9; font-size: 0.28rem; margin-top: 0.16rem; } .have_product{ margin-top: 0.3rem; } .have_product ul{ display: flex; align-items: center; flex-wrap: wrap; } .have_product ul li{ background-color: #fff; width: 3.8rem; margin-right: 0.2rem; margin-bottom: 0.3rem; } .have_product ul li:nth-child(3n){ margin-right: 0; } .have_product ul li>img{ width: 3.8rem; height: 2.14rem; } .have_product ul li .have_product_box{ padding: 0.3rem 0.33rem 0.07rem; } .have_product ul li .have_product_box .name{ font-size: 0.24rem; color: #002929; font-weight: 600; } .have_product ul li .have_product_box .del{ font-size: 0.16rem; color: #A9A9A9; margin-top: 0.33rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-bottom: 0.3rem; border-bottom: 1px solid #F6F7FB; } .have_product ul li .have_product_box .enter{ font-size: 0.16rem; color: #A9A9A9; text-align: right; margin-top: 0.1rem; cursor: pointer; }