img {vertical-align: middle;}
.promotion-header-wrapper {width: 100%; height: 86px; border-bottom: 2px solid #ec6121;}
.header-inner {width: 1190px; margin: 0 auto;}
.header-inner .logo {width: 223px; height: 35px; float: left; background: url(../../images/promotionChannel/logo.png) left top no-repeat; margin-top: 25px;
text-indent: -9999px; overflow: hidden;}
.header-inner .my-order {float: right; line-height: 23px; background: url(../../images/promotionChannel/icon_order.png) left top no-repeat; padding-left: 29px; margin-top: 31px; color: #ad460e;}
.header-inner a.my-order:hover {color: #ad460e;}
.promotion-nav-wrapper {height: 64px; line-height: 64px; background: #ee7c31;}
.promotion-nav-inner {width: 1190px; margin: 0 auto; display: flex; justify-content: space-between;}
.promotion-nav-inner a {color: #fff;}
.main-nav ul {display: flex;}
.main-nav ul li {width: 198px; font-size: 18px; text-align: center;}
.main-nav ul li.selected {background: #d66419;}
.promotion-nav-inner .sub-nav {border-left: 1px dashed #fff; padding-left: 40px;}
.sub-nav ul {display: flex;}
.sub-nav ul li {margin-right: 40px;}
.sub-nav ul li a {display: block; padding-left: 22px;}
.sub-building a {background: url(../../images/promotionChannel/icon_building.png) left center no-repeat;}
.sub-decorate a {background: url(../../images/promotionChannel/icon_decorate.png) left center no-repeat;}
.promotion-filter {width: 1190px; margin: 60px auto 10px; background: #f3b64f;}
.promotion-filter ul {display: flex;}
.promotion-filter ul li {width: 33.333%; font-size: 14px; font-weight: 700; height: 50px;}
.promotion-filter li.selected a {height: 100%; text-align: center; font-size: 20px; background: #ffe7bf; color: #ed5703; margin-top: 0; line-height: 50px;}
.promotion-filter ul li a {margin-top: 13px; line-height: 24px; width: 100%; display: block; color: #fff; text-align: center;}
.promotion-filter ul li:nth-of-type(1) a,
.promotion-filter ul li:nth-of-type(2) a {border-right: 1px solid #ffe9ca;}
.promotion-filter ul li.selected:nth-of-type(2) a {border-right: none;}
.promotion-content {background: #f3b64f; padding: 20px 0 0 10px; width: 1180px; margin: 0 auto;}
.promotion-content ul {width: 1194px;}
.promotion-content li {float: left; width: 374px; margin: 0 24px 60px 0;}
.promotion-content li .pic {width: 374px; height: 248px; position: relative;}
.promotion-content li .pic a {display: block; width: 100%; height: 100%;}
.limit-mark {position: absolute; width: 89px; height: 89px; background: url(../../images/promotionChannel/limit_mark.png) left top no-repeat; left: 0; top: 0;}
.longtime-mark {position: absolute; width: 109px; height: 34px; background: url(../../images/promotionChannel/longtime_mark.png); left: 0; top: 0;}
.promotion-content .promotion-txt {background: #fff; padding-top: 12px;}
.promotion-content .promotion-title {margin: 0 16px 24px; line-height: 28px; height: 56px; overflow: hidden; font-size: 18px;}
.promotion-title i {color: #999;}
.promotion-content .time-left {height: 50px; margin: 0 auto; line-height: 50px; width: 342px; background: url(../../images/promotionChannel/time_bg.png) left center no-repeat; text-align: center; color: #fff;}
.promotion-content .time-left label {color: #fff; font-family: verdana; margin-right: 5px; font-size: 18px; vertical-align: -2px;}
.promotion-content .apply-num {line-height: 28px; margin: 11px 0 24px; text-align: center; font-size: 18px; color: #e52b95;}
.promotion-store {padding: 16px; border-top: 1px solid #ddd; line-height: 30px; height: 30px; overflow: hidden;}
.store-infor {float: left;}
.store-infor img {vertical-align: middle; margin-right: 10px; border-radius: 15px;}
.promotion-store .see-detail-btn {float: right; color: #e52b95;}
.see-detail-btn span {font-family: "宋体";}
.category-filter {width: 1190px; margin: 40px auto 0;}
.category-filter ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.category-filter li {width: 90px; line-height: 30px; text-align: center; margin-bottom: 10px;}
.category-filter li a {color: #666; display: block; width: 100%; height: 100%;}
.category-filter li.selected a {background: #82aef6; color: #fff; border-radius: 4px;}
.decorate-promotion .promotion-content {background: #82aef6;}
.building-promotion .promotion-content {background: #fd7d7d;}
.building-promotion .category-filter li.selected a {background: #fd7d7d;}
.longtime-promotion .promotion-content {background: #deaaf9;}
.longtime-promotion .promotion-filter {background: #deaaf9;}
.longtime-promotion .promotion-filter li.selected a {background: #f0d2ff; color: #8e33bb;}
.no-content {margin: 120px auto 280px; width: 600px;}
.content-tips {width: 374px; height: 74px; background: url(../../images/promotionChannel/no_content.png) left center no-repeat; text-indent: -999px; overflow: hidden;
margin: 0 auto 70px;}
.code-pic {width: 150px; margin: 0 auto;}
.code-pic img {padding: 8px; background: #fff; border: 2px solid #ddd; border-radius: 5px;}
.code-txt {width: 160px; margin: 10px auto 0; line-height: 1; font-size: 18px; color: #222; text-align: center;}
.follow-tips {width: 436px; line-height: 50px; margin: 36px auto 0; background: #f7b646; color: #fff; border-radius: 25px; text-align: center; font-size: 20px; font-weight: 700;}
.nav-filter {width: 1126px; margin: 20px auto; background: #f7f7f7; padding: 10px 24px 4px 40px;}
.filter-category {display: flex; line-height: 24px;}
.filter-category .category-title {font-weight: 700; width: 56px;}
.filter-category .category-content {width: 1070px; position: relative; padding-left: 72px; box-sizing: border-box;}
.filter-category .nav-all {width: 48px; position: absolute; left: 0; top: 0;}
.filter-category .category-content a {display: block; padding: 0 12px; color: #666;}
.filter-category .category-content .selected a {background: #fd7d7d; border-radius: 2px; color: #fff;}
.nav-other li {float: left; margin-right: 24px; margin-bottom: 6px;}

.channel-banner{
    width: 1190px;
    margin: 30px auto;
}
.channel-banner img {
    width: 1190px;
}
