a.menu-btn { width: 0.7rem; height: 0.7rem; background: var(--mainColor); display: flex; flex-direction: column; gap: .07rem; align-items: center; justify-content: center; float: none; position: absolute; right: 0; top: 0.26rem; } a.menu-btn.btn2 { display: none } a.menu-btn .xian { display: block; height: .02rem; width: 0.26rem; background: #fff; border-radius: .02rem; transition: all .4s ease-in-out } a.menu-btn.arrow .xian:nth-child(2) { display: none } a.menu-btn.arrow .xian:nth-child(1) { transform: rotate(-45deg); } a.menu-btn.arrow .xian:nth-child(3) { transform: rotate(45deg); position: absolute } .fixbox { position: fixed; z-index: 2; background: var(--mainColor); width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; top: 0; clip-path: circle(32px at 110% 0); padding: 1.7rem calc(50vw - 8rem) 0.4rem; box-sizing: border-box; visibility: hidden; opacity: 0; overflow: auto; } .fixbox .close { width: .48rem; height: .48rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: 50%; margin-right: -8.2rem; top: .55rem; cursor: pointer } .fixbox .close img { width: .25rem } .fixbox.open { display: flex } .fixbox { flex-wrap: wrap; justify-content: space-between; align-content: space-between } .fixbox a { color: #fff } .fixbox .wp-menu { display: flex; width: 100%; justify-content: space-between; padding-bottom: 1rem; text-align: center } .fixbox .wp-menu .menu-link { font-size: var(--bigSize); line-height: 2; display: block; color: #fff; font-family: 'SourceHanSansCN-Bold'; } .fixbox .site-lang ul li.links a { border: 1px solid #ffffff4d; line-height: 2 } .fixbox .wp-menu .sub-menu { margin-top: .3rem; text-align: center } .fixbox .wp-menu .sub-menu .sub-menu { display: none } .fixbox .wp-menu .sub-menu a { font-size: var(--smailSize); opacity: .8; line-height: 2 } .fixbox .searchbox { width: auto; display: none; } .fixbox .site-lang { display: none; } .mobile .fixbox .wp-menu .sub-menu .sub-menu { display: block }