aside,body,button,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,img,input,main,menu,nav,p,search,section,ul{margin:0;padding:0;outline:0;border:0}body,html{-webkit-font-smoothing:antialiased}html{text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button{cursor:pointer;transition:all .3s ease-in-out}a,a:active,a:visited,button,u{text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}li{list-style:none}img{display:block;width:100%;border:0;border-style:none;vertical-align:middle}img:not([src]),img[src=""]{opacity:0}body{display:flex;background-color:#f6f6f6;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,PingFang SC,Helvetica,Microsoft Yahei,Arial,sans-serif;flex-direction:column;align-items:center}.dplayer-full-in-icon,.dplayer-menu,.dplayer-setting{display:none!important}.dplayer-mobile-play{opacity:1!important}header{display:flex;margin-bottom:.75rem;width:100%;flex-wrap:wrap;justify-content:center}header h2{color:#77c;font-size:1.5rem;line-height:2.25rem}header h2,search{padding:1.375rem .625rem}search{width:calc(100% - 8.5rem)}search form{float:right;display:flex;overflow:hidden;box-sizing:border-box;width:15rem;height:2.25rem;border:1px solid #f0f0f0;border-radius:1rem;align-items:center}search input{box-sizing:border-box;width:100%;color:#222;font-size:.875rem;caret-color:#66c}search button,search input{padding:0 1em;height:2.25rem;background-color:#fff}search button{display:flex;border:0;white-space:nowrap;cursor:pointer;align-items:center;justify-content:center}search button svg{width:1.125rem;height:1.125rem;fill:#66c}search input{outline:0;appearance:none;-webkit-appearance:none}search input::-webkit-input-placeholder{color:#888;font-size:.875rem}search input::-moz-input-placeholder{color:#888;font-size:.875rem}search input:-ms-input-placeholder{color:#888;font-size:.875rem}header nav{display:grid;padding:.5rem;width:100%;background-color:#66c;grid-template-columns:repeat(5,20%);justify-content:center}header nav a{width:100%;height:2.5rem;color:#fff;text-align:center;font-size:1rem;line-height:2.5rem}header nav .on,header nav a:hover{color:#fff462}section{display:flex;margin-bottom:.75rem;width:100%;background-color:#fff;flex-direction:column}section>div:first-child{display:flex;box-sizing:border-box;padding:.75rem .625rem 0;width:100%;justify-content:space-between;align-items:center}section>div:first-child h3{margin:0 1px;color:#222;font-size:1.0625rem;line-height:1.5rem}section>div:first-child small{display:block;margin:0 1px;padding:0 .5rem;border-radius:1rem;background-color:#77c;font-size:.8125rem;line-height:1.375rem}section>div:first-child a{display:block;color:#fff}section>div:first-child a:hover{color:#fff462}section ul{display:grid;box-sizing:border-box;padding:.5rem;width:100%;grid-template-columns:repeat(5,20%)}section ul li{padding:.125rem}section ul li a{display:block;overflow:hidden;width:100%;height:2rem;background-color:#f6f6f6;color:#800;text-align:center;font-size:.875rem;line-height:2rem}section ul li a:hover{background-color:#f0f0f0}section>a{display:block;width:100%}section>a img{height:3.5rem}main{display:flex;padding:.375rem .3125rem;width:100%;flex-wrap:wrap}article,main{box-sizing:border-box}article{padding:.3125rem;width:50%}figure{position:relative;overflow:hidden;padding-top:56.25%;width:100%;height:0;background-color:#f6f6f6}article img{position:absolute;top:0;left:0;min-height:100%;border-radius:3px;transition:all .3s}article img:hover{transform:scale(1.05)}cite{display:block;display:-webkit-box;overflow:hidden;margin-top:.3125rem;padding:0 1px;width:100%;height:2.4rem;color:#222;text-overflow:ellipsis;font-style:normal;font-size:.875rem;line-height:1.2rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}cite:hover{color:#66c}section>nav{margin:.75rem 0;width:100%;text-align:center}section>nav a{display:inline-block;margin:.125rem;padding:.5rem .75rem;border-radius:.25rem;background-color:#f6f6f6;color:#333;font-size:.875rem}section>nav a:hover{background-color:#f0f0f0;color:#66c}#chun{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}aside{margin-bottom:.75rem;width:100%}aside ul{display:grid;width:100%;grid-template-columns:repeat(5,20%);grid-row-gap:.875rem}aside li{text-align:center;font-size:.875rem;line-height:1.25rem}aside li a{color:#333}aside li a:hover{color:#66c}aside li a>div{position:relative;overflow:hidden;padding-top:66%;width:100%;height:0}aside li img{position:absolute;top:50%;left:50%;width:66%;min-height:100%;border-radius:50%;transform:translate(-50%,-50%)}aside li p{margin:0}menu{display:flex;box-sizing:border-box;padding:.625rem;width:100%;flex-wrap:wrap}menu a{margin:.125rem .25rem .125rem 0;padding:.1875rem .625rem;border:1px solid #77c;border-radius:.875rem;background-color:#fff;color:#66c;font-size:.875rem;line-height:1.5}menu a:hover{background-color:#77c;color:#fff}footer{margin-top:2rem;margin-bottom:10rem;width:100%;color:#666;text-align:center}footer a,u{display:inline-block;color:#666;font-size:.875rem;line-height:1.5rem}footer a:hover{color:#66c}@media (min-width:864px){header nav{padding:0}header nav,section ul{grid-template-columns:repeat(8,12.5%)}article{width:25%}aside ul{grid-template-columns:repeat(10,10%)}section>a img{height:4rem}}@media (min-width:1224px){header nav{padding:0;grid-template-columns:repeat(15,80px)}header nav a{height:3rem;line-height:3rem}section ul{grid-template-columns:repeat(12,8.3333%)}article{width:20%}aside ul{grid-template-columns:repeat(10,10%)}aside,section{width:1200px}search{width:1088px}}@media (min-width:1848px){header h2,header search{padding:1.375rem 1.25rem}}