html { background: url('.././images/waitbg.jpg') no-repeat center /2301px 1296px ; background-color: #121318; max-width: 750px;margin: 0 auto;overflow: hidden;}
body { font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif"; margin: 0 auto; color: #495374; background: transparent;min-height: 100vh;max-width: 750px;}
img {vertical-align: top;width: 100%;}
a { color: inherit;}

.container { width: 100%;height: 100%;background: transparent; max-width: 750px; font-size: 0.36rem; position: fixed;bottom: 0;margin: 0 auto;text-align: center;}

.main {width: 100%; position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);  background:transparent;}
.container .main .box{margin-top: 1rem; color: #fff;}
.box .text{font-size: 0.4rem;}
.box .counttime {font-size: 0.36rem; color: #FAC37F; margin-top: 0.2rem;}
.box .counttime span{font-size: 1rem;margin-right: 2px; }
.container .main .bg{width:496px ;max-width: 90%;}
.sign{margin: auto;margin-top: 0.2rem; width: 2.9rem; display: flex;align-items: center;justify-content: space-evenly; background-color: #2D3036; border-radius: 8px;padding: 5px 0;color: #fff;font-size: 12px;}
.sign .lock{width: .6rem;}
.sign .right{font-size: 0.42rem; display: flex;flex-direction: column;line-height: 1;}
.sign .tag{color: #3796F9;font-size: 0.32rem;margin-top: 4px;line-height: 1;}
@media (min-width: 1800px) {
    html {
        background-size:2877px 1620px;
    }
}
@media (max-width: 700px) {
    html {
        background-position: top left;
    }
}
.dotting {
    display: inline-block; min-width: 2px; min-height: 2px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; /* for IE9+, ..., 3个点 */
    animation: dot 4s infinite step-start both; /* for IE10+, ... */
    *zoom: expression(this.innerHTML = '...'); /*  for IE7. 若无需兼容IE7, 此行删除 */
}
.dotting:before { content: '...'; } /* for IE8. 若无需兼容IE8, 此行以及下一行删除*/
.dotting::before { content: ''; } /* for IE9+ 覆盖 IE8 */
:root .dotting { margin-right: 8px; } /* for IE9+,FF,CH,OP,SF 占据空间*/

@keyframes dot {
    25% { box-shadow: none; }                                  /* 0个点 */
    50% { box-shadow: 2px 0 currentColor; }                    /* 1个点 */
    75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor;  /* 2个点 */ }
}