@charset "utf-8"; /* amazeui依赖 */ @import url(/uploads/css/images/amazeui.css); /* 矢量字体 */ @import url(/uploads/css/atc/font_4619376_9bniizt492k.css); /* 动画库 */ @import url(/uploads/css/images/animate.min.css); /* 全局变量 */ :root { --theme: #1b5395; --themeactive: #0c79b1; --bgcolor: #ecf1f7; --color: #333; } :export { theme: #2b58a8; } /* 站点样式 */ html, body { padding: 0px; margin: 0px; min-height: 100%; color: #333; } /* 修改根字体大小适配全局大小 */ html { font-size: 10px; } body { color: #333; min-width: auto; } a { color: #333; } a:hover, a:active { transition: color ease-in .1s; color: var(--theme); } .main-box { width: 132rem; margin: 0 auto; } @media only screen and (max-width: 1366px) { html { font-size: 8px; } } @media only screen and (max-width: 641px) { html { font-size: 8px; } html, body { width: 100vw; overflow-x: hidden; } .main-box { width: 100%; } } .text-line { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .text-line2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .text-line4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; } .flex-row { display: flex; flex-direction: row; } .flex-row-always { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .flex-row-between { display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (max-width: 641px) { .flex-row { text-align: center; flex-direction: column; } .flex-row-between { text-align: center; flex-direction: column; align-items: center; justify-content: center; } } .align-center { align-items: center; } /* 通用组件 */ .gray-box { border: 1.5rem solid; border-color: #f2f6f9; border-radius: 1rem; padding: 1rem; } .navigation { font-size: 1.6rem; color: #999; } .navigation a { color: #999; } .navigation .am-breadcrumb { font-size: 100%; margin-bottom: 0rem; } .navigation .am-breadcrumb .iconfont { color: var(--theme); font-weight: 700; font-size: 1.1em; } .navigation .active { color: var(--theme); } .pagination { margin: 3rem auto; } .pagination .am-pagination { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1rem; justify-content: center; } .pagination .am-pagination li { display: flex; flex-direction: row; align-items: center; gap: 5px; } .pagination .am-pagination > li > a, .pagination .am-pagination > li > span, .pagination .am-pagination > li > select, .pagination .am-pagination > li > input { border-radius: 4px; color: #999; } .pagination select { position: relative; display: block; padding: 0.4em 1em; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-radius: 0; margin-bottom: 5px; margin-right: 5px; cursor: pointer; } .pagination input { width: 8rem; text-align: center; position: relative; display: block; padding: 0.5em 1em; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-radius: 0; margin-bottom: 5px; margin-right: 5px; cursor: pointer; } .tabs-panel { clear: both; overflow: hidden; } .tabs-panel .tabs-header { font-size: 2rem; overflow: hidden; background: var(--bgcolor); padding: 4px; display: flex; flex-direction: row; align-items: center; border-radius: 4px; } .tabs-panel .tabs-header .item { line-height: 5.4rem; text-align: center; flex: 1; height: 100%; color: #333; border-radius: 4px; cursor: pointer; white-space: nowrap; } .tabs-panel .tabs-header .item.active { color: var(--theme); background: linear-gradient(180deg, #f4f6f8 0%, #ffffff 100%); box-shadow: 0px 4px 16px 0px rgba(122, 140, 168, 0.16); } .tabs-panel .tabs-list { width: 100%; padding: 0px 5px; height: max-content;} @media only screen and (max-width: 641px) { .tabs-panel .tabs-header { font-size: 1.6rem; } } .text-list { width: inherit; overflow: hidden; } .text-list .item { display: flex; flex-direction: row; line-height: 4.4rem; font-size: 1.8rem; color: #333; cursor: pointer; padding: 0px 1rem 0px 1.5rem; position: relative; transition: all .2s linear; gap: 10px; } .text-list .item:before { position: absolute; content: ' '; width: 4px; height: 4px; background-color: #ccc; left: 3px; top: 50%; transform: translate(0, -50%); } .text-list .item .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-list .item .date { margin-left: 1rem; white-space: nowrap; text-align: right; color: #999; } .text-list .item:hover:before { background-color: var(--theme); } .text-list .item:hover .title { color: var(--theme); } .text-list .line { margin: 1.5rem 0; border: 1px #dcdcdc dashed; } /* 主体 */ .container { clear: both; overflow: hidden; }