/* .banner .swiper-pagination {
    bottom: .3rem;
} */

.banner_list {
    justify-content: center;
}

.banner_title {
    text-align: center;
    width: 1.4rem;
    font-size: .14rem;
    color: #666;
    cursor: pointer;
    position: relative;
    padding-bottom: .2rem;
    transition: all .3s;
}

.banner_title:hover{
    color: #333;
}

.banner_title::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: .14rem;
    height: .14rem;
    border-radius: 50%;
    border: .02rem solid #b3b3b3;
    background: #fff;
    transition: all .3s;
}

.banner_title:hover::after{
    background: #333;
    border-color: #333;
}

.banner_on::after {
    background: #333;
    border-color: #333;
}

.banner_title:not(:last-of-type)::before {
    content: "";
    position: absolute;
    right: -0.7rem;
    bottom: .06rem;
    border-top: 1px dotted #000000;
    width: 100%;
}

.banner_on {
    color: #000;
    font-weight: 600;
}

@media only screen and (max-width:768px) {
    .banner_list {
        display: none;
    }
}