/*page*/
.lotteryPage .taskWrap {
    margin: 0 0 0.3rem!important;
    box-sizing: border-box;
    position: relative;
    background: #FFF1DE;
    border-radius: 0.23rem;
    padding: 0 0.25rem 0.42rem;
}

/*activeConts*/
.activeConts {
    width: 100%;
    border-radius: 0.5rem;
}
.taskWrap .taskWrapTitle {
    line-height: 0.9rem;
    font-size: 0.3rem;color: #EF4A0E;font-weight: 700;text-align: center;
}
.taskWrap .taskWrapTitle span{
    display: inline-block;position: relative;padding: 0 0.5rem;box-sizing: border-box;
}
.taskWrap .taskWrapTitle span:before{content: '';width: 0.3rem;height: 0.18rem;background: url("../images/tit_l.png") no-repeat left center;background-size: 100% auto;position: absolute;left: 0;top: 0.36rem;}
.taskWrap .taskWrapTitle span:after{content: '';width: 0.3rem;height: 0.18rem;background: url("../images/tit_r.png") no-repeat left center;background-size: 100% auto;position: absolute;right: 0;top: 0.36rem;}
.activeConts .taskList {
    background: none;border-radius: 0.17rem;
}
/*应用体验*/
.activeConts .conts{width: 100%;overflow: hidden;}
.activeConts .conts .cont{width: 100%;border-radius: 0.17rem;background: #fff;position: relative;overflow: hidden;padding: 0.23rem 1.8rem 0.23rem 0.2rem;box-sizing: border-box;margin-bottom: 0.2rem;}
.activeConts .conts .cont .name{font-size: 0.26rem;line-height: 0.4rem;color: #E73600;font-weight: 700;letter-spacing: 1px;}
.activeConts .conts .cont .btns{width: 1.4rem;height: 0.4rem;border-radius: 0.2rem;line-height: 0.4rem;text-align: center;font-size: 0.26rem;color: #fff;background: #F03800;position: absolute;top: 0.23rem;right: 0.2rem;}
.activeConts .conts .cont .btns.select{background: #FFBEAA;color: #fff;}
/*好友*/
.activeConts  .add {
    width: 100%;
    min-height: 1.32rem;
    background: #fff;
    border-radius: 0.17rem;
    box-sizing: border-box;
    position: relative;
    clear: both;
    padding: 0.24rem;
    display: flex;
    align-items: center;
}

.activeConts .add:before {
    content: '';
    width: 0.36rem;
    height: 0.36rem;
    background-size: 100%;
    position: absolute;
    top: -0.19rem;
    left: -0.19rem;
}

.activeConts .add .tip {
    width: 38%;
    float: left;
    overflow: hidden;
    font-size: 0.32rem;
    line-height: 0.42rem;
    color: #E73600;
    text-align: center;
    box-sizing: border-box;
}

.activeConts .add .lines {
    width: 65%;
    box-sizing: border-box;
    overflow: hidden;
}

.activeConts .add .lines .line {
    width: 20%;
    height: 0.6rem;
    overflow: hidden;
    float: left;
    background: url(../images/add.png) no-repeat right center;
    background-size: 90% 90%;
    margin: 0.1rem 0;
}
.activeConts .add .lines .line img{width: 100%;height: 100%;display: block;padding-left: 0}
/*规则*/
.ruleWrap{padding: 0 0.25rem;box-sizing: border-box;}

.ruleCont {
    color: #444444;
    text-align: justify;padding: 0 0.1rem 0;box-sizing: border-box;
}

.popShow{width: 100%;overflow: hidden;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;}
.popShow .popShowCont{width: 88%;margin: 2rem auto 0;box-sizing: border-box;overflow: hidden;position: relative;padding: 1rem 0.14rem 0;}
.popShow .popShowCont .prize{width: 1.52rem;height: 1.84rem;position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: url("../images/popPic.png") no-repeat left center;background-size: 100%;}
.popShow .popShowCont .false{width: 0.48rem;height: 0.48rem;position: absolute;top: 0.86rem;right: 0;background: url("../images/close.png") no-repeat left center;background-size: 100%;}
.popShow .popShowCont .conts{width: 100%;border: 0.12rem solid #FFCDA4;border-radius: 0.5rem;background: #FF724D;box-sizing: border-box;padding: 1rem 0.2rem 0.9rem;}
.popShow .popShowCont .conts .name{font-size: 0.46rem;font-weight: 700;color: #FFECBB;text-align: center;line-height: 0.82rem;letter-spacing: 1px;}
.popShow .popShowCont .conts .cont{font-size: 0.32rem;line-height: 0.52rem;color: #FFECBB;font-weight: 700;text-align: center;}
.popShow .popShowCont .conts .cont.sel{text-align: justify;font-weight: 700;line-height: 0.44rem;margin-top: 0.2rem;}
.popShow .popShowCont .conts .btns{width: 3.3rem;overflow: hidden;background: linear-gradient(0deg, #FFEA7A, #FFD132);box-shadow: 0px 0.06rem 0px 0px #D18D3C;line-height: 0.7rem;border-radius: 0.35rem;text-align: center;font-size: 0.3rem;color: #C05E26;font-weight: 700;letter-spacing: 1px;margin: 0.6rem auto 0;}
/*集卡样式*/
.cardPages{width: 100%;overflow: hidden;}
.cardPages .card{width: 100%;overflow: hidden;clear: both;padding: 0.3rem 0 0.2rem;box-sizing: border-box;}
.cardPages .card img{width: 27%;height: auto;float: left;display: block;margin: 0 3%;}
.cardPages .card img.gray{filter: grayscale(80%)}
.cardPages .cardbtn{width: 100%;line-height: 0.7rem;text-align: center;font-size: 0.3rem;color: #fff;border-radius: 0.35rem;font-weight: 700;background: linear-gradient(90deg, #FF9747, #FF6042);}
.popshow .cardbtn{width: 70%;line-height: 0.7rem;text-align: center;font-size: 0.3rem;color: #fff;border-radius: 0.35rem;font-weight: 700;background: linear-gradient(90deg, #FF9747, #FF6042);margin: 0.5rem auto 0;}
.cardPop .imgbg{width: 100%;background: url("../images/imgbg.png") no-repeat left center;background-size: 100% auto;padding:2.3rem 0 0.4rem;box-sizing: border-box;}
.cardPop .imgbg img{display: block;width: 4.9rem;height: auto;margin: 0 auto;}
.cardPop .imgbg .imgbtn{width: 3.4rem;height: 0.7rem;background: url("../images/imgbtn.png") no-repeat left center;background-size: 100% auto;margin: 0.5rem auto;}
.cardPop {
    opacity: 0;
    transform: scale(0.5); /* 初始缩放比例较小 */
    transition: transform 0.5s ease, opacity 0.5s ease; /* 动画持续时间和缓动函数 */
    z-index: 1;
}
.cardPop.open {
    opacity: 1;
    transform: scale(1); /* 打开时的缩放比例为正常大小 */
    z-index: 99;
}