*{padding:0;margin:0;list-style:none}body{background:#FAF8ED;font-family:"微软雅黑 Light"}.top{width:80%;min-width:1000px;margin:40px auto 0;font-family:"Cambria Math";background-image:url(../../img/bg-main-2.jpg);background-size:cover!important;height:340px;border:2px solid #000;border-radius:8px;position:relative;top:0;left:0}.top .nav,.top b{position:absolute}.top b{display:block;top:40px;right:20px;color:#87cefa;font-size:18px}.top b:hover{text-shadow:4px 4px 4px #000;cursor:pointer}.top .nav{display:-webkit-box;display:-ms-flexbox;display:flex;top:300px;left:460px}.top .nav li{margin-right:40px;padding:6px}.middle_01,.self{margin:20px auto;min-width:1000px}.top .nav li:hover{background:#00bfff;border-radius:6px}.top .text{border:2px solid #000;border-radius:8px;font-size:38px;font-weight:600;padding:10px 40px;position:absolute;top:160px;left:430px}.top .text_02,.top .text_03{padding:2px 4px;position:absolute;display:none}.top .text:hover{background:#fff;color:red;border:none;font-size:46px}.top .text_02{-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);top:60px;left:20px}.top .text_03{-webkit-transform:rotate(-14deg);-ms-transform:rotate(-14deg);transform:rotate(-14deg);top:100px;left:740px}.github_icon,nav{position:fixed;left:10px}nav{border-radius:8px;background:#87cefa;top:40%;padding:4px 0;z-index:250}nav li{padding:4px 20px;cursor:pointer}nav li.active,nav li:hover{color:#fff;font-size:20px}.github_icon{display:block;width:80px;height:80px;top:25%;z-index:1000}.github_icon img{display:block;width:100%;height:100%;opacity:.4}.github_icon:hover{width:100px;height:100px}.github_icon:hover img{opacity:1}.self{width:80%;padding:20px 0 20px 20px;background:#F8F4E8;border-radius:14px}.self p{line-height:30px}@-webkit-keyframes dogPlay{from{width:90px;height:90px;background:#DFF;border-radius:50%}to{width:130px;height:130px;background:#87cefa;border-radius:50%}}@keyframes dogPlay{from{width:90px;height:90px;background:#DFF;border-radius:50%}to{width:130px;height:130px;background:#87cefa;border-radius:50%}}@-webkit-keyframes play{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}@keyframes play{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}.middle_01{width:80%;background:#F8F4E8;border-radius:14px;padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.middle_01>div{padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 20px 0 0}.middle_01>div:nth-of-type(1) .small{width:280px}.middle_01>div:nth-of-type(2) .small{width:200px}.middle_01>div:nth-of-type(3) .small{width:280px}.middle_01>div:nth-of-type(4) p{margin-right:28px}.middle_01>div:nth-of-type(4) .small{width:240px}.middle_01>div:nth-of-type(5) p{margin-right:38px}.middle_01>div:nth-of-type(5) .small{width:270px}.middle_01>div:nth-of-type(6) .small{width:220px}.middle_01>div:nth-of-type(7) p{margin-right:28px}.middle_01>div:nth-of-type(7) .small{width:252px}.middle_01 p{font-size:20px;font-weight:600;margin-right:20px}.middle_01 .big{width:300px;height:20px;background:#fff;border-radius:8px;margin-top:4px;cursor:pointer}.middle_01 .big:hover .small{background:#5eb95e;opacity:.8}.middle_01 .small{height:20px;background:#87cefa;border-radius:8px}.middle_02{width:80%;height:600px;min-width:1000px;margin:20px auto;border-radius:14px;background:#F8F4E8;padding:0 10px;position:relative;top:0;left:0;text-align:center}.middle_02 .left{width:74%;height:94%;position:absolute;top:20px;left:30px}.middle_02 .left h2{line-height:80px;border-bottom:1px dashed #000;text-shadow:2px 2px 2px grey;font-size:34px}.middle_02 .left .article_all{margin-top:40px}.middle_02 .left .article_all li{width:88%;background:#fff;margin:0 auto 20px;border-radius:8px;box-shadow:5px 4px 4px grey}.middle_02 .left .article_all li h3{font-size:30px}.middle_02 .left .article_all li p{display:inline}.middle_02 .left #page{height:50px;display:table;margin:20px auto}.middle_02 .left #page .page{text-align:center}.middle_02 .left #page .fl{float:left}.middle_02 .left #page .fr{float:right}.middle_02 .left #page .pagingUl{float:right;padding:0;margin:0;list-style:none;height:30px}.middle_02 .left #page .pagingUl li{float:left;width:30px;height:30px;background:#fff;text-align:center;margin-right:15px;border-radius:5px}.middle_02 .left #page .pagingUl li a{display:inline-block;width:30px;height:30px;text-align:center;line-height:28px;color:#666;font-size:12px;border-radius:5px;text-decoration:none}footer a,footer a img{display:block}.middle_02 .left #page .next,.middle_02 .left #page .prv{width:30px;height:30px;text-align:center;line-height:30px;cursor:pointer;background:#fff;padding:0 5px;border-radius:5px}.middle_02 .left #page .prv{margin-right:10px}.middle_02 .left #page .first,.middle_02 .left #page .last{width:30px;height:30px;font-size:12px;text-align:center;line-height:30px;cursor:pointer;background:#fff;padding:0 5px;border-radius:5px;margin-right:10px}.middle_02 .left #page .activP,.middle_02 .left #page .first:hover,.middle_02 .left #page .last:hover,.middle_02 .left #page .next:hover,.middle_02 .left #page .pagingUl li a:hover,.middle_02 .left #page .prv:hover{background-color:#000!important;color:#fff!important}.middle_02 .right{position:absolute;top:40px;right:36px}.middle_02 .right p{width:160px;height:30px;line-height:30px;border:2px solid #000;margin-top:20px;border-radius:8px;cursor:pointer}.middle_02 .right p:hover{font-size:20px;font-weight:600;-webkit-animation:play .8s;animation:play .8s}.middle_02 .right p.active{background:#00bfff;color:#fff}footer{width:100%;height:90px;min-width:1000px;background:#F8F4E8;margin-top:80px;position:relative;top:0;left:0}footer p{width:280px;position:absolute;top:26px;left:30%;font-size:18px}footer a img{border:none;width:120px;height:30px;position:absolute;top:22px;right:34%}footer a img:hover{opacity:.6}.bg-music{width:50px;position:fixed;top:398px;left:20px}.bg-music .play{background-position:0 top}.bg-music .pause{background-position:0 bottom!important}.bg-music .mscBtn{height:50px;border-radius:18px;background:url(../../img/musicBtn.gif) no-repeat #fff;display:block}