.post-list { position: relative; overflow: hidden; }
.post-list__wrap { position: relative; overflow: hidden; margin: -6px; }
.post-list__item { float: left; width: 33.3333333%; }
.post-list__item-inner { display: block; position: relative; margin: 6px; }
.post-list__link { display: block; }
.post-list__thumb { position: relative; overflow: hidden; height: 0; padding-bottom: 137.5%; }
.post-list__thumb img { position: absolute; left: 0; top: 0; width: 100%; }
.post-list__title { position: absolute; left: 0; bottom: 0; right: 0; padding: 20px; font-size: 15px; font-weight: 600; color: #fff; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75)); opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
.post-list__item:hover .post-list__title { opacity: 1; }
.post-opt { position: absolute; top: 0; right: 0; z-index: 999; }
.post-opt-btn { width: 40px; height: 40px; padding: 0 10px; border: 0; background: transparent; font-size: 1.4em; font-weight: 700; line-height: 40px; text-align: center; color: #fff; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; }
.post-opt-list { display: none; position: absolute; top: 45px; right: 0; background: #fff; border: 1px solid #b8bfc4; }
.post-opt-list--active { display: block; }
.post-opt-list:before { content: ""; position: absolute; top: -8px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #b8bfc4 transparent; }
.post-opt-list:after { content: ""; position: absolute; top: -6px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; }
.post-opt-list__item { border-bottom: 1px solid #f1f1f1; padding: 10px; float: inherit; width: 60px; margin: 0; color: #6b757c; text-align: left; }
.post-opt-list__item:last-child { border-bottom: 0; }
.post-opt-list__link { display: block; width: 100%; border: 0; background: #fff; color: #6b757c; }
.post-opt-list__link:hover { color: #000; }
.post-opt-list__link i { float: right; line-height: 20px; }
@media only screen and (max-width: 767px) { .post-list__item { width: 50%; }
  .post-list__thumb { margin-bottom: 12px; margin-bottom: 3.2vw; }
  .post-list__title { font-size: 12px; font-size: 3.2vw; opacity: 1; } }

/*# sourceMappingURL=style.css.map */