html,body{height: 100%;width: 100%;margin: 0;}

.webgl-content * {border: 0; margin: 0; padding: 0}
.webgl-content {position: relative;height: 100%;width: 100%;overflow: hidden}

/* 背景 */
.webgl-content .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("bg.jpg") center no-repeat;background-size: 100% 100%;}

.webgl-content .progressWrap{
    position: absolute;left: 0;right: 0;top: 79%;margin: auto;
    width: 58%;height: 6.5%;
    font-family: 'Source Han Sans CN Normal','Microsoft YaHei UI', 'Microsoft YaHei', sans-serif;
    font-size: 24px;color: #fff;text-align: center;font-weight: 300;vertical-align: middle;
}

.webgl-content .progressBg {
    width: 100%;height: 42.8%;margin-top: 1.25%;border-radius: 100px;position: relative;
    background: url("progress-bg.png") center repeat-x;background-size: auto 100%;
    box-shadow: 0 0 10px 0 rgba(200, 200, 200, .15);
    box-sizing: border-box;padding: 0.2115%;
}
.webgl-content .progress {
    width: 0;height: 100%;border-radius: 100px;
    background: url("progress.png") center repeat-x;background-size: auto 100%;
    transition: width 100ms linear;
}