/*全局公共样式重置*/ body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; box-sizing: border-box; border: none; outline: none; font-size: inherit; } ul, ol { list-style: none; } ul, li { list-style-type: none; } h1, h2, h3, h4, h5, h6, strong, b, i, em { font-weight: normal; font-style: normal; } a { text-decoration: none; font-family: '微软雅黑','Microsoft YaHei', Tahoma, Arial, sans-serif; } a:hover { text-decoration: none; } img { border: 0; /*ie6*/ vertical-align: middle; } textarea { resize: none; } .clearfix:after { content: ''; display: block; visibility: hidden; height: 0; clear: both; } .clearfix { zoom: 1; } ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #fefefe; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3); border-radius: 1px; background-color: #fefefe; } ::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .3); background-color: #ccc; } @charset "UTF-8"; .text-danger { color: #f70a0a; } .text-gray-middle { color: #666; } .text-gray-light { color: #999; } .px-mini { padding-left: 8px; padding-right: 8px; } .pr-mini { padding-right: 8px; } .pb-base { padding-bottom: 14px; } .mb-base { margin-bottom: 14px; } .pt-large { padding-top: 24px; } .mb-large { margin-bottom: 24px; } .flex-row { display: flex; } .flex-row-vcenter { display: flex; align-items: center; } /* 垂直居中对齐 */ .flex-row-rcenter { display: flex; justify-content: center; } /* 水平居中对齐 */ .flex-row-c { display: flex; align-items: center; justify-content: center; } /* 水平垂直居中对齐 */ .flex-row-bw { display: flex; justify-content: space-between; } .flex-row-ad { display: flex; justify-content: space-around; } .flex-row-end { display: flex; justify-content: flex-end; } .flex-wrap { flex-wrap: wrap; } /* 换行，默认nowrap（不换行）*/ .flex-col { display: flex; flex-direction: column; } .flex-col-vcenter { display: flex; flex-direction: column; justify-content: center; } /* 纵向布局垂直居中 */ .flex-col-rcenter { display: flex; flex-direction: column; align-items: center; } /* 纵向布局水平居中对齐 */ .flex-col-c { display: flex; flex-direction: column; align-items: center; justify-content: center; } .flex-col-bw { display: flex; flex-direction: column; justify-content: space-between; } .flex1-row { flex: 1; width: 1px; } .flex1-col { flex: 1; height: 1px; } .flex-shrink { flex-shrink: 0; } .w100 { width: 100%; } .h100 { height: 100%; } .cursor-pointer { cursor: pointer; } .line-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*# sourceMappingURL=global.css.map */ @charset "UTF-8"; body { background-color: #fff; color: #333; font-size: 14px; } a { cursor: pointer; } .strong { font-weight: 700; } .forum-header { background-color: #4e8ad4; height: 50px; } .forum-header-content { width: 100%; max-width: 1200px; } .forum-header-left .logo { font-size: 22px; font-weight: bold; color: #ffffff; } .forum-header-left .logo img { width: 32px; height: auto; } .forum-header-left .nav-links li a { color: #fff; margin-right: 24px; line-height: 36px; font-size: 16px; } .curnav { text-decoration: underline; font-weight: bold; } .forum-header-left .nav-links li a:hover { text-decoration: underline; font-weight: bold; } .forum-header-right a, .forum-header-right a:link, .forum-header-right a:visited { color: #999; } .forum-main { width: 100%; max-width: 1200px; margin: 20px auto; } .forum-main .post-list .post { background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 1.5rem; margin-bottom: 1.5rem; } .forum-main .post-list .post .post-title { font-size: 1.25rem; margin-bottom: 0.5rem; } .forum-main .post-list .post .post-title a { color: #2c3e50; } .forum-main .post-list .post .post-title a:hover { color: #4e8ad4; } .forum-main .post-list .post .post-meta { color: #7f8c8d; font-size: 0.875rem; margin-bottom: 0.5rem; } .forum-main .post-list .post .post-meta span { margin-right: 1rem; } .forum-main .post-list .post .post-excerpt { color: #34495e; line-height: 1.6; } .forum-main .pagination { display: flex; justify-content: center; gap: 0.5rem; margin-top: 20px; padding-bottom: 20px; } .forum-main .pagination span,.forum-main .pagination a { box-sizing: border-box; height: 32px; line-height: 32px; text-align: center; padding: 0 12px; border: 1px solid #ddd; border-radius: 4px; color: #333; background-color: #fff; } .forum-main .pagination span:hover,.forum-main .pagination a:hover { color: #4e8ad4; } .forum-main .pagination span.cur { background-color: #4e8ad4; color: #fff; border-color: #4e8ad4; } .forum-main .pagination span.disabled{ cursor: not-allowed; background-color: #f5f5f5; color:#666; } .right-box { width: 240px; flex-shrink: 0; margin-left: 20px; gap: 20px; } .forum-footer { background-color: #f5f5f5; text-align: center; padding: 14px; } .forum-footer-content { color: #666; line-height: 26px; text-align: center; } .forum-footer-links a { color: #4e8ad4; margin: 0 0.5rem; } .forum-footer-links a:hover { text-decoration: underline; } .post { border-radius: 0 0 5px 5px; padding: 0 0 10px 0; } .post-item { padding: 13px 12px; border-radius: 4px; margin-bottom: 10px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08); } .post-item-avatar { width: 34px; height: 34px; border-radius: 50%; margin-right: 10px; } .post-item-title .tag { font-size: 14px; line-height: 20px; border-radius: 4px; padding: 0 5px; display: inline-block; margin-right: 5px; display: block; color: #333; line-height: 22px; } .post-item-title a { display: block; color: #333; font-weight: 400; line-height: 22px; max-height: 44px; overflow: hidden; font-size: 16px; } .post-item-title a:hover { color: #4e8ad4; } .post-item .post-meta { color: #ccc; flex-shrink: 0; padding-left: 16px; } .hot-card { background-color: #fff; border-radius: 5px; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08); } .hot-card-title { line-height: 30px; padding-left: 10px; font-weight: 700; font-size: 16px; padding-top: 10px; } .hot-card-ul { padding: 0 10px 10px 10px; line-height: 22px; } .hot-card-ul li { position: relative; padding: 5px 0; color: #333; font-size: 14px; } .hot-card-ul li a { color: #333; } .hot-card-ul li a:hover { color: #4e8ad4; } .detail-content { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; } .detail-header { line-height: 24px; padding:6px 20px; border-bottom: 1px solid #ddd; text-align: center; } .detail-header h3 { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 8px; padding: 10px 0 5px 0; color: #333; } .detail-body { line-height: 30px; padding: 20px 40px 20px 40px; font-size: 16px; color: #767c80; } .detail-body ul { padding-top: 30px; } .detail-body .detail-link { font-size: 16px; line-height: 34px; padding: 10px 0; border-radius: 2px; } .detail-body a, .detail-body a:link, .detail-body a:visited { color: #4e8ad4; margin-right: 10px; } .detail-body a:hover { color: #4e8ad4; } .login-main { padding: 20px; } .login-container { background: white; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 100%; max-width: 440px; } .mobile-show { display: none; } .report-container { max-width: 600px; margin-top: 50px; } .submit-button { padding: 8px 16px; background-color: #4e8ad4; color: white; border: none; border-radius: 4px; cursor: pointer; } .submit-button:hover { background-color: #4e8ad4; } .crumb-box a:hover{ color: #333; } .tip-box{ font-size: 12px; text-align: center; border: 1px dotted #ccc; display: inline-block; padding: 4px 10px; margin:0 10px; line-height: 20px; } .cai-box{ padding: 20px 20px 0 20px; font-size: 20px; } .cai-box-ul{ flex-wrap: wrap; padding: 10px 20px 20px 20px; } .cai-box-ul li{ width: 33.33%; line-height: 36px; padding-right: 30px; font-size: 14px; } @media screen and (max-width: 768px) { .mobile-none { display: none; } .mobile-show { display: block; } .right-box { display: none; } .forum-main { padding: 0 10px; box-sizing: border-box; margin-top: 0; } .forum-main .post { border-radius: 0 0 5px 5px; } .mobile-header { height: 54px; background-color: #4e8ad4; padding: 0 20px 0 12px; } .mobile-header .login-title { font-size: 20px; font-weight: 700; color: #fff; } .mobile-header span, .mobile-header a { display: block; color: #fff; } .mobile-header span.icon-home-off { padding: 10px; } .mobile-header span.icon-denglu { border: 1px solid #eee; border-radius: 50%; font-size: 20px; padding: 4px; } .filter-box { margin-top: 10px; margin-bottom: 10px; } .detail-header h3 { font-size: 24px; line-height: 30px; margin-bottom: 8px; } .detail-content { margin-top: 10px; } .login-container { max-width: 100%; } .pagination-wap { background-color: #fff; border-radius: 4px; border: 1px solid #f1f1f1; margin-top: 16px; margin-bottom: 10px; height: 48px; line-height: 48px; } .pagination-wap a { display: block; width: 35%; text-align: center; color: #333; } .pagination-wap span { flex: 1; display: block; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; height: 16px; line-height: 16px; } .detail-body{ padding: 20px 10px; } .cai-box-ul li{ width: 100%; } .crumb-box{ padding-top: 10px; } }
.mr-large{ margin-right: 30px;} .pl-large{padding-left: 20px} .mt-large{ margin-top: 20px;}
.checkdiv{padding-top: 8px;}
.loaddiv{color: orange;border: #ccc solid 1px;width: 200px; overflow: hidden; padding-left: 2px;line-height: 1; height:18px;}
.loadtip{width: 200px;font-size: 14px;}
.body-item{line-height: 30px;}
.openBtn{text-decoration-line: underline;}