<>
.pc-header {
width: 100%;
height: 80px;
background-color: #FFFFFF;
border-bottom: 1px solid #EBEBEB;
display: flex;
justify-content: center;
}
.pc-header a:hover {
color: #111111 !important;
font-weight: normal !important;
}
.pc-header .pc-header-center {
width: 1200px;
min-width: 1200px;
display: flex;
justify-content: space-between;
align-items: center;
}
.pc-header .pc-header-left img {
height: 38px;
width: 130px;
}
.pc-header .pc-header-right {
font-size: 16px;
display: flex;
height: 100%;
line-height: 80px;
}
.pc-header .pc-header-right .nav-item {
position: relative;
margin-left: 64px;
}
.pc-header .pc-header-right .nav-item > a {
color: #616366;
font-weight: normal;
padding: 8px 0px;
}
.pc-header .pc-header-right .nav-item > a:hover {
color: #222426;
font-weight: normal;
}
.pc-header .pc-header-right .nav-item .down-menu-box {
position: relative;
z-index: 99;
padding: 0;
color: #616366;
}
.pc-header .pc-header-right .nav-item .down-menu-box .icon {
width: 10px;
height: 10px;
background-image: url("https://img.alicdn.com/imgextra/i4/O1CN011xI6Wd1rgKVzAM2jG_!!6000000005660-55-tps-10-5.svg");
background-repeat: no-repeat;
position: absolute;
top: 38px;
right: -12px;
}
.pc-header .pc-header-right .nav-item .down-menu-box .down-menu {
display: none;
background-color: #FFFFFF;
border-radius: 8px;
position: absolute;
top: 90px;
left: -15px;
flex-direction: column;
transition: all 0.3s;
box-shadow: 0px 2px 17px 0px rgba(0000.1);
}
.pc-header .pc-header-right .nav-item .down-menu-box .down-menu > a {
width: 164px;
height: 48px;
line-height: 48px;
color: #616366;
font-weight: normal;
padding-left: 16px;
border-bottom: 1px solid #EBEBEB;
}
.pc-header .pc-header-right .nav-item .down-menu-box .down-menu > :last-child {
border-bottom: none;
}
.pc-header .pc-header-right .nav-item .down-menu-box .down-menu .arrow-top {
left: 41px;
z-index: 100;
width: 10px;
height: 10px;
position: absolute;
display: block;
top: -5px;
transform: rotateZ(45deg);
background-color: #FFFFFF;
}
.pc-header .pc-header-right .nav-item .down-menu-box:hover {
cursor: pointer;
height: 100px;
color: #222426;
}
.pc-header .pc-header-right .nav-item .down-menu-box:hover .down-menu {
display: flex;
}
.pc-header .pc-header-right :last-child {
padding-right: 0;
}
.pc-header .pc-header-right .active {
font-weight: bold;
color: #222426;
}
.pc-header .pc-header-right .active .down-menu-box {
color: #222426;
font-weight: bold;
}
.pc-header .pc-header-right .active a {
font-weight: bold;
color: #222426;
}
.pc-header .pc-header-right .active::before {
background-color: #ff9900;
border-radius: 4px;
bottom: 16px;
content: "";
height: 4px;
left: 50%;
margin-left: -6px;
position: absolute;
width: 12px;
}
<>
.active{
color: #fff;
background: #4190E9;
}
<>
.settlementWays {
top: 8px !important;
}