.black_wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}
.RuleDialogBox {
    position: relative;
    width: 5rem;
    background-image: linear-gradient(180deg, #FCF3D8 0%, #FEFBEB 9%, #FFFFFF 32%);
    background-size: 100% 100%;
    border-radius: .2rem;
    padding: .2rem;
    font-size: .25rem;
    box-sizing: border-box;
}
.activityExplainRule{
    padding: .2rem;
    height: 5rem;
    overflow-y: auto;
}
.icon_close {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: .6rem;
}
.rigthIconList{
    position: absolute;
    right: 0;
    z-index: 1;
    top: 3rem;
    font-size: .25rem;
    text-align: -webkit-right;
}
.shareIcon{
    padding: .05rem .2rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 1rem 0 0 1rem;
    color: #fff;
    margin-bottom: .2rem;
    display: table;
}
.actPage{
    position: absolute;
    top: 0%;
    right: 0;
    left: 0;
    bottom: 0;
    background: #F8EBC8;
    overflow-y: auto;
}
.heightP{
    height: .73rem;
}
.actContentBox{
    position: relative;
    top: -.5rem;
    margin: 0 .2rem;
}
.contentBox{
    position: relative;
}
.iconBgc{
    width: 3rem;
    margin-left: auto;
    padding-top: .05rem;
}
.contentBgcBox{
    position: absolute;
    background-image: url('../image/homeBgc.png');
    background-size: 100% 100%;
    top: 0;
    width: 100%;
    height: 4.5rem;
}
.contentBgcBox1{
    position: absolute;
    top: 0;
    width: 100%;
    height: 4.5rem;
    background: #FFF5E4;
    border-radius: .2rem;
}
.contentBgc{
    background-size: 100% 100%;
    width: 100%;
    height: 4.5rem;
}
.contentTitleBox{
    display: flex;
    justify-content: space-between;
    padding: .2rem .35rem;
}
.TitleLeftBox{
    display: flex;
}
.titleIcon{
    width: .45rem;
    height: .5rem;
    padding-right: .1rem;
}
.titleText{
    font-size: .3rem;
    font-weight: 600;
    /* color: #4A0404; */


}
    .new{
        background-image:-webkit-linear-gradient(270deg, #4A0404  0%, #FD8302 9%, #FF9A21 32%) ;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .lao{
        background-image:-webkit-linear-gradient(270deg, #FF3E6E  0%, #FE5333 9%, #FD5014 32%) ;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .new1{
        background-image:-webkit-linear-gradient(270deg, #FF3E6E  0%, #FE5333 9%, #FD5014 32%) ;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .lao2{
        background-image:-webkit-linear-gradient(270deg, #FD5E06  0%, #FD8302 9%, #FF9A21 32%) ;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
.Titleright{
    font-size: .28rem;
    color: #fff;
    margin-right: .25rem;
}
.couponBox{
    background-color: #fff;
    border-radius: .2rem;
    margin: 0 .2rem;
    padding: .2rem;
    padding-bottom: .4rem;
}
.couponImg{
    margin-top: .2rem;
}
.tishi{
    padding: .3rem;
    font-size: .2rem;
}
.my-swipeBox img {
    width: 100%;
    margin-top: .2rem;
}
.catCouponBox{
    position: relative;
    /* background-image: url('../image/couponIcon.png'); */
    background-size: 100% 100%;
    height: 1.68rem;
    margin-top: .2rem;
}
.couponIconTextBox{
    display: flex;
    padding-top: .17rem;
}
.couponText{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    color: #5B3500;
    padding: .15rem 0;
    padding-left: .3rem;
}
.prizeTitle{
    font-weight: 600;
    font-size: .3rem;
}
.prizeSecTitle{

    font-size: .25rem;
}
.prizePic{
    width: 100%;
    /* padding-left: .17rem; */
}
.signButton{
    position: absolute;
    right: .13rem;
    bottom: 50%;
    transform: translate(0px, 50%);
    border-radius: 1rem;
    padding: .15rem .2rem;
    color: #fe0030;
    background-image: linear-gradient(161deg, #fef3db 0%, #ffecc4 48%, #fed894 97%);
    font-size: .27rem;
}
.statusT03{
    background-image: linear-gradient(161deg, #fef3db 0%, #ffecc4 48%, #fed894 97%);
    position: absolute;
    right: .12rem;
    bottom: .53rem;
    border-radius: 1rem;
    padding: .1rem .15rem;
    color: #fe0030;
    text-align: center;
    font-size: .2rem;
    width: 1.2rem;
}
.catTitleBox{
    background-color: #fff;
    padding: .15rem .3rem;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
}
.catTitleIcon{
    width: .25rem;
    height: .25rem;
    transform: rotate(45deg);
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    top: .2rem;
    left: .3rem;
}
.activityName{
text-align: center;
font-size: .3rem;
}
.signDaiolgBox{
    border-radius: .2rem;
    padding: .3rem;
    font-size: .25rem;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, #FCF3D8 0%, #FEFBEB 9%, #FFFFFF 32%);
    text-align: center;
    width: 5rem;
    position: relative;
}
.signDaiolgTitle{
    font-size: .35rem;
    margin-top: .2rem;
}
.tishitext{
    font-size: .25rem;
    margin-top: .2rem;
    color: #585C64;
}
.yes{
    background-image: linear-gradient(161deg, #FB8716 0%, #FB6A10 48%, #FC6507 68%, #FC5304 97%);
    color: #fff;
    margin-top: .3rem;
    margin-bottom: .2rem;
    padding: .2rem;
    border-radius: 1rem;
    font-size: .35rem;
}
.no{
   
    border: 1px solid rgba(252,83,4,1);
    color: #FC5304;
    padding: .2rem;
    border-radius: 1rem;
    font-size: .35rem;
}
.couponBox p{
    margin: 0;
}
.fontSfont{
    font-size: .2rem !important;
}