.page-wrapper > .content-wrapper {display: flex;background-color: #f2f5f7;font-family: Microsoft Yahei;}

.video-content-list {margin-top: 20px;width: 880px;}

.list-item-wrapper {background-color: white;width: 100%;height: 220px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.list-item-wrapper .image-wrapper {position: relative;}
.list-item-wrapper .cover {height: 180px;width: 300px;cursor: pointer;}
.list-item-wrapper .content {width: 520px;margin-left: 20px;}
.list-item-wrapper .title {font-size: 18px;font-weight: bold;color: #333;margin-bottom: 7px;line-height: 18px;}
.list-item-wrapper .subtitle {display: flex;align-items: center;font-size: 12px;font-weight: normal;color: #333;margin-bottom: 7px;}
.list-item-wrapper .subtitle .poster {cursor: pointer;color: #333;}
.list-item-wrapper .subtitle img {margin-right: 8px;}
.list-item-wrapper .text {width: 520px;height: 96px;font-size: 15px;font-weight: normal;color: #333;line-height: 24px;margin-bottom: 7px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.list-item-wrapper .link {font-size: 14px;font-weight: bold;color: #5092ff;cursor: pointer;display: flex;align-items: center;float: right;}
.list-item-wrapper p {display: flex;margin-bottom: 7px;}

.icon {display: flex;background: url("") no-repeat center;cursor: pointer;}
.icon.icon-arrow-xiala {width: 12px;height: 12px;background-image: url("../../assets/icon/icon_xiajiantou_blue.png");}
.icon.icon-time {width: 20px;height: 20px;background-image: url("../../assets/icon/icon_time.png");margin-right: 8px;}
.icon.icon-mic {width: 20px;height: 20px;background-image: url("../../assets/icon/icon_mic.png");margin-right: 8px;}

.pagination-wrapper {background: white;}
.pagination-wrapper .pagination-total {margin-left: 10px;}

.no-record {margin-top: 20px;width: 100%;height: calc(100% - 78px);padding: 35% 0;text-align: center;font-size: 17px;color: #999;background: #fff;}