| 1 |
- .onebox{height:372rpx;width:352rpx;border-radius:26rpx;background-color:#fff}.twobox{height:186rpx;width:176rpx;border-radius:13rpx;background-color:#fff}.prize{width:750rpx;height:100vh;display:flex;justify-content:center}.prize .prize_box{width:100%;margin-top:170rpx;height:1120rpx;position:relative;flex-direction:column;background:url(/static/image/result/guang@2x.png) no-repeat;background-color:rgba(139,94,3,.24);background-size:100% auto;background-position:top;background-repeat:no-repeat}.prize .prize_box .prize_close{width:64rpx;height:64rpx;top:64rpx;right:30rpx;position:absolute}.prize .prize_box .prize-top{width:528rpx;height:170rpx;position:absolute;top:120rpx;left:118rpx}.prize .prize_box .prize-top-2{top:40rpx}.prize .prize_box .prize_footer{width:100%;height:472rpx;background-image:url(/static/image/result/btns@2x.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:-34rpx}.prize .prize_box .prize_footer-2{bottom:-114rpx}.prize .prize_box .prize_footer .btn{width:310rpx;height:84rpx;border-radius:16rpx;position:absolute;left:220rpx}.prize .prize_box .prize_footer .btn-1{top:210rpx}.prize .prize_box .prize_footer .btn-0{top:316rpx}.prize .shiwan{background:url(/static/image/open/tanchuangbeijing@2x.png) no-repeat;background-size:cover}.prize .prize_ul{width:566rpx;display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;top:336rpx;left:92rpx}.prize .prize_ul-2{top:226rpx}.prize .prize_ul::after{content:"";width:176rpx}.prize .prize_ul_li{margin-bottom:16rpx;position:relative;width:176rpx;height:186rpx;display:flex;flex-direction:column;align-items:center;justify-content:center;display:flex;padding:8rpx 0;box-sizing:border-box}.prize .prize_ul_li image{margin:0 auto}.prize .prize_ul_li text{font-size:24rpx;font-weight:500;color:#171a20;width:146rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prize .prize_ul_li .left-top-tag{width:3rem;height:3rem}.prize .prize_ul_li .left-top-tag .tag-text{font-size:.6rem!important}.prize .prize_shop{transition:1s;position:absolute;top:336rpx;left:198rpx;display:flex;flex-direction:column}.prize .prize_shop image{width:174rpx;height:235rpx;margin-bottom:20rpx}.prize .prize_shop text{width:70%;font-size:16rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#171a20;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.prize .prize_shop .colorblack{font-size:32rpx!important;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#171a20}.prize .prize_shop .left-top-tag{width:5rem;height:5rem}.prize .prize_shop .left-top-tag .tag-text{font-size:1rem}.prize .tag-rare{box-shadow:0 0 40rpx 18rpx rgba(221,0,255,.57)}.prize .tag-supreme{box-shadow:0 0 40rpx 32rpx rgba(255,215,0,.67)}.prize .shiwan{width:399rpx;height:48rpx;color:#fff;font-size:30rpx;margin-top:40rpx;background:#000;border-radius:27rpx 27rpx 27rpx 27rpx}.left-top-tag{z-index:999999;position:absolute;left:-2px;top:-3px}.left-top-tag .tag-img{height:100%!important;width:100%!important}.left-top-tag .tag-text{position:absolute;top:30%;left:30%;color:#fff!important;width:auto!important;-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.prize_shop_scale{-webkit-transform:scale(1.3);transform:scale(1.3)}.loading-mask{position:fixed;height:100vh;width:100vw;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,46.3%,.32)}.loading-mask .loading-gif{width:60%}
|
