.Tab5 { width: 100%; height: 100%; padding: 68px 40px; background-size: 100% 100%; position: relative; :global { .tab5Top { display: flex; justify-content: center; .tab5TopRow { cursor: pointer; height: 40px; border: 1px solid var(--themeColor); padding: 0 26px; border-radius: 0 10px 0 10px; margin-right: 20px; color: var(--themeColor); font-size: 18px; line-height: 38px; &:last-child { margin-right: 0; } } .tab5TopRowAc { background-color: var(--themeColor); color: #4A403D; } } .tab5Main { margin: 47px -15px 0; display: flex; flex-wrap: wrap; align-items: center; .tab5Row { flex-shrink: 0; width: calc(20% - 30px); margin: 20px 15px; height: auto; cursor: pointer; display: flex; flex-direction: column; background-color: #fff; padding: 10px; border-radius: 6px; &>div { width: 100%; height: calc(100% - 40px); // background-color: #fff; } p { flex: 1; display: inline-block; font-size: 16px; text-align: center; padding: 0 5px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #47392C; // color: #fff; } &:hover { box-shadow: 1px 1px 5px 5px rgba(74, 64, 61, .8); } } } // 分页 .tab5Page { display: flex; justify-content: center; margin-top: 53px; .ant-pagination-prev button, .ant-pagination-next button { color: var(--themeColor); } .ant-pagination-item-ellipsis { color: var(--themeColor) !important; } .ant-pagination-item-active { background-color: var(--themeColor); a { color: #47392C !important; } } .ant-pagination-options { color: var(--themeColor); input { background-color: transparent; border: 1px solid var(--themeColor); color: var(--themeColor); } } } } }