:root {
    --bg: #0B0B0B;
    --panel: #282828;
    --text: #282828;
    --muted: rgba(255, 255, 255, 0.72);
    --gold: #d7ab7a;
    --gold-1: #f4c99a;
    --gold-2: #ad814e;
    --card: rgba(255, 255, 255, 0.04);
    --card-border: rgba(255, 255, 255, 0.06);
    --shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
    --FFD733: #FFD733;
    --B3B3B3: #B3B3B3;
    --FFD733: #FFD733;
    --282828: #282828;
    --FFFFFF: #FFFFFF;
    --E1E1E1: #E1E1E1;
    --12141D: #12141D;
    --C4C4C4: #C4C4C4;
    --282828: #282828;
    --333333: #333333;
    --777777: #777777;
    --16133E: #16133E;
    --0A0A0A: #0A0A0A;
    --162336: #162336;
    --717D8F: #717D8F;
    --171411: #171411;
    --C7C7C7: #C7C7C7;
    --E7ECF2: #E7ECF2;
    --020202: #020202;
    --000000: #000000;
    --111827: #111827;
    --998675: #998675;
    --E1E1E1: #E1E1E1;
    --D6AA79: #D6AA79;
    --AE804E: #AE804E;
    --0B0B0B: #0B0B0B;
    --707070: #707070;
    --edf2fa: #edf2fa;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
}

img {
    display: block;
    max-width: 100%;
}

.pc {
    display: none;
}

.mobile {
    display: block;
}

header {
    position: relative;
}

header .swHeader {
    padding-bottom: .4rem;
}

header .swHeader .swiper-pagination {
    position: absolute;
    bottom: .2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}

header .swHeader .swiper-pagination-bullet {
    background-color: var(--FFD733);
    width: 0.08rem;
    height: 0.08rem;
}

.hd_before {
    width: 100%;
}

.hd_before img {
    width: 100%;
}

.hr_l {
    height: 100%;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.hr_l_ct {
    display: flex;
    flex-direction: column;
    position: relative;
}

.hr_l_ct h1 {
    font-optical-sizing: auto;
    font-style: normal;
    line-height: 1.2;
    font-family: Reem Kufi Fun;
    font-weight: 700;
    font-size: .64rem;
    text-transform: uppercase;
    background: linear-gradient(266.57deg, #F4C999 20.85%, #AD814E 99.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    color: var(--FFFFFF);
    font-family: "Reem Kufi Fun", sans-serif;
}

.hr_l_ct h1 p {
    display: flex;
}

.hr_l_ct h1 p:nth-child(2) {
    font-size: .48rem;
}

.hr_l_ct h1 p img {
    width: 1em;
    height: 1em;
}

.r_l_t {
    color: var(--FFFFFF);
    margin-top: 1em;
    text-transform: uppercase;
    width: 60%;
    font-family: Poppins;
    font-weight: 300;
    line-height: 160%;
    opacity: .8;
    text-align: center;
    font-size: .24rem;
    text-align: left;
}

.ibvote-weekly .fontSize .hr_l .hd_before {
    display: none;
}


.page_title {
    text-align: center;
    background: linear-gradient(266.57deg, #F4C999 20.85%, #AD814E 99.12%);
    font-weight: 700;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: .26rem;
    position: relative;
    padding-bottom: .16rem;
    margin-bottom: .24rem;
}

.page_title::after {
    position: absolute;
    content: '123';
    background: #D7AB7A;
    width: .72rem;
    height: .04rem;
    border-radius: 999px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

/*  */
footer {
    background-color: var(--282828);
    margin-top: .8rem;
}

.ft_content {
    padding: .48rem 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.ft_content p {
    font-size: .13rem;
    width: 60%;
}

.ft_l {
    display: flex;
    flex-direction: column;
    font-family: Poppins;
    font-weight: 500;
    text-transform: uppercase;
    color: #D7AB7A;
    text-align: left;
}

.ft_logo {
    width: 1.2rem;
    margin-bottom: 0.16rem;
}

.ft_logo img {
    width: 100%;
    height: auto;
}

.ft_r {
    font-family: Poppins;
    font-weight: 500;
    text-align: right;
    color: #D7AB7A;
    gap: .24rem;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.ft_r .ft_r_title {
    color: var(--707070);
    margin-bottom: .16rem;
}

.ft_r .ft_r_a {
    display: flex;
    gap: .32rem;
    justify-content: right;
}

.ft_r .ft_r_letter {
    display: flex;
    align-items: center;
}

.ft_r_letter p {
    font-weight: 300;
    font-size: .14rem;
    margin-left: 0.2em;
}


#ele_pag {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: .24rem;
}

#ele_pag button {
    border: 1px solid #FFFFFF33;
    background-color: transparent;
    color: var(--D7AB7A);
}

#ele_pag .number {
    border: 1px solid #FFFFFF33;
    background-color: transparent;
    color: var(--D7AB7A);
}

#ele_pag .is-active {
    background-color: var(--D7AB7A);
    color: black;
}

#ele_pag .more {
    border: 1px solid #FFFFFF33;
    background-color: transparent;
}

#ele_pag .more:hover {
    color: var(--D7AB7A);
}

@media (max-width: 799px) {
    .container {
        padding: 0 .16rem;
    }

    .hd_before {
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    header .swHeader {
        padding-top: .3rem;
    }

    .hd_before img {
        width: 200%;
        max-width: 200%;
        margin-right: 3rem;
        margin-top: 1.2rem;
    }

    .hr_l {
        height: 100%;
        display: block;
        position: absolute;
        top: .6rem;
        left: 0;
    }

    .hr_l_ct h1 {
        font-size: 0.3rem;
    }

    .hr_l_ct h1 p {
        align-items: center;
        justify-content: center;
    }

    .hr_l_ct h1 p:nth-child(2) {
        font-size: 0.25rem;
    }

    .r_l_t {
        font-size: 0.14rem;
        margin: auto;
        text-align: center;
    }

    .page_title {
        font-size: 0.2rem;
        padding-bottom: .12rem;
    }

    .ft_content {
        flex-direction: column;
        align-items: center;
        gap: .12rem;
    }

    .ft_l,
    .ft_r {
        justify-content: center;
        align-items: center;
        gap: 0;
    }

    .ft_content p {
        text-align: center;
    }

    .ft_r .ft_r_letter {
        margin-top: 0.12rem;
    }
}