html,body,li,textarea,button{ font-family: Microsoft YaHei UI; font-size: 14px; color: #1E2226; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; font-style: normal; text-decoration: none; border: none; } body{ background: #F5F7FA; } p{ margin: 0; } /* input::placeholder{ text-align: center; } */ .flex{ display: flex; } .hide{ display: none !important; } .center{ display: flex; align-items: center; justify-content: center; } .column{ display: flex; flex-direction: column; align-items: center; justify-content: center; } /* 头部 */ .home-page { width: 100%; height: 100%; display: flex; flex-direction: column; } .header-wrap { /* position: absolute; left: 0px; top: 0px; */ width: calc(100% - 64px); height: 46px; /* 自动布局 */ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 8px 32px; display: flex; justify-content: space-between; background: linear-gradient(270deg, #4EA4F3 0%, #3D85EA 100%); } .home-logo { width: 168px; } /* Dropdown 容器 */ .dropdown { position: relative; display: inline-block; } /* Dropdown 按钮 */ .dropdown-toggle { background-color: transparent; padding: 10px 20px; border: none; cursor: pointer; display: flex; align-items: center; gap: 8px; color: #fff; } /* Dropdown 面板 */ .dropdown-panel { display: none; position: absolute; right: 20px; padding: 12px; background-color: #fff; min-width: 160px; border-radius: 4px; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16); z-index: 1; } /* Dropdown 面板中的链接 */ .dropdown-panel a { color: black; border-radius: 2px; padding: 7px 10px; background: #F6F7FA; text-decoration: none; display: block; } /* Dropdown 面板中的链接悬停效果 */ .dropdown-panel a:hover { background-color: #f1f1f1; } /* 底部 */ .leftSideFooterNew{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 30px 70px; font-size: var(--font-small-size); color: #9E9E9E; position: relative; z-index: 98; } .leftSideFooterNew p{ margin: 0; color: #9E9E9E; } .leftSideFooterNew p span{ color: #5B6FF6; display: inline-block; } .leftSideFooterNew p a{ color: #9E9E9E; text-decoration: none; } /* 分页容器样式 */ .pagination { margin-top: 20px; display: flex; justify-content: flex-end; align-items: center; } .pagination input { width: 50px; padding: 5px; text-align: center; } .pagActive { background: #006AFF; color: #fff; border-radius: 4px; } #page-numbers { display: flex; flex-wrap: wrap; list-style: none; color: #8a8a8a; padding: 0; user-select: none; } #page-numbers span { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; cursor: pointer; } #page-numbers span { margin-left: 10px; } #page-numbers span:hover { color: #006AFF; } #page-numbers .pagActive:hover { color: #fff; } #next-page { margin-left: 10px; margin-right: 16px; } .input-page span { display: inline-block; } #jump-to-page{ border:1px solid #DCDFE6; } #go-to-page{ padding: 0; width: 76px; height: 32px; margin-left: 16px; } .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; } .button { display: flex; justify-content: center; align-items: center; /* padding: 7px 22px; */ width: 76px; height: 32px; border-radius: 3px; background: #FFFFFF; box-sizing: border-box; letter-spacing: 0.08em; border: 1px solid #DFE2E6; margin-left: 20px; color: #23242B; cursor: pointer; } button:hover { opacity: .8; } .button-primary { background: #006AFF; color: #FFFFFF; border: none; } .button-danger { background: #cc0303; color: #FFFFFF; border: none; }