.search { display: flex; justify-content: space-between; padding: 0.325rem 0.5rem 0 0.5rem; align-items: center; } .search_class p{ font-size: 0.6rem; color: #010101; } .search_left{ position: relative; } .search_left input{ background-color: #e6e6e6; border-radius: 0.712rem; border: none; padding-left: 1.675rem; box-sizing: border-box; padding-top: 0.45rem; padding-bottom: 0.45rem; width: 15.4rem; } .search_left img{ position: absolute; width: 0.65rem; height: 0.65rem; top: 50%; margin-top: -6.5px; } .search_left img:first-child { left: 0.6rem; } .search_left img:last-child { right: 0.85rem; } .menu ul { display: flex; justify-content: space-around; height: 45px; align-items: center; } .menu ul li{ font-size: 0.6rem; color: #4c4c4c; } .banner { width: 100%; height: 7.875rem; background: #8d8d8d; } .banner img{ width: 100%; } .class_menu ul { display: flex; justify-content: space-around; padding-top: 0.825rem; padding-bottom: 0.95rem; background: #fff; } .class_menu ul li { text-align: center; } .class_menu ul li img { width: 1.4rem; height: 1.4rem; } .class_menu ul li p { font-size: 0.45rem; color: #000000; margin-top: 0.35rem; } .list_book { } .book_item { padding-top: 0.425rem; padding-left: 0.85rem; padding-right: 0.85rem; margin-top: 0.25rem; } .item_title { display: flex; justify-content: space-between; margin-bottom: 0.925rem; height: 1.15rem; align-items: center; } .item_title p{ font-size: 0.65rem; color: #000000; border-left: 0.4rem solid #ff4c8a; padding-left: 0.35rem; padding-top: 0.525rem; } .item_title span{ font-size: 0.4rem; color: #4d4d4d; padding-top: 0.525rem; } .book_content ul { display: flex; flex-wrap: wrap; } .book_content ul li { margin-right: 0.59rem; margin-bottom: 1.2rem; } .book_content ul li:nth-child(3n) { margin-right: 0; } .book_content ul li img { width: 5.225rem; height: 7rem; } .book_content ul li p { font-size: .6rem; letter-spacing: 0.045rem; color: #000000; width: 5rem; }