html {
                margin:0;padding:0;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:12px;-webkit-touch-callout:none;background:url('../images/bg.jpg') no-repeat left top;background-size:100% 100%;width:100%;height:100%;
            }
            img{
                display:block;width:100%;margin:0 auto;
            }
            .img-border{
                border-radius:0.5rem;
            }
            .music{
                width:1.5rem;position:absolute;top:1rem;right:1rem;
            }
            @-webkit-keyframes round{
                0%{-webkit-transform:rotate(0deg);}
                100%{-webkit-transform:rotate(360deg);}
            }
            .round{
                -webkit-animation:round 4s infinite;
            }
            #close{
                display:none;
            }
            #page_zero{
                display:block;
            }
            #page_zero .center,#page_start .center{
                width:20rem;height:auto;margin:0 auto;margin-top:2.5rem;opacity:1;
            }
            #page_start .start_btn{
                width:14rem;margin-top:0.5rem;
            }
            #start{
                width:14rem;margin-top:0.5rem;z-index:2;
            }
            .logo{
                width:14rem;margin-top:7rem;
            }
            .logo_start{
                width:100%;position:absolute;left:0;bottom:70px;padding:0;margin:0;z-index:1;
            }
            .logo-link{
                width:12rem;
            }
            .word{
                width:24rem;margin-top:2.5rem;
            }
            .text{
                width:24rem;margin:0 auto;text-align:center;font-size:1.6rem;color:#ffffff;text-shadow:0 1px 1px rgba(0,0,0,0.5);line-height:1.5em;
            }
            .text #result_top,.text #result_num,.text #result_start_per{
                color:#fd450f
            }
            .text #result_num{
                max-width:4em;
                overflow:hidden;
            }
            .text-start{
                color:#ffffff;
                font-size:16px;
                line-height:24px;
            }
            .center{
                width:24rem;height:auto;margin:0 auto;margin-bottom:0.5rem;
            }
            .center_ans{
                width:24rem;height:auto;margin:0 auto;
            }
            .btn{
                text-align:center;
            }
            .btn img{
                display:inline-block;
            }
            #btn_a,.btn_a,#btn_c,.btn_c{
                width:11rem;margin-right:1rem;margin-top:0.5rem;
            }
            #btn_b,.btn_b,#btn_d,.btn_d{
                width:11rem;margin-top:0.5rem;
            }
            .go{
                width:8rem;margin:0 auto;margin-top:0.5rem;
            }
            #go-link{
                display:block;width:12rem;margin:0 auto;margin-top:0.5rem;
            }
            .page{
                display:none;
            }
            .ans_page{
                display:none;
                text-align: center;
            }
            #divShare {
                top:0;left:0;position:fixed;background-position:center;background-size:cover;z-index:999;width:100%;height:100%;display:none;background-image:url('../images/mask-share.png');
            }
            @-webkit-keyframes swing{
                20%{-webkit-transform:rotate3d(0,0,1,10deg);
                    transform:rotate3d(0,0,1,15deg)}
                40%{-webkit-transform:rotate3d(0,0,1,-10deg);
                    transform:rotate3d(0,0,1,-10deg)}
                60%{-webkit-transform:rotate3d(0,0,1,5deg);
                    transform:rotate3d(0,0,1,5deg)}
                80%{-webkit-transform:rotate3d(0,0,1,-5deg);
                    transform:rotate3d(0,0,1,-5deg)}
                100%{-webkit-transform:rotate3d(0,0,1,0deg);
                     transform:rotate3d(0,0,1,0deg)}
            }
            .bounceIn{
                -webkit-animation:bounceIn .8s;
            }
            .swing {
                -webkit-animation:swing 1s infinite 0;
            }
            @-webkit-keyframes bounceIn {
                0%, 20%, 40%, 60%, 80%, 100% {
                    -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
                    animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
                }
                0% {
                    opacity:0;
                    -webkit-transform:scale3d(.3, .3, .3);
                    transform:scale3d(.3, .3, .3);
                }
                20% {
                    -webkit-transform:scale3d(1.1, 1.1, 1.1);
                    transform:scale3d(1.1, 1.1, 1.1);
                }
                40% {
                    -webkit-transform:scale3d(.9, .9, .9);
                    transform:scale3d(.9, .9, .9);
                }
                60% {
                    opacity:1;
                    -webkit-transform:scale3d(1.03, 1.03, 1.03);
                    transform:scale3d(1.03, 1.03, 1.03);
                }
                80% {
                    -webkit-transform:scale3d(.97, .97, .97);
                    transform:scale3d(.97, .97, .97);
                }
                100% {
                    opacity:1;
                    -webkit-transform:scale3d(1, 1, 1);
                    transform:scale3d(1, 1, 1);
                }
            }
            @-webkit-keyframes fadeIn {
                0% {
                    opacity:0;
                }
                100% {
                    opacity:1;
                }
            }
            @-webkit-keyframes fadeInDown {
                0% {
                    opacity:0;
                    -webkit-transform:translate3d(0, -100%, 0);
                    transform:translate3d(0, -100%, 0);
                }
                100% {
                    opacity:1;
                    -webkit-transform:none;
                    transform:none;
                }
            }
            .move .word {
                -webkit-animation:fadeInDown .6s;
            }
            .move .text {
                -webkit-animation:bounceIn .8s;
            }
            .move .center {
                -webkit-animation:bounceIn .8s;
            }
            .move .btn_a {
                -webkit-animation:fadeIn 3s;
            }
            .move .btn_b {
                -webkit-animation:fadeIn 3s;
            }
            .move .btn_c {
                -webkit-animation:fadeIn 3s;
            }
            .move .btn_d {
                -webkit-animation:fadeIn 3s;
            }
            .move .center_ans{
                -webkit-animation:bounceIn .8s;
            }
            .move .go{
                -webkit-animation:fadeIn 3s;
            }

            @-webkit-keyframes zoomInDown {
                0% {
                    opacity:0;
                    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                    transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
                    animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
                }
                60% {
                    opacity:1;
                    -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
                    animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
                }
            }
            .zoomInDown {
                -webkit-animation:zoomInDown 1.2s;
            }
            #page_count{
                text-align:center;color:#ffffff;text-shadow:0 1px 1px rgba(0,0,0,0.5);
            }
            #footer-link{
                display:none;width:100%;color:#ffffff;text-decoration:none;font-size:1rem;line-height:1rem;text-shadow:0 1px 1px rgba(0,0,0,0.5);position:absolute;left:0;bottom:0.5rem;text-align:center;
            }
            #footer-link span{
                display:inline-block;padding:4px;background-color:rgba(0,0,0,.2);border-radius:5px
            }
			#replay,#share{text-align:center;color:#fff;background:#FE4711;width:auto;display:inline-block;margin:20px auto 10px;padding:5px 10px;font-size:18px;width:150px}