*{margin: 0;padding: 0;}
/* 设置页面的最大宽度和最小宽度 */
body{margin-bottom:80px; margin: 0 auto; padding:0;  height: 100%; width: 100%;background-color: #eeecec;}
/* 整个list页面 */
.tf_list{width: 100%;height: 100%;margin: 0 auto;background-color: #eeecec;}


/* 商品的全部分类 */
.all_list{width: 95%;background-color: white;margin: .3rem auto;position: relative;}
.all_list>a .all_bg{width: 100%;height: 100%;}
.all_list>a>p{width: 100%;height:40%;font-size: .7rem;color:rgb(219, 0, 0);position: absolute;top: 10%;text-align: center;}
.all_list>a .all{width:30%;height: 60%;position: absolute;right: 0;bottom: 0;font-size: .4rem;}
.all_list>a .all>span{width: 60%;height: 100%;display: inline-block;color: white;position: absolute;bottom: -25%;right: 40%;overflow: hidden;}
.all_list>a .all>img{width: 40%;height: 100%;float: right;}


/* 商品的大类上面 */
.top_l{width: 100%;padding: .2rem;box-sizing: border-box;margin-bottom: .5rem;}
.top_l .mode{width: 48%;float: left; }
/* 日用品 */
.top_l .mode .r_top ,.top_l .mode .r_down{width: 100%;background-color: white;margin:auto 0;text-align: center;padding: 0 0 .3rem 0;box-sizing: border-box;}
/* 表 */
.top_l .mode .r_down{margin-top: 10%;}

.top_l .mode>div>a>p{width: 90%;margin: 0 auto;color: rgb(219, 0, 0);font-size: 16px;}
.top_l .mode>div>a>img{width: 90%;}

.top_l .right{float: right;}


/* 商品的大类下面 */
.down_l{width: 100%;padding: .2rem;box-sizing: border-box;}
/* 服装图片 */
.clothes_img{width: 100%;color: white;}
.clothes_img>img{width: 100%; margin-top: .4rem;}
.clothes_img>p{width: 100%;line-height: 2rem;text-align: center;}
/* 分类 */
.clothes_l{width: 100%;}
.clothes_l>ul{width: 100%;}
.clothes_l>ul>li{width: 48%;background-color: white;float: left;text-align: center;}
.clothes_l>ul>li:nth-last-child(1){margin-left: 4%;}
.clothes_l>ul>li>a>p{width: 90%;margin: 0 auto;color: rgb(219, 0, 0);font-size: 16px;}
.clothes_l>ul>li>a>img{width: 90%;margin-top: 5%;}

/* 个护美妆 */
.makeups{width: 100%;height: 3.2rem;padding: .2rem;box-sizing: border-box;}
.makeups>ul{width: 100%;height: 100%;background-color: white;}
.makeups>ul>li{ height: 100%;margin-right: 5%;float: left;}
.makeups>ul>li:nth-last-child(1){margin-right: 0;width: 70%;padding: .2rem;box-sizing: border-box;}
.makeups>ul>li:nth-child(1){width: 25%;margin-right: 0;}
.makeups>ul>li>p{width: 40%;text-align: center;font-size: .5rem; margin-left:8%;color: rgb(219, 0, 0);height: 100%;overflow: hidden;margin: 0 auto;font-weight: bold;}
.makeups>ul>li>img{width: 100%;}