.content-area {background: #f3ffe4;}

.reply-area {
	/*padding-left: 6px;*/
	width: 132px;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	color: white;
	letter-spacing: 3px;
	text-align: center;

	left: 32%;
	margin-left: 0;

	bottom: 14px;
	background-color: #33a35b;
	border-radius: 4px;
}
.reply-area p {color: #ffffff; font-size: 15px;}

@media (min-width: 750px) {
	.reply-area {
		bottom: 6px;
		left: 41%;
	}
}

.match-top {padding-bottom: 0;}
.activity-advantage {background: #4c0f10; padding: 6px 0;}
.activity-advantage li {width: 33.3%; box-sizing: border-box; float: left; text-align: center; color: #ffe991;}
.activity-advantage li:nth-of-type(1),
.activity-advantage li:nth-of-type(2) {border-right: 1px dashed rgba(255,255,255,0.2);}
.activity-advantage .title {font-size: 12px; font-weight: 700; line-height: 1; padding-top: 7px; margin-bottom: 7px;}
.activity-advantage .txt {font-size: 12px; line-height: 17px; padding-bottom: 2px; color: #fff;}
.promotion-nav {padding: 0 5px 10px; margin-top: 15px;}
.promotion-nav li {float: left; width: 50%; padding: 0 5px; box-sizing: border-box;}

.promotion-nav li a {
	display: block;
	line-height: 28px;
	border-radius: 2px;
	text-align: center;
	font-size: 12px;
	/*background: rgba(255, 116, 120, 0.5);*/
	/*color: rgba(255, 255, 255, 0.5);*/
	background-color: white;
}

.promotion-nav li a.selected {
	background-color: #efe166;
	color: #000000;
	/*background: rgba(255, 116, 120, 1);*/
	/*color: rgba(255, 255, 255, 1);*/
	font-weight: 700;
}
.promotion-area {padding: 0 9px 10px;}
.promotion-area li {background:#fff; margin-bottom: 10px; padding-top: 10px; border-radius: 5px;}
.promotion-area li:last-child {margin-bottom: 0;}
.promotion-area a.join-activity {position: absolute; display: block; width: 86px; line-height: 28px; text-align: center; font-size: 15px; background: #33a35b; color: white; right: 10px; bottom: 10px;
	border-radius: 4px; font-weight: 700;}
.promotion-infor {position: relative; padding-left: 10px;}
.promotion-pic {width: 50.4%; max-width: 178px; padding-right: 10px; box-sizing: border-box; float: left;}
.promotion-pic a {display: block; padding: 33.589% 0; position: relative;  border-radius: 4px; overflow: hidden;}
.liba-recommend {position: absolute; width: 32px; height: 32px; left: 0; top:0; background-image: url(../../images/match/festival1111/icon_recommend.png?ver=7); background-position: left top; background-repeat: no-repeat;
	background-size: 100% auto; display: block; z-index: 99; text-indent: -998px; overflow: hidden;}
.promotion-pic a img {position: absolute; left: 0; top:0;}
.promotion-title i {display: inline-block; background-size: 100% auto; width: 66px; height: 18px; background-position: left top; background-repeat: no-repeat; margin-right: 3px;
	vertical-align: middle;}
.promotion-title i.coupon {background-image: url(../../images/match/festival618/icon_quan.png?ver=2);}
.promotion-title i.project {background-image: url(../../images/match/festival618/icon_project.png?ver=2);}

.promotion-title {max-height: 44px; margin: 0 10px 0 0; overflow: hidden; padding-top: 6px;}
.promotion-title a {font-size: 14px; font-weight: 700; line-height: 22px;}
.apply-num {line-height: 28px; color: #999; font-size: 12px; position: absolute; right: 103px; bottom: 10px;}
.store-infor {line-height: 24px; font-size: 12px; padding: 10px 0 10px 10px;}
.store-infor img {margin-right: 10px; border-radius: 12px; position: relative; top: -1.5px; vertical-align: middle;}

.fixed-menu {position: fixed; width: 37px; bottom: 30px; left: 10px; z-index: 999;}
.fixed-menu li a {display: block; width: 100%;}
.fixed-menu li a,
.fixed-menu li.menu-gotop {text-indent: -9999px; overflow: hidden; background:url(../../images/match/laborday/fixed_menu_normal.png) 0 0 no-repeat; background-size: 37px auto;}
.fixed-menu li.menu-save-poster a {height: 63px; background-position: 0 0;}
.fixed-menu li.menu-share a {height: 65px; background-position: 0 -63px;}
.fixed-menu li.menu-gotop {display: none; cursor: pointer;}
.fixed-menu li.menu-gotop {height: 41px; background-position: 0 -128px;}

.share-channel-item {width: 25%;}
.poster-outer {position: fixed; background: rgba(0,0,0,0.5); left: 0; top:0; bottom: 0; right: 0; z-index: 9999; display: none;}
.poster-inner {position: absolute; width: 80%; left: 50%; top:50%; transform:translate(-50%,-50%);}
.poster-pic img {padding-bottom: 65px;}
.J-poster-close {display: block; width: 30px; height: 30px; float: right; margin-bottom: 15px; background-image: url(../../images/match/festival618/close_btn.png?ver=1); background-position: left top; background-repeat: no-repeat; background-size: 100% auto;
	text-indent: -999px; overflow: hidden;}
.save-btn {width: 100%; line-height: 50px; font-size: 17px; font-weight: 700; text-align: center; color: #fff; position: absolute; bottom:0; pointer-events:none; border-radius: 22.5px;}
@media (min-width: 750px) {.poster-inner{width: 345px;}}
.icon-poster {display: inline-block; background-position: left top; background-repeat: no-repeat; background-size: 100% auto; margin-bottom: 5px;}
.icon-poster {width: 21.5px; height: 21.5px; background-image: url(../../images/match/festival618/icon_poster.png?ver=1);}

.investment-wrapper {
	height: 91px;
	border-radius: 5px;
	background: url(../../images/match/festival618/addme.png?ver=3) center top no-repeat #33a35b;
	background-size: 100% auto;
	margin: 15px 10px;
	padding: 0 20px;
	box-sizing: border-box;
	color: #fff;
	display: flex;
}

@media (min-width: 750px){.investment-wrapper {background-color: #33a35b; width: 730px; border-radius: 20px; background-size: 355px auto;}}
.no-promotion {width: 3rem; height: 2.96rem; padding: 60px 0; background: url(../../images/match/march/no_promotion.png?ver=1) center 60px no-repeat; background-size: contain; margin: 0 auto;}
.promotion-finished {width: 3.24rem; height: 3rem; padding: 60px 0; background: url(../../images/match/march/finished.png?ver=1) center 60px no-repeat; background-size: contain; margin: 0 auto;}

@media (min-width: 750px) {
	.no-promotion {
		width: 3rem;
		height: 2.96rem;
		padding: 120px 0;
		background-position: center 120px;
	}
	.promotion-finished {
		width: 3.24rem;
		height: 3rem;
		padding: 120px 0;
		background-position: center 120px;
	}
}


.addme-bg{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.addme-left{
	display: flex;
	flex-direction: column;
}

.addme-title1{
	font-size: 16px;
	font-weight: bold;
	color: yellow;
}

.addme-title2{
	margin-top: 10px;
	font-size: 12px;
}

.addme-qrcode-img{
	width: 70px;
	height: 70px;
}