.header { position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: auto; } .header_logo { width: 100%; height: 44px; background: #d43d3d; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; box-sizing: border-box; } .message { position: relative; } .message img { width: 1.6rem; height: 1.25rem; } .message span { width: .5rem; height: .5rem; background: #fff; border-radius: 100%; position: absolute; right: 0; top: .4rem; } .logo .log { width: 4.9rem; height: 1.2rem; } .logo .refresh { width: 1rem; } .search img { width: 1.2rem; } .swiper_menu { width: 90%; overflow-x: scroll; } .header_menu { height: 1.85rem; background: #f4f5f6; display: flex; align-items: center; justify-content: space-between; } .header_menu_left { display: flex; width: 160%; justify-content: flex-start; padding-left: 15px; box-sizing: border-box; } .header_menu_left li { font-size: .85rem; color: #505050; width: 80px; } .header_menu_right { width: 2rem; height: 1.85rem; text-align: center; line-height: 2rem; background: #f4f5f6; color: #f85959; } .content { padding: 0 .75rem; margin-top: 4.1rem; } .list_item { } .item { padding: 16px 0; } .one { } .one h2 { color: #222; font-size: .85rem; margin-bottom: 6px; } .one img { width: 100%; } .one .mes{ margin-top: -0.5rem; } .one .mes span { font-size: .5rem; color: #999; } .two { display: flex; height: 5.25rem; } .two .item_message{ } .two .item_message h2{ font-size: .85rem; margin-right: .6rem } .two .item_message span{ font-size: .5rem; margin-top: .3rem; color: #999; } .two img { width: 5.65rem; height: 3.675rem; } .three { } .three h2 { font-size: .85rem; margin-right: .6rem; margin-bottom: .5rem; } .three ul { display: flex; } .three ul li { width: 33%; margin-right: 3px; } .three ul li img{ width: 100%; height: 3.675rem; } .three span { font-size: .5rem; margin-top: .3rem; color: #999; } .active { color: red !important; }