@charset "UTF-8";

.mask {
    position: fixed;
    inset: 0;
    z-index: 99;
    display: none;
    background: #000;
    opacity: .5;
}

.pop-act-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 636px;
    height: 383px;
    margin: -196px 0 0 -318px;
    background: url(../img/dlg-bg.png) center no-repeat;
}

.pop-act-box .btn-close {
    position: absolute;
    top: 30px;
    right: 45px;
    z-index: 2;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(../img/close.png) no-repeat;
}

.pop-act-box .pop-text-main {
    color: #ffe88a;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.pop-act-box .pop-text-sub {
    margin-bottom: 10px;
    color: #fff0ad;
    font-size: 18px;
    text-align: center;
}

.pop-act-box .btns-mod {
    width: 100%;
    margin-top: 55px;
    text-align: center;
}

.pop-act-box .btn-style,
.pop-act-box .make_sure {
    display: inline-block;
    width: 177px;
    height: 66px;
    color: #a84a14 !important;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 239, 151, .45);
    background: url(../img/confirm-btn.png) center/100% 100% no-repeat;
}
.pop-act-box .btn-style:hover{
    background: url(../img/confirm-btn-h.png) center/100% 100% no-repeat;
}
.pop-act-box .one-line-title {
    width: 100%;
    margin: 0 auto;
    padding-top: 122px;
    letter-spacing: 2px;
}

.pop-act-box .two_line_title {
    padding-top: 130px;
    font-size: 24px;
}

#five_line_tip .pop-text-cont,
#two_select_tip .pop-text-cont {
    padding-top: 41px;
}

.pop-act-box .five-line-title {
    width: 100%;
    margin: 5px auto 0;
    padding: 0;
    color: #ffe88a;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 30px;
}

.pop_select_hongbao .title {
    padding-top: 30px;
    color: #ffe88a;
    text-align: center;
}

.webgame,
.h5game {
    display: inline-block;
    width: 189px;
}

.webgame {
    margin-left: 115px;
    margin-right: 34px;
}

.webgame .img,
.h5game .img {
    width: 189px;
    height: 208px;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.webgame .img { background-image: url(../img/yyhb.png); }
.h5game .img { background-image: url(../img/h5hb.png); }

.pop-act-box .make_sure {
    display: inline-block;
    width: 178px;
    height: 68px;
    font-size: 22px;
    line-height: 58px;
    background: url(../img/confirm-btn.png) center no-repeat;
}

#jindan-pop .title {
    margin-bottom: 43px;
    padding-top: 108px;
    text-align: center;
}

#jindan-pop .btns-mod {
    margin: 0 0 40px;
}

#jindan-pop .extra-text {
    text-align: center;
}

#egg-awards-pop {
    width: 913px;
    height: 510px;
    margin: -276px 0 0 -456px;
    padding-top: 43px;
    background-image: url(../img/dlg-bg2.png);
}

#egg-awards-pop img {
    display: block;
    width: 776px;
    margin: 0 auto;
}

#today_rank {
    width: 636px;
    height: 641px;
    margin: -320px 0 0 -318px;
    background-image: url(../img/dlg-bg3.png);
}

.kjjl {
    width: 80%;
    margin: 7% auto 0;
    color: #fff0ad;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid rgba(255, 232, 138, .65);
    border-bottom: 1px solid rgba(255, 232, 138, .65);
}

.kjjl th,
.kjjl td {
    width: 94px;
    height: 45px;
    border-top: 1px solid rgba(255, 232, 138, .65);
    border-left: 1px solid rgba(255, 232, 138, .65);
    text-align: center;
}

.kjjl th { font-size: 16px; }

#today_rank p {
    margin-top: 26px;
    color: #fff0ad;
    font-size: 12px;
    text-align: center;
}

#two_select_tip .title,
#select_hongbao_two .title {
    color: #ffe88a;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#select_hongbao_two .title { font-size: 20px; }

#two_select_tip ul {
    width: 288px;
    margin: 36px auto 0;
}

#two_select_tip ul li {
    height: 42px;
    padding-left: 28px;
    color: #fff0ad;
    font-size: 24px;
    line-height: 42px;
    cursor: pointer;
    background: url(../img/icon33.png) left center no-repeat;
}

#two_select_tip ul li.on { background-image: url(../img/icon34.png); }

/* Common prize popups inherit the Mid-Autumn palette. */
.pop-act-box .text-main,
.pop-act-box .text-sub,
.pop-act-box .pop-choose-hd,
.pop-act-box .pop-choose-hd .blue,
.pop-act-box .pop-choose h3,
.pop-act-box .pop-addr-cont .field label,
.pop-act-box .pop-addr-cont .addr-detail,
.pop-act-box .pop-addr-cont .addr-tips,
.pop-act-box .input-tips,
.pop-act-box .pop-lblist th,
.pop-act-box .pop-lblist td,
.pop-act-box .pop-lblist td a,
.pop-act-box .lblist-bd li,
.pop-act-box .pages a,
.pop-act-box .pages .disabled,
.pop-act-box .pages .current {
    color: #fff0ad;
}

#dianliang-pop .title {
    margin-bottom: 43px;
    padding-top: 70px;
    text-align: center;
}
.pop-lblist th{
    background:none;
}
.pop-lblist .w1{
    width: 15% !important;
}
.pop-lblist .w2{
    width: 30% !important;
}
.pop-lblist .w3{
    width: 20% !important;
}
.pop-lblist .w4{
    width: 35% !important;
}

#my_prize .pages {
    height: 32px;
    margin-top: 12px;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
}

#my_prize .pagination_con {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

#my_prize .pages a,
#my_prize .pages .disabled,
#my_prize .pages .current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 28px;
    height: 28px;
    margin: 0 4px;
    padding: 0 8px;
    color: #ffe7a0;
    font-size: 13px;
    line-height: 26px;
    border: 1px solid rgba(255, 222, 137, .58);
    border-radius: 4px;
    background: rgba(103, 24, 11, .42);
}

#my_prize .pages a:hover {
    color: #6e250e;
    border-color: #ffe49a;
    background: #f2c45d;
}

#my_prize .pages .current {
    color: #6e250e;
    font-weight: bold;
    border-color: #fff0aa;
    background: #e8b34f;
}

#my_prize .pages .disabled,
#my_prize .pages .current.prev,
#my_prize .pages .current.next {
    color: rgba(255, 231, 183, .48);
    border-color: rgba(255, 222, 137, .2);
    background: rgba(73, 21, 13, .3);
    cursor: default;
}