/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}
*{margin:0;padding:0;box-sizing:border-box}html,body{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;word-spacing:1px;letter-spacing:1px;color:#333;height:100%;width:100%}header{background-color:#3a3a3a;height:40px;line-height:40px;display:flex}header .brand{width:calc(200px - 2rem);padding-left:1rem}header .brand a{text-decoration:none;color:#fff}header .brand img{width:30px;height:30px;vertical-align:middle}header .brand .title{vertical-align:middle;color:#fff;font-size:1.3rem;font-weight:bold}header .right-bar{display:flex}header .right-bar .menus,header .right-bar .other-links{display:flex}header .right-bar .menus .menu,header .right-bar .menus .link,header .right-bar .other-links .menu,header .right-bar .other-links .link{margin:0 .5rem}header .right-bar .menus .menu.active a,header .right-bar .menus .menu:hover a,header .right-bar .menus .link.active a,header .right-bar .menus .link:hover a,header .right-bar .other-links .menu.active a,header .right-bar .other-links .menu:hover a,header .right-bar .other-links .link.active a,header .right-bar .other-links .link:hover a{padding-bottom:3px;border-bottom:2px solid #fff}header .right-bar .menus .menu a,header .right-bar .menus .link a,header .right-bar .other-links .menu a,header .right-bar .other-links .link a{text-decoration:none;color:#fff;font-size:1rem;font-weight:bold}header .right-bar .search{margin-left:1rem;margin-right:1rem;position:relative}header .right-bar .search input{padding:0 .5rem;outline:none;border:none;width:15rem;height:1.9rem;color:#666;vertical-align:middle}header .right-bar .search button{vertical-align:middle;padding:0 .5rem;height:1.9rem;outline:none;border:none;cursor:pointer;background-color:#3498db;color:#fff}header .right-bar .search button:hover{background-color:#2980b9}main{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;margin:40px 0 30px;display:flex}main .left{width:200px;height:100%;background-color:#3a3a3a;display:flex;flex-direction:column}main .left .site-list{flex:1;display:flex;flex-direction:column;overflow-x:auto}main .left .site-list:hover::-webkit-scrollbar{width:4px}main .left .site-list::-webkit-scrollbar{width:0}main .left .site-list::-webkit-scrollbar-track{background:#959595}main .left .site-list::-webkit-scrollbar-thumb{background:#e67e22}main .left .site-list .site{display:flex;padding:.5rem .6rem;color:#fff;text-decoration:none;display:flex;cursor:pointer}main .left .site-list .site:hover,main .left .site-list .site.active{background-image:-webkit-gradient(linear, left top, right top, from(#767f88), to(#ecf0f1))}main .left .site-list .site:hover a,main .left .site-list .site.active a{color:#3a3a3a}main .left .site-list .site img{vertical-align:middle;margin-right:.4rem;display:inline-block;width:20px;height:20px;margin-left:.3rem}main .left .site-list .site .text{font-size:.95rem;vertical-align:text-bottom}main .left .ad-area{height:30px;width:100%}main .right{width:100%;position:relative}main .right .loading{position:absolute;top:0;left:0;bottom:0;right:0;display:none;width:100%;height:100%;z-index:999;background-color:rbga(0, 0, 0, 0.5);width:80px;height:40px;margin:0 auto;margin-top:100px}main .right .loading span{display:inline-block;width:8px;height:100%;border-radius:4px;background:#90ee90;animation:load 1s ease infinite}@keyframes load{0%,100%{height:40px;background:#90ee90}50%{height:70px;margin:-15px 0;background:#add8e6}}main .right .loading span:nth-child(2){animation-delay:.2s}main .right .loading span:nth-child(3){animation-delay:.4s}main .right .loading span:nth-child(4){animation-delay:.6s}main .right .loading span:nth-child(5){animation-delay:.8s}main .right .err{display:none;font-weight:bold;font-size:1.3rem;color:red;text-align:center;margin-top:3rem}main .right iframe{display:none;border:none;outline:none;width:100%;height:100%;overflow-y:auto}footer{position:absolute;right:0;left:0;bottom:0;background-color:#3a3a3a;height:30px;line-height:30px;text-align:center;color:#fff}footer a{color:#fff;text-decoration:none}footer a:hover{color:#e67e22}footer span{margin:0 .5rem}