@media screen and (min-width: 576px) {
    html {font-size: 76.8px;}
}
*{margin: 0;padding: 0;font-size: 0;border: 0;}
html, body {height: 100%;width:100%; overflow: hidden;background: #000; max-width: 100%;}
#player{overflow: auto;-webkit-overflow-scrolling:touch;width:100%;height: 100%;}
#ifm{
    width: 1px; min-width: 100%; *width: 100%;height: 100%;
}

#gg{
    width: 100%; height: 100%;max-width: 100%;background-color: rgba(0, 0, 0, 0.9);
    position: fixed;top: 0;left: 0;right: 0; bottom: 0;margin: auto;display: block;
}
.ggBody{
    width: 100%; height: 100%; max-width: 576px;position: absolute;
    left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);
}
.countDown{
    position: absolute; top: 0.2rem; right: 0.2rem; width: 1.4rem; height: 0.42rem;
    background-color: rgba(255, 255, 255, 0.3); border-radius: 0.21rem; color: #fff;;
    display: flex;align-items: center;justify-content: center;z-index: 1;
}
.countDown i{display: none;}
.countDown span{ font-size: 0.24rem; color: #fff;}
.countDown span b{ font-size: 0.26rem;font-weight: 500; }
.countDown .divisionLine{ width: 0.02rem;height: 0.18rem;background: rgba(255, 255, 255, 0.5);margin: 0 0.1rem; }
.countDown .icon_closegg{ width: 0.15rem;height: 0.15rem;background: url(./../images/gg-close-icon.png) 100%/100% no-repeat; }
.ggCon{
    width: 7.1rem; height: 1.8rem; background-color: rgba(255, 255, 255, 0.9); border-radius: 0.1rem;  
    display: flex;align-items: center;position: absolute;bottom: 0.2rem;left: 50%; transform: translateX(-50%);
    padding: 0 0.3rem;
}
.ggCon>img{ width: 1.2rem; height: 1.2rem; border-radius: 0.2rem; }
.ggConT{padding: 0 0.28rem; flex-grow: 1;}
.ggConT>p:nth-child(1){ font-size: 0.36rem;color: #333; padding: 0.05rem 0;}
.ggConT>p:nth-child(2){ font-size: 0.24rem;color: #666; padding: 0.05rem 0;}
.downloadBtn{
    width: 1.2rem; height: 0.6rem; color: #ff680c; font-size: 0.28rem;line-height: 0.6rem;
    border-radius: 0.1rem; border: solid 0.02rem #ff680c;text-align: center;
}
.ggtip{
    width: 0.57rem; line-height: 0.3rem; background-color: #000000; 
    border-radius: 3px;font-size: 0.2rem; opacity: 0.5;color: #fff;
    position: absolute;top: -0.45rem;left: 0; text-align: center;
}

.ggPic{
    position: absolute; top: 0;left: 50%;transform: translateX(-50%);
    
}
@media screen and (orientation:portrait) {
    .ggPic {
        width: 100%;
    }
}
@media screen and (orientation:landscape) {
    .ggPic {
        height: 100%;
    }
}