flamingo-ui/es/marquee/index-sfc.css

火烈鸟UI组件库

.fmg-marquee{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;box-sizing:border-box}.fmg-marquee .prize-item{display:flex}.fmg-marquee .block{width:95px;height:95px;background-color:#ffe2e2;box-shadow:0 1px 19px #ff9898 inset;border-radius:10px;text-align:center;box-sizing:border-box}.fmg-marquee .block .lottery_text{width:48px;height:27px;content:url(https://gres.guopan.cn/png/20230315/lottery_text.png)}.fmg-marquee .block .prize_img{width:55px;height:55px;margin:10px auto 0}.fmg-marquee .block .prize_img img{width:100%;height:100%;border-radius:8px}.fmg-marquee .block p{font-size:12px;color:#673912;margin-top:2px;line-height:16px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fmg-marquee .block--btn{background:linear-gradient(180deg,#fb4747,#ff7a7a);box-shadow:0 1px 15px rgba(255,255,255,.63) inset;position:relative;padding-top:27px}.fmg-marquee .block--btn>div{color:#fff;font-size:24px;line-height:27px}.fmg-marquee .block--btn .times{font-size:12px;color:#fff;margin-top:5px;line-height:16px}.fmg-marquee .block--btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;opacity:.69;pointer-events:none}.fmg-marquee .block--btn:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;border-radius:20px;transform:scale(.5);transform-origin:0 0;border:1PX solid #FFDFBB;box-sizing:border-box;pointer-events:none}.fmg-marquee .block--active{background-color:#fff;box-shadow:unset}