html body{font-size:16px;font-family:微软雅黑;}i{color:#fff;font-size:12px}a{text-decoration:none;}*{margin:0;padding:0}ul{list-style:none}.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.s-side{min-width:200px;position:fixed;top:0;left:0;width:15%;bottom:0;background-color:#292929;box-shadow:0 0 10px #313131;padding:10px}.s-side .s-firstItem i{font-size:20px}.s-side .s-firstItem span{display:inline-block;margin-left:10px;font-size:20px;text-shadow:0 0 5px #eee;white-space:10px}.s-side .first{padding:10px 0;border-bottom:1px solid #dedede}.s-side .d-firstNav span{display:inline-block;margin-left:10px}.s-side .d-firstNav i.fr{font-size:25px}.s-side .s-secondNav,.s-side .s-secondItem{margin-left:50px;margin-top:10px}.s-secondNav:hover,.d-firstNav:hover{background-color:#3d3d3d;cursor:pointer}.s-side .d-secondDrop{margin-left:100px;margin-top:10px}.iconRotate{transform:rotate(90deg);transition:transform .5s}.s-firstDrop,.s-secondDrop{display:none}