.clearfix::after{content:'';display:table;clear:both}@media screen and (min-width:980px){body .mini-article__cover{height:160px}}.page__mini-article{width:100%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.15);transition:box-shadow .3s;line-height:1.4}.page__mini-article:hover{box-shadow:0 0 20px rgba(0,0,0,.2)}.page__mini-article:hover .mini-article__cover::before{background-color:rgba(30,200,252,.9)}.page__mini-article:hover .mini-article__cover>a{transform:translate(-50%,-50%) rotateX(180deg) rotateZ(-360deg) scale(1);opacity:1}.mini-article__cover{position:relative;overflow:hidden;width:100%;height:auto}.mini-article__cover::before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1;background-color:transparent;transition:background .3s}.mini-article__cover>img{display:block;width:100%}.mini-article__cover>a{font-size:inherit;text-decoration:none;transition:color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(180deg) rotateZ(0) scale(.5);opacity:0;display:block;color:#fff;z-index:2;font-size:28px;transition:transform .3s,opacity .3s}.mini-article__cover>a:hover{color:#0e627b}.mini-article__date{position:absolute;top:10px;right:10px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#fff;font-weight:700;text-align:center;background-color:rgba(64,84,90,.7);line-height:1}.mini-article__date>span{display:block}.mini-article__date .date__day{font-size:12px}.mini-article__date .date__month{font-size:10px;margin-top:5px}.mini-article__info{padding:15px}.mini-article__title{font-size:16px;margin:0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-article__title>a{font-size:inherit;text-decoration:none;transition:color .3s;color:#242f35}.mini-article__title>a:hover{color:#19abd6}.mini-article__author{display:block;margin:0;margin-top:5px}.mini-article__author span a{color:#19abd6;text-decoration:none}.min-article__desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;line-height:26px;height:52px}.min-article__tags>i{font-size:24px;vertical-align:middle;margin-right:5px}.min-article__tags .tags__list{display:inline-block;margin:0;padding:0;list-style:none;vertical-align:middle}.min-article__tags .tags__item{float:left}.min-article__tags .tags__item>a{font-size:inherit;text-decoration:none;transition:color .3s;color:#666}.min-article__tags .tags__item>a:hover{color:#19abd6}.min-article__tags .tags__item+.tags__item::before{content:', '}@media screen and (min-width:980px){body .page__posts{margin-top:-30px;margin-right:-30px}body .page__post{width:300px}}@media screen and (min-width:1280px){body .page__post{width:290px}}.page__posts{margin-top:-30px;margin-right:0}.page__post{float:left;width:100%;margin-top:30px;margin-right:30px}