.article-list-wrapper[data-v-2c6309f3]{background:#fff;border:1px solid #c4c4c4;border-radius:0 8px 8px;box-shadow:0 -5px 18px 6px #aaadb133;min-height:400px;padding:27px 27px 30px}.article-list-wrapper .article-list .article-item[data-v-2c6309f3]{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;height:60px;justify-content:space-between;margin-bottom:20px;padding:0 27px 0 22px;width:100%}.article-list-wrapper .article-list .article-item .left[data-v-2c6309f3]{align-items:center;display:flex;margin-right:20px}.article-list-wrapper .article-list .article-item .left .icon[data-v-2c6309f3]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAGxJREFUKFNjZMAC0tLSzJmYmP7PmDHjFLo0I7oASDEDA8NOkDgTE5MbuiYUDUiK+aEGfUTXBNeARTHMchRNYA14FGNoYiRCMYomUjR8YGJicifWSWDFoBAjxtNwxSC3kR+sMJ+RFHHImnAlDQBPzT7pKBP+sQAAAABJRU5ErkJggg==);height:12px;margin-right:20px;width:12px}.article-list-wrapper .article-list .article-item .right[data-v-2c6309f3]{color:#666;font-family:Source Han Sans CN;font-weight:400;text-align:right;white-space:nowrap}.article-list-wrapper .article-list .article-item[data-v-2c6309f3]{cursor:pointer}.article-list-wrapper .article-list .article-item .article-title[data-v-2c6309f3]{color:#666;font-family:Source Han Sans CN;font-weight:400;max-width:800px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.article-list-wrapper .article-list .article-item[data-v-2c6309f3]:hover{background:#d64203}.article-list-wrapper .article-list .article-item:hover .icon[data-v-2c6309f3]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAGdJREFUKFOdktsNgDAIRe+dwHHcQGd2hU6jE2BU2hQkhtpPek54EsETkRmAkCz+mz6g8KbxxUtG6OBJhQOAkZoQwDW5kW7hA35JTMBWGhB2AGu2pAcmS6bpBl+1/R9r7WxocU4KT+MEX7RCc/m104AAAAAASUVORK5CYII=)}.article-list-wrapper .article-list .article-item:hover .article-title[data-v-2c6309f3],.article-list-wrapper .article-list .article-item:hover .left .icon[data-v-2c6309f3],.article-list-wrapper .article-list .article-item:hover .right[data-v-2c6309f3]{color:#fff}.article-list-wrapper .pagination-box[data-v-2c6309f3]{align-items:center;display:flex;justify-content:center;line-height:28px;margin-top:20px;padding-bottom:30px}.article-list-wrapper-m .article-list .article-item[data-v-2c6309f3]{background:#fff;border-radius:4px;box-shadow:4px 5px 16px #0000001a;display:flex;flex-direction:column;height:60px;justify-content:flex-start;margin-bottom:20px;padding:7px 10px 0 7px;width:100%}.article-list-wrapper-m .article-list .article-item .left[data-v-2c6309f3]{align-items:center;display:flex;margin-bottom:5px}.article-list-wrapper-m .article-list .article-item .left .icon[data-v-2c6309f3]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAGxJREFUKFNjZMAC0tLSzJmYmP7PmDHjFLo0I7oASDEDA8NOkDgTE5MbuiYUDUiK+aEGfUTXBNeARTHMchRNYA14FGNoYiRCMYomUjR8YGJicifWSWDFoBAjxtNwxSC3kR+sMJ+RFHHImnAlDQBPzT7pKBP+sQAAAABJRU5ErkJggg==);height:12px;margin-right:8px;width:12px}.article-list-wrapper-m .article-list .article-item .right[data-v-2c6309f3]{color:#666;font-family:Arial;font-size:12px;font-weight:400;white-space:nowrap}.article-list-wrapper-m .article-list .article-item .right span[data-v-2c6309f3]{margin-left:20px}.article-list-wrapper-m .article-list .article-item[data-v-2c6309f3]{cursor:pointer}.article-list-wrapper-m .article-list .article-item .article-title[data-v-2c6309f3]{color:#333;font-family:PingFang SC;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.article-list-wrapper-m .article-list .article-item[data-v-2c6309f3]:hover{background:#d64203}.article-list-wrapper-m .article-list .article-item:hover .icon[data-v-2c6309f3]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAGdJREFUKFOdktsNgDAIRe+dwHHcQGd2hU6jE2BU2hQkhtpPek54EsETkRmAkCz+mz6g8KbxxUtG6OBJhQOAkZoQwDW5kW7hA35JTMBWGhB2AGu2pAcmS6bpBl+1/R9r7WxocU4KT+MEX7RCc/m104AAAAAASUVORK5CYII=)}.article-list-wrapper-m .article-list .article-item:hover .article-title[data-v-2c6309f3],.article-list-wrapper-m .article-list .article-item:hover .left .icon[data-v-2c6309f3],.article-list-wrapper-m .article-list .article-item:hover .right[data-v-2c6309f3]{color:#fff}.article-list-wrapper-m .pagination-box[data-v-2c6309f3]{align-items:center;display:flex;justify-content:center;line-height:28px;margin-top:20px;padding-bottom:30px}@media screen and (max-width:960px){.article-list .article-item .article-title[data-v-2c6309f3]{max-width:300px}}