html,body { height: 100%; background: #f5f5f5; } .header { background: #fff; position: fixed; width: 100%; height: 3.6rem; left: 0; top: 0; display: flex; align-items: center; padding: 0 .8rem; z-index: 999; box-sizing: border-box; } .back { background: #f5f5f5; height: 2rem; width: 100%; border-radius: .2rem; display: flex; align-items: center; padding-left: .8rem; } .back i{ color: #666; } .header a input { height: 1.1rem; width: 88%; border: none; background: #f5f5f5; padding-left: .45rem; outline: none; } .content{ width: 100%; padding-left: .8rem; padding-right: .8rem; box-sizing: border-box; margin-top: 4.6rem; } .content_list{ width: 100%; background: #fff; border-radius: 15px; overflow: hidden; } .content_list ul li{ padding-left: 16px; padding-top: 20px; } .content_list ul li a{ display: flex; } .content_list ul li a img{ height: 80px; width: 112px; border-radius: 8px; margin-right: 10px; } .content_list ul li a .list_right p{ font-size: 17px; color: #000; } .content_list ul li a .list_right img{ height: 12px; width: 68px; } .content_list ul li a .list_right .evaluate{ display: flex; align-items: center; font-size: 12px; color: #949494; } .content_list ul li a .list_right .evaluate i{ margin-right: 3px; } .content_list ul li a .list_right .evaluate span{ margin-right: 5px; }