.footer{/*尾部*/ width: 100%; height: 1rem; background-color: #000000; position: fixed; bottom: 0; z-index: 999; } /*上下遮挡 父容器高度*/ .footer ul{ width: 100%; height: 100%; display:flex; align-items:center; justify-content: space-between; } .footer ul li{ font-size: 0.24rem; color: #ffffff; } .footer ul li:first-child{ margin-left: 0.39rem; } .footer ul li:last-child{ margin-right: 0.39rem; } .footer ul li+.choice{ font-size: 0.3rem; color: #ffffff; position: relative; } .footer ul li+.choice::after{ content: ""; width: 0.51rem; height: 0.03rem; background-color: #ffffff; border-radius: 0.015rem; position: absolute; bottom: -0.24rem; right: 50%; transform: translateX(50%); margin-top: 0.36rem; } /*头部*/ .header{ width:100%; height: 5.5rem; background: url(../img/back.png); background-size: cover; } .header_top{ /* width: 100%; height: 0.36rem; */ display: flex; align-items:center; justify-content:flex-end; padding-top: 0.7rem; } .header_top span{ font-size: 0.36rem; color: #ffffff; margin-left: 0.35rem; } .header_top img{ margin-right: 0.43rem; margin-left: 1.91rem; } .header_top .choice{ position: relative; } .header_top .choice::after{ content: ""; width: 0.4rem; height: 0.04rem; background-color: #ffffff; border-radius: 0.02rem; position: absolute; bottom: -0.1rem; right: 50%; transform: translateX(50%); } /*中部*/ .content{ background: #ffffff; margin-bottom: 60px; } .content_1{ display: flex; font-size: 0; margin-top: 0.42rem; margin-left: 0.24rem; } /*图片*/ .photo{ position: relative; width: 1.1rem; height: 0.88rem; } .photo .user{ width: 0.86rem; height: 0.86rem; border-radius: 100%; } .photo .shop{ width: 0.3rem; height: 0.3rem; position: absolute; bottom: -0.02rem; left: 0.67rem;} /*布局*/ .layout{ width: 5.9rem; font-size: 0px; } /*顶部*/ .layout_top{ width: 5.7rem; display: flex; justify-content:space-between } .layout_top .top_1{ font-size: 0.3rem; color: #5a6f92; } .layout_top .top_2{ font-size: 0.24rem; color: #999999; } .layout_worder{ margin-top: 0.1rem; font-size: 0.24rem; line-height: 0.36rem; color: #686868; } /*图片*/ .tupian{ display:flex; } .tupian li{ position: relative; margin-right: 0.11rem; } .tupian li:last-child{ margin-right:0; } .tupian li .kh{ width: 1.85rem; height: 1.85rem; } .tupian li .bj{ background: url(../img/yinying.png); width: 1.85rem; position: absolute; bottom: 0; left: 0; display: flex; justify-content:flex-end; } .tupian li .bj span{ font-size: 0.24rem; color: #ffffff; } /*图片底部*/ .dibu_1{ display: flex; justify-content:space-between; margin-top: 0.28rem; margin-right: 0.3rem; } .dibu_1 img{ width: 0.39rem; height: 0.27rem; } .dibu_1 .wenzi .dibu_2{ font-size: 0.24rem; color: #989898; } .dibu_1 .wenzi .dibu_3{ font-size: 0.2rem; color: #989898; } /*点赞评论*/ /*点赞*/ .love_pl{ width: 5.7rem; background-color: #f7f7f7; border-radius: 0.1rem; margin-top: 0.16rem; } .love_pl .love { height: 0.77rem; width: 100%; display: flex; align-items:center; justify-content: flex-start; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; } .love_pl .love img{ margin-left: 0.28rem; width: 0.29rem; height: 0.26rem; margin-right: 0.1rem; } .love_pl .love span { font-size: 0.3rem; color: #5a6f92; font-weight: 550; } .love_pl .love p{ font-size: 0.3rem; margin-left: 0.15rem; color: #3c3c3c; } /*评论*/ .discuss{ margin-top: 0.2rem; margin-left: 0.29rem; } .discuss li{ padding-bottom: 0.15rem; } .discuss .discuss_1{ font-size: 0.3rem; color: #5a6f92; } .discuss .discuss_2{ font-size: 0.3rem; color: #0e0e0e; }