@charset "utf-8"; body{ font-family:"Microsoft YaHei",寰蒋闆呴粦; height: 100%; } .header{ height: 2rem; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.3);} .header ul{text-align: center;} .header .wrap{padding: 0; height: 1.1rem;} .header .logo a img{ width:8.16rem; height: 100%; margin: 0.2rem 0 0;} .header ul li{ font-size: .17rem; height: 0.8rem; line-height: 0.8rem;} .header .nav li.plang{ display:none;} .header .logo{text-align: center;} .header ul li .name { margin: 0 .45rem; padding: 0; font-size: 20px; font-family: "Noto Sans SC"; } .about-page .page-container .about-article p{ margin-bottom: 0;} @media screen and (max-width:960px) { .header .logo a img{ width:4.42rem; height: 100%; margin: 12px 0 0 12px;} .header .logo{text-align: left;} .header ul{text-align: left;} .header ul li .name {margin: 0 .30rem;padding: 0;font-size: 16px; } } @media screen and (max-width:1200px) { .header ul li .name {margin: 0 .30rem;padding: 0;font-size: 16px; } } @media screen and (min-width:960px) { .header ul li:first-child .name{ margin-left: 0;} .header ul li:last-child .name{ margin-right: 0;} .header ul li.active > a{ color: #144e98; border-bottom: 0;font-weight: bold;} .header ul li .name:hover {color: #144e98; font-weight: bold;transition: all 0s;} }