@charset "UTF-8";
/* layout-search */
.search-line{ position: relative; padding: 12px 0; border-bottom: 1px solid #EFEFEF; transition: none; }
.sl-extend{ padding-bottom: 0; }/* 展开样式 */
.search-line .key{ float: left; line-height: 25px; color: #919191; }
.search-line .value{ overflow: hidden; height: 25px; margin: 0 60px 0 55px; color: #333; }
.sl-extend .value{ height: auto; }
.search-line .extend{ position: absolute; right: 0; top: 0; padding: 12px 0; line-height: 25px; }
.search-line .more{ display: none; float: left; color: #A9A9A9; cursor: pointer; }
.search-line .more img{ height: 10px; margin: 7px 0 0 5px; }
.search-line .more .up, .sl-extend .more .down{ display: none; }
.sl-extend .more .up{ display: inline; }
.slv-list{ position: relative; }
.slv-list li{ float: left; margin: 0 10px 12px 0; }
.slv-list a{ display: inline-block; height: 25px; padding: 0 10px; white-space: nowrap; text-align: center; line-height: 25px; border-radius: 2px; }
.slv-list a:link, .slv-list a:visited{ color: #333; }
.slv-list a:hover{ background-color: #eee; text-decoration: none; }
.slv-list .active a, .slv-list a.active{ color: #fff; background-color: #353B42; }

/* layout-list */
.layout-list{ float: left; width: 890px; }
.ll-hd{ padding: 20px 0 10px; line-height: 32px; border-bottom: 1px solid #EFEFEF; }
.ll-hd .title{ font-weight: normal; font-size: 26px; }
.search-date{}
.search-date .key{ float: left; color: #919191; }
.search-date .value{ float: left; width: 175px; height: 30px; margin-left: 10px; text-align: center; border: 1px solid #DEDEDE; border-radius: 2px; outline: none; }
.search-date .btn{ float: left; width: 30px; height: 30px; margin-left: 10px; text-align: center; background: #FAFAFA; border: 1px solid #DEDEDE; border-radius: 2px; cursor: pointer; }
.search-date .btn img{ height: 18px; margin-top: 6px; }
.ll-bd-topbar{ height: 40px; line-height: 40px; font-size: 14px; color: #919191; }
.display-count{ display: none; }

/* list-item */
.list-item{ margin-bottom: 35px; }
.li-image{ box-sizing: border-box; float: left; width: 264px; height: 175px; margin-right: 20px; border: 1px solid #ccc; }
.li-image img{ width: 100%; height: 100%; }
.li-content{ overflow: hidden; position: relative; height: 170px; }
.li-title{ overflow: hidden; max-height: 60px; font-size: 0; line-height: 30px; }
.li-title a:link, .li-title a:visited{ font-weight: bold; font-size: 18px; color: #333; }
.li-title a:hover{ color: #CC0000; text-decoration: none; }
.li-title .tag{ display: inline-block; height: 20px; padding: 0 .5em; margin: 5px 5px 0 0; line-height: 20px; font-size: 14px; color: #fff; vertical-align: top; border-radius: 2px; }
.li-title .tag-wait{ background: #353B42; }
.li-title .tag-underway{ background: #CC0000; }
.li-title .tag-over{ background: #BABABA; }
.li-title .tag-set-top{ color: #A0A0A0; background-color: #EAEAEA; }
.li-info{ width: 450px; margin-top: 14px; font-size: 14px; line-height: 24px; color: #353B42; }

.li-button, .li-button-img, .li-button-disable{ box-sizing: border-box; position: absolute; right: 0; top: 50%; width: 135px; height: 38px; margin: -19px 0 0; text-align: center; line-height: 38px; border-radius: 2px; }
.li-button-img:link, .li-button-img:visited{ color: #fff; background: #108EE9; }
.li-button-img:hover{ background: #0480d8; text-decoration: none; }
.li-button-img img{ margin: 9px 5px 0 0; }
.li-button{ border: 1px solid #108EE9; }
.li-button:link, .li-button:visited{ color: #108EE9; background: #fff; }
.li-button:hover{ text-decoration: none; }
.li-button-disable:link, .li-button-disable:visited{ color: #fff; background: #108EE9; cursor: default; }
.li-button-disable:hover{ text-decoration: none; }

.load-tips{ padding: 30px 0; text-align: center; color: #999; }
.load-tips span{ display: none; }
.load-complete span{ display: block; width: 100%; }
.load-complete img{ display: none; }

/* ll-showcase */
.ll-showcase{ float: right; padding: 0 0 0 30px; background-color: #fff; transition: none; }
.ll-s-title{ padding: 20px 0 10px; font-weight: bold; font-size: 18px; line-height: 30px; }
.ll-showcase .live-item{ margin-bottom: 20px; }