@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup{margin:0;padding:0;}
input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}li,ol,ul{list-style:none}em,i{font-style:normal}
img{border:0;max-width:100%}
img,input{vertical-align:middle}
a:focus,input:focus{outline:0}
a{color:#353d44;text-decoration:none}
a:active{opacity:.7}
*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;}
.wbox{display:-webkit-flex!important;display:-webkit-box;}
.wb{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.cl{clear:both}.fl{float:left}.fr{float:right}
html{-webkit-text-size-adjust:none;overflow-y:scroll;}
body{min-width:320px;line-height:1.5;color:#353535;font-family:"microsoft yahei","黑体","宋体",Tahoma,Verdana,Arial,Helvetica,sans-serif;max-width:680px; overflow:hidden; margin:0px auto;}

html{display:block;overflow:hidden;height:100%;background:#373e4a;}
.content{display:block;overflow:hidden;width:95%;height:1rem;color:#ecf0f1;font-size:.5rem;line-height:1rem; margin:0px auto;}
.visible{position:relative;overflow:hidden;padding-right:.5rem;padding-left:.5rem;height:1rem;line-height:1rem;}
.visible:before{left:0;content:'[';line-height:1rem; position:absolute;}
.visible:after{position:absolute;right:0;content:']';line-height:1rem;}
.visible:after,.visible:before{position:absolute;top:0;color:#FFF;font-size:.5rem;-webkit-animation-name:opacity;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:opacity;animation-name:opacity;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
ul{margin-top:0;padding-left:0;list-style:none;text-align:left;-webkit-animation-name:change;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:change;animation-name:change;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
ul li{margin:0;font-size:.5rem;line-height:1rem; text-align:center;}

.hit-the-floor{margin-top:40%;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2);font-weight:700;font-size:1rem;}
.hit-the-floor{text-align:center;}
.txt{display:block;margin:0 auto;padding:.25em 0 .325em;background:url(animated_text_fill.png) repeat-y;text-align:center;text-shadow:0 0 80px rgba(255,255,255,.5);letter-spacing:0;font-weight:700;font-size:.5rem;-webkit-transform:translate3d(0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:aitf 80s linear infinite;-webkit-backface-visibility:hidden;}
@-webkit-keyframes aitf{0%{background-position:0 50%;}
100%{background-position:100% 50%;}
}
.info{color:#ff0;text-align:center;}
.test{text-align:center; color:#fff;}
.test a:link,.test a:visited,.test a:hover{color:#fff;}


@-webkit-keyframes opacity{0%,100%{opacity:0;}
50%{opacity:1;}
}
@-webkit-keyframes change{0%,100%,12%{-webkit-transform:translateY(0);transform:translateY(0);}
17%,29%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
34%,46%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
51%,63%{-webkit-transform:translateY(-75%);transform:translateY(-75%);}
68%,80%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
85%,97%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
}
@keyframes opacity{0%,100%{opacity:0;}
50%{opacity:1;}
}
@keyframes change{0%,100%,12%{-webkit-transform:translateY(0);transform:translateY(0);}
17%,29%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
34%,46%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
51%,63%{-webkit-transform:translateY(-75%);transform:translateY(-75%);}
68%,80%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
85%,97%{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
}




html{font-size:50px}
body{font-size:24px}
@media screen and (min-width:320px){html{font-size:21.33px}
body{font-size:12px}
}
@media screen and (min-width:360px){html{font-size:24px}
body{font-size:12px}
}
@media screen and (min-width:375px){html{font-size:25px}
body{font-size:12px}
}
@media screen and (min-width:384px){html{font-size:25.6px}
body{font-size:14px}
}
@media screen and (min-width:400px){html{font-size:26.67px}
body{font-size:14px}
}
@media screen and (min-width:414px){html{font-size:27.6px}
body{font-size:14px}
}
@media screen and (min-width:424px){html{font-size:28.27px}
body{font-size:14px}
}
@media screen and (min-width:480px){html{font-size:32px}
body{font-size:15.36px}
}
@media screen and (min-width:540px){html{font-size:36px}
body{font-size:17.28px}
}
@media screen and (min-width:720px){html{font-size:48px}
body{font-size:23.04px}
}
@media screen and (min-width:750px){html{font-size:50px}
body{font-size:24px}
}