.content-area {background: #edf9ff;}

/*.reply-area {*/
/*    padding-left: 6px;*/
/*    height: 33px;*/
/*    line-height: 33px;*/
/*    font-size: 14px;*/
/*    color: #48340b;*/
/*    background-image: url(../../images/match/reply_bg.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100% auto;*/
/*    letter-spacing: 3px;*/
/*    text-align: center;*/
/*    bottom: 24px;*/
/*}*/

.reply-area {
    /*padding-left: 6px;*/
    width: 132px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: white;
    letter-spacing: 3px;
    text-align: center;
    bottom: 6px;
    background-color: #2d60d4;
    border-radius: 4px;
}
.reply-area p {color: white; font-size: 15px;}
@media (min-width: 750px) {.reply-area{bottom: 46px;}}
.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, 217, 254, 0.5);*/
    /*color: rgba(171, 83, 248, 0.5);*/
    background: white;
}

.promotion-nav li a.selected {
    /*background: rgba(255, 217, 254, 1);*/
    /*color: rgba(171, 83, 248, 1);*/
    background: #FFFFFF;
    color: #30a4e0;
    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: #2d60d4; color: #fff; 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 #30a4e0;
    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: #7A2100; width: 730px; border-radius: 20px; background-size: 355px auto;}}
.no-promotion {width: 220px; height: 181px; padding: 60px 0; background: url(../../images/match/festival1111/no_promotion.png?ver=1) center 60px no-repeat; background-size: contain; margin: 0 auto;}
@media (min-width: 750px){.no-promotion {width: 440px; height: 362px; 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;
}