.header { padding-left: 0.3rem; padding-right: 0.45rem; height: .9rem; position: fixed; z-index: 999; width: 100%; background: #fff; left: 0; top: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; z-index: 999; } .header img { width: 0.19rem; height: 0.34rem; } .header .title { font-size: 0.34rem; color: #333333; } .header .del { font-size: 0.28rem; color: #347ef4; } .content { margin-top: .9rem; margin-bottom: 1rem; } .footer li { width: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.34rem; color: #ffffff; } .info { padding: 0 0.24rem; padding: 0.25rem; display: flex; } .info .shop_img { position: relative; width: 0.8rem; height: 0.8rem; } .info .shop_img .shop_tips { width: 0.68rem; height: 0.24rem; background-color: #ffe0e8; border-radius: 0.03rem; border: solid 0.01rem #fd4a75; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.12rem; display: flex; justify-content: center; align-items: center; } .info .shop_img .shop_tips span { font-size: 0.2rem; color: #fd4a75; zoom: 0.7; } .info .shop_img img { width: 100%; height: 100%; } .info .shop_info { margin-left: 0.24rem; flex: 1; } .info .shop_info .title { font-size: 0.28rem; color: #333333; margin-bottom: 0.26rem; } .info .shop_info .from { font-size: 0.24rem; color: #979da7; margin-bottom: 0.18rem; } .info .shop_info .text { font-size: 0.28rem; letter-spacing: 0.008rem; color: #292929; } .info .shop_info .video { width: 4.5rem; height: 4.5rem; position: relative; } .info .shop_info .video .post { width: 100%; height: 100%; } .info .shop_info .video .play { width: 0.58rem; height: 0.58rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; } .info .shop_info .video .yy { width: 100%; height: 0.61rem; position: absolute; right: 0; bottom: 0; } .info .shop_info .video span { font-size: 0.24rem; color: #ffffff; position: absolute; right: 0.09rem; bottom: 0.12rem; z-index: 9; } .info .shop_info .other { margin-top: 0.2rem; display: flex; justify-content: space-between; align-items: center; } .info .shop_info .other .other_fac {} .info .shop_info .other .other_fac .fac_title { font-size: 0.24rem; color: #5a6f92; margin-bottom: 0.09rem; } .info .shop_info .other .other_fac .fac_time { font-size: 0.24rem; color: #797979; } .info .shop_info .other .other_action {} .info .shop_info .other .other_action img{ width: 0.39rem; height: 0.37rem; margin-right: 0.36rem; } .info .shop_info .other .other_action img:last-child { margin-right: 0.18rem !important; } .comment { background-color: #f7f7f7; border-radius: 0.1rem; } .comment .comment_title { height: 0.85rem; display: flex; align-items: center; justify-content: space-between; padding-left: 0.2rem; padding-right: 0.22rem; position: relative; } .comment .comment_title .t_left { font-size: 0.28rem; color: #5a6f92; } .comment .comment_title .t_right { font-size: 0.24rem; color: #5a6f92; display: flex; align-items: center; } .comment .check { width: 0.38rem; height: 0.38rem; background-color: #ffffff; border: solid 0.02rem #e5e5e5; border-radius: 100%; margin-left: 0.21rem; } .comment .comment_list { padding: 0 0.22rem; padding-top: 0.14rem; margin-bottom: 0.56rem; } .comment .comment_list li { display: flex; } .comment .comment_list li .comment_img{ width: 0.36rem; height: 0.34rem; } .comment .comment_list li .list{ flex: 1; margin-left: 0.12rem; } .comment .comment_list li .list .item{ display: flex; padding-bottom: 0.2rem; } .comment .comment_list li .list .item img{ width: 0.7rem; height: 0.7rem; } .comment .comment_list li .list .item .item_text{ margin-left: 0.23rem; display: flex; align-items: center; justify-content: space-between; flex: 1; } .comment .comment_list li .list .item .item_text .left{ width: 3rem; } .comment .comment_list li .list .item .item_text .left .l_titl{ font-size: 0.24rem; color: #666666; } .comment .comment_list li .list .item .item_text .left .l_content{ font-size: 0.3rem; color: #333333; } .footer { width: 100%; height: 0.98rem; position: fixed; bottom: 0; left: 0; display: flex; z-index: 999; } .footer li:first-child { background-color: #b4d2fc; } .footer li:last-child { background-color: #5697f4; }