<> .ch-nav { display: flex; align-items: center; } .van-overflow-hidden { overflow: hidden !important; } .ch-common-nav-popup .van-popup { position: fixed; width: 100%; max-width: 750px; margin: 0 auto; max-height: 100%; overflow-y: auto; background-color: #fff; transition: transform 0.3s; -webkit-overflow-scrolling: touch; } .ch-van-overlay { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0000.7); } .ch-common-nav-popup .van-popup--center { top: 50%; left: 50%; transform: translate3d(-50%-50%0); } .ch-common-nav-popup .close-bar { height: 1.173rem; padding: 0 0.427rem; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: space-between; position: sticky; top: 0; background: #fff; } .close-bar::after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border-bottom: 1px solid #EBEDEC; transform: scale(.5); } .ch-common-nav-popup .ch-van-overlay { top: 0; left: auto; max-width: 750px; margin: 0 auto; } .ch-common-nav-popup .van-popup { top: 0; left: auto; } .ch-common-nav-popup .van-popup::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid #e5e5e5; transform: scale(0.5); border-top-width: 1px; border-color: #EBEDEC; } .ch-common-nav-popup .van-popup--center { transform: none; } .ch-common-nav-popup .van-row { padding: 0.32rem 0.43rem 0.75rem; text-align: center; } .ch-common-nav-popup .van-row .active { background: #f5f5f5; } .ch-icon-wap-nav:before { display: inline-block; content: "\F0DD"; cursor: pointer; } /* wap-top-nav */ .wap-nav-bar { position: relative; z-index: 1; height: 1.173rem; display: flex; align-items: center; background: #fff; } .wap-nav-bar:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border-bottom: 1px solid #EBEDEC; transform: scale(.5); } .wap-nav-bar .wap-nav-bar__left { padding: 0 0.427rem; display: flex; align-items: center; } .wap-nav-bar .logo.ch-common-nav-popup .logo { display: block; height: 0.614rem; } .wap-nav-bar .logo-sub.ch-common-nav-popup .logo-sub { display: block; width: 2.56rem; margin-left: 0.08rem; } .wap-nav-bar__center { flex: 1; height: 1.173rem; display: flex; align-items: center; justify-content: flex-end; } .wap-nav-bar .wap-nav-bar__right { padding: 0 0.427rem; display: flex; align-items: center; } .logo-text { font-size: 0.373rem; color: #6c706f; } .logo-text a{ color: #2d3431; } .logo-dot { display: block; width: 0.027rem; height: 0.533rem; background: #EBEDEC; margin: 0 0.213rem; } .footer-wap { padding: 0.8rem 0.4rem 0.8rem 0.853rem; text-align: left; background: #282828; line-height: .587rem; color: #999; font-size: .32rem; } .simple-footer { padding: 0.32rem 0; text-align: center; background: #282828; line-height: .533rem; } .footer-wap .foot-l { float: left; width: 1.6rem; height: 21px; } .footer-wap .foot-r { float: left; width: calc(100% - 1.8rem); } .footer-wap a { color: #969696; } .gk-top-navlist .van-col--8:nth-child(4).van-col--8:nth-child(5) { width: 50%; } .wap-news .container { min-height: calc(100vh - 3.633rem); } .top-navlist-item { font-size: 0.43rem; font-weight: 700; color: #2B2E33; line-height: 0.64rem; display: flex; align-items: center; margin-top: 0.53rem; } .top-navlist-item:first-child { margin-top: 0; } .top-navlist-title { flex: 1; display: flex; align-items: center; } .top-navlist-title::before { display: block; content: ''; width: 0.08rem; height: 0.4rem; background: #0D7154; border-radius: 0.04rem; margin-right: 0.13rem; } .top-navlist-content { display: flex; align-items: center; flex-wrap: wrap; padding-top: 0.27rem; gap: 0.27rem; } .top-navlist-content a { display: block; width: calc((100% - 0.27rem) / 2); text-align: center; height: 0.8rem; line-height: 0.8rem; border-radius: 0.11rem; font-size: 0.37rem; color: #2B2E33; background: #F7F8FA; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top-navlist-content a:active { background-color: rgba(0000.05); } .top-navlist-content a:nth-child(3n) { margin-right: 0; } a.top-navlist-link { display: flex; align-items: center; font-size: 0.32rem; font-weight: 400; color: #93989E; line-height: 0.44rem; } a.top-navlist-link:active { background-color: rgba(0000.05); } .user-info { z-index: 100; position: absolute; padding: 0 .32rem; right: 1.12rem; top: 78%; background: #fff; box-shadow: 0 .107rem .213rem 0 rgba(000.1); font-size: .373rem; line-height: .8rem; } .user-info a { color: #2D3431; } .user-info .user-info-msg { border-bottom: 1px solid #EBEDEC; } .user-info-msg .van-badge { font-size: 0.28rem; padding: 0; min-height: 0.427rem; } .user-info-msg .van-badge--fixed { transform: translate(50%0%); }