/* 颜色 */
:root {
    --primary-color: #0c549f;
    --active-color: #d50000;}
/* header */
.header{position: fixed;left: 0;top: 0;z-index: 99;width: 100%;box-sizing: border-box; background: #0c549f url("https://www.peaktip.com/__xh__/physics.whu.edu.cn/2026/dfiles/27359/whu_phy_2026/images/header_bg.jpg") no-repeat center center;}
.header .logo img{width:18.5rem;}
.header .logo img.o{position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;}
.header .nav{ background: #fff;}
.header .nav .nLi{margin: 0.5rem 1rem;position: relative;}
.header .nav ul li a { font-weight: 500; color:#000; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",Microsoft YaHei,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif}
.header .nav .nLi .navSub{position: absolute;left: 50%;top:1.5rem;width: 140px;margin-left: -70px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.header .nav .nLi .navSub ul li{padding: 12px 0;padding: 0;}
.header .nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;color: #333;padding: 12px 4px;position: relative;border-bottom: 1px solid #efefef; font-size: ;}
.header .nav .nLi .navSub li:last-child a{border: none;}
.header .nav .nLi .navSub a:hover{color: var(--active-color);border-color: var(--active-color);}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 0.6rem;background: var(--active-color);position: absolute;left: 0;top:50%;-webkit-transform: scale(1,0);transform: scale(1,0);margin-top: -0.3rem;}
.header .nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .form{border: 1px solid currentColor;border-radius: 0.67rem;}
.header .form .text{width: 2.8rem;box-sizing: border-box;padding-left: 12px;height: 1.27rem;border: none;background: none;}
.header .form .subm{width: 1.53rem;height: 1.27rem;border: none;background: url("https://www.peaktip.com/__xh__/physics.whu.edu.cn/2026/dfiles/27359/whu_phy_2026/images/icon_search.jpg") no-repeat center;background-size: 0.6rem;cursor: pointer;filter: brightness(0) invert(1);}
.header .searchBtn{filter: brightness(0) invert(1);display: none;}
.header.fixed,
.header:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);color: #3D3D3D;}
.header.fixed .logo img{width: 17rem;}

.header.fixed  .nav .nLi{margin: 0.44rem 1rem;}
.header.fixed .nav .nLi .navSub {top:1.4rem;}
.header.fixed .aniuge_search {padding: 0.7rem 0;}

/* 搜索模块样式 */
.aniuge_search { display: flex;flex-direction: column;align-items: flex-end;gap: 10px;padding: 1.3rem 0;}
.aniuge_search_links {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #fff;
    margin-bottom: 5px;}

.aniuge_search_links a {
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s ease;}

.aniuge_search_links a:hover {
    opacity: 0.8;
    text-decoration: underline;}

.aniuge_search_links span {
    color: rgba(255, 255, 255, 0.6);}

/* 搜索框 */
.aniuge_search_box {
    display: flex;
    align-items: center;
    width: 9.34rem;
    height: 1.1334rem;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    padding: 0 5px 0 20px;
    backdrop-filter: blur(4px);}

.aniuge_search_box input {
    flex: 1;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
    outline: none;}

.aniuge_search_box input::placeholder {
    color: rgba(255, 255, 255, 0.7);}

.aniuge_search_box button {
    width: 42px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: opacity 0.3s ease;}

.aniuge_search_box button:hover {
    opacity: 0.8;}

.aniuge_search_box button svg {
    width: 25px;
    height: 25px;}



/* 移动端导航按钮 */
.header .menuIcon,
.header .searchBtn{display: none;}
.header .menuIcon{margin-left: 0.8rem;}
.header .searchBtn{margin-left: 0.5rem;}

/* 日期 */
.dateStyle{align-items: center;color: #78726E;line-height: 0.8rem;}
.dateStyle .icon{margin-right: 6px;}

/* 了解更多 */
.moreStyle{align-items: center;color: #333333;line-height: 0.6rem;}
.moreStyle .icon{margin-right: 6px;filter: brightness(0) invert(0.5);}
a:hover .moreStyle,
.moreStyle:hover{color: var(--active-color);}
a:hover .moreStyle .icon,
.moreStyle:hover .icon{filter: brightness(1) invert(0);transform: rotateZ(-45deg);}

/* 查看更多 */
.moreBtn{width:3.2rem;height:2rem;color: var(--primary-color); font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.moreBtn::before{content: "";width:0.8333334rem;height:0.8333334rem;position: absolute;left:0.4rem;top: 50%;transform: translateY(-50%);}
.moreBtn::after{content: "";width:17px;height:5px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.moreBtn::before{background: url("https://www.peaktip.com/__xh__/physics.whu.edu.cn/2026/dfiles/27359/whu_phy_2026/images/more_bg1.png") no-repeat center;background-size: 100%;}
.moreBtn::after{background: url("https://www.peaktip.com/__xh__/physics.whu.edu.cn/2026/dfiles/27359/whu_phy_2026/images/more_bg2.png") no-repeat center;background-size: 100%;opacity: 1;transition: transform 0.5s ease;}
.moreBtn:hover::after {transform: translateY(-50%) rotate(360deg);}
.moreBtn:hover{color: #1673d5;}
/* .moreBtn .icon{height: 0.53rem;margin-right: 0.23rem;}
.moreBtn .icon,
.moreBtn span{z-index: 2;}
.moreBtn:hover::before{opacity: 0;}
.moreBtn:hover::after{opacity: 1;}
.moreBtn:hover{color: #ff0000;}
.moreBtn:hover .icon{filter: brightness(0) invert(1);}
.moreBtn.white{color: #fff;}
.moreBtn.white .icon,
.moreBtn.white::before,
.moreBtn.white::after{filter: brightness(0) invert(1);}
.moreBtn.white:hover{color: var(--primary-color);}
.moreBtn.white:hover .icon{filter: brightness(1) invert(0);} */

/* 了解更多 */
.learnMore{width: 3.67rem;height: 1.2rem;box-sizing: border-box;border: 1px solid #fff;color: #3D3D3D;border-radius: 0.67rem;}
.learnMore img{margin-right: 6px;transition: 0.3s;}
a:hover .learnMore img,
.learnMore:hover img{transform: rotateZ(-45deg);}
.learnMore.white{border-color: #fff;color: #fff;}
.learnMore.white img{filter: brightness(0) invert(1);}


/* 切换按钮 */
.btnStyle{width: 1.73rem;height: 1.73rem;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;margin-right: 0.47rem;cursor: pointer;}
.btnStyle img{height: 27%;}
.btnStyle:hover{border-color: var(--active-color);}
.btnStyle.swiper-button-disabled{pointer-events: none;opacity: 0.4;}
/* footer */



@media screen and (max-width: 1550px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1360px){


}

@media screen and (max-width: 1200px){
.header .nav,
.header .form{display: none;}
.header .menuIcon,
.header .searchBtn{display: block;}
.header .searchBtn{margin-left: 0.5rem;}


.wap_right{display: none;}


}
@media screen and (max-width: 1024px){


}

@media screen and (max-width: 760px){
.header{padding:0.4rem 3%;display: flex;align-items: center; justify-content: space-between;}

.header .logo img{ width: 10rem;}
.header.fixed .header{padding:0.2rem 3%;}
.header.fixed .logo img{ width: 9rem;}

.aniuge_search{display: none;}
.wap_right { display: flex; align-items: center;}

/* 修复mmenu打开时页面顶部空白问题 */
html.mm-opened .header,
html.mm-blocking .header {
    position: fixed;
    top: -2.2rem;
    left: 0;
    transition: all 0s ease;}


.moreBtn{ height: 1.1rem;font-size: 13px;}
.moreBtn .icon{height: 0.4rem;}

.btnStyle{width: 1.4rem;height: 1.4rem;}

.learnMore{width: 3rem;height: 1rem;}




}

@media screen and (max-width: 468px){
}