/* 头部 start */

.header {
    width: 100%;
    height: 2.8205rem;
    background: #C20907;
    border-radius: 0 0 0.641rem 0.641rem;
    overflow: hidden;
    z-index: 999;
}

.head-content {
    padding: 0.3077rem 0.5128rem 0.1538rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-content>a {
    display: block;
    height: 1.0769rem;
}

.content-logo {
    width: 2.8718rem;
    height: 1.0769rem;
    object-fit: cover;
}

.content-search {
    width: 0.6667rem;
    height: 0.641rem;
    object-fit: cover;
}

.nav-swiper {
    width: calc(100% - 1.0256rem);
    margin: 0.0513rem auto 0.2051rem;
    height: 1.1282rem;
}

.swiper-mask {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0.4359rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 300;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mask-item {
    display: inline-block;
    height: 1.1282rem;
    line-height: 1.1282rem;
    /* margin-right: 0.9231rem; */
    text-decoration: none;
    /* 去除默认的下划线 */
    color: #FFFFFF;
    /* 去除默认的颜色和点击后变化的颜色 */
    position: relative;
    padding-left: 0.2564rem;
    padding-right: 0.1026rem;
}

.mask-item-acitve::before {
    content: '';
    display: inline-block;
    width: 0.4103rem;
    height: 0.4103rem;
    background: url('../images/nav-active.png') 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: 0.0769rem;
    left: 0.0256rem;
}
/* .mask-item:first-child {
    padding-left: 0.2564rem;
} */
/* .mask-item:last-child {
    margin-right: 0.4103rem;
} */

.mask-item-acitve {
    transform: scale(1.1, 1.1);
    font-weight: 500;
}

.swiper-mask::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent;
    background: transparent;
}
/* 头部 end */