.topic-item-component[data-v-ec28605e]{width:278px;margin-bottom:30px;color:#363636}.topic-item-component.transition-wrapper[data-v-ec28605e]{overflow:hidden;border-radius:3px}.topic-item-component.transition-wrapper .top[data-v-ec28605e]{overflow:hidden;position:relative;transition:height .3s}.topic-item-component.transition-wrapper .bottom[data-v-ec28605e]{background-color:#fafafb;border:1px solid #efeff3;border-top:none;transition:height .3s}.topic-item-component.transition-wrapper[data-v-ec28605e]:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.topic-item-component.transition-wrapper:hover .top[data-v-ec28605e]:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.15);z-index:9}.topic-item-component.transition-wrapper:hover .bottom[data-v-ec28605e]{background-color:#fff;border-color:transparent}.topic-item-component .image-wrapper[data-v-ec28605e]{width:100%;height:139px}.topic-item-component .image-wrapper .thumbnail[data-v-ec28605e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:139px;-o-object-fit:cover;object-fit:cover}.topic-item-component .info[data-v-ec28605e]{height:140px;padding:14px 24px 0 24px}.topic-item-component .info .title[data-v-ec28605e]{margin:12px 0 20px 0}.topic-item-component .info .btn-box[data-v-ec28605e]{text-align:center;display:none}.topic-item-component .info .btn-box .more-btn[data-v-ec28605e]{width:120px;height:38px;line-height:36px;display:inline-block;border:1px solid #3352fe;background-color:#fff;border-radius:3px;cursor:pointer}.topic-item-component:hover .image-wrapper[data-v-ec28605e]{height:79px}.topic-item-component:hover .image-wrapper .thumbnail[data-v-ec28605e]{margin-top:-20px}.topic-item-component:hover .info[data-v-ec28605e]{height:190px}.topic-item-component:hover .info .btn-box[data-v-ec28605e]{display:block}