html{height:100%}body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;font-family:"Microsoft YaHei";font-size:13px;color:#fff}a:link{color:#FFF;text-decoration:none}a:visited{color:#FFF;text-decoration:none}a:hover{color:#f00;text-decoration:underline}ul,li{list-style-type:none}#container{position:absolute;height:100%;width:100%;overflow:hidden}#output{width:100%;height:100%;overflow:hidden}.color{width:120px;height:20px;margin:0 auto;position:fixed;left:50%;margin-left:-60px;bottom:20px}.color li{float:left;margin:0 5px;width:20px;height:20px;background:#ccc;box-shadow:0 0 4px #FFF;list-style:none;cursor:pointer}.color li:nth-child(1){background:#002c4a}.color li:nth-child(2){background:#35ac03}.color li:nth-child(3){background:#ac0908}.color li:nth-child(4){background:#18bbff}