* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

body { font-family: "微软雅黑", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,-apple-system, BlinkMacSystemFont, "Segoe UI" ; background: #f0f5ff url(../images/bg.jpg) no-repeat; background-size: cover; padding: 150px 15px 40px;}
  .container,.notice-card { width:96%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;
  }
  @media (min-width: 992px) { .mzbox,.container,.notice-card {   width: 900px; }
  }
  @media (min-width: 1140px) { .container,.notice-card {width: 970px; }
  }
  @media (min-width: 1280px) { .container,.notice-card {   width: 1100px; }
  }
 
.notice-card { margin: 40px auto 80px; background-color: #ffffff; padding: 50px 50px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);}

.notice-title { text-align: center; font-size: clamp(32px, 4vw, 56px); font-weight: bold; color: #1a1a1a; margin-bottom: 35px;}

.notice-content { font-size: clamp(20px, 2.5vw, 28px); line-height: 1.8; color: #000; padding-top: 35px; padding-bottom: 35px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

.notice-footer { margin-top: 40px; width: 80%; line-height: 1.8; margin-left: auto; margin-right: auto; text-align: center; font-size: clamp(18px, 2vw, 25px); color: #222;}

/* 适配小屏幕 */
@media (max-width: 768px) { .notice-card {padding: 30px 20px;margin: 20px auto; }}

.footer { text-align: center; font-size: 18px;}
.footer p{ line-height: 50px; color: #fff; opacity: .8;}
.footer a{ color: #fff; opacity: .8; text-decoration: none;}
.footer a:hover{color: #fff; opacity:1; }
@media (max-width: 1480px) {
body { padding: 100px 15px 40px;}
}
@media (max-width: 1280px) {
body { padding: 80px 15px 40px;}
}
@media (max-width: 992px) {
body { padding: 60px 15px 40px;}
.notice-card { margin: 40px auto 40px;}
.notice-footer { width: 90%; margin-top: 30px;}
.footer p{ line-height: 30px;}
}
@media (max-width: 768px) {
.notice-footer { width: 94%; }
.footer { text-align: center; font-size: 16px;}
}
@media (max-width: 568px) {
body { padding: 40px 15px 20px;}
.notice-footer { width: 96%; }
}