.fair-online.index {
  width: 1150px;
  margin: 20px auto;
  background-color: white;
}

.title { position: relative; padding: 23px 20px;font-size: 18px; font-weight: 500; color: #333; border-bottom: 1px solid #F5F5F5; }
.title:after { position: absolute; content: ''; width: 4px; height: 20px; left: 0; top: 50%; transform: translateY(-50%); background-color: #0486FE; }

.fair-list {}
.no-data { padding: 50px 0; text-align: center; background-color: #fff; margin-top: 30px; }
.no-data > img { max-width: 240px; max-height: 300px; pointer-events: none; margin-bottom: 20px; }
.fair-item { position: relative; padding: 20px; display: flex; border-bottom: 1px solid #F5F5F5 }
.fair-item:hover { background-color: #F7FBFF; }
.fair-item .poster { position: relative; display: flex; overflow: hidden; border-radius: 4px; width: 320px; height: 140px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.fair-item .poster > img { width: 100%; display: table; }
.fair-item .poster .NOT_STARTED,
.fair-item .poster .IN_PROGRESS,
.fair-item .poster .OVERED { position: absolute; top: 0; left: 0; border-radius: 0 0 4px 0; padding: 6px 10px; z-index: 9; }
.fair-item .poster .NOT_STARTED { background-color: rgba(255, 255, 255, .4); color: rgba(0, 0, 0, .8); }
.fair-item .poster .NOT_STARTED:after { content: '未开始'; }
.fair-item .poster .IN_PROGRESS { background-color: rgba(0, 0, 0, .4); color: rgba(255, 255, 255, .8); }
.fair-item .poster .IN_PROGRESS:after { content: '进行中'; }
.fair-item .poster .OVERED { background-color: rgba(255, 255, 255, .4); color: rgba(0, 0, 0, .8); }
.fair-item .poster .OVERED:after { content: '已结束'; }
.fair-item .fair-info { margin-left: 30px; width: calc(100% - 350px); }
.fair-item .fair-info .fair-head { display: flex; }
.fair-item .fair-info .fair-head .name { color: #333; font-weight: bold; font-size: 16px; flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 450px; }
.fair-item .fair-info .fair-head .date { margin: 1px 0 1px 30px; color: #999; }
.fair-item .fair-info .intro { color: #999; margin-top: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 60px; position: relative; word-break: break-all; word-wrap: break-word; white-space: pre-wrap;}
.fair-item .fair-info .fair-foot { color: #666; line-height: 26px; margin-top: 20px; }
.fair-item .fair-info .fair-foot .detail { display: inline-block; }
.fair-item .fair-info .fair-foot .detail + .detail { margin-left: 50px; }
.fair-item .fair-info .fair-foot .detail > img { height: 14px; }
.fair-item .fair-info .fair-foot .detail span { font-weight: bold; }
.fair-item .fair-info .fair-foot .detail span:after { content: ' 个'; font-weight: 400; }
.fair-item .fair-info .fair-foot .detail.company > span { color: #FF8A00; }
.fair-item .fair-info .fair-foot .detail.job > span { color: #0486FE; }
.fair-item .fair-info .intro {word-wrap: break-word;}