.petActive{width:100%;background:url(../../assets/img/active-enter-bg.91e46efb.png) 50% repeat-y;background-size:cover}.petActive .firstBlock{width:100%}.petActive .firstBlock>img{width:100%;height:auto;vertical-align:middle}.petActive .secondBlock{width:100%;height:4.13rem;background:url(../../assets/img/active-second.e9cc2164.png) 50% no-repeat;background-size:cover;overflow:hidden}.petActive .secondBlock>img{width:6.29rem;height:3.29rem;display:block;margin:.29rem auto 0}.petActive div.floor-title{text-align:center}.petActive div.floor-title img{width:.53rem;vertical-align:middle}.petActive div.floor-title span{font-size:.42rem;font-weight:700;color:#00343a;margin:0 .32rem;vertical-align:middle;display:inline-block;height:.54rem;border-bottom:.14rem solid #ffde2a}.petActive .thirdBlock{width:100%;height:12.33rem;background:url(../../assets/img/active-join.ed322d91.png) 50% no-repeat;background-size:cover;position:relative}.petActive .thirdBlock div.title{padding-top:1.2rem}.petActive .thirdBlock ul{padding:0 .6rem;margin-top:.4rem}.petActive .thirdBlock ul li{font-weight:700;color:#007785;font-size:.26rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.2rem}.petActive .thirdBlock ul li img{width:.32rem;height:.32rem;position:relative;top:.04rem}.petActive .thirdBlock ul li span.txt{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:.12rem;line-height:.4rem}.petActive .thirdBlock ul li span.txt span.light{color:#ff5a5f}.petActive .thirdBlock div.rule{position:absolute;top:5.12rem;left:0;width:100%;text-align:center;font-size:.26rem;font-weight:700;color:#017d91;cursor:pointer}.petActive .thirdBlock div.nextTitle{padding-top:1.8rem}.petActive .thirdBlock div.pocketList{display:-webkit-box;display:-ms-flexbox;display:flex;margin:.47rem .8rem 0;-ms-flex-wrap:wrap;flex-wrap:wrap}.petActive .thirdBlock div.pocketList>img{width:1.76rem;height:2.02rem;margin-right:.3rem;margin-bottom:.3rem}.petActive .thirdBlock div.pocketList>img:nth-of-type(3n){margin-right:0}.petActive .fourBlock{padding-top:.58rem}.petActive .fourBlock div.list{padding:.4rem .3rem}.petActive .fourBlock div.card{background:#fff;border-radius:.16rem;overflow:hidden;width:100%}.petActive .fourBlock div.card div.thumbnail img{width:100%}.petActive .fourBlock div.card div.content{padding:0 .17rem}.petActive .fourBlock div.card div.content div.artname{font-size:.28rem;line-height:.38rem;color:#222;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.petActive .fourBlock div.card div.content div.praise{padding:.12rem 0 .18rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.petActive .fourBlock div.card div.content div.praise div.user{font-size:.24rem;color:#262626;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.petActive .fourBlock div.card div.content div.praise div.user img{width:.58rem;height:.58rem;border-radius:50%;margin-right:.12rem}.petActive .fourBlock div.card div.content div.praise div.user div{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.petActive .fourBlock div.card div.content div.praise div.count img{width:.3rem;height:.3rem;vertical-align:middle;margin-right:.09rem;position:relative;top:-.04rem}.petActive .rewardJoin{position:fixed;right:0;top:50%;width:1.22rem;height:.88rem;background:hsla(0,0%,100%,.95);-webkit-box-shadow:0 .08rem .36rem 0 rgba(4,0,0,.25);box-shadow:0 .08rem .36rem 0 rgba(4,0,0,.25);border-radius:.44rem 0 0 .44rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#333}.petActive .rewardJoin>img{width:.44rem;height:.44rem}.petActive .introVideo{position:fixed;left:0;right:0;top:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:400;background:rgba(0,0,0,.7)}.petActive .introVideo video{width:100%;height:80%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}