html{font-size:.96rem}body{background:#000}header{position:static;height:4vw;background:#181818;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.48rem}header .middle{margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .middle a.logo{height:1.92rem}header .middle a.logo img{height:100%}header .middle .home{background:var(--brandColor);font-family:Roboto-Medium;border-radius:.18rem;height:2.52rem;padding:0 .78rem;margin-left:6.6rem}header .middle .search{position:relative;height:2.52rem;margin-left:auto}header .middle .search input{width:10.92rem;background:#3c3c3c;border:none;outline:0;border-radius:.18rem;padding-left:1.8rem;padding-right:.6rem;border:.06rem solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box}header .middle .search input:focus{border:.06rem solid rgba(255,255,255,.1)}header .middle .search input:focus+.material-icons{color:#fff}header .middle .search span.material-icons{position:absolute;left:.24rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6e6e6e;z-index:9;font-size:1.44rem}main{background:#fff;min-height:12rem;padding:2.22rem;-webkit-box-sizing:border-box;box-sizing:border-box}main .show-more{display:none}main.show-full .back{margin-bottom:1.2rem;border-radius:.18rem;background:0 0;border:.06rem solid #333;color:#333}main.show-full .back .material-icons{font-size:1.44rem}main.show-full .show-more{display:block}main.show-full .articles{display:none}main .article ul li,main .articles ul li{overflow:hidden;border-bottom:.06rem solid #e7e7e7;padding-bottom:2.4rem}main .article ul li.hidden,main .articles ul li.hidden{display:none}main .article ul li+li,main .articles ul li+li{padding:1.8rem 0}main .article ul li:first-child .poster,main .articles ul li:first-child .poster{width:38.4rem}main .article ul li:first-child .information,main .articles ul li:first-child .information{width:calc(100% - 38.4rem);height:24.6rem}main .article ul li .poster,main .articles ul li .poster{border-radius:.3rem;overflow:hidden;float:left;width:24rem;cursor:pointer}main .article ul li .poster img,main .articles ul li .poster img{width:100%}main .article ul li .information,main .articles ul li .information{position:relative;overflow:hidden;float:right;width:calc(100% - 24rem);padding-left:1.8rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:14.2rem}main .article ul li .information:after,main .articles ul li .information:after{position:absolute;content:"";width:100%;height:100%;bottom:0;left:0;background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),to(rgba(255,255,255,.6)));background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.6));pointer-events:none}main .article ul li .information .article-title,main .articles ul li .information .article-title{font-family:Roboto-Black;color:#000;font-size:2.1rem;cursor:pointer}main .article ul li .information .createTime,main .articles ul li .information .createTime{color:#c4c4c4;font-family:Roboto-medium;font-size:.84rem;margin:.9rem 0}main .article ul li .information .description,main .articles ul li .information .description{position:relative;font-size:.84rem;font-family:Roboto-Medium;color:rgba(0,0,0,.7)}main .article ul li .information .description p+p,main .articles ul li .information .description p+p{margin-top:.9rem}main .article.article .poster,main .articles.article .poster{width:24rem!important;float:right}main .article.article .information,main .articles.article .information{height:auto!important;width:calc(100% - 24rem)!important;padding-left:0;padding-right:1.8rem}main .article.article .information:after,main .articles.article .information:after{display:none}main .article.articles .no-data,main .articles.articles .no-data{display:none;background:#fff;color:#333}main .article.articles .load-more-wrapper,main .articles.articles .load-more-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1.8rem}main .article.articles .load-more-wrapper .load-more,main .articles.articles .load-more-wrapper .load-more{background:var(--brandColor);color:#fff;height:3.24rem;line-height:3.24rem;text-align:center;border-radius:.18rem;-webkit-transition:180ms ease-in-out;transition:180ms ease-in-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 1.8rem;display:none}main .article.articles .load-more-wrapper .load-more:hover,main .articles.articles .load-more-wrapper .load-more:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}main .article.articles .load-more-wrapper .load-more:active,main .articles.articles .load-more-wrapper .load-more:active{-webkit-transform:scale(.98);transform:scale(.98)}