/**菜单按钮**/ a.menu-btn { width: .44rem; height: .44rem; background: rgb(255 255 255 / 20%); display: flex; flex-direction: column; gap: .07rem; align-items: center; justify-content: center; float: none; border-radius: 50% } a.menu-btn.btn2 { display: none } a.menu-btn .xian { display: block; height: .02rem; width: .17rem; 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); width: .2rem; position: absolute } a.menu-btn.arrow .xian:nth-child(3) { transform: rotate(45deg); width: .21rem; 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 - 8.2rem); box-sizing: border-box; visibility: hidden; opacity: 0; } .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; border-bottom: 1px solid #ffffff4d; min-height: 70%; margin-bottom: .3rem; text-align: center } .fixbox .wp-menu .menu-link { font-size: var(--bigSize); line-height: 2; display: block } .fixbox .site-lang ul li.links a { border: 1px solid #ffffff4d; line-height: 2; padding: 0 0.12rem; } .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 } /**手机端**/ .mobile .fixbox .wp-menu .sub-menu .sub-menu { display: block }