You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

143 lines
2.7 KiB
CSS

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;
}