.search-wp { width: 1200px;background:#fff;border: 1px solid #eee;margin:0 auto 30px;padding-top:20px; }
.kuang { width:564px;height:42px;background:#fff;border-radius: 4px;display: flex;padding-left:20px; }
.kuang>* { display: block; }
.kuang input { padding-left:10px;height:40px;border:1px #eee solid;flex:1;border-radius: 4px 0 0 4px;border-right:none;font-size:14px; }
.kuang span { height:42px;cursor:pointer;width:94px;color:#fff;font-size:18px;text-align: center;line-height:42px;background:#FF7E00;border-radius: 0 4px 4px 0; }
.kuang input:focus { border-color: #FF7E00; }
.kuang span:hover { background:#FF6B00; }
.search-nav { height:54px;margin:20px;border-bottom:1px #eee solid;display: flex; }
.search-nav a { display: block;margin-right:30px;padding:0 20px;height:54px;line-height:54px;font-size: 18px;font-weight: 600;position: relative; }
.search-nav a em { width: 40px;height: 4px;background:#FF7E00;position: absolute;left:50%;transform: translate(-20px);bottom:0;display: none; }
.search-nav a:hover,.search-nav a.on { color:#FF6B00; }
.search-nav a:hover em,.search-nav a.on em { display: block; }
.tips { padding:10px 0 0 30px;height: 20px;font-size: 14px;color:#999;line-height:20px; }
.res-list,.live-list { margin:0 20px 40px; }
.res-list a {display: block;height:56px;line-height:56px;padding-left:20px;border-bottom:1px #eee solid; }
.res-list a span{float: right;}
.res-list a var { color:#FF1110; }
.live-list { display: flex;flex-wrap: wrap;padding-top:18px; }
.live-list>a { display: block;margin:0 15px 17px 0;width:220px;position: relative;padding-bottom:18px; }
.live-list>a * { display: block; }
.live-list>a i { position: absolute;left:0;top:0;width:50px;height:18px;z-index:100; }
.live-list>a i.live { background:url(../images/live.png) no-repeat 0 0; }
.live-list>a i.playback { background:url(../images/playback.png) no-repeat 0 0; }
.live-list>a i.notice { background:url(../images/notice.png) no-repeat 0 0; }
.live-list>a span,.live-list>a span img { width:220px;height:220px; }
.live-list>a span img { transition:all 0.8s; }
.live-list>a span { overflow: hidden; }
.live-list>a:hover img { transform: scale(1.2); }
.live-list>a em { margin:16px 27px 0 10px;height:40px;line-height:20px;font-size: 14px;font-weight: 500;overflow: hidden; }
.live-list>a var { margin:14px 0 0 10px;height:16px;line-height:16px;font-size: 14px;color:#999; }
.live-list>a:hover { box-shadow:0 0 12px 4px rgba(0,0,0,0.07); }
.live-list>a:hover em { color: #FF6B00; }
.live-list>a:nth-child(5n+5) { margin-right:0; }
/* 展台 */
.brief,.brief-wp { width:1200px;margin:30px auto 20px;background:#fff;border-radius: 8px; }
.brief-tit { display: flex;align-items: center;padding-left:20px;height:60px; }
.brief-tit p { width: 6px;height: 24px;background: linear-gradient(rgba(255,126,0,1), rgba(255,126,0,1)),linear-gradient(rgba(247,248,252,1), rgba(247,248,252,1));border-radius: 3px;margin-right:12px; }
.brief-tit h2 { font-size: 20px;font-weight: bold; }
.bri-wp { display: flex;padding:0 20px 20px;justify-content: space-between; }
.bri-wp video { width: 565px;height: 318px;background:#333;border-radius:10px;display: block; }
.bri-wp>div { width:560px; }
.bri-wp>div p { line-height:28px; }
.bri-wp>div p span { color:#999; }
.bri-wp>div p:nth-child(1) { padding-bottom:30px;margin-bottom:30px;border-bottom:1px #eee solid; }
.brief-wp { margin:0 auto 35px;position:relative; }
.brief-list { display: flex;flex-wrap: wrap;padding:0 20px; }
.brief-list a { width:216px;display: block;margin:0 20px 20px 0; }
.brief-list a:nth-child(5n+5) { margin-right:0; }
.brief-list a * { display: block; }
.brief-list a span:nth-child(1) { width:216px;height:216px;border-radius:10px 10px 0 0;overflow: hidden; }
.brief-list a span:nth-child(1) img { width:216px;height:216px; }
.brief-list a span:nth-child(2) { border-radius:0 0 10px 10px;border:1px #eee solid;border-top:none;width:210px;overflow:hidden ; }
.brief-list a span:nth-child(2) em { width:196px;height:40px;line-height:20px;overflow: hidden;margin:10px auto 10px; }
.brief-list a span:nth-child(2) var { width:196px;height:15px;line-height:15px;margin:0 auto 10px;display: flex;color:#999; }
.brief-list a span:nth-child(2) var i { font-style: normal;color:#FE8C01;padding-right:5px; }













