.header{ position: fixed; display: flex; justify-content: space-between; width: 100%; height: 2.25rem; background: #fff; padding: 0px .8rem; box-sizing: border-box; align-items: center; border-bottom: 1px solid #f5f5f5; z-index: 999; overflow: hidden; } .header a{ width: 2.5rem; height: 1.5rem; background: #ff4c39; text-align: center; border-radius: .1rem; } .header a span{ color: #fff; font-size: .7rem; line-height: 1.5rem; } .header input{ padding-left: .95rem; width: 60%; height: 1.5rem; background: #eee; color: #333; font-size: .7rem; display: block; line-height: 1.2rem; border: 0px; outline: none; } .header p{ width: 2.5rem; height: 1.5rem; background: #ff4c39; border-radius: .1rem; color: #fff; font-size: .7rem; box-sizing: border-box; line-height: 1.5rem; text-align: center; } .content{ padding-top: 2.25rem; } .content ul{} .content ul li{ height: 5.5rem; border-bottom: 1px solid #ccc; padding: .8rem; box-sizing: border-box; } .content ul li a{ width: 100%; height: 100%; display: flex; align-items: center; } .content ul li a .img{ width: 6rem; height: 4rem; position: relative; overflow: hidden; margin-right: .5rem; } .content ul li a .img img{ display: block; width: 100%; margin-top: -1rem; } .content ul li a .name h3{ font-size: .9rem; color: #333; padding-bottom: 1.75rem; } .content ul li a .name p{ font-size: .7rem; color: #999; }