body{ background-color: #EBEBEB; } .home{ width: 100%; padding-bottom: 1.3rem; } .heard{ padding: 0.35rem 0.3rem; display: flex; align-items: center; justify-content: space-between; } .heard>img{ width: 1.7rem; height: 0.5rem; } .heard_right{ width: 3.5rem; height: 0.5rem; background-color: #fff; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; } .heard_right>input{ border: 0; background-color: #fff; width: 2.6rem; height: 0.3rem; line-height: 0.3rem; outline:none; cursor: pointer; } .heard_right>input::placeholder{ font-size: 0.24rem; color: #A9A9A9; } .heard_right>img{ width: 0.3rem; height: 0.3rem; } .carousel{ font-size: 0.28rem; width: 100%; height: 3.4rem; background-color: #fff; } .swiper-slide>img{ width: 100%; height: 3rem; } .swiper-container{ width: 100%; height: 100%; } .swiper-pagination{ bottom: 6px !important; } .swiper-pagination-bullet { width: 0.4rem; height: 0.05rem; text-align: center; line-height: 20px; font-size: 0.20rem; opacity: 1; background-color: #BFBFBF; border-radius: 0; } .swiper-pagination-bullet-active { background: #389AED; } .hot{ margin-top: 0.15rem; width: 100%; background-color: #fff; height: 3.6rem; } .hot .hot_box{ padding: 0.3rem; font-size: 0.2rem; } .hot .hot_box .heading{ display: flex; align-items: center; justify-content: space-between; } .hot .hot_box .heading>div:first-child{ padding: 0.02rem 0 0.02rem 0.24rem; border-left: 0.05rem solid #389AED; font-size: 0.28rem; color: #292929; } /*.hot .hot_box .heading>div:last-child{*/ /* width: 0.8rem;*/ /* height: 0.34rem;*/ /* border: 1px solid #389AED;*/ /* color: #389AED;*/ /* font-size: 0.2rem;*/ /* border-radius: 0.15rem;*/ /* text-align: center;*/ /* line-height: 0.34rem;*/ /*}*/ .hot .hot_box>img{ width: 100%; height: 2.4rem; margin-top: 0.3rem; } .recharge{ margin-top: 0.15rem; width: 100%; background-color: #fff; height: 3.3rem; margin-bottom: 0.45rem; } .recharge_box{ padding: 0.3rem; font-size: 0.2rem; } .recharge_box .title{ padding: 0.02rem 0 0.02rem 0.24rem; border-left: 0.05rem solid #389AED; font-size: 0.28rem; color: #292929; } .recharge_box .del{ margin-top: 0.29rem; color: #A9A9A9; font-size: 0.24rem; line-height: 0.36rem; } .recharge_box .btn{ width: 2rem; height: 0.7rem; border-radius: 0.35rem; font-size: 0.28rem; color: #FFFFFF; background-color: #389AED; text-align: center; line-height: 0.7rem; margin: 0.3rem auto 0 auto; }