body{
    background-color: #efeff4;
}
.title{
    background-color: #ffffff;
    width: 100%;
    height: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.3rem;
    padding-right: 0.41rem;
    box-sizing: border-box;
}
.title_l{
	width: 0.19rem;
	height: 0.34rem;
}
.title p{	
    font-size: 0.34rem;
    color: #333333;
    font-weight: 600;
}
.title_r{
	width: 0.35rem;
	height: 0.35rem;
}

.menu{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    margin-bottom: 0.2rem;
}

.menu ul{
    flex: 1;
    height: 1.66rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: scroll;

}
.menu li{
    width: 21%;
    flex: none;
    text-align: center;
	color: #666666;
}

.menu .active{
    color: #357ef4 !important;
    position: relative;
}
.menu .active::after{
    content: "";
    position: absolute;
    bottom: -22px;
    left: calc((100% - 1.29rem)/2);
    width: 1.29rem;
    height: 0.05rem;
    background-color: #357ef4;
}
.menu .text{
    font-size: 0.29rem;
}
.menu .number{
    font-size: 0.24rem;
}
.menu img{
    width: 0.24rem;
	height: 0.13rem;
}



.content > li{
	width: 7.01rem;
	height: 4.11rem;
	background-color: #ffffff;
	border-radius: 0.2rem;
    margin: 0 0.24rem;
    margin-bottom: 0.18rem;
}

.store{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0.39rem;
}
.store .me{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.27rem;
    padding-bottom: 0.27rem;
}
.me img{
	width: 0.71rem;
	height: 0.71rem;

}
.me p{
    margin-left: 0.14rem;
    font-size: 0.3rem;
    color: #2c2c2c !important;
}
.store p{
	font-size: 0.28rem;
    color: #f09c48;
}


.content{}
.content .goods{
    margin-left: 0.34rem;
    margin-top: 0.2rem;
}
.content .goods li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.content .goods li img{
    width: 1.6rem;
	height: 1.6rem;
}
.content li .des{
    margin-left: 0.18rem;
}
.content li .des .name{
    font-size: 0.3rem;
    color: #333333;
    margin-bottom: 0.1rem;
}
.content li .des .tips{
    width: 100%;
	height: 0.24rem;
	background-color: #fef6ee;
    font-size: 0.2rem !important;
    color: #f09c48 !important;
    padding: 0.02rem 0.09rem 0.03rem 0.06rem;
}

.content li .des p{
    font-size: 0.24rem;
    color: #959595;
    margin-top: 0.08rem;
}


.content .date{
    display: flex;
    align-items: center;
    margin-top: 0.53rem;
    margin-left: 0.34rem;
}
.date .time{
    font-size: 0.24rem;
    color: #959595;
}
.date p:nth-child(2){
    font-size: 0.24rem;
    color: #333333;
    margin-left: 0.42rem;
}
.date p:nth-child(3){
    font-size: 0.24rem;
    color: #ea4e3d;
}
.date p:last-child{
    font-size: 0.2rem;
    color: #959595;
}