.inner{max-width:none;margin:180px 25vw}.sort{margin:0 -20px}.sort a{position:relative;display:inline-block;padding-bottom:10px;margin:0 20px;font-size:.875em;color:#000}.sort a:after{content:"";position:absolute;bottom:0;right:0;height:5px;width:0;background:#ccc;transition:width .6s}.sort a:hover:after,.sort a.active:after{width:100%}.sub-title{color:#000;font-size:1.25em;font-weight:normal;margin-bottom:40px}.title,.sub-title,.sort{opacity:0;transition:opacity .6s}.title.show,.sub-title.show,.sort.show{opacity:1}.article{min-height:calc(100vh - 400px)}.article-title{display:none}.article-container{position:relative;border-bottom:#ddd solid 1px;margin:80px 0;padding-bottom:80px}.article-wrap{margin:-15px;display:flex;flex-wrap:wrap}.article-item{position:relative;margin:15px;opacity:0;transform:translateY(40px);transition:opacity .6s,transform .6s}.article-item.show{opacity:1;transform:translateY(0)}.article-it1{width:calc((100% - 60px)/2)}.article-img{overflow:hidden}.article-img img{width:100%;transition:transform .6s}.article-date{color:#ccc;margin-top:20px;font-size:.8em;letter-spacing:2px}.article-name{color:#000;font-size:.875em;letter-spacing:1px}.article-text{font-size:.75em;margin-bottom:20px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.article-view{position:absolute;top:0;width:100%;overflow:hidden;opacity:0;transition:opacity .6s}.article-view-icon{font-size:.8em;color:#ccc;position:absolute;top:0;right:0;background:#fff;color:#000;text-align:center;line-height:35px;padding:0 10px;transform:translate(50px, -40px);transition:transform .6s}.article-vi1:before{content:"";padding-bottom:66.6666666667%;display:block;background:#000;opacity:.3}.article .article-item a:hover img{transform:scale(1.2)}.article .article-item a:hover .article-text{color:#666}.article .article-item a:hover .article-view{opacity:1}.article .article-item a:hover .article-view-icon{transform:translate(0, 0)}@media screen and (max-width: 1300px){.article-wrap{margin:0 -2%}.article-item{width:46%;margin:2%}}@media screen and (max-width: 1100px){.inner{margin:150px auto;max-width:600px}.article-title{display:block}.article-container{overflow:hidden}.article-list{opacity:1}}@media screen and (max-width: 740px){.inner{margin:150px 8vw;max-width:none}}@media screen and (max-width: 640px){.inner{max-width:400px;margin:100px auto}.sub-title{margin-bottom:20px}.article-container{margin:40px 0;padding-bottom:40px}.article-item{width:100%}.article-item:last-child{margin-bottom:0}.sort{margin:0 -10px}.sort a{margin:0 10px 20px;font-size:.75em}.sort a:after{height:3px}}@media screen and (max-width: 540px){.inner{margin:100px 8vw;max-width:none}}