html{line-height:1.15;-webkit-text-size-adjust:100%}body{background-color:#fff;color:#212529;text-align:left;font-weight:400;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body,h2{margin:0}h2{color:#dc3545;line-height:3.5rem}h3{margin:0;color:#212529;font-size:1rem}h3,small{line-height:1.5rem}small{font-size:.875rem}small a:hover{color:#007bff}a,u{background-color:transparent;color:#666;text-decoration:none}b,strong{font-weight:bolder}li{list-style:none}code,kbd,samp{font-size:1em;font-family:monospace,monospace}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{display:block;width:100%;border:0;border-style:none;vertical-align:middle}img:not([src]),img[src=""]{opacity:0}button,input{overflow:visible;margin:0;font-size:100%;font-family:inherit;line-height:1.15}button{text-transform:none}.dplayer-full-in-icon,.dplayer-menu,.dplayer-setting{display:none!important}.dplayer-mobile-play{opacity:1!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden],template{display:none}aside,footer,header,section{display:flex;box-sizing:border-box;margin:0 auto .75rem;padding:0 .25rem;width:100%;flex-wrap:wrap}header nav{display:grid;margin:0;padding:0;width:100%;height:7.5rem;border-radius:.2rem;background-color:#343a40;grid-template-columns:repeat(4,4rem);place-content:space-evenly}header nav a{height:1.5rem;color:#fff;text-align:center;font-size:1rem;line-height:1.5rem}header nav .on,header nav a:hover{color:#ffc107}aside ul{display:grid;margin:0;padding:0;width:100%;grid-template-columns:repeat(5,4.2rem);place-content:space-evenly;grid-row-gap:.875rem}aside li{text-align:center;font-size:.8125rem;line-height:1.25rem}aside li a{color:#666}aside li a:hover{color:#007bff}aside li a>div{position:relative;overflow:hidden;padding-top:90%;width:100%;height:0}aside li img{position:absolute;top:50%;left:50%;width:90%;height:100%;border-radius:50%;transform:translate(-50%,-50%)}aside li p,menu{margin:0}menu{display:flex;padding:0;width:100%;flex-wrap:wrap}menu a{margin:.125rem .25rem .125rem 0;padding:.25rem .5rem;border:1px solid #20c997;border-radius:.2rem;background-color:#fff;color:#20c997;font-size:.875rem;line-height:1.5}menu a:nth-child(10n+1){border-color:#007bff;color:#007bff}menu a:nth-child(10n+2){border-color:#6c757d;color:#6c757d}menu a:nth-child(10n+3){border-color:#28a745;color:#28a745}menu a:nth-child(10n+4){border-color:#dc3545;color:#dc3545}menu a:nth-child(10n+5){border-color:#fd7e14;color:#fd7e14}menu a:nth-child(10n+6){border-color:#17a2b8;color:#17a2b8}menu a:nth-child(10n+7){border-color:#343a40;color:#343a40}menu a:nth-child(10n+8){border-color:#6f42c1;color:#6f42c1}menu a:nth-child(10n+9){border-color:#e83e8c;color:#e83e8c}menu a:hover{background-color:#20c997;color:#fff}menu a:nth-child(10n+1):hover{background-color:#007bff}menu a:nth-child(10n+2):hover{background-color:#6c757d}menu a:nth-child(10n+3):hover{background-color:#28a745}menu a:nth-child(10n+4):hover{background-color:#dc3545}menu a:nth-child(10n+5):hover{background-color:#fd7e14}menu a:nth-child(10n+6):hover{background-color:#17a2b8}menu a:nth-child(10n+7):hover{background-color:#343a40}menu a:nth-child(10n+8):hover{background-color:#6f42c1}menu a:nth-child(10n+9):hover{background-color:#e83e8c}section>a{width:100%}section>a img{height:3.5rem}section>div:first-child{padding:.5rem .375rem;border:1px solid rgba(0,0,0,.125);border-top-right-radius:.2rem;border-top-left-radius:.2rem;background-color:rgba(0,0,0,.03);justify-content:space-between}main,section ul,section>div:first-child{display:flex;box-sizing:border-box;width:100%}main,section ul{margin:0;padding:.1875rem;border:1px solid rgba(0,0,0,.125);border-top:0;border-bottom-right-radius:.2rem;border-bottom-left-radius:.2rem;flex-wrap:wrap}section ul li{width:25%}section ul li a{display:block;color:#007bff;text-align:center;font-size:.875rem;line-height:2rem}article{box-sizing:border-box;padding:.1875rem;width:50%}figure{position:relative;margin:0;padding-top:56.25%;height:0;background-color:#dcdcdc}cite,figure{overflow:hidden;width:100%}cite{display:block;margin:.25rem 0;height:2.5rem;color:#666;font-style:normal;font-size:.875rem;line-height:1.25rem}cite:hover{color:#007bff}article img{position:absolute;top:0;left:0;min-height:100%;transition:all .3s}article img:hover{transform:scale(1.05)}#chun{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}search{padding:.625rem 0 0 2rem;flex:1}search form{float:right;overflow:hidden;width:100%;max-width:24rem;border-radius:.25rem}search form,search input{height:2.25rem;line-height:2.25rem}search input{float:left;box-sizing:border-box;padding:0 .75rem;width:calc(100% - 3rem);outline:0;border:1px solid rgba(0,0,0,.125);border-right:0;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;font-size:.875rem;-webkit-appearance:none}search input::-webkit-input-placeholder{color:#666}search input::-moz-input-placeholder{color:#666}search input:-ms-input-placeholder{color:#666}search button{float:left;width:3rem;height:2.25rem;outline:0;border:0;background-color:#343a40;font-size:0;cursor:pointer;-webkit-appearance:none}search button svg{width:1rem;height:1rem;fill:#fff}search button:hover{background-color:#007bff}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:#007bff}footer{margin-top:2rem;margin-bottom:10rem}footer span{width:100%;color:grey;text-align:center;font-size:.875rem;line-height:1.5rem}footer u{display:inline-block}@media (min-width:512px){h2{line-height:3.75rem}search{padding-top:.75rem}header nav{height:5.25rem;grid-template-columns:repeat(6,4rem)}aside ul{grid-template-columns:repeat(6,4.2rem)}section>a img{height:4rem}section>div:first-child{padding:.5rem}main,section ul{padding:.25rem}section ul li{width:16.6666%}article{padding:.1875rem;width:33.3333%}section>figure{padding-top:45%}}@media (min-width:776px){h2{line-height:4.25rem}search{padding-top:1rem}aside,footer,header,section{width:776px}section>div:first-child{padding:.5rem .75rem}article,main,section ul{padding:.375rem}}@media (min-width:1016px){aside,footer,header,section{width:100%;max-width:1164px}header nav{height:3rem;grid-template-columns:repeat(12,4rem)}aside ul{grid-template-columns:repeat(12,4.2rem)}section>a img{height:4.5rem}section ul li{width:8.3333%}article{width:25%}section>figure{padding-top:33.75%}}