*{margin:0;padding:0}
html,body{height:100%;}
body{line-height:1.4;height:100%;font-size:16px;color:#444;max-width:720px;margin:0 auto;background-color:#efefef;-webkit-user-select:none;user-select:none;}
i{font-style: normal;}
fieldset,img{border:0}
a{text-decoration:none;color:#444;}
ul,li {list-style:none;}
header,footer,section {display:block;}
h1{font-size:20px; text-align:center; margin-top:20px;}
.shuoming{
font-size:12px;
color:#666;
text-align:center;
}
.shuru{
margin-top:180px;
margin-bottom:10px;
text-align:center;
}
.shuru input{
width:100px;
height:30px;
font-size:18px;
}
#info{
width:100%;
height:50%;
border:1px #999999 solid;
position:fixed;
top:15%;
background:#FFF;
padding:5%;
text-align:center;
opacity: 0.95;
}
#footad{
margin-top:20px;
text-align:center;
}
.retry button{
font-size:16px;
}
.disable-default-action
{
-webkit-touch-callout:none ;
-webkit-user-select:none ;
}
.m-farea{position:absolute;top:150px;left:50%;margin:-60px 0 0 -50px;width:100px;height:120px;border:1px solid #000;-webkit-user-select:none;user-select:none; background:url(http://api.gz.1251008026.cee.myqcloud.com/images/zhiwen/bg.png) 10px 10px no-repeat; background-size:80px 100px;}
.m-farea .line{display:none;position:absolute;top:-2px;width:98px;height:2px;background:rgba(237,47,18,0.9);box-shadow: 1px 1px 2px 2px rgba(237,47,18,0.9),1px 1px 2px 2px rgba(237,47,18,0.9) inset;}
.m-farea .line{-webkit-animation:fadein 3s infinite linear;}
@-webkit-keyframes fadein{
0%{-webkit-transform:translateY(0);}
50%{-webkit-transform:translateY(120px);}
100%{-webkit-transform:translateY(0%);}
}
.m-farea .active{display:block;-webkit-animation:on 3s infinite linear;}
@-webkit-keyframes on{
0%{-webkit-transform:translateY(0);}
5%{-webkit-transform:translateY(20px);background:rgba(237,47,18,0.9);box-shadow: 1px 1px 2px 2px rgba(237,47,18,0.9),1px 1px 2px 2px rgba(237,47,18,0.9) inset;}
25%{-webkit-transform:translateY(60px);background:rgba(237,187,64,0.9);box-shadow: 1px 1px 2px 2px rgba(237,187,64,0.9),1px 1px 2px 2px rgba(237,187,64,0.9) inset;}
45%{-webkit-transform:translateY(90px);background:rgba(237,47,18,0.9);box-shadow: 1px 1px 2px 2px rgba(237,47,18,0.9),1px 1px 2px 2px rgba(237,47,18,0.9) inset;}
50%{-webkit-transform:translateY(120px);background:rgba(237,47,18,0.9);box-shadow: 1px 1px 2px 2px rgba(237,47,18,0.9),1px 1px 2px 2px rgba(237,47,18,0.9) inset;}
55%{-webkit-transform:translateY(90px);background:rgba(237,47,18,0.9);box-shadow: 1px 1px 2px 2px rgba(237,47,18,0.9),1px 1px 2px 2px rgba(237,47,18,0.9) inset;}
75%{-webkit-transform:translateY(60px);background:rgba(237,187,64,0.9);box-shadow: 1px 1px 2px 2px rgba(237,187,64,0.9),1px 1px 2px 2px rgba(237,187,64,0.9) inset;}
95%{-webkit-transform:translateY(20px);background:rgba(237,47,18,0.9);box-shadow: 1px 1px 2px 2px rgba(237,47,18,0.9),1px 1px 2px 2px rgba(237,47,18,0.9) inset;}
100%{-webkit-transform:translateY(0px);}
}
.m_error{position: fixed;top:0;left:0;width:100%;height:100%;display:none;}
.m_error p{position: absolute;width:250px;padding:10px 0;top:50%;left:50%;margin-left:-125px;margin-top:-30px;color:#fff;line-height:15px;color:#fff;background: rgba(0,0,0,.8);border-radius:4px;text-align:center;}
}