.maybelike_title { margin:5px 0; font-size:21px; color: #00a8ff; cursor:default; }
.maybelike_item { display:flex; width:calc(870px / 3 + 1px) !important; margin:0; padding:10px; border-right:1px solid #ccc; overflow:hidden; box-sizing:border-box; }
.maybelike_item .imgbox { background-color:#efefef; width:80px; height:80px; margin-right:8px; border-radius:8px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,0.3); box-sizing:border-box; float:left\9; /*ie9 ie10*/ }
.maybelike_item .maybelike_img { width:80px; height:80px; background-size:cover; background-position:center; opacity:1; transition:transform 0.2s linear, opacity 0.2s linear; }
.maybelike_item:hover .maybelike_img {transform:scale(1.05); opacity:0.8; transition:transform 0.2s linear, opacity 0.2s linear; }
.maybelike_item .maybelike_info { width:calc(100% - 88px); float:right\9; /*ie9 ie10*/ }
.maybelike_info .maybelike_p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:42px;  font-weight:bold; overflow:hidden; word-break:normal; text-overflow:ellipsis; }
.maybelike_info .maybelike_subject { font-size:15px; line-height:21px; color:#333; transition:color 0.2s linear; }
.maybelike_item:hover .maybelike_info .maybelike_subject { color:#00a8ff; transition:color 0.2s linear; }
.maybelike_info .maybelike_period { height:36px; line-height:18px; font-size:13px; color:#777; font-weight:normal; overflow:hidden; }

/* hack */
.maybelike_box .bx-wrapper { margin:0 auto; width:870px; }
.maybelike_box .bx-wrapper .bx-viewport { box-shadow:none; margin-left:4px; border:1px solid #ccc; box-sizing:border-box; }
.maybelike_box .bx-wrapper .bx-pager { bottom:-20px; }