@charset "utf-8";

body{
    background-color:#fff;
}
.diet_container{
    margin: 0 auto;
    background-color: #fff;
    padding: 0rem 0.4rem;
}
h2{
    font-size:0.3rem;
    margin-top:60px;
    text-align:center;
    font-weight:bold;
}
.issue_one{
    /* padding-top:0.4rem; */
    padding-bottom:0.1rem;
}

.issue_one .issue_title{
    font-size:0.24rem;
    font-weight:bold;
    margin-top:20px;
}
.issue_one .issue_sub_one{
    margin-top:0.2rem;
}
.issue_sub_one,
.issue_sub_two{
    font-size:0.24rem;
}
/* .issue_one p{
    font-size:0.24rem;
} */
.issue_one .diet_part{
    margin-top:0.6rem;

}
.issue_one .diet_title{
    /* background:url("../images/diet_recommend.svg") no-repeat 0 0; */
    /* background-size:3.7rem 0.4rem; */
    margin-left:0.4rem;
    font-size:0.24rem;
    width:90%;
    /* width:1.5rem; */
    /* height:0.4rem; */
    /* line-height:0.4rem; */
    /* background-color:#000; */
    text-align:center;
    color:#fff;
}
.issue_one .diet_detail{
    overflow:scroll;
    margin-top:0.4rem;
}
.issue_one .diet_info{
    width:2000px;
    padding-bottom:0.05rem;

}
.clearfix::after{
    display:block;
    content:"";
    clear:both;
}
.issue_one .diet_info li{
    position:relative;
    box-shadow:0 0 20px #ccc;
    /* border:1px solid #ccc; */
    box-sizing:border-box;
    float:left;
    margin-right:0.4rem;
    
    border-radius:5px;
    height:5.6rem;
    width:4.3rem;
}
.issue_one .diet_info li span{
    position:absolute;
    top:3.2rem;
    left:0.2rem;
    width:0.3rem;
    font-size:0.2rem;
    font-weight:bold;

}
.issue_one .diet_info li:first-child{
    margin-left:0.4rem;
}
.issue_one .diet_info li img{
    border-radius:5px 5px 0 0;
    width:100%;
}
.issue_one .diet_info li p{
    padding:0.3rem 0.2rem 0 0.7rem;
    font-size:0.2rem;
    letter-spacing:0.1em;
}



.issue_one .life_part{
    margin-top:0.6rem;

}
.issue_one .life_title{
    /* background:url("../images/life_recommend.svg") no-repeat 0 0; */
    /* background-size:3.7rem 0.4rem; */
    margin-left:0.4rem;
    font-size:0.24rem;
    width:90%;
    /* width:1.5rem; */
    /* height:0.4rem; */
    /* line-height:0.4rem; */
    /* background-color:#000; */
    text-align:center;
    color:#fff;
}
.issue_one .life_detail{
    overflow:scroll;
    margin-top:0.4rem;
}
.issue_one .life_info{
    width:2000px;
    padding-bottom:0.05rem;

}
.clearfix::after{
    display:block;
    content:"";
    clear:both;
}
.issue_one .life_info li{
    position:relative;
    box-sizing:border-box;
    float:left;
    margin-right:0.4rem;
    box-shadow:0 0 20px #ccc;
    /* border:1px solid #ccc; */
    border-radius:5px;
    height:5.6rem;
    width:4.3rem;
}
.issue_one .life_info li span{
    position:absolute;
    top:3.2rem;
    left:0.2rem;
    width:0.3rem;
    font-size:0.2rem;
    font-weight:bold;

}
.issue_one .life_info li:first-child{
    margin-left:0.4rem;
}
.issue_one .life_info li img{
    border-radius:5px 5px 0 0;
    width:100%;
}
.issue_one .life_info li p{
    padding:0.3rem 0.2rem 0 0.7rem;
    font-size:0.2rem;
    letter-spacing:0.1em;
}



.issue_two{
    padding-top:0.4rem;
    padding-bottom:0.4rem;
}

.issue_two .issue_title{
    font-size:0.24rem;
    font-weight:bold;
    margin-top:0.4rem;
}
.issue_two .issue_sub_one{
    margin-top:0.2rem;
}
/* .issue_two p{
    font-size:0.2rem;
} */
.issue_two .diet_part{
    margin-top:0.6rem;

}
.issue_two .diet_title{
    /* background:url("../images/diet_recommend.svg") no-repeat 0 0; */
    /* background-size:3.7rem 0.4rem; */
    margin-left:0.4rem;
    font-size:0.24rem;
    width:90%;
    /* width:1.5rem; */
    /* height:0.4rem; */
    /* line-height:0.4rem; */
    /* background-color:#000; */
    text-align:center;
    color:#fff;
}
.issue_two .diet_detail{
    overflow:scroll;
    margin-top:0.4rem;
}
.issue_two .diet_info{
    width:2000px;
    padding-bottom:0.05rem;
    box-sizing:border-box;

}
.clearfix::after{
    display:block;
    content:"";
    clear:both;
}
.issue_two .diet_info li{
    box-sizing:border-box;
    position:relative;
    float:left;
    margin-right:0.4rem;
    box-shadow:0 0 20px #ccc;
    /* border:1px solid #ccc; */
    border-radius:5px;
    height:5.6rem;
    width:4.3rem;
}
.issue_two .diet_info li span{
    position:absolute;
    top:3.2rem;
    left:0.2rem;
    width:0.3rem;
    font-size:0.2rem;
    font-weight:bold;

}
.issue_two .diet_info li:first-child{
    margin-left:0.4rem;
}
.issue_two .diet_info li img{
    border-radius:5px 5px 0 0;
    width:100%;
}
.issue_two .diet_info li p{
    padding:0.3rem 0.2rem 0 0.7rem;
    font-size:0.2rem;
    letter-spacing:0.1em;
}



.issue_two .life_part{
    margin-top:0.6rem;

}
.issue_two .life_title{
    /* background:url("../images/life_recommend.svg") no-repeat 0 0; */
    /* background-size:3.7rem 0.4rem; */
    margin-left:0.4rem;
    font-size:0.24rem;
    width:90%;
    /* width:1.5rem; */
    /* height:0.4rem; */
    /* line-height:0.4rem; */
    /* background-color:#000; */
    text-align:center;
    color:#fff;
}
.issue_two .life_detail{
    overflow:scroll;
    margin-top:0.4rem;
}
.issue_two .life_info{
    width:2000px;
    padding-bottom:0.05rem;
    box-sizing:border-box;

}
.clearfix::after{
    display:block;
    content:"";
    clear:both;
}
.issue_two .life_info li{
    box-sizing:border-box;
    position:relative;
    float:left;
    margin-right:0.4rem;
    box-shadow:0 0 20px #ccc;
    /* border:1px solid #ccc; */
    border-radius:5px;
    height:5.6rem;
    width:4.3rem;
}
.issue_two .life_info li span{
    position:absolute;
    top:3.2rem;
    left:0.2rem;
    width:0.3rem;
    font-size:0.2rem;
    font-weight:bold;
}
.issue_two .life_info li:first-child{
    margin-left:0.4rem;
}
.issue_two .life_info li img{
    border-radius:5px 5px 0 0;
    width:100%;
}
.issue_two .life_info li p{
    padding:0.3rem 0.2rem 0 0.7rem;
    font-size:0.2rem;
    letter-spacing:0.1em;
}