.lecture{box-sizing:border-box;display:flex;justify-content:center;padding:15px 0;height:calc(100vh - 70px)}.lecture .publish{width:70px;height:30px;background:#ca0a15;border-radius:4px;font-size:14px;color:#f7f7f7;line-height:30px;text-align:center;float:right;margin-top:10px;cursor:pointer}.lecture .tabs{width:100%;height:50px;box-sizing:border-box;padding:0 20px;position:relative}.lecture .tabs .underline{width:18px;height:2px;background:#ca0a15;position:absolute;bottom:1px;transition:left .3s ease}.lecture .tabs:after{position:absolute;bottom:0;left:20px;content:"";display:block;width:calc(100% - 40px);height:1px;background-color:#f0f0f0}.lecture .tabs .tab-item{padding:0 20px;font-size:14px;color:#666;line-height:50px;cursor:pointer}.lecture .tabs .tab-item.active{color:#ca0a15}.lecture .events-inner{width:1200px;height:100%;background:#fff;border-radius:4px;display:flex;flex-flow:column nowrap}.lecture-list{height:calc(100% - 46px);padding-top:20px}.lecture-list .list-content{padding:0 20px;display:flex;flex-flow:column nowrap;overflow:auto;height:calc(100% - 60px)}.lecture-list .list-content .list-item{cursor:pointer;flex:none;height:100px;background:#f7f7f7;border-radius:4px;margin-bottom:10px;padding:14px 20px;box-sizing:border-box;line-height:1;display:flex;justify-content:space-between}.lecture-list .list-content .list-item .right{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-end}.lecture-list .list-content .list-item .right .price{font-size:18px;color:#333}.lecture-list .list-content .list-item .right .price span{color:#ca0a15}.lecture-list .list-content .list-item .right .comment{font-size:12px;color:#b5b5b5}.lecture-list .list-content .list-item .right .comment span{color:#ca0a15}.lecture-list .list-content .list-item .title{font-size:18px;color:#333;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.lecture-list .list-content .list-item .desc{margin-top:12px;font-size:14px;color:#666;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.lecture-list .list-content .list-item .date{margin-top:19px;font-size:12px;color:#b5b5b5}.lecture-list .list-content .list-item:last-of-type{border-bottom:none}.lecture-list .pager{margin-top:20px;display:flex;justify-content:center}