@charset "utf-8";

.main-banner {
    background-image: url(../../images/bannersheji/banner-bannersheji.png);
}

/*  */

.carousel {
    margin: 60px auto 0;
}

.poster-main {
    position: relative;
    height: 300px;
    padding-bottom: 50px;
}

.poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0;
}

.poster-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    cursor: pointer;
}

.poster-prev-btn {
    left: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjJweCIgaGVpZ2h0PSI2MHB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9IjAuNTAyIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIGQ9Ik01LjAwMCwtMC4wMDAgTDE3LjAwMCwtMC4wMDAgQzE5Ljc2MSwtMC4wMDAgMjIuMDAwLDIuMjM4IDIyLjAwMCw1LjAwMCBMMjIuMDAwLDU1LjAwMCBDMjIuMDAwLDU3Ljc2MSAxOS43NjEsNjAuMDAwIDE3LjAwMCw2MC4wMDAgTDUuMDAwLDYwLjAwMCBDMi4yMzgsNjAuMDAwIC0wLjAwMCw1Ny43NjEgLTAuMDAwLDU1LjAwMCBMLTAuMDAwLDUuMDAwIEMtMC4wMDAsMi4yMzggMi4yMzgsLTAuMDAwIDUuMDAwLC0wLjAwMCBaIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ3LCAyNDcsIDI0NykiIGQ9Ik0xNS4wMDQsMzUuOTk4IEw5LjA0OCwzMC4wMDAgTDE1LjAwNCwyNC4wMDIgTDEyLjk1MiwyNC4wMDIgTDYuOTk2LDMwLjAwMCBMMTIuOTUyLDM1Ljk5OCBMMTUuMDA0LDM1Ljk5OCBaIi8+PC9zdmc+) no-repeat left center;
}

.poster-next-btn {
    right: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjJweCIgaGVpZ2h0PSI2MHB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9IjAuNTAyIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIGQ9Ik01LjAwMCwtMC4wMDAgTDE3LjAwMCwtMC4wMDAgQzE5Ljc2MSwtMC4wMDAgMjIuMDAwLDIuMjM4IDIyLjAwMCw1LjAwMCBMMjIuMDAwLDU1LjAwMCBDMjIuMDAwLDU3Ljc2MSAxOS43NjEsNjAuMDAwIDE3LjAwMCw2MC4wMDAgTDUuMDAwLDYwLjAwMCBDMi4yMzksNjAuMDAwIC0wLjAwMCw1Ny43NjEgLTAuMDAwLDU1LjAwMCBMLTAuMDAwLDUuMDAwIEMtMC4wMDAsMi4yMzggMi4yMzksLTAuMDAwIDUuMDAwLC0wLjAwMCBaIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ3LCAyNDcsIDI0NykiIGQ9Ik02Ljk5NiwzNS45OTggTDEyLjk1MiwzMC4wMDAgTDYuOTk2LDI0LjAwMiBMOS4wNDgsMjQuMDAyIEwxNS4wMDQsMzAuMDAwIEw5LjA0OCwzNS45OTggTDYuOTk2LDM1Ljk5OCBaIi8+PC9zdmc+) no-repeat right center;
}

.btn-box {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    font-size: 0;
}

.btn-box .index-btn {
    display: inline-block;
    width: 38px;
    height: 6px;
    border-radius: 50px;
    margin: 0 10px;
    background-color: rgba(0, 0, 0, .1);
    transition: all .3s ease;
    cursor: pointer;
}

.btn-box .index-btn.poster-btn-active {
    background-color: var(--main-color);
}