index.css 5.3 KB
body,html{
    width:100%;
    height:100%;
    background: #fff;

}

.head{
    height:3.3rem;
}
.swiper-slide img{
    width:100%;
    height:3.3rem;
    /*position: fixed;*/
    /*left: 0;*/
}
.notice{
   display:flex;
    width:6.86rem;
    height:0.6rem;
    margin: 0 auto;
    border-radius: 0.3rem;
    background:#fff;
    margin-top: 0.16rem;
    box-shadow: 0px 0px 15px 4px #f5f5f5;
}
.icon-laba{
    margin-left: 0.31rem;
    margin-top: 0.16rem;
}
.companynotice{
    font-size: 0.26rem;
    color:#1A1A1A;
    margin-left: 0.17rem;
    margin-top: 0.15rem;
}
/*会员专区*/
.special{
    width:5.7rem;
    margin: 0 auto;
    display:flex;
    justify-content:space-between ;
    align-items: center;
    margin-top: 0.36rem;

}
.special p{
    width:1.2rem;
    height:1.2rem;
}
.special p img{
    width:100%;
}
.specialword{
    width:5.7rem;
    margin: 0 auto;
    display:flex;
    justify-content:space-between ;
    align-items: center;

}
.specialword p{
    width:1.2rem;
    text-align: center;
    height:0.8rem;
    font-size:0.28rem ;
    color:#666666;
    margin-top: 0.2rem;
}
.line{
    height:0.16rem;
    background: #F5F6FA;
}
.newgood{
    display:flex;
    justify-content: center;
    align-items: center;
}

.newgood p{
   font-size: 0.3rem;
    color:#000000;
    font-weight: bold;
    margin-top: 0.24rem;
}
.remmond{
    width:1.56rem;
    height:0.19rem;
    margin: 0 auto;
    font-size: 0.24rem;
    color:#000000;
    font-weight: 500;
}
.newgood .lineae{

}
.text_body{
   overflow: hidden;
    margin-top: 0.04rem;
    padding-bottom: 1.31rem;
}
.good{
    float:left;
    width:3.71rem;
    margin-right: 0.08rem;
    margin-top: 0.35rem;
}
.good:nth-child(2n){
    margin-right: 0;
}
.good_img{
    width:3.71rem;
    height:3.71rem;
}
.good_img img{
    width:100%;
}
.good_name{
    width:3rem;
    margin-left: 0.32rem;
    font-size: 0.32rem;
    color: #000000;
    font-weight: 500;
    margin-top: 0.2rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.good_tast{
    width:3.3rem;
    margin-left: 0.32rem;
    font-size: 0.28rem;
    color: #666666;
    font-weight: 500;
    margin-top: 0.19rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.good_points{
    font-size: 0.24rem;
    color:#FF0000;
    margin-left: 0.32rem;
    margin-top: 0.19rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.people{
    display:flex;
    margin-top: 0.19rem;
    font-size: 0;
}
.people_price{
    font-size: 0.24rem;
    color:#FF0000;
    margin-left: 0.28rem;
    height:0.25rem;
    line-height: 0.25rem;

}
.money{
    font-size: 0.32rem;
    color:#FF0000;
    height:0.25rem;
    line-height: 0.25rem;
    font-weight: bold;
}
.people_comment{
    font-size: 0.24rem;
    color:#FF0000;
    margin-left: 1.51rem;
    height:0.25rem;
    line-height: 0.25rem;
}
/*底部导航*/
.foot{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem 1rem;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background: #fff;
    border-top:1px solid #f5f5f5;


}
.home_page{
    font-size: 0.24rem;
    color:#BA1B2B;
    width:0.6rem;
    text-align: center;
}
.shop_cart{
   color:#969799;
    font-size: 0.24rem;
    width:0.8rem;
    text-align: center;
}
.member_center{
    color:#969799;
    font-size: 0.24rem;
    width:1rem;
    text-align: center;
}
.home_img,.shopcart_img,.member_img{
    width:0.6rem;
    height:0.66rem;
    font-size: 0;

}
.shopcart_img{
    margin-left: 0.05rem;
}
.member_img{
    margin-left: 0.2rem;
}
.home_img img,.shopcart_img img,.member_img img{
   width:100%;
}

/*绑定手机号*/
.register{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position:fixed;
    left:0;
    right:0;
    z-index: 5;
}
.registerwrap{
    width:6.86rem;
    height:5.06rem;
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    z-index: 6;
    /*left:0.4rem;*/
    /*top: 3rem;*/
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding-top: 0.36rem;
}
.telnum{
    width:6.4rem;
    height:1rem;
    border-radius: 0.5rem;
    border: 0.01rem solid #EBEBEB;
    margin-top: 0.45rem;
    font-size: 0;
}
.bindphone{
    font-size: 0.32rem;
    color:#252729;
    text-align: center;
}
.telnum input{
    width:6.1rem;
    height:1rem;
    border:none;
    outline:none;
    border-radius: 0.5rem;
    margin-left: 0.3rem;
    font-size: 0.28rem;
    color:#252729;
}
.code{
    width:6.4rem;
    height:1rem;
    border-radius: 0.5rem;
    border: 0.01rem solid #EBEBEB;
    margin-top: 0.16rem;
    font-size: 0;
    display:flex;
}
.code input{
    width:3.4rem;
    margin-left: 0.3rem;
    border:none;
    outline:none;
    border-radius: 0.5rem;
}
.findcode{
   width:2.44rem;
    height:0.72rem;
    line-height: 0.72rem;
    text-align: center;
    background:#FE0A01;
    color:#fff;
    font-size: 0.28rem;
    border-radius: 0.5rem;
    margin-top: 0.14rem;
}
.enterindex{
   width:2.94rem;
    height:0.88rem;
    color:#fff;
    background:#FE0A01;
    border-radius: 0.5rem;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.88rem;
    margin-top: 0.79rem;
}