body,div,h1,h2,h3,h4,h5,h6,li,p,span,ul{margin:0;padding:0}body,html{overflow:hidden;height:100%;background:#444 url(../apis/api.jpg) no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;font-family:Microsoft YaHei;-moz-background-attachment:fixed;-webkit-background-attachment:fixed;-moz-background-size:cover;-webkit-background-size:cover}a{text-decoration:none}li{list-style:none}.shader_left{position:absolute;top:0;left:0;width:100%;height:260px;background:linear-gradient(350deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 59%,rgba(0,0,0,.64) 100%);opacity:.5}.nav{position:relative;z-index:1000;margin:0 auto;width:100%;height:70px;color:#fff;line-height:70px}.nav li.tit{margin-left:10%;width:180px;font-weight:500;font-size:32px}.nav li{float:left;width:90px}.nav li.gj{display:none}.nav a{display:inline-block;width:90px;border-radius:50%;color:#fff;opacity:.8;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.nav a:hover{opacity:1}.content{display:inline-block;margin-top:105px;margin-left:10%;max-width:80%;min-height:570px}.content #hitokoto{padding:15px;height:auto;border-radius:3px;background:rgba(0,0,0,.6);color:#fff}.content #hitokoto #time{color:#bbb;font-size:12px}.content .tools ul{margin-top:50px}.content .tools ul li a{float:left;display:block;margin-right:5px;width:80px;height:30px;border-radius:3px;background:rgba(0,0,0,.6);color:#bbb;text-align:center;font-size:15px;line-height:30px;transition:.3s}.content .tools ul li a:hover{background:rgba(0,0,0,.99);color:#fff}.download{position:absolute;right:60px;bottom:30px;display:block;padding-top:10px;width:40px;height:30px;border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;font-size:20px;transition:.3s}.download:hover{background-color:#fff;color:#666}.refresh{position:absolute;right:60px;bottom:85px}.copyright{position:absolute;bottom:0;margin-left:10%;padding:8px 0;width:90%;background:0 0;color:#eee;font-size:13px}.copyright span.cp{opacity:.5}.copyright a{color:#eee;text-decoration:none}.copyright a:hover{text-decoration:underline}@media only screen and (max-width:500px){.nav{height:50px;text-align:center;line-height:50px}.nav li.tit{margin:0 auto;width:100%;border-bottom:1px dashed rgba(245,245,245,.2);font-size:26px}.nav li{position:relative;width:20%}.nav li.bz{display:none}.nav li.gj{display:block}.nav a{width:100%}.content{margin-top:70px}.content .tools{display:none}.copyright{margin-left:0;padding:8px 2%;width:96%;text-align:center}.download{display:none}.refresh{right:30px;bottom:70px;display:block}}