body{ background: #f5f5f5; } .header{ width: 100%; height: 7.5rem; background: url(../img/likebeijing.png) no-repeat center; background-size: 100% 100%; } .like_headportrait{ width: 300px; padding-top: 20px; margin: auto; color: #fff; font-size: 16px; } .toux{ width: 100%; display: flex; align-items: center; } .head_lef img{ height: 66px; width: 66px; border: 3px solid rgba(255,255,255,0.5); border-radius: 100%; margin-right: 10px; } .head_right span{ font-size: 12px; } .head_list{ display: flex; width: 100px; font-size: 12px; height: 24px; line-height: 22px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.2); padding: 0px 12px; margin-left: 82px; } .head_list p{ margin-right: 5px; } .like_list li{ width: 6.2rem; } .like_list li:nth-child(2) a{ border-right: 1px solid #eee; border-left: 1px solid #eee; } .like_list li a{ display: flex; align-items: center; justify-content: center; margin: 10px 0px; } .like_list li a p{ color: #ff4c35; } .like_list li a{ font-size: 14px; color: #999; } .information li{ padding: 0 .8rem; box-sizing: border-box; width: 100%; height: 44px; background: #fff; border-bottom: 1px solid #f5f5f5; } .information li a{ height: 100%; justify-content: space-between; display: flex; align-items: center; } .information li .information_left { display: flex; align-items: center; font-size: 16px; color: #333; } .information li .information_left img{ width: 1.35rem; height: 1.35rem; margin-right: .5rem; } .information li .information_right{ display: flex; align-items: center; } .information li .information_right p{ font-size: 12px; color: #ff4c35; margin-right: 10px; } .information li .information_right span{ font-size: 20px; color: #666; } .information li:nth-child(2){ margin-top: .5rem; } .information li:nth-child(3){ margin-top: .5rem; }