html,body{ height: 100%; margin: 0;overflow: hidden; font-family: '微软雅黑'; }
    .bg{ position: absolute; z-index: 1; top:0; left: 0;  width: 100%; height: 100%; background: url("bg.jpg") 50% 50% no-repeat; background-size: cover; }
    #home_bg { width: 100%; height: 146px; margin-top: 56px; background: url("title.png") 50% 50% no-repeat; }
    #mycanvas { position: absolute; }
    .jindu_box{ width: 60%; position: relative; padding-top: 420px; margin: 0 auto; box-sizing: border-box; margin-bottom: 100px; }
    .jindu{ position: relative; width: 100%; max-width: 880px; margin: 0 auto; padding: 5px; box-sizing: border-box; background:url("loading-02.png") 0 0 no-repeat; border-radius: 10px; margin-bottom: 38px; }
    .jindu_value{ position: relative; width:0%; height: 32px; background:url("loading-01.png") 0 0 no-repeat; border-radius: 10px; }
    #jindu_num{ position: absolute; right: -80px; top: 0; width: 61px; height: 42px; z-index: 1; font-size: 24px;
        text-align: center; line-height: 42px; color: #0fceff; }
    .name_tip{ width:100%; font-size: 24px; color: #01f8fb; text-align: center; line-height: 1; margin-bottom: 20px; }
    .foot_tip{ width:100%; font-size: 16px; color: rgba(255,255,255,.3); text-align: center; line-height: 1; }

    .versiontip_bg{ display: none; }
    .versiontip{ width: 600px; padding: 50px 20px 40px; box-sizing: border-box; margin: 0 auto; color: #fff; }
    .versiontip .title{ font-size: 24px; line-height: 30px; text-align: center; font-weight: bold; margin-bottom: 40px; }
    .versiontip .tiptext{ font-size: 16px; line-height: 26px; text-align: center; margin-bottom: 10px; }
    .versiontip .downloadtext{ font-size: 16px; line-height: 26px; text-align: center; color: #999; margin-bottom: 10px; }
    .versiontip .downloadtext a{ color: #01f8fb; }

    
    @media screen and (max-height: 800px) and (min-height: 656px) {
        #home_bg { height: 168px; margin-top: 70px; }
        .jindu_box { width: 60%; padding-top: 200px;}
        .name_tip { font-size: 12px !important; }
        #name_tip { font-size:16px !important; }
        .foot_tip { font-size: 12px;}
    }

    @media screen and (max-height: 655px) and (min-height: 501px) {
        #home_bg { height: 142px; margin-top: 56px; }
        .jindu_box{ width: 75%; padding-top: 120px; margin-bottom: 60px; }
        .name_tip { font-size: 12px !important; }
        #name_tip { font-size:16px !important; }
        .foot_tip { font-size: 12px;}
    }

    @media screen and (max-height: 500px) {
        #home_bg { height: 110px; margin-top: 37px; }
        .jindu_box{ width: 75%; padding-top: 120px; margin-bottom: 30px;}
        .name_tip { font-size: 10px !important; }
        #name_tip { font-size:16px !important; }
        .foot_tip { font-size: 10px;}
    }