.happy-view{min-height:100vh;padding-bottom:.4rem;background-color:#fbf5de}.happy-view .banner{position:relative}.happy-view .banner .bg{width:100%}.happy-view .banner .content{position:absolute;left:0;bottom:0;width:100%;height:100%;box-sizing:border-box;padding:.466667rem .346667rem}.happy-view .banner .content .title{display:flex;font-size:.48rem;font-family:SourceHanSansSC-Bold,SourceHanSansSC;font-weight:700;color:#fff;line-height:.693333rem;align-items:center;margin-bottom:.32rem}.happy-view .banner .content .title span{color:#f8ff1c}.happy-view .banner .content .title .icon{width:1.52rem;margin-right:.226667rem}.happy-view .banner .content .des{width:100%}.happy-view .wrapper{padding:0 .32rem;margin-top:-1.4rem}.happy-view .wrapper>div{background:#fff;border-radius:.213333rem;margin-bottom:.266667rem}.happy-view .wrapper .info-wrap{position:relative;width:9.36rem;display:flex;background:#fff;border-radius:.213333rem;padding:.413333rem .28rem;z-index:2;box-sizing:border-box}.happy-view .wrapper .info-wrap ul{flex:1}.happy-view .wrapper .info-wrap ul li{display:flex;font-size:.373333rem;font-family:SourceHanSansSC-Regular,SourceHanSansSC;font-weight:400;color:#666;line-height:.533333rem;margin-bottom:.266667rem}.happy-view .wrapper .info-wrap ul li .icon{height:.56rem;margin-right:.186667rem}.happy-view .wrapper .info-wrap ul li span{flex:0 0 1.573333rem}.happy-view .wrapper .info-wrap ul li span:last-child{flex:1;font-size:.4rem;font-family:SourceHanSansSC-Bold,SourceHanSansSC;font-weight:700;color:#ec5e1e;line-height:.586667rem;margin-left:.44rem}.happy-view .wrapper .info-wrap .lucky{height:3.173333rem;margin-right:.226667rem}.happy-view .wrapper .about{font-size:.4rem;font-family:SourceHanSansSC-Regular,SourceHanSansSC;font-weight:400;color:#666;line-height:.613333rem;padding:.346667rem}.happy-view .wrapper .about span{color:#f05d01}.happy-view .wrapper .code-wrap{padding:.426667rem .32rem;text-align:center}.happy-view .wrapper .code-wrap .tips{font-size:.373333rem;font-family:SourceHanSansSC-Regular,SourceHanSansSC;font-weight:400;color:#666;line-height:.573333rem;margin-bottom:.386667rem}.happy-view .wrapper .code-wrap .code{width:3.786667rem}.happy-view .wrapper .code-wrap .des{font-size:.32rem;color:#999;margin-top:.24rem}.happy-view .wrapper .code-wrap .des,.happy-view .wrapper .code-wrap .num{font-family:SourceHanSansSC-Regular,SourceHanSansSC;font-weight:400;line-height:.613333rem}.happy-view .wrapper .code-wrap .num{font-size:.373333rem;color:#333}.happy-view .wrapper .code-wrap .num span{color:#f05d01}.happy-view .wrapper .code-wrap .num .copy{display:inline-block;width:.84rem;height:.453333rem;line-height:.453333rem;border-radius:.053333rem;font-size:.32rem;text-align:center;margin-left:.213333rem;color:#fff;background-color:#f05d01}