img {vertical-align: middle;}
header {background: #ee7c31;}
.content-area {background: #f4f4f4;}
.main-nav {display: none; background: #ee7c31;}
.main-nav ul {display: flex; justify-content: space-evenly;}
.main-nav li {line-height: 40px; text-align: center;}
.main-nav li a {color: #fff; font-size: 14px; font-weight: 700;}

.promotion-logo,
.promotion-nav li a,
.notice-title i,
.promotion-title i,
.more em,
.promotion-mark,
.no-content i,
.icon-arrow,
.filter-content li.selected i  {background-size: 100% auto; background-position: left top; background-repeat: no-repeat;}

.promotion-logo {float: left; width: 127px; height: 18px; margin-top: 13px; background-image: url(../../images/promotionChannel/logo_new.png);
text-indent: -999px; overflow: hidden;}
.promotion-logo a {display: block;}

.promotion-main-nav {background: #ee7c31; margin-bottom: 15px;}
.promotion-main-nav ul {display: flex; border-radius: 6px 6px 0 0; overflow: hidden;
    justify-content: space-evenly; background: #fff;}
.promotion-main-nav li a {display: block; position: relative; text-align: center; font-size: 12px; font-weight: 700; color: #93877f; background: #fff; height: 44px; line-height: 44px; overflow: hidden;}
.filter-area {border-bottom: 1px solid #eee; margin-bottom: 20px; position: relative; width: 100%;}
.filter-area .category-nav {position: absolute; left: 0; top: 45px; display: none; background: #fff; z-index: 99; width: 100%; box-sizing: border-box;}
.category-nav ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.category-nav li {width: 25%; padding: 0 2.5px; box-sizing: border-box;  margin-bottom: 7.5px; text-align: center;}
.category-nav li a {display: block; line-height: 32px;  background: #f4f4f4; color: #666; border-radius: 16px; font-size: 12px;}
.category-nav li.selected a {background: #fef5f5; color: #eb3f3d; line-height: 30px; border: 1px solid #eb3f3d;}
.building-promotion-page .category-nav li.selected a {background: #ec4343; color: #fff;}
.filter-title {line-height: 45px; display: flex; justify-content: space-between; margin: 0 17px; font-size: 14px;}
.filter-title  .main-title {color: #222;}
.manage-category {color: #ec4343; font-weight: 700; cursor: pointer;}
.icon-arrow {width: 7px; height: 4px; background-image: url(../../images/promotionChannel/icon_arrow3.png); margin-left: 5px; display: inline-block; position: relative;
top: -2px; -webkit-transition: all .3s;
-moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
.active .icon-arrow {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.promotion-pic img {z-index: 5;}
.category-nav {padding: 15px 12.5px 7.5px 12.5px;}
.limit-mark {width: 43px; height: 16px; background: url(../../images/promotionChannel/limit_mark2.png) left top no-repeat;}
.longtime-mark {width: 43px; height: 16px; background: url(../../images/promotionChannel/long_mark2.png) left center no-repeat;}
.limit-mark,
.longtime-mark   {background-size: 100% auto; z-index: 10; position: absolute; left: 0; top: 0;}
.promotion-main-nav li.selected a {color: #ee7c31;}
.promotion-main-nav li.selected i {width: 48px; position: absolute; height: 3px; background: #ee7c31; left: 50%; bottom: 0; margin-left: -24px; border-radius: 1.2px;}
.sub-nav ul {display: flex;}
.sub-nav {padding: 15px 10px;}
.sub-nav li {width: 50%; padding: 0 5px; box-sizing: border-box; text-align: center;}
.sub-nav li a {display: block; line-height: 32px;  background: #f4f4f4; color: #666; border-radius: 16px; font-size: 12px;}
.sub-nav li.selected a {background: #fef5f5; color: #eb3f3d; line-height: 30px; border: 1px solid #eb3f3d;}

.promotion-content {background: #fff; border-radius: 6px; margin: 0 15px; box-shadow: 0 1px 2px rgba(0,0,0,.1); position: relative;}
.promotion-list {margin: 0 15px;}
.promotion-list li {display: flex; padding-bottom: 15px;}
.promotion-pic  {width: 45.652%; border-radius: 4px; overflow: hidden;}
.promotion-pic a {display: block; position: relative; padding-top: 66.667%;}
.promotion-pic a img {position: absolute; left: 0; top:0;}
.promotion-mark {position: absolute; width: 36px; height: 44px; display: block; background-image: url(../../images/promotionChannel/icon_limit_mark.png); left:0; top:-5px; z-index: 11;}
.promotion-infor {width: 54.348%; padding: 0 0 0 10px; box-sizing:border-box; position: relative;}
.promotion-sub-title {line-height: 19px; font-weight: 700; text-align: left; height: 38px; overflow: hidden; font-size: 14px; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
.apply-num {line-height: 1; font-size: 12px; color: #eb3f3d; position: absolute; bottom: 38px;}
.promotion-countdown {line-height: 20px;  color: #fff; background: url(../../images/promotionChannel/countdown_bg.png) left center repeat-x; position: absolute; bottom: 10px; font-size: 12px;  display: inline-block; border-radius: 3px;
transform: scale(0.9) translate(-1px, 1px); margin-left: -6px; width: 103%;}
.promotion-countdown .title,
.count_down                 {float:left;}
.promotion-countdown .title {padding: 0 1px 0 6px;}
.count_down {padding: 0 6px 0 3px;}
.promotion-area {position: relative;}
.J-cover-bg {top: 124px; z-index: 98;}

.no-content {padding: 70px 0;}
.content-tips {width: 262px; height: 53px; margin: 0 auto; background: url(../../images/promotionChannel/no_content.png) left center no-repeat; background-size: 100% auto; text-indent: -999px; overflow: hidden;}
.decorate-code {margin-top: 30px;}
.decorate-code .code-pic img {background: #fff; padding: 10px; background: #fff; border: 1px solid #ddd; border-radius: 5px;}
.decorate-code .code-txt {line-height: 15px; line-height: 1; color: #222; margin: 10px auto 30px;}
.follow-tips {display: inline-block; padding: 0 20px; line-height: 30px; margin: 0 auto; background: #ee7c31; color: #fff; font-size: 15px; border-radius: 15px;}
.widget-pagination > a, .widget-pagination > a:link, .widget-pagination > a:visited, .widget-pagination > a:hover, .widget-pagination > a:active
{color: #ec6121;}

.filter-nav {display: flex; padding-top: 15px; padding-bottom: 10px; position: relative; z-index: 99; border-radius: 6px 6px 0 0;}
.filter-nav-item {width: 50%; box-sizing: border-box;}
.item-category.filter-nav-item {padding: 0 2.5px 0 15px;}
.item-region.filter-nav-item {padding: 0 15px 0 2.5px;}

.filter-nav-title {position: relative; z-index: 100; height: 37px; box-sizing: border-box; border: 1px solid transparent; border-bottom: none; border-radius: 14px 14px 0 0;}
.filter-nav-title a {display: block; height: 30px; line-height: 30px; background: #fef5f5; border: 1px solid #eb3f3d; border-radius: 16px; text-align: center; color: #eb3f3d; font-size: 12px;}
.filter-nav-title.active {border-color: #e6e6e6; background: #fff;}
.filter-nav-title.active a {border-color: transparent; background: transparent;} 
.filter-content {position: absolute; z-index: 99; width: 100%; border: 1px solid #e6e6e6; border-left: none; border-right: none; left: 0; background: #fff; top: 51.1px; padding: 6px 0; display: none;}
.filter-content li {float: left; line-height: 36px; font-size: 12px;}
.filter-content li a {display: block; padding-left: 15px;}
.filter-content li.selected a {color: #eb3f3d;}
.filter-content li.selected i {display: inline-block; width: 9px; height: 9px; background-image: url(../../images/promotionChannel/selected_mark.png); margin-left: 5px;}
.item-region .filter-content li {width: 50%;}
.item-category .filter-content li {width: 33.333%;}
.widget-pagination {margin-top: 15px;}

.channel-banner{
    margin: 0 15px 15px;
}
.channel-banner img {
    width: 100%;
}