<>
.wap-nav-bar {
position: relative;
z-index: 1;
height: 1.173rem;
display: flex;
align-items: center;
background: #fff;
}
.wap-nav-bar-border:after {
position: absolute;
box-sizing: border-box;
content: " ";
pointer-events: none;
top: -50%;
right: -50%;
bottom: -50%;
left: -50%;
border-bottom: 1px solid #D5D7DB;
transform: scale(.5);
}
.wap-nav-bar .wap-nav-bar__left {
position: absolute;
left: 0;
display: flex;
align-items: center;
padding: 0 0.427rem;
}
.wap-nav-bar .logo {
display: block;
width: 2.87rem;
}
.wap-nav-bar .wap-nav-bar__right {
position: absolute;
right: 0;
display: flex;
align-items: center;
padding: 0 0.427rem;
line-height: 1;
}
.logo-text {
font-size: 0.373rem;
color: #65696E;
}
.logo-text a {
color: #2B2E33;
}
.logo-dot {
display: block;
width: 0.027rem;
height: 0.533rem;
background: #E8EAED;
margin: 0 0.213rem;
}
.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 .3s;
-webkit-overflow-scrolling: touch
}
.ch-van-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(000.7)
}
.ch-common-nav-popup .van-popup--center {
top: 50%;
left: 50%;
transform: translate3d(-50%-50%0);
}
.ch-common-nav-popup .close-bar {
position: sticky;
top: 0;
height: 1.173rem;
padding: 0 .427rem;
display: flex;
align-items: center;
justify-content: space-between;
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 #D5D7DB;
transform: scale(.5);
}
.close-bar .logo {
display: block;
width: 2.87rem;
}
.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 #E8EAED;
transform: scale(.5);
border-top-width: 1px;
border-color: #D5D7DB;
}
.ch-common-nav-popup .van-popup--center {
transform: none
}
.yz-top-navlist-item {
font-size: 0.43rem;
font-weight: 700;
color: #2B2E33;
line-height: 0.64rem;
display: flex;
align-items: center;
margin-bottom: 0.32rem;
}
.yz-top-navlist-title {
flex: 1;
display: flex;
align-items: center;
}
.yz-top-navlist-title::before {
display: block;
content: '';
width: 0.08rem;
height: 0.4rem;
background: #1887E0;
border-radius: 0.04rem;
margin-right: 0.13rem;
}
.yz-top-navlist-content {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-bottom: 0.26rem;
}
.yz-top-navlist-content a {
display: block;
width: calc( (100% - 0.58rem) / 3 );
text-align: center;
height: 0.8rem;
line-height: 0.8rem;
border-radius: 0.11rem;
margin-bottom: 0.27rem;
margin-right: 0.29rem;
font-size: 0.37rem;
color: #2B2E33;
background: #F7F8FA;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yz-top-navlist-content a:active{
background-color: rgba(0000.05);
}
.yz-top-navlist-content a:nth-child(3n) {
margin-right: 0;
}
a.yz-top-navlist-link {
display: flex;
align-items: center;
font-size: 0.32rem;
font-weight: 400;
color: #93989E;
line-height: 0.44rem;
}
a.yz-top-navlist-link:active{
background-color: rgba(0000.05);
}
.yz-row-list{
padding: 0.35rem 0.43rem;
}
.nav-search {
display: flex;
align-items: center;
}
.nav-search span + span {
margin-left: 0.32rem;
}
.nav-search img {
display: block;
width: .533rem;
}
.ch-van-overlay-search {
background: #fff;
}
.site-search-wap {
display: flex;
align-items: center;
height: 1.173rem;
background: #F7F8FA;
padding: 0 0.427rem 0 0.24rem;
}
.top-nav-search-button-wap {
outline: none;
background: none;
border: none;
font-size: 0.373rem;
padding: 0;
margin-left: 0.32rem;
color: #2B2E33;
}
.top-nav-search-input-wap {
flex: 1;
border: 1px solid #D5D7DB;
height: 0.78rem;
background: #FFF url("https://t2.chei.com.cn/common/images/icon-search-wap.svg") left 0.21rem center no-repeat;
background-size: auto 0.533rem;
border-radius: 0.11rem;
outline: none;
padding: 0 0.21rem 0 0.88rem;
box-sizing: border-box;
}
>