.post-list { position: relative; overflow: hidden; }
.post-list__wrap { position: relative; overflow: hidden; margin: -6px; font-size: 0; }
.post-list__item { display: inline-block; vertical-align: top; width: 25%; }
.post-list__item-inner { display: block; position: relative; margin: 6px; }
.post-list__link { display: block; }
.post-list__thumb { position: relative; overflow: hidden; margin-bottom: 10px; padding: 20px; border: 1px solid #e0e0e0; text-align: center; }
.post-list__thumb img { display: inline-block; max-width: 100px; }
.post-list__title { font-size: 14px; font-weight: 600; color: #000; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.post-list__color { font-size: 11px; color: #999; }
.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: 15px; font-weight: 700; line-height: 40px; text-align: center; color: #999; -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; font-size: 12px; 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__title { font-size: 12px; font-size: 3.2vw; }
  .post-list__color { font-size: 11px; font-size: 2.933333333333333vw; } }

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