html,body {
    background-color: #fff;
}

.News-Switch{
    position: fixed;
    right: 0;
    top:45%;
    background: url(../images/Loudspeaker.png)no-repeat top 5px  center #fbcc21;
    background-size:20px ;
    width: 35px;
    height: 100px;
    padding-top: 30px;
    font-size: 1.2rem;
    z-index: 2;
}

.News-Switch.action{
    background: url(../images/right_arrow_newsblock.png)no-repeat top 5px  center #fbcc21;
    background-size:20px ;
    right: 80%;
}
.News-Switch span:nth-child(1){
    writing-mode: tb-rl; margin-left: calc(50% - 10px);
}

.News-Switch span:nth-child(2){
    width: 100%;text-align:center;display: block
}

.messageBlock .col-3{
    width: calc(33.33% - 30px);
    margin: 0 15px;
}
.messageBlock h2{
    font-size: 2.5rem;
}
.messageBlock p{
    font-size: 1.667rem;
    font-weight: 100;
    padding-top: 35px;
}
.downloadChannel span{
    max-height:70px ;
    height: 70px;
    display: block;
}
.download_pc{
    background:url(../images/download_pc.png) no-repeat center ;
    background-size: contain;
}

a:hover .download_pc{
    background:url(../images/download_on_pc.png) no-repeat center  ;
    background-size: contain;
}
.download_pc_low{
    background:url(../images/download_pc_low.png) no-repeat center ;
    background-size: contain;
}

a:hover .download_pc_low{
    background:url(../images/download_on_pc_low.png) no-repeat center  ;
    background-size: contain;
}
.download_mac{
    background:url(../images/download_mac.png) no-repeat center ;
    background-size: contain;
}

a:hover .download_mac{
    background:url(../images/download_on_mac.png) no-repeat center  ;
    background-size: contain;
}
.download_google{
    background:url(../images/download_google.png) no-repeat center ;
    background-size: contain;
}


a:hover .download_google,.download_google_hover{
    background:url(../images/download_on_google.png) no-repeat center  ;
    background-size: contain;
}
.download_apple{
    background:url(../images/download_apple.png) no-repeat center ;
    background-size: contain;
}

a:hover .download_apple,.download_apple_hover{
    background:url(../images/download_on_apple.png) no-repeat center  ;
    background-size: contain;
}
.download_android{
    background:url(../images/download_android.png) no-repeat center ;
    background-size: contain;
}

a:hover .download_android, .download_android_hover{
    background:url(../images/download_on_android.png) no-repeat center  ;
    background-size: contain;
}
.messageBlock h2{
    font-size: 2.5rem;
    font-weight: 100;
}

.owl-theme .owl-dots .owl-dot span{
    background: #989898 ;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #000000;
}
.owl-carousel{
    z-index: inherit;
}
header > section.indexNews > div.NewsBlock .More  a{
    line-height: 30px;
}
header > section.indexNews > div.NewsBlock .More .moreImg{
    background: url(../images/white_three_point_more.png) no-repeat center ;
    background-size: cover;
    width: 30px;height: 30px;
    display: inline-block;
    vertical-align: top;
}
div.indexGameMenuBlock.Mobile{
    line-height: 50px;
    font-size: 1.2rem;
}
div.indexGameMenuBlock.Mobile ul {
    width: 100% !important;
    text-align: center!important;
}
div.indexGameMenuBlock.Mobile li{
    height: 40px!important;
    float: left!important;
    margin: 0 1.25px!important;
    width: calc(20% - 2.5px)!important;
    text-align: center!important;
    line-height: 40px;
}
div.indexGameMenuBlock.Mobile li:first-child a{
    width: 80%;
    display: block;
    margin: 0 auto;
    border-bottom: 4px solid #eA5412;
    height: 39px;
    color:#ffffff;
}
div.indexGameMenuBlock.Mobile li:last-child img{
    width: 40px;
}
.downloadChannel.Mobile{
    display: none !important;
}
.NewGameBlock{
    margin-top: 5px;
}
footer .socialBlock  a{
    height: 0;
    /* padding-bottom: 25%; */
}
/* footer .socialBlock  a.google{
    background: url(../images/index_google.png) no-repeat center;
    background-size: 70%;
}
footer .socialBlock  a.wechat{
    background: url(../images/index_wechat.png) no-repeat center;
    background-size: 70%;
}
footer .socialBlock  a.fb{
    background: url(../images/index_fb.png) no-repeat center;
    background-size: 70%;
}
footer .socialBlock  a.line{
    background: url(../images/index_line.png) no-repeat center;
    background-size: 70%;
}
footer .socialBlock  a.google:hover{
    background: url(../images/index_google_hover.png) no-repeat center;
    background-size: 90%;
}
footer .socialBlock  a.wechat:hover{
    background: url(../images/index_wechat_hover.png) no-repeat center;
    background-size: 90%;
}
footer .socialBlock  a.fb:hover{
    background: url(../images/index_fb_hover.png) no-repeat center;
    background-size: 90%;

}
footer .socialBlock  a.line:hover{
    background: url(../images/index_line_hover.png) no-repeat center;
    background-size: 90%;
} */

