*{margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;background:#403833;font-family:open sans;font-weight:100;color:#f2f2f2;font-size:100%;margin:0;padding:0}.loader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-mos-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.loader .text{position:absolute;top:1.8em;left:30px;z-index:5;font-size:2em;text-transform:uppercase;-webkit-animation:text 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:text 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:text 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:text 2.5s cubic-bezier(.75,0,.5,1) infinite normal;animation:text 2.5s cubic-bezier(.75,0,.5,1) infinite normal}.spinner{position:relative;width:5em;height:5em;color:#fff}.spinner:before,.spinner:after{content:"";position:relative;display:block}.spinner:before{-webkit-animation:spinner 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:spinner 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:spinner 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:spinner 2.5s cubic-bezier(.75,0,.5,1) infinite normal;animation:spinner 2.5s cubic-bezier(.75,0,.5,1) infinite normal;width:10em;height:10em;background-color:#db2f00}.spinner:after{-webkit-animation:shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;animation:shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;position:relative;bottom:-1.75em;height:.25em;border-radius:50%;background-color:#322b27}@-webkit-keyframes spinner{50%{-webkit-border-radius:50%;-webkit-transform:scale(.5) rotate(360deg);background-color:#13a3a5}100%{-webkit-transform:scale(1) rotate(720deg);background-color:#db2f00}}@-moz-keyframes spinner{50%{-moz-border-radius:50%;-moz-transform:scale(.5) rotate(360deg);background-color:#13a3a5}100%{-moz-transform:scale(1) rotate(720deg);background-color:#db2f00}}@-mos-keyframes spinner{50%{-mos-border-radius:50%;-mos-transform:scale(.5) rotate(360deg);background-color:#13a3a5}100%{-mos-transform:scale(1) rotate(720deg);background-color:#db2f00}}@-o-keyframes spinner{50%{-o-border-radius:50%;-o-transform:scale(.5) rotate(360deg);background-color:#13a3a5}100%{-o-transform:scale(1) rotate(720deg);background-color:#db2f00}}@keyframes spinner{50%{border-radius:50%;transform:scale(.5) rotate(360deg);background-color:#13a3a5}100%{transform:scale(1) rotate(720deg);background-color:#db2f00}}@-webkit-keyframes shadow{50%{-webkit-transform:scale(.5);background-color:#322b27}}@-moz-keyframes shadow{50%{-moz-transform:scale(.5);background-color:#322b27}}@-mos-keyframes shadow{50%{-mos-transform:scale(.5);background-color:#322b27}}@-o-keyframes shadow{50%{-o-transform:scale(.5);background-color:#322b27}}@keyframes shadow{50%{transform:scale(.5);background-color:#322b27}}@-webkit-keyframes text{0%{-webkit-transform:scale(1,1)}50%{-webkit-transform:scale(.5,.5)}100%{-webkit-transform:scale(1,1)}}@-moz-keyframes text{0%{-moz-transform:scale(1,1)}50%{-moz-transform:scale(.5,.5)}100%{-moz-transform:scale(1,1)}}@-mos-keyframes text{0%{-mos-transform:scale(1,1)}50%{-mos-transform:scale(.5,.5)}100%{-mos-transform:scale(1,1)}}@-o-keyframes text{0%{-o-transform:scale(1,1)}50%{-o-transform:scale(.5,.5)}100%{-o-transform:scale(1,1)}}@keyframes text{0%{transform:scale(1,1)}50%{transform:scale(.5,.5)}100%{transform:scale(1,1)}}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}