/* reset.css — 基础样式清零（IE11 兼容） */

* { margin: 0; padding: 0; box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; background: #fff; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; max-width: 100%; }

ul, ol, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

input, textarea, select, button { font: inherit; color: inherit; outline: none; border: none; background: none; }

button { cursor: pointer; overflow: visible; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { text-align: left; }

html, body { height: 100%; }

body { overflow-x: hidden; }

.clearfix:after { content: ""; display: block; clear: both; }

[hidden] { display: none; }

.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important;background-position: center center !important;}
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
video{max-width: 100%;}
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
html {
  font-size: 5.208333vw;
}

/* 移动端梯度根字号（规则75）：保持 rem 单位不变，只压缩根字号 */
@media (max-width: 1024px) {
  html { font-size: 85px !important; }
}
@media (max-width: 640px) {
  html { font-size: 80px !important; }
}
@media (max-width: 375px) {
  html { font-size: 75px !important; }
}
@media (max-width: 320px) {
  html { font-size: 65px !important; }
}

.g-container {
  width: 16.01rem;
  max-width: 94%;
  margin: 0 auto;
}

/* 移动端容器宽度让出（规则76，5类白名单 #2） */
@media (max-width: 1024px) {
  .g-container {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
}