body{background-color:#f06060;color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select: none;font:12px/1.5 Arial,"微软雅黑","Microsoft YaHei",Verdana,Helvetica,sans-serif}body>a{}.page{position:absolute;top:0;left:0;width:100%;height:100%}.hide{display:none}#loading{display:block;font-size:30px;line-height:500px;text-align:center;color:#fff}.liebao{width:102px;height:118px;margin:20% auto -10px auto;display:block;background:url(../img/liebao.png) no-repeat center;background-size:contain}#index h1{text-align:center;font-size:30px;padding:30px 0 10px 0;text-shadow:1px 1px 1px #ab3c3c;margin:0}#index #indexTit{font-size:3.3em}#index .btns{text-align:center;position:absolute;bottom:50px;height:110px;width:100%;color:#ddd}#index #start{position:static;bottom:none}#start .btn{width:120px;padding:0 10px;margin-right:10px;margin-left:10px;display:inline-block}.spark{-webkit-animation:spark .5s infinite ease-in-out}@-webkit-keyframes spark{0%{color:#2ec8ea}40%{color:#86f23b}80%{color:#fef7a5}100%{color:#0cf}}#room header{position:absolute;top:0;left:0;width:100%;height:50px;line-height:50px;text-align:center;font-size:16px;color:#ffa1a1}#room header .lv{position:absolute;width:80px;height:50px;left:10px;top:0;font-size:1.1em;color:#fef7a5}#room header .lv em{font-style:normal}#room header .btn-pause{position:absolute;font-size:1.2em;top:5px;right:10px;height:40px;width:60px;line-height:40px;padding:0;margin:0;color:#fff}#room header .time{font-size:2em;font-weight:bold;background-color:#fd9090;color:#fff;padding:0 10px;border-radius:10px}#room header .time.danger{color:#ff0505;background-color:#fff}#help{font-size:1.5em;color:#fef7a5;text-align:center;padding-bottom:15px}#box{position:absolute;top:50px;right:0;bottom:0;left:0;margin:auto;background-color:#ddd;border-radius:10px;padding:10px}#box span{display:block;float:left;border-radius:10px;cursor:pointer;border:5px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#box.lv2 span{width:50%;height:50%}#box.lv3 span{width:33.33%;height:33.33%}#box.lv4 span{width:25%;height:25%}#box.lv5 span{width:20%;height:20%;border-width:3px}#box.lv6 span{width:16.666%;height:16.666%;border-width:3px}#box.lv7 span{width:14.28%;height:14.28%;border-width:3px}#box.lv8 span{width:12.5%;height:12.5%;border-width:3px}#box.lv9 span{width:11.111%;height:11.111%;border-width:3px}#box span img{width:100%}#dialog{background:url(../img/logo.png) 10px 10px no-repeat #a74343;background-size:5%;padding-top:50px;box-sizing:border-box;-webkit-box-sizing:border-box}#dialog .inner{height:100%;width:100%;text-align:center;font-size:20px}#dialog .inner .content{padding-top:50px}#dialog .inner h3{line-height:60px;font-size:40px;margin:0;color:#321}#dialog .inner .pause h3{color:#ffe2c5}#dialog .inner .btn{margin:15px auto;font-size:1.2em}#dialog .inner p{margin:0}.btn{border:0;color:inherit;cursor:pointer;display:inline-block;margin:15px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:0;position:relative;border-radius:7px;border:1px solid #7cccff;box-shadow:0 0 0 1px #007ac7,1px 5px 0 #007ac7,-1px 5px 0 #007ac7,0 6px 8px rgba(0,0,0,.8);background:-webkit-linear-gradient(top,#4db5fe,#3c9be2);background:-moz-linear-gradient(top,#4db5fe,#3c9be2);background:-ms-linear-gradient(top,#4db5fe,#3c9be2);background:-o-linear-gradient(top,#4db5fe,#3c9be2);background:linear-gradient(top,#4db5fe,#3c9be2);font-size:2em;font-family:'微软雅黑';height:60px;width:200px;line-height:56px;color:#fff;text-shadow:1px 2px 1px rgba(0,0,0,.3);-webkit-tap-highlight-color:rgba(0,0,0,0)}#shareWeiBo.btn:active,#shareQQ.btn:active,a.btn:active,.btn:active{background:-moz-linear-gradient(top,#3c9be2,#3c9be2);background:-ms-linear-gradient(top,#3c9be2,#3c9be2);background:-o-linear-gradient(top,#3c9be2,#3c9be2);background:linear-gradient(top,#3c9be2,#3c9be2);box-shadow:0 1px 6px rgba(0,0,0,.5) inset}.btn.btn-bottom{position:absolute;width:300px;padding:0;bottom:20px;left:50%;margin-left:-150px}.btn-wrap .boyaa-logo{display:block;height:50px;width:100px;margin:0 auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn-wrap .boyaa-logo img{max-width:100%}@media all and (orientation:landscape){#room header{height:100%;width:80px}#room header .lv{left:0}#room header .time{display:inline-block;height:50px;width:100%;padding:0;position:absolute;top:50%;left:0;margin-top:-25px}#room header .btn-pause{top:auto;bottom:15px}#box{top:0;left:80px}#dialog{padding-top:0;background-size:10%}#dialog .inner .content{padding-top:100px}.liebao{width:204px;height:200px;margin:80px auto 10px auto}}@media all and (max-width:361px){#box.lv1 span,#box.lv2 span,#box.lv3 span,#box.lv4 span{border-width:2px;border-radius:5px}#box.lv5 span,#box.lv6 span,#box.lv7 span,#box.lv8 span,#box.lv9 span{border-width:1px;border-radius:3px}}#dialog .btn-wrap .btn,#dialog .btn-wrap a{width:200px;display:block;height:45px;font-size:1em;margin-bottom:1.2em;line-height:43px;text-decoration:none}.adbox{width:320px;height:50px;position:fixed;bottom:-50px;display:block;left:50%;margin-left:-160px;-webkit-animation:adbox .6s .2s;-webkit-animation-fill-mode:both}@-webkit-keyframes adbox{100%{bottom:0}}