.topic-list{padding-left:40px;padding-top:30px}.topic-list .main-wrap{height:434px;display:flex}.topic-list .main-wrap .left,.topic-list .main-wrap .middle,.topic-list .main-wrap .right{height:100%}.topic-list .main-wrap .left,.topic-list .main-wrap .right{border:2px solid #eee;border-radius:4px;overflow:auto}.topic-list .main-wrap .left{width:394px}.topic-list .main-wrap .left .left-item{height:76px;padding:0 22px;cursor:pointer;transition:all .3s}.topic-list .main-wrap .left .left-item .left-item-wrap{height:100%;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #eee;padding:2 12px}.topic-list .main-wrap .left .left-item .left-item-wrap .topic-title{margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-list .main-wrap .left .left-item-active{transition:all .3s;background-color:#f5f7ff}.topic-list .main-wrap .middle{width:40px;position:relative}.topic-list .main-wrap .middle .blue-triangle{transition:all .3s;position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-top:6px solid transparent;border-left:6px solid #1989fa;border-bottom:6px solid transparent}.topic-list .main-wrap .right{width:538px;padding:16px 24px}.topic-list .main-wrap .right .right-item{box-sizing:border-box;width:100%;height:148px;background:#fafafa;border-radius:10px;margin-bottom:24px;padding:0 24px;display:flex;flex-direction:column}.topic-list .main-wrap .right .right-item .right-title{height:88px;border-bottom:1px solid #ccc;display:flex;flex-direction:column;justify-content:center;font-size:14px}.topic-list .main-wrap .right .right-item .right-pass{flex:1;display:flex;align-items:center;font-size:14px;color:#333;font-weight:800}.topic-list .left-mid-box{display:flex}.topic-list .left-mid-box .list-container{height:434px;border:2px solid #eee;border-radius:4px;flex:1}.topic-list .left-mid-box .list-container .list-item{height:76px;padding:0 24px}.topic-list .left-mid-box .list-container .list-item .list-item__body{height:100%;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #eee}.topic-list .left-mid-box .list-container .list-item__active{background-color:#f5f7ff}.topic-list .left-mid-box .middle-box{height:434px;width:40px}.topic-list .left-mid-box .middle-box .blue-triangle-item{height:76px;display:flex;justify-content:center;align-items:center}.topic-list .left-mid-box .middle-box .blue-triangle-item .blue-triangle{width:0;height:0;border-top:6px solid transparent;border-left:6px solid #1989fa;border-bottom:6px solid transparent}.topic-list .rig-container{padding:16px 24px;height:434px;border:2px solid #eee;border-radius:4px;overflow:scroll}.topic-list .rig-container .right-item{padding:24px;background:#fafafa;margin-bottom:20px}.topic-list .rig-container .right-item .top-box{height:64px;border-bottom:1px solid #ccc}.topic-list .rig-container .sub_list-item__active{background-color:#eee!important;transition:all .5s}