.content-area {background: #eef0ff;}

.reply-area {
	width: 183px;
	line-height: 33px;
	height: 33px;
	text-align: center;
	bottom: 8px;
	background-color: #7b71ee;
	color: white;
	border-radius: 4px;
}
.reply-area p {color: white; font-size: 15px;}
@media (min-width: 750px) {.reply-area{bottom: 34px;}}
.match-top {padding-bottom: 0;}
.activity-advantage {background: #7e1a1f; 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; margin-bottom: 5px;} 
.promotion-nav li a {display: block; line-height: 28px; border-radius: 2px; text-align: center; font-size: 12px; background:#fff;}
.promotion-nav li a.selected {background:#fff; color: #6173ee; 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: #7b71ee; color: #ffffff; 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: 27px; height: 35px; left: 0; top:0; background-image: url(../../images/match/festival618/icon_recommend2.png); background-size: contain; 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: #ff35e9; 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%);}
.save-tips {text-align: center; line-height: 1; margin-top: 30px; font-size: 20px; color: #fff; font-weight: 700;}
@media (min-width: 750px) {
	.poster-inner{width: 345px;}
	.save-tips {margin-top: 20px; font-size: 15px;}
}

.investment-wrapper {
	height: 91px;
	border-radius: 5px;
	background: url(../../images/match/festival618/addme.png?ver=3) center top no-repeat #7b71ee;
	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: #7b71ee; width: 730px; border-radius: 20px; background-size: 355px auto;}}
.no-promotion {width: 237px; height: 206px; margin: 15px auto 25px; background: url(../../images/match/festival618/no_promotion.png?ver=1) center top no-repeat #5825d0; background-size: contain;}

.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;
}