html{
    font-size:62.5%
}
body{
    margin:0;
    background-color:#000
}
#app,body,html{
    height:100%
}
#app{
    font-family:Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-align:center;
    color:#fff
}
.unread-count[data-v-a1679184]{
    font-size:12px;
    width:20px;
    height:20px;
    line-height:20px;
    top:-10px;
    right:-25px
}
.balance[data-v-d149f220],.playerName[data-v-d149f220]{
    font-size:13px;
    height:24px;
    line-height:24px;
    text-align:center;
    font-weight:700;
    border-radius:12px;
    cursor:pointer
}
.playerName[data-v-d149f220]{
    color:#888;
    border:1px solid #f3ebb8;
    background:linear-gradient(180deg,#f7f1c2,#c4a44b,#d0b766,#e8de9f);
    color:#000
}
.balance[data-v-d149f220]{
    color:#888;
    border:1px solid #444;
    background:linear-gradient(180deg,#0c0c0c,#1a1a1a);
    color:#f3ed26;
    position:relative
}
.balance img[data-v-d149f220]{
    position:absolute;
    height:30px;
    width:30px;
    left:-5px;
    top:-4px
}
@media only screen and (max-width:480px){
    .playerName[data-v-d149f220]{
        color:#888;
        border:1px solid #4d4d4d;
        background:transparent;
        color:#dadada
    }
}
.language[data-v-355110e8]{
    height:30px;
    width:30px;
    border-radius:50%
}
.pointer[data-v-355110e8],.pointer[data-v-f5ff9a7e]{
    cursor:pointer
}
@media only screen and (min-width:0px) and (max-width:767px){
    .event-title[data-v-1f2c095b]{
        font-size:20px!important
    }
}
.right-top-close-button[data-v-1f2c095b]{
    position:absolute;
    color:#343434;
    text-shadow:1px 1px 1px #c0bb58;
    left:5px;
    top:3px;
    font-size:24px;
    z-index:999
}
.lottery[data-v-53827cbd]{
    position:relative;
    width:100%;
    height:100%;
    border-radius:50%
}
.fire[data-v-53827cbd]{
    position:absolute;
    top:-3px;
    right:0;
    left:0;
    width:100%;
    margin:auto;
    display:none
}
#canvas[data-v-53827cbd]{
    width:92%;
    position:absolute;
    top:4%;
    left:4%;
    transition:transform 5s ease-in-out;
    will-change:transform
}
.turntable[data-v-53827cbd]{
    height:100%;
    will-change:transform
}
.lottery-go[data-v-53827cbd]{
    position:absolute;
    cursor:pointer;
    width:25%;
    left:50%;
    top:47%;
    z-index:1;
    transform:translate(-50%,-50%)
}
.lottery-go[data-v-53827cbd]:hover{
    opacity:.97
}
@-webkit-keyframes rotate180-53827cbd{
    0%{
        transform:rotate(180deg)
    }
    to{
        transform:rotate(0deg)
    }
}
@keyframes rotate180-53827cbd{
    0%{
        transform:rotate(180deg)
    }
    to{
        transform:rotate(0deg)
    }
}
.firework[data-v-53827cbd]{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100vh;
    z-index:9999999
}
.draw-times[data-v-53827cbd]{
    font-size:18px;
    margin-top:15px
}
.resultPrizeRow[data-v-53827cbd]{
    text-align:left;
    font-size:14px;
    color:#fff;
    margin-top:10px
}
.resultLabelText[data-v-53827cbd]{
    text-align:left;
    font-size:11px;
    margin-bottom:-5px;
    color:#aaa
}
.my-remaining-times[data-v-53827cbd]{
    font-size:30px;
    color:#fffa55
}
#myPrizeResult .popup-modal[data-v-53827cbd]{
    top:35vh;
    background-image:linear-gradient(0deg,#5e260c,#ff4700)
}
#myPrizeResult .content[data-v-53827cbd]{
    padding:5px 10px 25px 10px;
    background:#401717;
    border-radius:5px;
    border:1px solid #4c341a;
    margin-top:5px;
    margin-bottom:20px
}
.float-amount-position[data-v-53827cbd]{
    position:absolute;
    top:25%;
    text-align:center;
    width:100%
}
.float-reward-text[data-v-53827cbd]{
    font-size:40px;
    margin-right:5%
}
.disable-go[data-v-53827cbd]{
    cursor:not-allowed
}
.remainingPoint[data-v-53827cbd]{
    font-size:12px;
    color:#adadad;
    margin-top:-5px
}
@media only screen and (min-width:480px){
    .firework img[data-v-53827cbd]{
        width:600px
    }
    .float-amount-position[data-v-53827cbd]{
        top:28%
    }
    .float-reward-text[data-v-53827cbd]{
        margin-right:1%
    }
}
@media only screen and (min-width:768px){
    .timeValue[data-v-53827cbd]{
        font-size:32px
    }
}
.f-r[data-v-bd68b444]{
    float:right
}
.gift[data-v-bd68b444]{
    color:#c74242
}
.col-amount[data-v-bd68b444]{
    flex:1;
    text-align:right
}
.amountText[data-v-bd68b444]{
    color:#fff68e;
    font-size:16px
}
.coin-img[data-v-bd68b444]{
    width:17px;
    height:17px;
    margin-left:3px;
    vertical-align:sub
}
@media only screen and (min-width:0px) and (max-width:767px){
    .event-title[data-v-bd68b444]{
        font-size:20px!important
    }
}
.f-r[data-v-54000d2e]{
    float:right
}
.gift[data-v-54000d2e]{
    color:#c74242
}
.col-amount[data-v-54000d2e]{
    flex:1;
    text-align:right
}
.amountText[data-v-54000d2e]{
    color:#fff68e;
    font-size:16px
}
.popup-modal[data-v-54000d2e]{
    width:95%
}
.content-game-list[data-v-54000d2e]{
    max-height:450px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:100px
}
.quest-game-img[data-v-54000d2e]{
    border-radius:50%;
    width:25px;
    height:25px;
    cursor:pointer
}
@media only screen and (min-width:0px) and (max-width:767px){
    .event-title[data-v-54000d2e]{
        font-size:20px!important
    }
}
@media only screen and (min-width:768px){
    .content-game-list[data-v-54000d2e]{
        max-height:550px
    }
}
@media only screen and (min-width:0px) and (max-width:767px){
    .event-title[data-v-5cdd768a],.event-title[data-v-6c0ea0bb],.event-title[data-v-55b54efa]{
        font-size:20px!important
    }
}
.item .img-item[data-v-c3437bee]{
    width:20rem;
    width:17.5rem;
    height:17.5rem;
    position:relative;
    cursor:pointer
}
.icon[data-v-c3437bee]{
    margin:auto;
    height:95%;
    width:95%;
    margin-top:.3rem;
    -o-object-fit:cover;
    object-fit:cover;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    background:#333
}
.frame[data-v-c3437bee]{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%
}
@media only screen and (min-width:0px) and (max-width:767px){
    .item[data-v-c3437bee]{
        width:12.3rem
    }
    .item .img-item[data-v-c3437bee]{
        margin-bottom:5px
    }
    .grid-container .item .img-item[data-v-c3437bee]{
        width:12.3rem;
        height:12.3rem
    }
    .icon[data-v-c3437bee]{
        margin-top:.8rem!important
    }
    .grid-container3X .item[data-v-c3437bee]{
        width:11.8rem
    }
    .grid-container3X .item .img-item[data-v-c3437bee]{
        width:11.8rem;
        height:11.8rem
    }
}
@media only screen and (min-width:768px) and (max-width:1365px){
    .item[data-v-c3437bee]{
        width:16rem
    }
    .grid-container3X .item .img-item[data-v-c3437bee],.grid-container .item .img-item[data-v-c3437bee]{
        width:16rem;
        height:16rem
    }
}
@media only screen and (min-width:1366px){
    .item[data-v-c3437bee]{
        width:17.5rem
    }
}
.group[data-v-bb87aaee]{
    position:fixed;
    display:grid;
    grid-template-columns:auto;
    left:1.5rem;
    top:50%;
    transform:translateY(-50%)
}
.disable[data-v-bb87aaee],.enable[data-v-bb87aaee]{
    background-repeat:no-repeat;
    background-position:50%;
    background-size:contain;
    height:3rem;
    width:3rem
}
.enable[data-v-bb87aaee]{
    background-image:url(../img/toggle_enable.183b37d5.png)
}
.disable[data-v-bb87aaee]{
    background-image:url(../img/toggle_disable.0b1e25d7.png)
}
.footer-bg{
    background-image:url(../img/footer_bg.25cea8a2.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:bottom;
    position:fixed;
    left:50%;
    bottom:-.5rem;
    transform:translate(-50%);
    width:400rem;
    height:12.3rem
}
.id-text{
    bottom:72%;
    text-overflow:clip
}
.balance-text{
    color:#fee94e;
    bottom:47%
}
.balance-text,.id-text{
    text-align:center;
    position:absolute;
    font-size:15px;
    width:5.1%;
    left:50.6%;
    transform:translate(-50.6%)
}
@media only screen and (min-width:0px) and (max-width:767px){
    .footer-bg{
        width:290rem;
        height:13rem
    }
    .balance-text,.id-text{
        font-size:1.6rem
    }
}
@media only screen and (min-width:768px){
    .footer-bg{
        width:400rem;
        height:18rem
    }
    .balance-text,.id-text{
        font-size:2.3rem
    }
}
.pointer[data-v-151baded]{
    cursor:pointer
}
.question-icon[data-v-151baded]{
    font-size:24px;
    line-height:30px;
    vertical-align:bottom
}
.learnMoreBtn[data-v-151baded]{
    font-size:20px!important;
    margin-top:15px
}
@media only screen and (min-width:1366px){
    .popup-modal-full:not(.dark-bg) .question-icon[data-v-151baded]{
        font-size:30px;
        line-height:40px
    }
    .popup-modal-full:not(.dark-bg) .learnMoreBtn[data-v-151baded]{
        font-size:28px!important
    }
}
.gametype[data-v-7b8003f4]{
    margin-top:4px;
    margin-bottom:8px;
    display:flex;
    overflow-x:auto;
    flex-wrap:nowrap
}
.gametype-item[data-v-7b8003f4]{
    display:inline-block;
    padding:3px;
    margin:4px;
    font-size:14px;
    border-radius:10px;
    cursor:pointer;
    min-width:80px;
    height:65px;
    background:linear-gradient(180deg,#0c0c0c,#1a1a1a);
    box-shadow:0 3px 6px rgba(0,0,0,.3686274509803922);
    text-align:center
}
.gametype-item img[data-v-7b8003f4]{
    width:50px;
    height:35px;
    -o-object-fit:contain;
    object-fit:contain
}
.selected[data-v-7b8003f4]{
    background:linear-gradient(180deg,#f7f1c2,#c4a44b,#dbbd69);
    color:#000;
    font-weight:700
}
@media only screen and (min-width:768px){
    .gametype[data-v-7b8003f4]{
        overflow-x:auto;
        flex-wrap:nowrap;
        text-align:left;
        padding:8px 0
    }
    .gametype-item[data-v-7b8003f4]{
        padding:4px 8px;
        border-radius:20px;
        min-width:auto;
        height:auto;
        white-space:nowrap
    }
    .gametype-item img[data-v-7b8003f4]{
        display:none
    }
    .selected[data-v-7b8003f4]{
        background:#fb0
    }
}
.banner[data-v-ffe7fd30]{
    width:100%;
    padding-top:32%;
    position:relative
}
.banner img[data-v-ffe7fd30]{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.fade-enter-active[data-v-ffe7fd30],.fade-leave-active[data-v-ffe7fd30]{
    transition:opacity .3s
}
.fade-enter-from[data-v-ffe7fd30],.fade-leave-to[data-v-ffe7fd30]{
    opacity:0
}
.fade-enter-to[data-v-ffe7fd30],.fade-leave-from[data-v-ffe7fd30]{
    opacity:1
}
.grid-container3X[data-v-b042e3ba],.grid-container[data-v-b042e3ba]{
    display:inline-grid;
    grid-template-columns:10rem 10rem 10rem;
    grid-gap:.5rem;
    padding:1rem;
    margin-bottom:18rem
}
.grid-container3X[data-v-b042e3ba]{
    margin-top:0;
    grid-row-gap:1rem;
    padding:.5rem;
    width:100%;
    margin-bottom:25px!important;
    justify-content:center
}
@media only screen and (min-width:0px) and (max-width:767px){
    .grid-container[data-v-b042e3ba]{
        grid-template-columns:auto auto
    }
    .grid-container3X[data-v-b042e3ba]{
        grid-template-columns:auto auto auto
    }
}
@media only screen and (min-width:768px) and (max-width:1365px){
    .grid-container3X[data-v-b042e3ba],.grid-container[data-v-b042e3ba]{
        grid-template-columns:auto auto auto auto
    }
    .popup-modal[data-v-b042e3ba]{
        width:500px!important
    }
}
@media only screen and (min-width:1366px){
    .grid-container3X[data-v-b042e3ba],.grid-container[data-v-b042e3ba]{
        grid-template-columns:auto auto auto auto auto auto
    }
    .grid-container3X[data-v-b042e3ba]{
        grid-gap:1.5rem;
        justify-content:left
    }
    .popup-modal[data-v-b042e3ba]{
        width:500px!important
    }
}
.modal-overlay[data-v-b042e3ba]{
    width:100%;
    height:110vh;
    top:0;
    left:0;
    right:0;
    z-index:99999;
    position:fixed;
    background:rgba(0,0,0,.6)
}
.popup-modal[data-v-b042e3ba]{
    width:85%;
    padding:10px;
    top:5vh;
    left:0;
    right:0;
    position:fixed;
    min-height:15vh;
    color:#fff;
    margin:auto;
    text-align:center;
    background:#000;
    border-radius:10px;
    border:1px solid #ffefa2
}
.modal-title[data-v-b042e3ba]{
    text-align:left;
    font-size:22px;
    margin-bottom:15px;
    color:#fff93c
}
.popup-modal>.content[data-v-b042e3ba]{
    font-size:14px;
    text-align:left
}
.text-c[data-v-b042e3ba]{
    text-align:center
}
.modal-button[data-v-b042e3ba]{
    min-width:80px;
    padding:7px 10px;
    border-radius:5px;
    background:#36974f;
    color:#fff;
    border:none;
    cursor:pointer
}
.fade-enter-active[data-v-b042e3ba],.fade-leave-active[data-v-b042e3ba]{
    transition:opacity .3s
}
.fade-enter-from[data-v-b042e3ba],.fade-leave-to[data-v-b042e3ba]{
    opacity:0
}
.fade-enter-to[data-v-b042e3ba],.fade-leave-from[data-v-b042e3ba]{
    opacity:1
}
[data-v-459bbd1e]{
    padding:0;
    margin:0;
    box-sizing:border-box
}
.pointer-events-none[data-v-459bbd1e]{
    pointer-events:none
}
.pointer-events-auto[data-v-459bbd1e]{
    pointer-events:auto
}
#main-wrapper[data-v-459bbd1e]{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:transparent;
    overflow:hidden
}
#main-wrapper #floating-snap-btn-wrapper[data-v-459bbd1e]{
    position:absolute;
    transform:translate(-50%,-50%);
    top:30%;
    right:-10px;
    width:50px;
    height:70px;
    cursor:pointer
}
#main-wrapper .fab-container[data-v-459bbd1e]{
    -webkit-animation:bounce-in-btn-459bbd1e .5s;
    animation:bounce-in-btn-459bbd1e .5s;
    width:100%;
    height:100%
}
#main-wrapper .fab-btn[data-v-459bbd1e]{
    pointer-events:auto;
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    top:0;
    right:0;
    width:50px;
    height:70px;
    background-image:url(../img/red_envelope_small.ffb2feb1.png);
    background-size:50px 70px;
    background-repeat:no-repeat;
    color:#fff;
    box-shadow:0 2px 17px -1px rgba(0,0,0,.3)
}
#main-wrapper .fab-num[data-v-459bbd1e]{
    position:absolute;
    bottom:-15px;
    left:-15px;
    font-size:20px;
    line-height:40px;
    height:40px;
    width:40px;
    font-weight:700;
    background-color:#e49800;
    border-radius:50%
}
#main-wrapper .fab-num-animation[data-v-459bbd1e]{
    -webkit-animation:bounce-in-num-459bbd1e .5s;
    animation:bounce-in-num-459bbd1e .5s
}
@-webkit-keyframes bounce-in-btn-459bbd1e{
    0%{
        transform:scale(0)
    }
    50%{
        transform:scale(1.3)
    }
    to{
        transform:scale(1)
    }
}
@keyframes bounce-in-btn-459bbd1e{
    0%{
        transform:scale(0)
    }
    50%{
        transform:scale(1.3)
    }
    to{
        transform:scale(1)
    }
}
@-webkit-keyframes bounce-in-num-459bbd1e{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.5)
    }
    to{
        transform:scale(1)
    }
}
@keyframes bounce-in-num-459bbd1e{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.5)
    }
    to{
        transform:scale(1)
    }
}
.coin-fall-bg[data-v-412cc0bb]{
    background-image:url(../img/red_001.30b5d68c.gif)
}
.redEnv-loading-progress[data-v-412cc0bb]{
    width:150px;
    margin-top:10%
}
@media only screen and (max-width:600px){
    .redEnv-loading-progress[data-v-412cc0bb]{
        margin-top:33%
    }
}
.bg[data-v-412cc0bb]{
    z-index:999;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.8)
}
.container[data-v-412cc0bb]{
    position:relative;
    width:100%;
    height:100%
}
.bounce-effect[data-v-412cc0bb],.container[data-v-412cc0bb]{
    -webkit-animation:bounce-in-412cc0bb .5s;
    animation:bounce-in-412cc0bb .5s
}
.redenvelope[data-v-412cc0bb]{
    max-width:100%;
    max-height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.result[data-v-412cc0bb]{
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    padding-left:2%;
    padding-right:2%;
    height:95vh;
    max-width:500px;
    max-height:650px;
    transform:translate(-50%,-50%)
}
.close-btn[data-v-412cc0bb]{
    position:absolute;
    top:0;
    right:2%;
    width:8%;
    max-width:25px;
    cursor:pointer
}
.sendTimeHint[data-v-412cc0bb]{
    color:#ccc;
    margin-top:-5px
}
@-webkit-keyframes bounce-in-412cc0bb{
    0%{
        transform:scale(0)
    }
    50%{
        transform:scale(1.3)
    }
    to{
        transform:scale(1)
    }
}
@keyframes bounce-in-412cc0bb{
    0%{
        transform:scale(0)
    }
    50%{
        transform:scale(1.3)
    }
    to{
        transform:scale(1)
    }
}
[data-v-0da3f7a8]{
    padding:0;
    margin:0;
    box-sizing:border-box
}
.pointer-events-none[data-v-0da3f7a8]{
    pointer-events:none
}
.pointer-events-auto[data-v-0da3f7a8]{
    pointer-events:auto
}
#ranking-wrapper[data-v-0da3f7a8]{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:transparent;
    overflow:hidden
}
#ranking-wrapper #ranking-btn-wrapper[data-v-0da3f7a8]{
    position:absolute;
    transform:translate(-50%,-50%);
    top:40%;
    right:-20px;
    width:50px;
    height:50px;
    cursor:pointer
}
#ranking-wrapper .ranking-container[data-v-0da3f7a8]{
    -webkit-animation:bounce-in-btn-0da3f7a8 .5s;
    animation:bounce-in-btn-0da3f7a8 .5s;
    width:100%;
    height:100%
}
#ranking-wrapper .ranking-btn[data-v-0da3f7a8],#ranking-wrapper .ranking-btn[data-v-0da3f7a8]:before{
    content:" ";
    pointer-events:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    width:50px;
    height:50px;
    border-radius:50%;
    background-image:url(../img/leaderboard_button.1805232c.png);
    border:3px solid #fe0;
    background-size:100% 100%;
    background-repeat:no-repeat;
    color:#fff;
    box-shadow:0 2px 17px -1px rgba(0,0,0,.3)
}
#ranking-wrapper .ranking-btn[data-v-0da3f7a8]:before{
    position:absolute;
    -webkit-animation:ranking-btn-animation-0da3f7a8 2s infinite;
    animation:ranking-btn-animation-0da3f7a8 2s infinite
}
#ranking-wrapper .remaining-seconds-text[data-v-0da3f7a8]{
    font-weight:700;
    text-shadow:0 0 5px rgba(0,0,0,.8);
    white-space:nowrap;
    font-size:12px;
    display:flex;
    justify-content:center
}
@-webkit-keyframes bounce-in-btn-0da3f7a8{
    0%{
        transform:scale(0)
    }
    50%{
        transform:scale(1.3)
    }
    to{
        transform:scale(1)
    }
}
@keyframes bounce-in-btn-0da3f7a8{
    0%{
        transform:scale(0)
    }
    50%{
        transform:scale(1.3)
    }
    to{
        transform:scale(1)
    }
}
@-webkit-keyframes bounce-in-num-0da3f7a8{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.5)
    }
    to{
        transform:scale(1)
    }
}
@keyframes bounce-in-num-0da3f7a8{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.5)
    }
    to{
        transform:scale(1)
    }
}
@-webkit-keyframes ranking-btn-animation-0da3f7a8{
    50%{
        transform:scale(1.5);
        opacity:0
    }
    to{
        transform:scale(1.5);
        opacity:0
    }
}
@keyframes ranking-btn-animation-0da3f7a8{
    50%{
        transform:scale(1.5);
        opacity:0
    }
    to{
        transform:scale(1.5);
        opacity:0
    }
}
.timer-container[data-v-08b6c182]{
    height:136px;
    width:100%;
    background:#030407;
    position:relative;
    transition:height .5s ease
}
.timer-container.hide[data-v-08b6c182]{
    height:30px
}
.timer-container.hide .arrow-img[data-v-08b6c182]{
    transform:translateX(-50%) rotate(180deg)
}
.timer-container .arrow-img[data-v-08b6c182]{
    position:absolute;
    left:50%;
    top:-20px;
    transform:translateX(-50%);
    transition:transform .5s ease;
    width:50px;
    height:50px;
    background:#030407;
    padding:11px;
    border-radius:50%;
    cursor:pointer
}
.timer-container .group[data-v-08b6c182]{
    padding:8px;
    margin-top:22px;
    display:flex;
    justify-content:left;
    align-items:center;
    overflow-x:auto;
    white-space:nowrap
}
.timer-container .coming-bg[data-v-08b6c182]{
    background:url(../img/comingsoon_bg.ac5c0364.png)
}
.timer-container .ing-bg[data-v-08b6c182]{
    background:url(../img/ing_bg.22b508ab.png)
}
.timer-container .item[data-v-08b6c182]{
    flex-shrink:0;
    width:196px;
    height:103px;
    margin-right:10px;
    position:relative;
    background-size:contain;
    background-repeat:no-repeat
}
.timer-container .item .name[data-v-08b6c182]{
    position:absolute;
    top:11px;
    left:40px;
    width:150px;
    height:38px;
    white-space:break-spaces;
    font-size:12px;
    color:#fff;
    font-weight:700
}
.timer-container .item .remaning-time-label[data-v-08b6c182]{
    position:absolute;
    top:48px;
    left:54%;
    transform:translateX(-50%);
    font-size:10px;
    color:#fff
}
.timer-container .finished-label[data-v-08b6c182]{
    position:absolute;
    top:55px;
    left:57%;
    transform:translateX(-50%);
    font-size:12px;
    color:#1e1892;
    font-weight:700
}
.timer-container .time-box[data-v-08b6c182]{
    position:absolute;
    top:64px;
    left:58%;
    transform:translateX(-50%);
    display:flex
}
.timer-container .time-box .value[data-v-08b6c182]{
    font-size:15px;
    color:#1e1892;
    font-weight:700;
    position:relative
}
.timer-container .time-box .label[data-v-08b6c182]{
    position:absolute;
    bottom:-7px;
    left:50%;
    transform:translateX(-50%);
    font-size:8px;
    color:#1e1892
}
.modal-container[data-v-965eb1f6]{
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.8);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff
}
.window[data-v-965eb1f6]{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background-color:#1e202a;
    width:100%;
    max-width:600px;
    height:100%;
    font-size:16px;
    position:relative
}
.banner[data-v-965eb1f6]{
    width:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.header[data-v-965eb1f6]{
    display:flex;
    align-items:center;
    padding:10px
}
.header .toggle-btn[data-v-965eb1f6]{
    background:transparent;
    color:#d8d8d8;
    border:none;
    margin-right:10px;
    cursor:pointer;
    padding-bottom:2px
}
.header .toggle-btn[data-v-965eb1f6]:hover{
    color:#fff
}
.header .toggle-btn.active[data-v-965eb1f6]{
    color:#fff;
    box-shadow:0 2px 0 0 #f6a63b
}
.header .close-button[data-v-965eb1f6]{
    display:flex;
    justify-content:center;
    align-items:center;
    background:transparent;
    border:none;
    color:#fff;
    background:#4d4f60;
    width:30px;
    height:30px;
    border-radius:50%
}
.content-box[data-v-965eb1f6]{
    padding:10px 0;
    box-shadow:0 1px 5px rgba(0,0,0,.8);
    background:#2b2d3b;
    z-index:1
}
.content-box .dropdown .btn[data-v-965eb1f6]{
    background:#2b2d3b;
    border-radius:8px;
    font-size:14px
}
.content-box .dropdown .dropdown-menu[data-v-965eb1f6]{
    background:#2b2d3b;
    border:1px solid #4d4f60;
    border-radius:8px
}
.content-box .dropdown .dropdown-menu .dropdown-item[data-v-965eb1f6]{
    color:#fff;
    font-size:14px
}
.content-box .user-info[data-v-965eb1f6]{
    padding:5px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#1e202a
}
.content-box .tip[data-v-965eb1f6]{
    text-align:left;
    font-size:14px;
    margin-bottom:10px;
    padding:8px 20px;
    color:#999a99;
    border-bottom:1px solid #4d4f60
}
.data-container[data-v-965eb1f6]{
    flex:1;
    position:relative;
    overflow-y:hidden
}
.scroll-to-top[data-v-965eb1f6]{
    position:absolute;
    right:10px;
    bottom:10px;
    background:rgba(0,0,0,.43529411764705883);
    height:40px;
    width:40px;
    border:none;
    color:hsla(0,0%,100%,.8784313725490196);
    font-size:20px;
    cursor:pointer;
    padding:5px;
    border-radius:50%
}
.data-section[data-v-965eb1f6]{
    height:100%;
    overflow-y:auto
}
.data-item[data-v-965eb1f6]{
    min-height:40px
}
.data-item[data-v-965eb1f6]:nth-child(odd){
    background:#2b2d3b
}
.data-item.is-self[data-v-965eb1f6]{
    background:#494c62;
    font-weight:700
}
.scroll-bar[data-v-965eb1f6]{
    scrollbar-width:thin;
    scrollbar-color:#585a65 #1e202a
}
.scroll-bar[data-v-965eb1f6]::-webkit-scrollbar{
    width:4px
}
.scroll-bar[data-v-965eb1f6]::-webkit-scrollbar-thumb{
    background-color:#585a65;
    border-radius:4px
}
.scroll-bar[data-v-965eb1f6]::-webkit-scrollbar-track{
    background-color:#1e202a
}
.data-item[data-v-965eb1f6],.table-header[data-v-965eb1f6]{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.prize[data-v-965eb1f6],.rank[data-v-965eb1f6]{
    color:#f8b558
}
.rule[data-v-965eb1f6]{
    text-align:left;
    padding:10px;
    overflow-y:auto;
    word-wrap:break-word;
    white-space:pre-wrap
}
#game-container[data-v-5d58cad9]{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#000
}
.game-iframe[data-v-5d58cad9]{
    width:100%;
    height:100%
}
@media only screen and (orientation:portrait){
    .landscape_required[data-v-5d58cad9]{
        position:absolute;
        top:15px;
        right:10px;
        left:auto;
        max-width:50px;
        transform:rotate(90deg)
    }
}
@media only screen and (orientation:landscape){
    .force-portrait-layout[data-v-5d58cad9]{
        height:100vw;
        width:100vh;
        position:absolute;
        right:-100vh;
        top:0;
        transform-origin:top left;
        transform:rotate(90deg)
    }
}
#game-container[data-v-04ddeadf]{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#000
}
.game-iframe[data-v-04ddeadf]{
    width:100%;
    height:100%
}
@media only screen and (orientation:portrait){
    .landscape_required[data-v-04ddeadf]{
        position:absolute;
        top:15px;
        right:10px;
        left:auto;
        max-width:50px;
        transform:rotate(90deg)
    }
}
@media only screen and (orientation:landscape){
    .force-portrait-layout[data-v-04ddeadf]{
        height:100vw;
        width:100vh;
        position:absolute;
        right:-100vh;
        top:0;
        transform-origin:top left;
        transform:rotate(90deg)
    }
}
@media only screen and (min-width:0px) and (max-width:767px){
    .event-title[data-v-39e5208f]{
        font-size:20px!important
    }
}
.video-bg[data-v-39e5208f]{
    border:2px solid #222
}
.linePreview[data-v-39e5208f]{
    flex:2;
    text-align:center
}
.imageWrapper[data-v-39e5208f]{
    width:120px;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    position:relative;
    height:120px
}
.slotsIcon[data-v-39e5208f]{
    height:120px;
    min-width:100px;
    max-width:none;
    margin:0 -100%
}
.parentWarpper[data-v-39e5208f]{
    display:inline-block;
    height:125px
}
table[data-v-39e5208f]{
    margin-top:25px;
    color:#fff;
    text-align:left;
    font-size:16px
}
table th[data-v-39e5208f]{
    color:#aaa
}
.vjs-default-skin[data-v-39e5208f]{
    background:#111
}
.table[data-v-39e5208f]>:not(:first-child){
    border-top:1px solid currentColor;
    border-color:#333
}
.imgItem[data-v-39e5208f]{
    height:70px;
    margin-right:3px
}
.ip-test-page[data-v-6702c438]{
    max-width:550px;
    margin:0 auto;
    font-size:12px;
    padding:10px
}
.ez-table[data-v-6702c438]{
    width:100%;
    border-collapse:collapse;
    background:#111;
    margin-bottom:15px;
    box-shadow:0 0 2px #bfb46a
}
.ez-table td[data-v-6702c438],.ez-table th[data-v-6702c438]{
    padding:5px 10px;
    text-align:right
}
.ez-table th[data-v-6702c438]{
    font-weight:400;
    color:#aaa;
    font-size:11px
}
.ez-table tr[data-v-6702c438]{
    border-bottom:1px solid #333!important
}
.text-l[data-v-6702c438]{
    text-align:left!important;
    color:#999;
    font-size:10px
}
.red-text[data-v-6702c438]{
    color:red
}
.maxWidthOfTD[data-v-6702c438]{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:200px;
    display:inline-block
}
.missing-message{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
    font-size:1.8rem;
    padding:3% 8%
}
.lobby-bg:before{
    content:" ";
    position:fixed;
    z-index:-1;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:url(https://icon.w7e4r1t0.com/static-file/lobby_bg_LQ.jpg) center 0 no-repeat;
    background-size:cover
}
@media only screen and (min-width:1366px){
    .lobby-bg:before{
        background:url(../img/lobby_bg.349dba63.jpg) center 0 0 no-repeat
    }
}
.bg[data-v-6c7736f5]{
    z-index:1050;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.5)
}
@-webkit-keyframes spin-6c7736f5{
    0%{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn)
    }
}
@keyframes spin-6c7736f5{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.loader-container[data-v-6c7736f5]{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.loader[data-v-6c7736f5]{
    border:.5rem solid #f3f3f3;
    border-radius:50%;
    border-top:.5rem solid #3498db;
    width:3rem;
    height:3rem;
    -webkit-animation:spin-6c7736f5 2s linear infinite;
    animation:spin-6c7736f5 2s linear infinite
}
.text-l{
    text-align:left
}
.text-r{
    text-align:right
}
.eventDescriptionPage.color0 .commonTextColor{
    color:#fff
}
.eventDescriptionPage.color0 .event-title-section{
    background:#232a30
}
.eventDescriptionPage.color0 .event-time{
    background:#30768c
}
.eventDescriptionPage.color0 .event-title{
    background:linear-gradient(45deg,#000,#313854)
}
.eventDescriptionPage.color0 .event-title-section{
    border-bottom:3px solid #445561
}
.eventDescriptionPage.color0 .section-panel{
    background:#283b4a
}
.eventDescriptionPage.color1 .commonTextColor{
    color:#444
}
.eventDescriptionPage.color1 .event-title-section{
    background:#fff;
    color:#444
}
.eventDescriptionPage.color1 .event-title{
    background:linear-gradient(180deg,#ffa53b,#df4343);
    color:#fff;
    text-shadow:1px 1px 1px #8f1b1b
}
.eventDescriptionPage.color1 .event-title-section{
    border-bottom:3px solid #fff
}
.eventDescriptionPage.color1 .event-time{
    background:#bf5555
}
.eventDescriptionPage.color1 .timeValue{
    color:#ad517e
}
.eventDescriptionPage.color1 .timeUnit{
    color:#888
}
.eventDescriptionPage.color1 .section-panel{
    background:#ffefb9
}
.eventDescriptionPage{
    max-width:600px;
    margin:0 auto
}
.eventDescriptionPage .fixed-branding-logo{
    position:absolute;
    top:0;
    right:5px;
    width:125px
}
.eventDescriptionPage .langImageWrapper{
    border-radius:50%;
    overflow:hidden;
    width:30px;
    height:30px
}
.eventDescriptionPage .langImage{
    width:30px;
    height:30px
}
.eventDescriptionPage .lang-select{
    border-radius:50%;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    margin-right:10px
}
.eventDescriptionPage .event-time{
    font-weight:400;
    font-size:14px;
    color:#fff;
    display:inline-block;
    padding:3px 20px;
    border-radius:10px;
    margin-top:7px;
    margin-bottom:7px
}
.eventDescriptionPage .event-title-section{
    position:relative;
    padding-bottom:10px;
    text-align:center;
    border-bottom:3px solid #445561
}
.eventDescriptionPage .event-title{
    font-size:26px;
    padding:10px;
    margin-top:-5px
}
.eventDescriptionPage .section-panel{
    padding:3%;
    position:relative
}
.eventDescriptionPage .section-panel .content{
    background:#fff;
    border-radius:10px;
    min-height:150px;
    padding-bottom:50px;
    padding:4% 4% 10% 4%;
    text-align:left;
    color:#666;
    font-size:12px
}
.eventDescriptionPage .section-panel .text-content{
    font-size:13px;
    white-space:pre-line
}
.eventDescriptionPage .ruleHint{
    background:#fff;
    min-height:150px;
    padding-bottom:50px;
    padding:5%;
    border-radius:10px;
    color:#444;
    text-align:left;
    font-size:13px
}
.eventDescriptionPage .hint-title{
    border-radius:10px;
    background:#aaa;
    color:#fff;
    font-weight:400;
    font-size:12px;
    display:inline-block;
    padding:5px 15px
}
.eventDescriptionPage .v-divide{
    margin:25px 5px
}
.eventDescriptionPage .section-title{
    text-align:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:5px
}
.eventDescriptionPage .img-top{
    width:100%;
    margin-bottom:10px
}
.eventDescriptionPage .img-bottom{
    width:100%;
    margin-top:20px
}
.w100{
    width:100%
}
.mb-1{
    margin-bottom:5px
}
.mb-2{
    margin-bottom:10px
}
.mb-4{
    margin-bottom:20px
}
.ml-1{
    margin-left:5px
}
.ml-2{
    margin-left:10px
}
.ml-4{
    margin-left:20px
}
.mr-1{
    margin-right:5px
}
.mr-2{
    margin-right:10px
}
.mr-4{
    margin-right:20px
}
.ad-card{
    margin-top:20px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
    background:#fff;
    position:relative
}
.ad-card .img-bg{
    height:120px;
    background-color:#000;
    background-size:cover;
    background-position:50%;
    background-image:url(http://192.168.10.55:9000/pgs-dev/490fe8b3-9ea7-419d-9952-4423beac29c8.png)
}
.ad-card .rotate-label{
    position:absolute;
    font-size:18px;
    color:#ffe637;
    background:#ff3838;
    border-radius:10;
    padding:2px 10px;
    font-weight:700;
    text-shadow:1px 1px #000;
    top:10px;
    left:-10px;
    transform:rotate(-30deg)
}
.ad-card .ad-card-body{
    padding:5px 20px 15px 20px;
    text-align:left;
    color:#222
}
.ad-card .ad-card-body .ad-title{
    font-size:18px;
    font-weight:700;
    color:#333
}
.ad-card .ad-card-body .ad-time{
    margin-top:2px;
    font-size:11px;
    text-align:left;
    color:#888
}
.lobby11-body,.pc-max-width{
    max-width:1140px;
    margin:0 auto
}
.list-page-max-width{
    max-width:768px!important;
    margin:0 auto
}
.gameFrameBG{
    background-size:cover;
    background-image:url(../img/game_item_frame.af2e3e32.png)
}
.fixHeader{
    background:#000000;
    height:50px;
    position:fixed;
    top:0;
    width:100vw;
    border-bottom:2px solid #515151;
    z-index:999
}
.fixHeader .menu-bar{
    cursor:pointer
}
.fixHeader .headerLayout{
    max-width:1155px;
    margin:0 auto;
    display:flex;
    padding:12px 2px 0 2px
}
.fixHeader .headerLayout .header-left{
    flex:1;
    text-align:left;
    padding-left:20px
}
.fixHeader .headerLayout .header-middle{
    padding-left:15px;
    flex:4
}
.fixHeader .headerLayout .header-middle img{
    height:45px;
    margin-top:-12px
}
.fixHeader .headerLayout .header-right{
    font-weight:10;
    font-size:15px;
    flex:2;
    text-align:right;
    padding-right:5px;
    color:#f3ed26
}
.fixHeader .headerLayout .header-right i{
    font-size:10px;
    color:#f3ed26
}
.fixHeader-trans{
    height:35px;
    background:transparent;
    position:fixed;
    top:0;
    width:100vw
}
.top-home-btn{
    position:fixed;
    z-index:50;
    margin:0 auto;
    left:0;
    right:0
}
.fixHeader.size-s{
    height:35px
}
.history-clock{
    position:absolute;
    right:10px;
    z-index:888;
    top:10px;
    font-size:16px;
    color:#fff
}
.underFixHeader{
    margin-top:50px!important
}
.set-lang-bg{
    background-color:rgba(0,0,0,.6);
    height:100vh
}
.gameName{
    display:none
}
.grid-container3X .gameName{
    display:initial;
    margin-top:4px;
    font-size:12px
}
.full-overlay{
    width:100%;
    height:110vh;
    position:fixed;
    z-index:8888;
    left:0;
    top:0
}
.full-overlay .left{
    flex:3;
    height:110vh;
    background:#000;
    border-right:3px solid #272727
}
.full-overlay .left .closeButton{
    text-align:right;
    padding:5px 10px;
    color:#ddd;
    cursor:pointer
}
.full-overlay .left .closeWrapper{
    padding:10px;
    cursor:pointer;
    display:inline-block
}
.full-overlay .left .closeWrapper:hover{
    opacity:.8
}
.full-overlay .left .barItems{
    padding:15px;
    text-align:left
}
.full-overlay .left .barItems .barItem{
    margin-bottom:10px;
    cursor:pointer;
    padding:10px
}
.full-overlay .left .barItems .barItem.barItem-hover:hover{
    background:#444;
    opacity:.85
}
.full-overlay .left .barItems i{
    width:35px;
    font-size:30px;
    margin-right:15px;
    color:#c4a44b;
    text-align:center;
    vertical-align:middle
}
.full-overlay .left .barItems .barName{
    font-size:15px;
    color:#fff;
    vertical-align:bottom
}
.full-overlay .right{
    flex:1;
    background:#000;
    opacity:.6
}
.flex{
    display:flex
}
.gameItems-section-title{
    padding:5px 0 0 15px;
    text-align:left;
    font-size:12px;
    color:#ffeda9
}
.gameItems-section-title i{
    margin-right:3px;
    font-size:16px;
    color:#ffca00
}
.searchBar{
    display:inline-block;
    width:100%;
    height:42px;
    background:linear-gradient(180deg,#0c0c0c,#1a1a1a);
    border:1px solid #d1b465;
    border-radius:30px;
    position:relative;
    font-size:16px
}
.searchBar i{
    background:linear-gradient(180deg,#f7f1c2,#c4a44b,#dbbd69);
    height:42px;
    line-height:42px;
    border-radius:20px;
    padding:0 17px;
    font-size:17px;
    color:#000;
    position:absolute;
    top:0;
    right:-1px
}
@media only screen and (max-width:480px){
    .searchBar{
        height:28px
    }
    .searchBar i{
        height:28px;
        line-height:28px
    }
    .gameItems-section-title{
        display:none
    }
}
.trans-input{
    background:transparent;
    border:none;
    border-radius:0;
    width:95%;
    height:100%;
    color:#fff;
    margin-right:3px;
    padding-left:10px
}
.trans-input:focus{
    outline:0 solid #444
}
.tag-hot{
    right:0
}
.tag-hot,.tag-new{
    height:25px;
    position:absolute;
    top:0
}
.tag-new{
    left:0
}
.main-content{
    position:relative;
    min-height:100%;
    width:100%;
    overflow-x:hidden
}
.float-bakcToLobby{
    display:inline-block;
    position:absolute;
    top:5px;
    left:10px;
    background:#222;
    padding:3px 10px;
    border-radius:10px;
    border:1px solid #fdd426;
    font-size:10px;
    color:#fff79c
}
.float-bakcToLobby i{
    font-size:20px;
    color:#fff79c
}
.modal-overlay{
    width:100%;
    height:100vh;
    top:0;
    left:0;
    right:0;
    position:fixed;
    background:rgba(0,0,0,.6);
    z-index:1100
}
.modal-body{
    position:relative
}
.popup-modal{
    width:95%;
    padding:10px 10px;
    top:3vh;
    left:0;
    right:0;
    position:fixed;
    min-height:25vh;
    color:#fff;
    margin:auto;
    text-align:center;
    background:#111;
    border-radius:10px;
    border:1px solid #6f6848
}
.popup-modal .modal-title.errorMsg{
    color:#b20b0b;
    text-align:center
}
.popup-modal .modal-close-btn{
    cursor:pointer;
    display:inline-block;
    position:absolute;
    top:5px;
    right:15px;
    color:#fff
}
.popup-modal .myErrorDebugInfoText{
    margin-top:15px;
    white-space:pre-line;
    padding:5px;
    color:#4d8bb8
}
.popup-modal-full{
    width:98%;
    padding:0 0 10px 0;
    top:4vh;
    left:0;
    right:0;
    position:fixed;
    min-height:35vh;
    color:#fff;
    margin:auto;
    text-align:center;
    z-index:1150
}
.popup-modal-full .modal-body{
    padding:0 0
}
.popup-modal-full .modal-title{
    padding-left:15px!important;
    padding:10px 20px;
    color:#f6ff69;
    font-size:24px
}
.popup-modal-full .modal-description{
    padding:10px!important;
    font-size:14px;
    text-align:left;
    color:#ddd;
    margin:5px 10px;
    min-height:50px;
    border-radius:5px;
    white-space:pre
}
.popup-modal-full.trans-bg{
    top:2vh
}
.popup-modal-full.trans-bg .modal-title{
    padding:10px 20px 0 20px;
    font-size:18px;
    text-align:center
}
.popup-modal-full.trans-bg .modal-description,.popup-modal-full.trans-bg .modal-title{
    background:rgba(0,0,0,.5);
    margin-bottom:0
}
.popup-modal-full.dark-bg{
    background:#000;
    border-radius:10px;
    border:1px solid #776f4d;
    overflow:hidden
}
.popup-modal-full.dark-bg .modal-title{
    padding-left:15px!important;
    padding:10px 20px;
    background:#333;
    color:#fff
}
.popup-modal-full.dark-bg .modal-description{
    min-height:150px
}
.popup-modal.white{
    background:#fff;
    color:#666
}
.popup-modal.white .modal-title{
    color:#333
}
.my-animate-before{
    transition:all .3s ease-in;
    transform:scale(0)
}
.my-animate-show{
    transform:scale(1)
}
.bounce-in-active{
    -webkit-animation:bounce-in .3s;
    animation:bounce-in .3s
}
.bounce-in-active-5s{
    -webkit-animation:bounce-in .5s;
    animation:bounce-in .5s
}
.bounce-leave-active{
    animation:bounce-in .5s reverse
}
@-webkit-keyframes bounce-in{
    0%{
        transform:scale(0)
    }
    to{
        transform:scale(1)
    }
}
@keyframes bounce-in{
    0%{
        transform:scale(0)
    }
    to{
        transform:scale(1)
    }
}
.modal-title{
    font-size:22px;
    color:#fff93c
}
.modal-description,.modal-title{
    text-align:left;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:15px
}
.modal-description{
    font-size:14px
}
.popup-modal>.content{
    font-size:14px;
    text-align:left
}
.text-c{
    text-align:center
}
.modal-button{
    min-width:80px;
    padding:7px 10px;
    border-radius:5px;
    background:#36974f;
    color:#fff;
    border:none;
    cursor:pointer
}
.popup-modal-full .closeButton,.popup-modal .closeButton{
    position:absolute;
    width:30px;
    height:30px;
    font-size:30px;
    top:0;
    right:0;
    cursor:pointer
}
i.closeButton{
    color:#ffe584
}
.widthHeightvh{
    width:100%;
    height:100vh;
    height:calc(var(--vh, 1vh)*100)
}
.unread-tag{
    color:red
}
.read-tag,.unread-tag{
    margin-right:4px
}
.msg-maxSize{
    color:#ffb17a
}
.message-type-label{
    background:#298bd1;
    color:#fff;
    font-size:11px;
    padding:2px 8px;
    border-radius:5px;
    margin-right:3px
}
.messages:hover{
    opacity:.9
}
.no-pointer{
    cursor:auto!important
}
.messages{
    margin-top:5px;
    margin-bottom:15px;
    border:1px solid #555;
    cursor:pointer;
    background:#444;
    margin-left:3%;
    margin-right:3%;
    border-radius:5px
}
.messages .titleRow{
    padding-top:1%;
    padding-bottom:1%;
    padding-left:2%;
    padding-right:2%;
    display:flex
}
.messages .titleRow .title-text{
    font-weight:400;
    font-size:14px;
    text-align:left;
    flex:3;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.messages .titleRow .time{
    flex:1;
    color:#cdbd6d;
    padding-top:2px;
    text-align:right;
    white-space:nowrap
}
.messages .contentRow{
    padding-left:2%;
    padding-right:2%;
    padding-bottom:10px;
    text-align:left;
    color:#aaa;
    font-size:11px;
    margin-top:2px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.divide-row{
    border-bottom:1px solid #666
}
.pointer,.pointer-hover{
    cursor:pointer
}
.pointer-hover:hover{
    opacity:.9
}
.messages.dark{
    border:1px solid #938550;
    cursor:pointer;
    background:#222
}
.messages.dark .divide-row{
    border-bottom:1px solid #3a3a3a
}
.messages.dark .contentRow{
    display:flex
}
.messages.dark .contentRow .col-left{
    flex:3
}
.messages.dark .contentRow .col-right{
    flex:1;
    text-align:right
}
.divide-row-dark{
    border-bottom:1px solid #333
}
@media only screen and (min-width:1366px){
    .searchBar{
        margin-right:0!important
    }
    .float-bakcToLobby{
        font-size:18px
    }
    .float-bakcToLobby i{
        font-size:40px;
        color:#fff79c
    }
}
.set-lang-bg .fa-check{
    visibility:hidden
}
.select-language-row{
    margin-bottom:10px
}
.select-language-row.isSelect{
    background:rgba(38,80,124,.4)
}
.select-language-row.isSelect .fa-check{
    font-size:18px;
    vertical-align:top;
    padding-top:10px;
    visibility:visible
}
.label-select-language{
    font-size:13px;
    margin-bottom:20px;
    text-align:right
}
.select-language-panel{
    text-align:center;
    margin-top:20px
}
.select-language{
    display:inline-block;
    width:250px;
    text-align:left;
    padding:5px;
    margin-left:0;
    cursor:pointer
}
.select-language img{
    width:30px;
    height:30px
}
.select-language .country{
    display:inline-block;
    text-align:left;
    padding-left:15px;
    padding-top:5px;
    vertical-align:top;
    font-size:16px
}
.history-page-bg{
    max-width:800px;
    min-height:100vh;
    margin:0 auto;
    background:#000;
    padding:20px
}
.form-info .label-text{
    text-align:left;
    color:#999;
    font-size:12px
}
.form-info .label-value{
    text-align:left;
    font-size:16px;
    margin-bottom:15px
}
.video-min-height{
    min-height:300px
}
.f10{
    font-size:10px
}
.f12{
    font-size:12px!important
}
.f14{
    font-size:14px!important
}
.f16{
    font-size:16px!important
}
.f18{
    font-size:18px!important
}
.f20{
    font-size:20px!important
}
.f22{
    font-size:22px!important
}
.preload-hidden-img{
    visibility:hidden;
    position:fixed;
    top:-5000px;
    left:-5000px;
    width:1px;
    height:1px
}
.none-select{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.link-text{
    color:#3e94ff;
    text-decoration:underline;
    cursor:pointer
}
.float-reward-text{
    font-size:32px;
    color:#fbff00;
    text-shadow:#a4b37f .1em .1em .2em
}
.v-chips{
    border-radius:7px;
    padding:3px 5px;
    margin-left:5px;
    background:#666;
    color:#fff;
    display:inline-block
}
.v-chips.red{
    background:#db4242;
    color:#fff
}
.v-chips.dark-gery{
    background:#444;
    color:#fff
}
.icon-point{
    background:#2d874d;
    margin-right:3px;
    margin-left:3px;
    width:12px;
    height:12px;
    line-height:12px;
    font-weight:100;
    padding:2px;
    display:inline-block
}
.icon-point,.unread-count{
    border-radius:50%;
    font-size:10px;
    text-align:center
}
.unread-count{
    position:absolute;
    top:-7px;
    right:-10px;
    color:#fff;
    background:#d00;
    width:15px;
    height:15px;
    line-height:15px
}
.menu-playerName{
    float:left;
    font-size:14px;
    padding:0 10px;
    background:#404040;
    display:inline-block;
    border-radius:5px;
    text-align:left
}
.questBlock{
    display:flex;
    background:#222;
    border-radius:5px;
    border:3px solid #555;
    padding:5px;
    margin-bottom:15px;
    font-size:12px
}
.questBlock .content-left-image{
    flex:1;
    text-align:left;
    font-size:13px
}
.questBlock .validate-content{
    position:relative;
    background:#2f3c54;
    border:1px solid #2d445e;
    font-size:14px;
    height:30px;
    border-radius:5px
}
.questBlock .validate-content .validate-desc{
    position:absolute;
    left:5px
}
.questBlock .validate-content .validate-value{
    position:absolute;
    color:#f9ac00;
    font-size:12px;
    right:5px
}
.specificGame{
    background:#732c8b;
    display:inline-block;
    color:#fff;
    padding:0 5px;
    border-radius:5px
}
.prize-item{
    font-size:12px;
    color:#999
}
.rewardNumber{
    color:#c79437;
    font-weight:700;
    margin-left:3px
}
.prize-content{
    display:flex;
    padding:5px 10px;
    position:relative
}
.prize-content .prize-des{
    flex:6;
    font-size:12px;
    color:#999
}
.prize-content .prize-btn{
    text-align:right;
    flex:4
}
.prize-content .btn{
    font-size:13px
}
.prize-content .btn-warning{
    color:#30150f
}
.prize-content .btn-secondary{
    opacity:.3
}
.gameOfQuest{
    color:#ffa03f;
    margin-right:2px
}
.questBlock.v2{
    padding:10px 10px;
    margin-bottom:1px;
    position:relative
}
.questBlock.v2 .specificGameHint{
    font-size:11px;
    text-decoration:underline;
    display:inline-block;
    cursor:pointer;
    padding:2px 5px;
    color:#ccc
}
.questBlock.v2 .image-wrapper{
    border-radius:50%;
    background:#2e4375;
    width:55px;
    height:55px;
    margin-right:2px;
    position:relative;
    overflow:hidden
}
.questBlock.v2 .image-wrapper img{
    width:55px;
    height:55px;
    position:absolute;
    top:0
}
.questBlock.v2 .image-wrapper .completed-mask{
    width:100%;
    text-align:center;
    position:absolute;
    top:0;
    background:#333;
    opacity:.65;
    height:55px
}
.questBlock.v2 .image-wrapper .completed-mask-check{
    position:absolute;
    top:5px;
    font-size:32px;
    color:#15c513;
    width:100%;
    text-align:center
}
.questBlock.v2 .progress-receive-completed{
    background:#626262!important
}
.questBlock.v2 .progress-completed{
    background:#449b53!important
}
.questBlock.v2 .progress-completed-text{
    color:#fff!important
}
.questBlock.v2 .btn{
    line-height:15px;
    min-height:30px
}
.questBlock.v2 .btn-primary{
    color:#fff;
    background-color:#305283;
    border-color:#0a58ca
}
.questBlock.v2 button.disabled{
    opacity:.4
}
.questBlock.v2 .btn-completed{
    color:#fff;
    background-color:#2f8941;
    border-color:#3b874c;
    box-shadow:0 0 25px #d7a04d
}
.questBlock.v2 .quest-des{
    background:#3a291e;
    border-left:0 solid #666;
    padding:3px 5px;
    margin-bottom:0
}
.questBlock.v2 .prize-item-footer{
    display:flex;
    margin-top:5px
}
.questBlock.v2 .prize-item-footer .prize-item-desc{
    color:#ffec90
}
.questBlock.v2 .prize-item-footer .prize-item-desc i{
    color:#a5955e
}
.questBlock.v2 .prize-item-footer .left1{
    flex:4
}
.questBlock.v2 .prize-item-footer .right1{
    flex:1;
    text-align:right;
    margin-bottom:10px;
    position:relative
}
.questBlock.v2 .prize-item-footer .right1 button{
    font-size:14px;
    min-width:100px
}
.questBlock.v2 .prize-item-footer .right1 .expiredDays{
    white-space:nowrap;
    position:absolute;
    right:3px;
    color:#aaa;
    margin-top:2px;
    font-size:11px
}
.questBlock.v2 .prize-item-block{
    display:inline-block;
    background:#8b3f3f;
    margin-top:3px;
    padding:2px 10px;
    color:#fff;
    border-radius:5px
}
.questBlock.v2 .progress{
    position:relative;
    border-radius:2px!important;
    height:14px
}
.questBlock.v2 .fixedProgressValue{
    position:absolute;
    width:100%;
    top:-2px;
    text-align:center;
    color:#321414;
    font-size:12px
}
.dailyTimer{
    font-size:13px;
    margin-top:5px;
    margin-bottom:-5px;
    display:inline-block;
    background:#333;
    padding:0 15px;
    border-radius:5px;
    border-top:2px dashed #6f6d3f;
    border-left:2px dashed #6f6d3f;
    border-right:2px dashed #6f6d3f
}
.dailyTimer .timeValue{
    color:#f6ff69
}
.dailyTimer img{
    width:30px;
    height:30px
}
.questBlock.yellow{
    background:#f1e5c4;
    border:3px solid #c99458
}
.questBlock.yellow .validate-content{
    background:#fff4d4;
    color:#641919;
    font-weight:700;
    border:none
}
.questBlock.yellow .validate-value{
    color:#117450;
    font-weight:400
}
.questBlock.yellow .prize-content .prize-des{
    color:#301717
}
.questBlock.yellow .specificGame{
    background:#732c8b;
    color:#fff
}
.support-game-img{
    height:100px;
    border-radius:5px;
    margin-top:15px;
    cursor:pointer
}
.timeUnit{
    font-size:10px;
    color:#bbb
}
.remainingTime{
    border-radius:5px;
    display:inline-block;
    margin-top:25px;
    margin-bottom:-2px;
    padding:3px 15px;
    font-size:12px;
    background:#483a32
}
.timeValue{
    font-size:22px;
    padding:0 4px;
    color:#ffd252
}
.content-left{
    flex:4;
    text-align:left;
    font-size:13px
}
.content-right1{
    flex:1;
    text-align:right
}
.content-right2{
    flex:2;
    text-align:right
}
.prizeImage{
    display:inline-block
}
.prizeImage i{
    font-size:16px
}
.btn{
    margin-left:10px;
    min-width:60px;
    font-size:13px
}
.list-of-support-games .game-img-wrapper{
    height:100px;
    width:100px;
    border-radius:5px;
    margin-top:15px;
    cursor:pointer;
    text-align:center;
    background:#333;
    margin:0 auto;
    margin-bottom:15px
}
.list-of-support-games .game-img{
    height:100px;
    width:100px;
    background:#404040
}
.rules-title{
    font-size:20px;
    font-weight:100;
    color:#fffa55;
    margin-left:5px;
    width:200px;
    display:inline-block;
    margin-right:5px
}
.border-line{
    border-bottom:1px solid #7c7a39;
    width:50px;
    display:inline-block;
    margin-bottom:8px
}
.rule-list{
    width:400px;
    text-align:left;
    margin:0 auto;
    font-size:12px
}
.sound-enable-flag{
    font-size:28px;
    float:none!important;
    margin-left:3px!important;
    cursor:pointer
}
.sound-enable-flag-text{
    vertical-align:bottom;
    line-height:30px;
    font-size:14px;
    margin-left:18px;
    cursor:pointer
}
.music-icon{
    color:#fff!important;
    font-size:10px!important;
    width:auto!important
}
.sound-enable-flag:checked{
    background-color:#10830c!important;
    border-color:#148547!important
}
.quest-info-columns{
    text-align:left;
    margin-bottom:10px
}
.form-label-text{
    color:#888;
    font-size:11px;
    margin-bottom:-2px
}
.event-begin-end-time{
    margin-bottom:15px
}
.event-begin-end-time,.sub-title-text{
    font-size:11px;
    color:#888
}
.exchangeUIWrapper{
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    z-index:100
}
.exchangeUI{
    background:linear-gradient(#0c0c0c,#1a1a1a);
    max-width:600px;
    padding:5px 0;
    padding-bottom:30px;
    border-radius:20px;
    position:relative
}
.exchangeUI .myCloseBtn{
    position:absolute;
    top:5px;
    right:5px;
    font-size:24px;
    font-weight:100;
    color:#eee;
    background:#333a47;
    border-radius:50%;
    line-height:28px;
    height:30px;
    width:30px;
    cursor:pointer;
    text-align:center;
    font-family:monospace,Arial,sans-serif
}
.exchangeUI .bigTitle{
    font-size:20px;
    font-weight:700;
    text-align:center;
    margin-top:10px;
    margin-bottom:35px
}
.exchangeUI .bigTitle .topLeftBG,.exchangeUI .bigTitle .topLeftBG_PC{
    position:absolute;
    top:0;
    left:0;
    border-radius:20px
}
.exchangeUI .bigTitle .topLeftBG{
    width:150px
}
.exchangeUI .bigTitle .topLeftBG_PC{
    width:250px
}
.exchangeUI .actionTabRow{
    width:100%;
    padding-left:5%;
    padding-right:5%
}
.exchangeUI .actionTabRow .tabItem{
    cursor:pointer;
    display:inline-block;
    font-size:16px;
    padding:0 10px 0 10px;
    color:#ebf9ff;
    font-weight:100
}
.exchangeUI .actionTabRow .tabItem.active{
    color:#d1b465;
    font-weight:700
}
.exchangeUI .actionTabRow .active .activeLine{
    border-bottom:3px solid #d1b465;
    margin-left:20%;
    margin-right:20%;
    margin-top:5px
}
.exchangeUI .balanceBlockRow{
    display:flex;
    padding:15px
}
.exchangeUI .balanceBlockRow .coin_icon{
    width:25px
}
.exchangeUI .balanceBlock>div{
    min-height:31px;
    line-height:31px
}
.exchangeUI .balanceBlock{
    padding:10px;
    background:#242426;
    min-height:80px;
    font-size:14px;
    color:#fff;
    flex:2;
    margin-right:10px;
    border-radius:10px
}
.exchangeUI .balanceBlock .amount{
    font-size:24px;
    color:#d1b465;
    font-weight:700;
    margin:5px
}
.exchangeUI .exchangeRate{
    font-size:16px;
    margin-bottom:25px
}
.exchangeUI .inputExchangeAmountRow{
    display:flex;
    background:#242426;
    border-radius:10px;
    margin-right:20px;
    margin-left:20px;
    min-height:50px;
    padding:20px
}
.exchangeUI .inputExchangeAmountRow .myLeft{
    font-size:14px;
    text-align:left;
    flex:4
}
.exchangeUI .inputExchangeAmountRow .myRight{
    flex:2;
    font-size:24px;
    font-weight:700;
    text-align:right
}
.exchangeUI .inputExchangeAmountRow .myRight input{
    color:#d1b465!important;
    text-align:right;
    background-color:transparent;
    color:#fff;
    border:none;
    outline:none;
    height:30px;
    min-height:30px;
    padding:0;
    max-width:120px
}
.exchangeUI .inputExchangeAmountRow .myRight input:focus{
    color:#d1b465
}
.exchangeUI .inputRangeRow{
    padding:0 20px;
    margin-bottom:20px
}
.exchangeUI .inputRangeRow input[type=range]{
    -webkit-appearance:none
}
.exchangeUI .inputRangeRow input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    background:#d1b465;
    height:20px;
    width:50px;
    margin-top:0
}
.exchangeUI .inputRangeRow input[type=range]::-webkit-slider-runnable-track{
    width:300px;
    height:20px;
    background:#575546
}
.exchangeUI .topupBtn{
    border-radius:39px;
    background:linear-gradient(#f7f1c2,#c4a44b,#dbbd69);
    min-width:180px;
    font-size:16px;
    color:#272400;
    height:56px;
    margin-top:20px;
    border:none
}
.exchangeUI .topupBtn:disabled{
    opacity:.5
}
.adTimeBox{
    width:200px;
    display:flex;
    margin:0 auto;
    background:linear-gradient(180deg,#000,#202020);
    padding:2px 10px;
    border-radius:5px
}
.adTimeValue{
    border:1px solid #666;
    width:35px;
    height:35px;
    line-height:35px
}
.adTimeText{
    font-size:11px;
    color:#888;
    margin-top:-3px
}
.pgs-logo-loading-mask{
    position:fixed;
    width:100vw;
    background:#111;
    height:100vh;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.pgs-logo-loading-mask img{
    width:150px;
    margin-top:15%
}
.pgs-logo-loading-mask #myProgress{
    width:100%;
    max-width:500px;
    margin:0 auto;
    background-color:#555;
    border-radius:7px
}
.pgs-logo-loading-mask #myBar{
    width:1%;
    height:18px;
    border-radius:7px;
    background:linear-gradient(#ffe823,#926718)
}
.exchangeRateDescription1{
    text-align:center;
    font-size:15px;
    color:#aaa;
    max-width:98%;
    white-space:normal
}
.exchangeRateText{
    font-size:24px;
    color:#fff50e;
    font-weight:700;
    text-align:center
}
.exchangeRateConfirmButton{
    min-width:100px;
    margin-top:15px;
    margin-bottom:15px;
    font-size:16px!important
}
.fixErrorModal{
    z-index:99999;
    width:200px;
    height:50px;
    font-size:36px;
    position:fixed;
    top:5px;
    display:inline-block;
    background:#ccc
}
@media only screen and (min-width:480px){
    .top-home-btn{
        height:60px
    }
    .hide-in-PC{
        display:none
    }
    .support-game-img{
        height:175px;
        border-radius:5px;
        margin-top:15px
    }
    .exchangeUI{
        margin:0 auto;
        margin-top:100px!important;
        z-index:500;
        position:relative
    }
    .exchangeUI .topLeftBG{
        display:none
    }
    .bounce-in-PC{
        -webkit-animation:bounce-in .3s;
        animation:bounce-in .3s
    }
    .list-of-support-games .game-img{
        border-radius:5px
    }
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:landscape){
    .top-home-btn{
        position:absolute;
        left:5px;
        top:0
    }
}
@media only screen and (min-width:0px) and (max-width:767px){
    .top-home-btn{
        height:40px
    }
    .exchangeUIWrapper{
        z-index:1010
    }
    .f12-phone{
        font-size:12px
    }
    .exchangeUI{
        width:100%;
        height:100vh;
        position:fixed;
        z-index:1010;
        top:0;
        left:0
    }
    .exchangeUI .topLeftBG_PC{
        display:none
    }
    .select-language{
        margin-left:20%
    }
}
@media only screen and (min-width:768px){
    .list-of-support-games .game-img-wrapper,.list-of-support-games .game-img-wrapper .game-img{
        height:135px;
        width:135px
    }
    .questBlock{
        margin-bottom:10px!important
    }
}
@media only screen and (min-width:768px) and (max-width:1365px){
    .popup-modal{
        padding:20px 20px!important
    }
    .popup-modal,.popup-modal-full{
        width:500px!important
    }
    .popup-modal.lg{
        width:600px!important
    }
}
@media only screen and (min-width:1366px){
    .popup-modal{
        padding:20px 20px!important;
        width:500px!important
    }
    .popup-modal.lg{
        width:600px!important
    }
    .popup-modal-full{
        width:500px!important
    }
    .grid-container3X .gameName{
        margin-top:0;
        font-size:15px
    }
    .full-overlay .left{
        flex:1!important
    }
    .full-overlay .right{
        flex:3!important
    }
    .sound-enable-flag-text{
        min-width:175px
    }
}
@media only screen and (min-device-height:150px) and (max-device-height:400px){
    .pgs-logo-loading-mask img{
        margin-top:5%!important
    }
}
@media only screen and (max-width:480px){
    .pgs-logo-loading-mask img{
        margin-top:40%!important
    }
}