body{
    padding-top: 15px;
}
.userinfo{
    width: 100%;
    height: auto;
}
.shareicon{
    width: 20px;
    height: 20px;
}
.logo{
    width: 35px;
    height: 35px;
    margin-right: 6px;
}
.banlance span{
    color: #6D717A;
    font-size: 12px;
}
.banlance p{
    color: #0C1221;
    font-size: 13px;
    margin: 0;
} 
.bannerimg{
    width: 100%;
    height: auto;
    display: block;
    margin-top: 16px;
} 
.seeyou{
    color: #9b9da1;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
.menu img{
    width: 48px;
    height: 48px;
    display: block;
    margin: auto;
}
.menu{
    text-align: center;
    color: #484D58;
    font-size: 13px;
}
.menu p{
    margin-top: 4px;
}
.menu a{
    color: #0C1221;
}
.productlist{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.productlist li{
    width: 100%;
    height: auto;
    background: #ededfa;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 12px;
    align-items: normal;
    margin-bottom: 15px;
}
.goodsimg{
    width: 137px;
    /* height: 137px; */
    border-radius: 8px;
}
.infomation{
    flex: 1;
    margin-left: 8px;
}
.timebtn{
    width: 55%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    background: #dcdcf7;
    color: #0000ff;
    font-size: 12px;
}
.timebtn p{
    white-space: nowrap;
    transform: scale(0.75);
    transform-origin: 30% ;
}
.timebtn span{
    font-weight: bold;
}
.buybtn{
    width: 42%;
    height: 30px;
    border-radius: 6px;
    background: #0000ff; 
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
}
.product_name{
    color: #210C0C;
    font-size: 14px;
    line-height: 24px;
    font-family: 'fontb';
    margin: 5px 0;
}
.price{
    color: #0000ff;
    font-size: 13px;
    margin-bottom: 4px;
}
.return{
    /* margin-bottom: 3px; */
    margin-top: 3px;
}
.return .bold{
  color: #6D6B74;
  font-size: 12px;
  font-family: 'fontb';
}
.line{
    width: 1px;
    height: 9px;
    background: #CEC5C8;
    margin: 0 10px;
}
.return .light{
    color: #6D6B74;
    font-size: 12px;
    font-family: 'fontm';
}
.swiper-wrapper{
    width: 100%;
    height: auto;
    display: block; 
   }
   .swiper-slide{
    
   }
   .swiper-container{
    border-radius: 15px;
    overflow: hidden;
   }
   .swiper-wrapper img{
    width: 100%;
    height: auto;
   }
   .swiper-container{
    margin-top: 15px;
    margin-bottom: 15px;
   }
   .swiper-pagination{
    width: 100px;
    height: 20px;
    position: absolute;
    bottom: 20px;
    right: 0;
   }
   .swiper-pagination-bullet{
    margin: 0 5px;
    background: #DAE1FB !important;
    opacity: 1 !important;
   }
   .swiper-pagination-bullet-active{
    margin: 0 5px;
    background: #4263EB !important;
    opacity: 1 !important;
   }