.topic-item-comp[data-v-26dc451a]{width:100%;height:140px;float:left;background:#fff;border-radius:8px;display:flex;cursor:pointer;box-sizing:border-box;padding:20px 30px}.topic-item-comp[data-v-26dc451a]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.topic-item-comp:hover .topic-thumb .thumb-bar[data-v-26dc451a]{transform:scale(1.1)}.topic-item-comp[data-v-26dc451a]:last-child{margin-bottom:10px}.topic-item-comp .topic-body[data-v-26dc451a]{flex:1;box-sizing:border-box;padding-top:15px}.topic-item-comp .topic-body .topic-title[data-v-26dc451a]{width:556px;height:auto;float:left;margin-bottom:28px;font-size:18px;font-weight:600;color:#333;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-item-comp .topic-body .topic-info[data-v-26dc451a]{width:100%;height:auto;display:flex;flex-direction:row;align-items:center}.topic-item-comp .topic-body .topic-info .category[data-v-26dc451a]{padding:5px 8px;background:rgba(255,80,104,.1);border-radius:12px;font-size:14px;font-weight:400;color:#ff5068;line-height:14px;margin-right:30px}.topic-item-comp .topic-body .topic-info .read-count[data-v-26dc451a]{height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px}.topic-item-comp .topic-thumb[data-v-26dc451a]{width:133px;height:100px;border-radius:8px;overflow:hidden;margin-right:20px}.topic-item-comp .topic-thumb .thumb-bar[data-v-26dc451a]{width:100%;height:100%;transition:all .3s}@keyframes el-skeleton-loading-127fdb7c{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-127fdb7c]{width:100%;display:flex;flex-direction:column}.skeleton .item[data-v-127fdb7c]{width:100%;height:140px;box-sizing:border-box;display:flex;flex-direction:row;margin-bottom:10px}.skeleton .item[data-v-127fdb7c]:last-child{margin-bottom:0}.skeleton .item .thumb[data-v-127fdb7c]{width:133px;height:100px;border-radius:8px;overflow:hidden;margin-right:20px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-127fdb7c 1.4s ease infinite}.skeleton .item .body[data-v-127fdb7c]{width:550px;display:flex;flex-direction:column}.skeleton .item .body .title[data-v-127fdb7c]{height:20px;margin-top:20px;margin-bottom:28px}.skeleton .item .body .info[data-v-127fdb7c],.skeleton .item .body .title[data-v-127fdb7c]{width:100%;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-127fdb7c 1.4s ease infinite}.skeleton .item .body .info[data-v-127fdb7c]{height:14px}@keyframes el-skeleton-loading-3c8bbb00{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-3c8bbb00]{width:100%;height:828px;padding:30px;box-sizing:border-box;display:flex;flex-direction:column}.skeleton .name[data-v-3c8bbb00]{width:100px;height:18px;margin-bottom:30px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-3c8bbb00 1.4s ease infinite}.skeleton .item[data-v-3c8bbb00]{width:100%;height:100px;display:flex;flex-direction:row;margin-bottom:10px}.skeleton .item[data-v-3c8bbb00]:last-child{margin-bottom:0}.skeleton .item .thumb[data-v-3c8bbb00]{width:130px;height:100px;overflow:hidden;border-radius:8px;margin-right:20px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-3c8bbb00 1.4s ease infinite}.skeleton .item .body[data-v-3c8bbb00]{width:188px;display:flex;flex-direction:column}.skeleton .item .body .title[data-v-3c8bbb00]{width:188px;margin-top:20px;margin-bottom:28px}.skeleton .item .body .info[data-v-3c8bbb00],.skeleton .item .body .title[data-v-3c8bbb00]{height:18px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-3c8bbb00 1.4s ease infinite}.skeleton .item .body .info[data-v-3c8bbb00]{width:100px}.content[data-v-1a8f9320]{width:100%}.content .contanier[data-v-1a8f9320]{width:1200px;margin:0 auto;overflow:hidden;display:block;display:flex;flex-direction:row;box-sizing:border-box;padding-top:30px}.content .contanier .left-contanier[data-v-1a8f9320]{width:769px;min-height:500px;display:flex;flex-direction:column;margin-right:30px}.content .contanier .right-contanier[data-v-1a8f9320]{width:400px;position:relative}.content .contanier .right-contanier .right-list[data-v-1a8f9320]{display:inline-block;width:400px;height:auto;background:#fff;border-radius:8px;padding:30px;box-sizing:border-box}.content .contanier .right-contanier .right-list .tit[data-v-1a8f9320]{width:100%;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px;margin-bottom:30px}.content .contanier .right-contanier .right-list .right-box[data-v-1a8f9320]{width:100%;display:flex;flex-direction:column}.content .contanier .right-contanier .right-list .right-box .topic-item[data-v-1a8f9320]{width:100%;margin-bottom:30px}.content .contanier .right-contanier .right-list .right-box .topic-item[data-v-1a8f9320]:last-child{margin-bottom:0}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp[data-v-1a8f9320]{width:100%;height:100px;float:left;background:#fff;border-radius:8px;display:flex;cursor:pointer;box-sizing:border-box}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp:hover .topic-thumb .thumb-bar[data-v-1a8f9320]{transform:scale(1.1)}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp .topic-body[data-v-1a8f9320]{flex:1;box-sizing:border-box;padding-top:15px}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp .topic-body .topic-title[data-v-1a8f9320]{width:187px;height:auto;float:left;margin-bottom:28px;font-size:18px;font-weight:600;color:#333;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp .topic-body .topic-info[data-v-1a8f9320]{width:100%;height:auto;display:flex;flex-direction:row;align-items:center}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp .topic-body .topic-info .category[data-v-1a8f9320]{padding:5px 8px;background:rgba(255,80,104,.1);border-radius:12px;font-size:14px;font-weight:400;color:#ff5068;line-height:14px;margin-right:30px}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp .topic-body .topic-info .read-count[data-v-1a8f9320]{height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp .topic-thumb[data-v-1a8f9320]{width:133px;height:100px;border-radius:8px;overflow:hidden;margin-right:20px}.content .contanier .right-contanier .right-list .right-box .topic-item .topic-item-comp .topic-thumb .thumb-bar[data-v-1a8f9320]{width:100%;height:100%;transition:all .3s}.content #page[data-v-1a8f9320]{width:769px;margin:0 auto;margin-top:50px;display:flex;flex-direction:row;justify-content:center}