footer .socialBlock img {
    margin:40px auto 0 !important; 
    text-align: center; 
    padding: 0 !important;
}
footer .socialBlock a {
    vertical-align: middle;
    width: 5em !important;
    height: 5em;
    margin: 0 1.5em;
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
footer .socialBlock a i {
    color: #999;
    font-size: 4em;
    transition: all 0.3s ease 0s;
}
footer .socialBlock a:active i,
footer .socialBlock a:focus i,
footer .socialBlock a:hover i {
    font-size: 5em;
}
footer .socialBlock a:active i.fa-facebook,
footer .socialBlock a:focus i.fa-facebook,
footer .socialBlock a:hover i.fa-facebook {
    color: #2787F1;
}
footer .socialBlock a:active i.fa-line,
footer .socialBlock a:focus i.fa-line,
footer .socialBlock a:hover i.fa-line {
    color: #39BD21;
}
footer .socialBlock a:active i.fa-youtube,
footer .socialBlock a:focus i.fa-youtube,
footer .socialBlock a:hover i.fa-youtube {
    color: #F50010;
}

footer > section.indexFooterTop > div.indexFooterTopBlock .socialBlock > div.img {
    width: 50%;
    margin: 40px auto;
    padding: 0;
    text-align: center;
}

#hot_games .hot-game-hide {
    display: none;
}
#hot_games #hot-game-show-more {
    text-align: center;
    margin-top: 15px;
}
#hot_games #hot-game-show-more a{
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    background: #000;
    color: #fff;
    transition: all 0.3s ease 0s;
    font-size: 1em;
}
#hot_games #hot-game-show-more a:hover {
    background: #FAC51E;
    color: #000;
}

/*#hot_games .show-more a::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 1em;
    left: calc(50% - 10px);
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: transparent transparent transparent;
    transition: all 0.3s ease 0s;
}
#hot_games .show-more a:hover::after {
    top: 2em;
    border-color: #FAC51E transparent transparent;
}*/
@media only screen and (max-width: 1279px) {
    .otherGame > div{
        padding:0 30px;
    }
    .otherGame span.Control {
        position: absolute;
        width: 30px;
        height: 30px;
        top:60%;
        margin-top: -50px;
        z-index: 1;
    }
    .otherGame span.Left{
        left: 0;
    }
    .otherGame span.Right{
        right:0;
    }

}
@media only screen and (max-width: 768px) {
    .otherGame > div{
        padding-right: 0;
    }
    .GameContent li.col-2 .imgBlock .coverInfo a{
        margin-top: calc(50% - 25px);
        margin-left: 0 !important;
        text-align: center;
    }
    .GameContent li .imgBlock .coverInfo a{
        margin-left: 0 !important;
        text-align: center;
    }
    footer > section.indexFooterTop > div.indexFooterTopBlock .downloadChannel a{
        width: 100%;
        display: block;
    }
    footer > section.indexFooterTop > div.indexFooterTopBlock .downloadChannel a.action{
        display: block;
    }
    .downloadChannel.Mobile{
        display: block !important;
        margin: 20px 0;
    }
    footer > section.indexFooterTop > div.indexFooterTopBlock .socialBlock{
        padding: 20px 20px;
    }
    header > section.indexNews > div.NewsBlock > li > .tag{
        font-size: 1.2rem;
        width: 40px;
        right: 0;
    }
    header > section.indexNews > div.NewsBlock .More{
        /*position: absolute;*/
        bottom:10px;
        display: block;
        text-align: center;
        width: 100%;
        font-size: 1.2rem;
    }
    header > section.indexNews > div.NewsBlock h3{
        font-size: 1.4rem;
    }
    header > section.indexNews > div.NewsBlock{
        display: none;
        background: #fbcc21;
        position: fixed;
        right: 0;
        top: 55px;
        color: #000000;
        min-height: calc(45% + 45px);
        width: 80%;
        z-index: 2;
    }
    header > section.indexNews > div.NewsBlock .More .moreImg{
        background: url(../images/more_icon@2x.png) no-repeat center ;
        background-size: cover;
        width: 30px;height: 30px;
        display: inline-block;
        vertical-align: top;
    }
    footer > section.indexFooterTop > div.indexFooterTopBlock .socialBlock > div.img{
        margin: 25px auto 0;
        padding: 0;
        width: 100%;
    }
    .GameContent li span.star, .otherGame li span.star{
        width: 30px;
        height: 30px;
    }

    .otherGame > div{
        overflow:scroll;
    }
    .otherGame > div ul{
        overflow: hidden;
        /*width:calc(160vw + 30px)*/
    }
    .otherGame li{
        /*width:40vw;*/

    }
    .MainContentBlock,.indexFooterTopBlock {
        font-size: 65%;
    }
    footer .socialBlock  a.google{
        background: url(../images/index_google_hover.png) no-repeat center;
        background-size: 85%;
    }
    footer .socialBlock  a.wechat{
        background: url(../images/index_wechat_hover.png) no-repeat center;
        background-size: 85%;
    }
    footer .socialBlock  a.fb{
        background: url(../images/index_fb_hover.png) no-repeat center;
        background-size: 85%;
    }
    footer .socialBlock  a.line{
        background: url(../images/index_line_hover.png) no-repeat center;
        background-size: 85%;
    }


}

@supports (-ms-ime-align:auto) {
    .News-Switch span:nth-child(1){
        margin-left: 8px;
    }

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body.index header .Logo{
        max-width:inherit;
    }
    .News-Switch span:nth-child(1){
        margin-left: 8px;
    }
    
}