.article-item-comp[data-v-6d7967c3]{width:100%;background:#fff;border-radius:8px;display:flex;cursor:pointer;box-sizing:border-box;padding:20px 30px}.article-item-comp[data-v-6d7967c3]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.article-item-comp:hover .article-cover .thumb-bar .content-box[data-v-6d7967c3]{transform:scale(1.1)}.article-item-comp[data-v-6d7967c3]:last-child{margin-bottom:10px}.article-item-comp .article-body[data-v-6d7967c3]{flex:1;box-sizing:border-box;padding-top:12px;overflow:hidden}.article-item-comp .article-body .article-title[data-v-6d7967c3]{margin-bottom:25px;font-size:18px;font-weight:600;color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-item-comp .article-body .article-info[data-v-6d7967c3]{height:auto;display:flex;flex-direction:row;align-items:center}.article-item-comp .article-body .article-info .category[data-v-6d7967c3]{padding:5px 8px;background:rgba(255,80,104,.1);border-radius:12px;font-size:14px;font-weight:400;color:#ff4d4f;line-height:14px;margin-right:30px}.article-item-comp .article-body .article-info .read-count[data-v-6d7967c3]{height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px}.article-item-comp .article-cover[data-v-6d7967c3]{margin-right:20px}.article-item-comp .article-cover .thumb-bar[data-v-6d7967c3]{overflow:hidden;border-radius:8px}.article-item-comp .article-cover .thumb-bar .content-box[data-v-6d7967c3]{transition:all .3s}.content[data-v-a32cdcb6]{width:100%}.content .contanier[data-v-a32cdcb6]{width:1200px;margin:0 auto;display:block;display:flex;flex-direction:row;box-sizing:border-box;padding-top:30px}.content .contanier .left-contanier[data-v-a32cdcb6]{width:769px;min-height:500px;display:flex;flex-direction:column;margin-right:30px}.content .contanier .right-contanier[data-v-a32cdcb6]{width:400px;position:relative}.content .contanier .right-contanier .right-list[data-v-a32cdcb6]{display:inline-block;width:400px;height:auto;background:#fff;border-radius:8px;padding:30px;box-sizing:border-box;position:sticky;top:0}.content .contanier .right-contanier .right-list .tit[data-v-a32cdcb6]{width:100%;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px;margin-bottom:5px}.content .contanier .right-contanier .right-list .right-box[data-v-a32cdcb6]{width:100%;display:flex;flex-direction:column}.content .contanier .right-contanier .right-list .right-box .article-item[data-v-a32cdcb6]{width:100%;padding-top:20px;padding-bottom:20px;border-bottom:1px dashed #ddd}.content .contanier .right-contanier .right-list .right-box .article-item[data-v-a32cdcb6]:last-child{margin-bottom:0}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp[data-v-a32cdcb6]{width:100%;border-radius:8px;display:flex;cursor:pointer;box-sizing:border-box}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp:hover .article-cover .thumb-bar[data-v-a32cdcb6]{transform:scale(1.1)}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp .article-body[data-v-a32cdcb6]{flex:1;box-sizing:border-box;padding-top:10px}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp .article-body .article-title[data-v-a32cdcb6]{width:187px;height:auto;float:left;margin-bottom:20px;font-size:16px;font-weight:600;color:#333;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp .article-body .article-info[data-v-a32cdcb6]{width:100%;height:auto;display:flex;flex-direction:row;align-items:center}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp .article-body .article-info .category[data-v-a32cdcb6]{padding:5px 8px;background:rgba(255,80,104,.1);border-radius:12px;font-size:14px;font-weight:400;color:#ff4d4f;line-height:14px;margin-right:30px}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp .article-body .article-info .read-count[data-v-a32cdcb6]{height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp .article-cover[data-v-a32cdcb6]{width:142px;height:80px;border-radius:8px;overflow:hidden;margin-right:20px}.content .contanier .right-contanier .right-list .right-box .article-item .article-item-comp .article-cover .thumb-bar[data-v-a32cdcb6]{width:100%;height:100%;transition:all .3s}.content #page[data-v-a32cdcb6]{width:769px;margin:0 auto;margin-top:50px;display:flex;flex-direction:row;justify-content:center}