.fair-offline.detail { width: 1150px; margin: 0 auto 20px auto; }
.fair-offline.detail pre.no-style { background: none; border: 0; padding: 0; font: inherit; }

.poster { position: relative; display: flex; overflow: hidden; width: inherit; }
.poster > img { width: 100%; display: table; }
.poster .NOT_STARTED,
.poster .IN_PROGRESS,
.poster .OVERED { position: absolute; top: 0; right: 0; border-radius: 0 0 0 4px; padding: 6px 10px; z-index: 9; }
.poster .NOT_STARTED { background-color: rgba(255, 255, 255, .4); color: rgba(0, 0, 0, .8); }
.poster .NOT_STARTED:after { content: '未开始'; }
.poster .IN_PROGRESS { background-color: rgba(0, 0, 0, .4); color: rgba(255, 255, 255, .8); }
.poster .IN_PROGRESS:after { content: '进行中'; }
.poster .OVERED { background-color: rgba(255, 255, 255, .4); color: rgba(0, 0, 0, .8); }
.poster .OVERED:after { content: '已结束'; }

.fair-head { display: flex; padding: 34px 20px; background-color: white; }
.fair-head .intro { flex: 1; color: #666; }
.fair-head .apply { margin-left: 90px; }
.fair-head .apply-btn { border-radius: 100px; border: 0; outline: none; padding: 14px 25px; background-color: #4A88F7; color: white; }
.booth-pic > img { max-width: 100%; }
.explain { padding: 0 20px 20px; background-color: white; border-top: 1px solid #efefef; }
.explain h3 { margin: 30px 0 20px -20px; border-left: 3px solid #f90; padding-left: 17px; }
.contacts a { font-weight: bold; color: #2276e0; letter-spacing: 1px; }
.contacts .item { line-height: 40px; }
.contacts .item + .item { border-top: 1px dashed #efefef; }

.company-list { margin-top: 10px; background-color: white; padding: 17px 20px; }
.fair-top { display: flex; }
.fair-details { color: #666; line-height: 36px; flex: 1; }
.fair-details .detail { display: inline-block; }
.fair-details .detail + .detail { margin-left: 50px; }
.fair-details .detail > img { height: 14px; margin-right: 5px; }
.fair-details .detail span { font-weight: bold; }
.fair-details .detail.company > span { color: #FF8A00; }
.fair-details .detail.job > span { color: #0486FE; }
.fair-details .detail.company > span:after { content: ' 家'; font-weight: 400; }
.fair-details .detail.job > span:after { content: ' 个'; font-weight: 400; }

.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; }

.search-box { border-radius: 4px; border: 1px solid rgba(228,231,237,1); display: flex; }
.search-box > input { background: none; outline: none; padding: 0 10px; height: 36px; margin: 0; border: 0; flex: 1; width: 300px; }
.search-box > button { outline: none; background: none; border: 0; padding: 0 9px; color: #333; }
.search-box > button > img { width: 18px; height: 18px; pointer-events: none; margin: 9px 0; display: table; }

.fair-tags .ui.secondary.pointing.menu .active.item,
.fair-tags .ui.secondary.pointing.menu .active.item:hover { color: #0486FE; border-color: #0486FE; }

.fair-company { margin: 10px -10px 0;}
.fair-company .item { width: 33.333333%; padding: 10px; float: left; }

.company-info { display: block; border-radius: 2px; padding: 20px; border: 1px solid rgba(232,232,232,1); transform: scale(1); transition: all .2s ease-in; min-height: 225px; height: 225px; }
.company-info:hover { transform: scale(1); box-shadow: 0 0 11px 0px rgba(109, 109, 109, 0.26); }
.company-info .booth-id { position: absolute; top: 0; left: 0; line-height: 27px; border-radius: 0 0 6px 0; background-color: #ff6161; padding: 0 10px; color: white }
.company-info .basic { display: flex; }
.company-info .basic .logo { display: flex; vertical-align: middle; width: 60px; height: 60px; }
.company-info .basic .logo > img { max-width: 60px; max-height: 60px; display: block; margin: auto; }
.company-info .basic .details { max-width: 240px; margin-left: 10px; flex: 1; color: #999; }
.company-info .basic .details .name { font-weight: bold; color: #333; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.company-info .basic .details .contact { font-size: 12px; margin-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.company-info .basic .details .address { font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.company-info .basic ~ .jobs { margin-top: 9px; }
.company-info .jobs { border-top: 1px solid #F5F5F5; padding-top: 7.5px; height: 80px; color: #333; }
.company-info .jobs .job { line-height: 20px; display: flex; }
.company-info .jobs .job + .job { margin-top: 5px; }
.company-info .jobs .job .job-name { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.company-info .jobs .job .job-salary { font-weight: bold; color: #FF5159; margin-left: 10px; }
.company-info .job-total { margin-top: 10px; line-height: 20px; color: #0486FE; text-align: right; }
.company-info .job-total > img { height: 12px; margin-left: 2px; }

/* 报名弹框内容 */
#apply-dialog { min-height: 320px; }
#apply-dialog .content { }
#apply-dialog .content .s_line { display: flex; color: #666; }
#apply-dialog .content .s_line + .s_line { margin-top: 20px; }
#apply-dialog .content .s_line .s_label { text-align-last: justify; width: 90px; margin-right: 20px; }
#apply-dialog .content .s_line .s_input { flex: 1; }
#apply-dialog .apply-warning { background-color: rgba(255,251,247,1); color: #666; border: 1px solid rgba(241,224,207,1); box-shadow: none; border-radius: 4px; padding: 15px 10px; }
#apply-dialog .apply-warning span { color: #ef6c20; font-weight: bold; }