.topic-lists{height:100%;width:500px}.topic-lists .el-pagination__editor.el-input .el-input__inner{border-radius:4px}.topic-lists .el-pagination__sizes .el-input .el-input__inner{height:30px}.topic-lists .topic-list{height:calc(100% - 200px);padding:0 24px;position:relative;box-sizing:border-box;overflow:auto}.topic-lists .topic-list .table-box-footer{height:54px;display:flex;align-items:center;justify-content:flex-end}.topic-lists .topic-list .topic-list-content .user-box{padding:24px 0;align-items:center}.topic-lists .topic-list .topic-list-content .user-box .user-info{display:flex;align-items:center;font-size:14px;color:#626a73;font-weight:400}.topic-lists .topic-list .topic-list-content .user-box .user-info img{width:20px;height:20px;border-radius:50%}.topic-lists .topic-list .topic-list-content .user-box .user-num{display:flex;align-items:center;font-size:14px;color:#409fff;font-weight:600;cursor:pointer}.topic-lists .topic-list .topic-list-content .user-box .user-num img{width:15px;height:15px}.topic-lists .topic-list .topic-list-content .titles-box .titles{align-items:center}.topic-lists .topic-list .topic-list-content .titles-box .titles-text{margin-left:28px;font-size:16px;color:#3d444d;font-weight:600}.topic-lists .topic-list .topic-list-content .titles-box span{display:inline-block;width:52px;height:20px;background:#f7fbff;border-radius:13.5px;font-size:12px;text-align:center;line-height:20px;margin-left:14px}.topic-lists .topic-list .topic-list-content .titles-box .status-finished-btn{font-weight:400;color:#959da6}.topic-lists .topic-list .topic-list-content .titles-box .status-unfinished-btn{font-weight:600;color:#409fff}.topic-lists .topic-list .topic-list-content .content{margin-left:28px;margin-top:6px;font-size:14px;color:#626a73;line-height:24px;font-weight:400}.topic-lists .topic-list .topic-list-content .footer{padding:15px 0 24px 0;border-bottom:1px solid hsla(0,0%,50.2%,.1);margin-left:24px}.topic-lists .topic-list .topic-list-content .footer .btn-tag{height:36px;background:#f7fbff;border-radius:18px;font-size:14px;color:#409fff;cursor:pointer;padding:8px 16px}.topic-lists .topic-list .topic-list-content .footer .send-time{float:right;font-size:12px;color:#959da6}.topic-lists .topic-list .topic-list-content:last-child .footer{border-bottom:none}.topic-lists .pages{height:54px;display:flex;justify-content:flex-end;align-items:center;padding:0 24px;background:#fff}.topic-lists .no-data{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#959da6;margin-top:200px}.topic-lists .no-data>img{width:120px;height:120px;margin-bottom:12px}.topic-lists .head-bars{display:flex;align-items:center;height:58px;border-bottom:1px solid rgba(39,44,51,.05);padding:0 24px;justify-content:space-between}.topic-lists .head-bars .el-tabs .el-tabs__header{margin-bottom:0}.topic-lists .head-bars .el-tabs .el-tabs__header .el-tabs__nav-wrap:after{content:"";height:0}.topic-lists .head-bars .el-tabs .el-tabs__header .el-tabs__item{font-size:16px;font-weight:400;color:#626a73;line-height:58px;height:58px}.topic-lists .head-bars .el-tabs .el-tabs__header .is-active{font-size:16px;font-weight:600;color:#409fff;line-height:58px}.topic-lists .head-bars .left{display:flex}.topic-lists .head-bars .left .send-btn{height:36px;margin-left:24px}.topic-lists .head-bars .left .send-btn span{font-size:14px;font-weight:600;position:relative;top:-2px}.topic-lists .head-bars .left .el-icon-add{background:url(../../static/img/add.0c0a15da.png) 50%/contain no-repeat;background-size:16px;width:16px;height:16px}.topic-lists .head-bars .left .el-icon-add:before{content:""}.topic-lists .head-bars .left .el-button--primary{min-width:auto}.topic-lists .head-bars .left .el-input{width:300px}.topic-lists .opt{height:87px;display:flex;align-items:center;border-bottom:1px solid rgba(39,44,51,.05);margin:0 24px}.topic-lists .opt .send-time{flex:1;display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;font-size:14px;color:#626a73;font-weight:400;cursor:pointer}.topic-lists .opt .send-time .caret-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.topic-lists .opt .send-time .caret-wrapper .sort-caret.ascending{border-bottom-color:#c0c4cc;top:5px}.topic-lists .opt .send-time .caret-wrapper .sort-caret.descending{border-top-color:#c0c4cc;bottom:7px}.topic-lists .opt .send-time .caret-wrapper .sort-caret.ascending-active{border-bottom-color:#409eff;top:5px}.topic-lists .opt .send-time .caret-wrapper .sort-caret.descending-active{border-top-color:#409eff;bottom:7px}.topic-lists .opt .send-time .caret-wrapper .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.topic-lists .opt .search-item{background:rgba(61,68,77,.05);border-radius:18px;font-size:14px;color:#626a73;cursor:pointer;margin-left:24px;padding:8px 16px}.topic-lists .opt .search-item-active{color:#409fff;background:#f0faff;border-radius:18px;font-weight:600}.topic-lists .opt .search-item:last-child{margin-left:14px}.topic-lists .opt .opt-btn-item{height:36px;background:rgba(61,68,77,.05);border-radius:18px;font-size:14px;color:#626a73;cursor:pointer;margin-left:24px;padding:8px 16px}.topic-lists .opt .opt-btn-item-active{color:#fff;font-weight:600;background-image:linear-gradient(225deg,#74ceff,#409fff);box-shadow:0 2px 6px 0 rgba(64,159,255,.4)}.topic-lists .d-flex{display:flex}.topic-lists .flex-1{flex:1}.topic-lists .two-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden}.topic-lists .el-tabs__item{color:#626a73;font-size:16px}.topic-lists .el-tabs__item.is-active{font-weight:600;color:#409eff}.topic-lists .el-tabs__active-bar{height:3px;border-radius:1.5px}