.center-wrap {max-width: 1400px;margin-left: auto;margin-right: auto;width: 100%;position: relative;}
.md-wrap {padding: 0 100px;}

.header {position: fixed;height: 80px;display: flex;align-items: center;background-color: var(--color-primary);width: 100%;z-index: 50;}
.header .container {height: 100%;display: flex;align-items: center;justify-content: space-between;}
.header .container h1 {color: #fff;font-size: 24px;font-weight: 400;margin-left: 26px;}
.header .container .menu {display: flex;align-items: center;height: 100%;gap: 16px;margin-right: 100px;}
.header .container .menu a {cursor: pointer;color: #fff;font-size: 16px;}
.header-h {height: 80px;}
.footer {width: 100%;height: 280px;background-color: #333;margin-top: 100px;}
.footer-container {display: flex;gap: 100px;padding: 40px 130px;width: 100%;height: 100%;}
.footer-container .site-map {display: flex;flex-direction: column;gap: 8px;}
.footer-container .site-map li {color: rgba(255,255,255,.5);font-size: 16px;}
.footer-container .site-map li:first-child {font-size: 20px;color: #fff;}

.pages-container {display: flex;flex-direction: row;align-items: center;justify-content: center;gap:10px;}
.pages-container a {cursor: pointer;font-size: 20px;}
.pages-container a:hover,.pages-container a.current {color: var(--color-primary);}
.pages-container .prev,.pages-container .next {width: 40px;height: 40px;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;}
.pages-container .prev img {transform: rotate(180deg);}
.pages-container .prev:hover,.pages-container .next:hover,.pages-container .first:hover,.pages-container .last:hover {border-color: var(--color-primary);}
.pages-container .first,.pages-container .last {width: 60px;height: 40px;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.article,.article p {font-size: 16px;line-height: 32px;}
.article p {padding: 8px 0;}
.article img,.article video {max-width: 100%;object-fit: contain;}
.tabs {display: flex;align-items: center;width: 100%;gap: 66px;border-bottom: 2px solid #f2f2f2;}
.tabs .item {color: #666;cursor: pointer;min-width: 120px;display: flex;align-items: center;justify-content: center;height: 40px;font-weight: bold;position: relative;font-size: 20px;}
.tabs .item.left {justify-content: flex-start;}
.tabs .item.active,.tabs .item:hover {color: #333;}
.tabs .item.active:before,.tabs .item:hover:before{content:'';bottom: -2px;background-color: var(--color-primary);width: 100%;height: 2px;position: absolute;}
/*小于1400的屏幕，采用rem计算宽高大小 7.291=(1400/1920)*100 px/(1400/7.291)*/
@media screen and (max-width: 1400px) {
    :root {--rem-token:8.291;font-size: calc(100vw / var(--rem-token));}
    .center-wrap {max-width: 8.333rem;}
    .md-wrap {padding: 0 0.52rem;}

    .header {height: 0.416rem;}
    .header .container h1 {font-size: 0.125rem;margin-left:0.135rem;}
    .header-h {height: 0.416rem;}
    .header .container .menu {gap: 0.083rem;margin-right: 0.52rem;}
    .header .container .menu a {font-size: 0.083rem;}

    .footer {height: 1.458rem;margin-top: 0.52rem;}
    .footer-container {gap: 0.52rem;padding: 0.20rem 0.677rem;}
    .footer-container .site-map {gap: 0.041rem;}
    .footer-container .site-map li a{font-size: 0.083rem;}
    .footer-container .site-map li:first-child {font-size: 0.104rem;}

    .pages-container {gap:0.052rem;}
    .pages-container a {font-size: 0.104rem;}
    .pages-container .prev,.pages-container .next {width: 0.208rem;height: 0.208rem;}
    .pages-container .first,.pages-container .last {width: 0.312rem;height: 0.208rem;font-size: 0.0833rem;}

    .tabs {gap: 0.343rem;}
    .tabs .item {min-width: 0.625rem;height: 0.208rem;font-size: 0.104rem;}

    .article,.article p {font-size: 0.0833rem;line-height: 0.166rem;}
    .article p {padding: 0.041rem 0;}
}