*{padding:0;margin:0}
html,body{background:#000;color:#fff;overflow:hidden;touch-action:none;-ms-touch-action:none}
canvas{touch-action-delay:none;touch-action:none;-ms-touch-action:none}
.bg-cover{position:absolute;width:100%;height:100%;z-index:99;background:#000;left:0;top:0;overflow: hidden;}
.bg-cover .testWrap{margin: 0 auto;max-width: 720px;}
.bg-cover .s_auto{width: auto;height: auto;height: 100px;overflow: hidden;}
.bg-cover .close{position:absolute;top:0;right:0;z-index:8;width:30px;height:30px;text-align:center;line-height:30px;background:rgba(255,255,255,.6);color:#333;font-family:Arial}
.main-cnt{position: relative;z-index: 2;overflow: hidden;width:100%;height:100%;}
.g-info{padding: 0 10px 30px;color: #ccc;}
.g-info .t1{font-weight: bold;height: 24px;line-height: 24px;text-align: center;padding: 10px 0;}
.g-info .d1{line-height: 20px;overflow: hidden;font-size: 13px;}
.play-btn{line-height:1.6rem;text-align:center;color: #999;font-size: 12px;position: fixed;left: 0;width: 100%;bottom: 65px;}
.play-btn span{text-decoration: underline;}
.g-list{padding:10px 5px 5px;}
.g-list h4{padding: 5px;font-size: 14px;color: #bbb;text-align: center;}
.g-list ul{overflow: hidden;}
.g-list li{float: left;width: 50%;list-style: none;}
.g-list li a{display: block;padding:0 5px;color: #999;text-decoration:none;}
.g-list li img{vertical-align: middle;width: 100%;}
.g-list li .name{display: block;height: 24px;line-height: 24px;overflow: hidden;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;}
.after-cnt{display: none;}

.auto-close{line-height:1.6rem;text-align:right;color: #999;font-size: 12px;position: fixed;right: 15px;bottom: 15px;}

.loading-wrap{text-align: center;color: #fff;position:absolute;width:100%;height:100%;z-index:100;left:0;top:0;}
.loading-tip{position: absolute;width: 100%;top: 40%;left: 0;}

.loading-cnt{padding: 15px 0;text-align: center;color: #fff;}
.loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
/* banner */
.top-banner{position:absolute;width:100%;height:50px;z-index:9;background:#fff;left:0;top:0;}
.top-banner .testWrap{width:320px;height:50px;margin:0 auto 5px;overflow: hidden;}
.close-ban{position: absolute;width: 1.5rem;height: 1.5rem;text-align: center;font-family: 'Tahoma';line-height: 1.5rem;background: rgba(0,0,0,.85);color: #fff;top: 0;right: 0;}
/* ima */
.bg-cover .ima-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:6;margin:0}
/* gameover */
#gameover{background: rgba(0,0,0,.93);}
#gameover .testWrap{margin-top: 5%;}
#gameover .h2{font-size: 18px;text-align: center;color:#fff;}