1 line
6.2 KiB
Plaintext
Executable File
1 line
6.2 KiB
Plaintext
Executable File
.container{width:100vw;height:100vh;background-image:linear-gradient(#f3623f,#f74222)}.head-wrap{position:relative}.head-wrap image{width:90%;margin:0 auto;display:block}.head-wrap .rule-mark{position:absolute;right:0;top:60rpx;background-color:#ffe854;color:#ff7908;height:60rpx;line-height:60rpx;padding:0 30rpx;border-top-left-radius:60rpx;border-bottom-left-radius:60rpx}.turntable-wrap{margin:30rpx;padding:70rpx 50rpx 70rpx 70rpx;background-size:100% 100%;border-radius:16rpx;-webkit-transform:translateY(-200rpx);transform:translateY(-200rpx)}.turntable-wrap .wrap{width:100%;position:relative;overflow:hidden;height:536rpx}.turntable-wrap .star-box{position:absolute;width:calc(33.33333333% - 20rpx);height:100rpx;background:linear-gradient(#ffe1ac,#fec965);top:182rpx;left:33.33333333%;height:162rpx;border-radius:8rpx;box-shadow:0 .25em 0 #e19d1f;text-align:center}.turntable-wrap .star-box .text{font-size:34rpx;margin:30rpx 0 0 0;line-height:60rpx;font-weight:600;color:#ff3301;text-align:center}.turntable-wrap .star-box .text.no-tips{margin-top:50rpx}.turntable-wrap .star-box .tips{font-size:24rpx;display:inline-block;margin:0 auto;background:#f0a71d;line-height:1;color:#ff3301;padding:6rpx 12rpx;border-radius:24rpx}.turntable-wrap .star-box.disabled{box-shadow:0 .25em 0 #999;background:linear-gradient(#ccc,#aaa)}.turntable-wrap .star-box.disabled .text{color:#888}.turntable-wrap .star-box.disabled .tips{color:#777;background:#aaa}.turntable-wrap .status-box{position:absolute;width:calc(33.33333333% - 20rpx);background:#ed9580;top:182rpx;left:33.33333333%;height:168rpx;border-radius:8rpx;text-align:center;padding:0 20rpx;box-sizing:border-box}.turntable-wrap .status-box view{color:#fff;font-size:32rpx;letter-spacing:4rpx;margin-top:30rpx}.turntable-wrap .award-wrap{width:33.33333333%;padding-right:20rpx;position:absolute;box-sizing:border-box}.turntable-wrap .award-wrap .box{width:100%;background:#fff;border-radius:8rpx;padding:20rpx 0;box-shadow:inset 0 0 48rpx 0 #ffd6ab,0 .25em 0 rgba(248,166,131,.96)}.turntable-wrap .award-wrap .box.on{background:linear-gradient(#ffe1ac,#fec965);box-shadow:0 .25em 0 #e19d1f}.turntable-wrap .award-wrap .box.on .award-text{color:#ff3301}.turntable-wrap .award-wrap .box .award-img{width:70rpx;height:70rpx;margin:0 auto;display:flex;align-items:center}.turntable-wrap .award-wrap .box .award-img image{width:70rpx;height:auto}.turntable-wrap .award-wrap .box .award-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10rpx;font-size:24rpx;padding:0 20rpx;color:#666}.turntable-wrap .award-wrap:nth-child(1){top:0}.turntable-wrap .award-wrap:nth-child(2){top:0;left:33.33333333%}.turntable-wrap .award-wrap:nth-child(3){top:0;left:66.66666666%}.turntable-wrap .award-wrap:nth-child(4){top:182rpx;left:66.66666666%}.turntable-wrap .award-wrap:nth-child(5){top:364rpx;left:66.66666666%}.turntable-wrap .award-wrap:nth-child(6){top:364rpx;left:33.33333333%}.turntable-wrap .award-wrap:nth-child(7){top:364rpx;left:0}.turntable-wrap .award-wrap:nth-child(8){top:182rpx;left:0}.action-text{margin:0 50rpx;display:flex;-webkit-transform:translateY(-200rpx);transform:translateY(-200rpx)}.action-text > view{flex:1;line-height:1}.action-text .point{color:#fee331}.action-text .record{color:#fff;text-align:right}.record-wrap{-webkit-transform:translateY(-200rpx);transform:translateY(-200rpx);margin:80rpx 50rpx 30rpx 50rpx;border-radius:10rpx;background-color:#ff6e43;padding:12rpx;box-shadow:0 .45em 0 #d92a00;position:relative;height:430rpx}.record-wrap .body-shade{width:calc(100% - 24rpx);height:60rpx;top:12rpx;left:12rpx;background-color:#da2b00;position:absolute;z-index:2;border-radius:8rpx}.record-wrap .head{border:6rpx solid #ff6e43;box-shadow:inset 0 0 10rpx 0 #d92a00,0 .45em 0 #d92a00;background-color:#da2b00;position:absolute;z-index:5;text-align:center;width:300rpx;height:70rpx;line-height:70rpx;border-radius:70rpx;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-weight:600;letter-spacing:4rpx}.record-wrap .body{background-color:#da2b00;border-radius:8rpx;height:340rpx;box-shadow:inset 0 0 10rpx 0 #d92a00;padding:60rpx 30rpx 30rpx 30rpx;overflow:hidden}.record-wrap .body .wrap > view{display:flex}.record-wrap .body .wrap.animate{transition:all 1s ease-in-out;-webkit-transform:translateY(-60rpx);transform:translateY(-60rpx)}.record-wrap .body .tit{line-height:60rpx;width:220rpx;color:#fff}.record-wrap .body .txt{line-height:60rpx;flex:1;color:#fee331}.result-wrap{position:relative}.result-wrap .bg-img{width:80vw}.result-wrap .content-wrap{position:absolute;z-index:5;width:100%;height:100%;top:0;left:0;text-align:center}.result-wrap .content-wrap .look{margin:70rpx auto 0 auto;display:block;width:120rpx}.result-wrap .content-wrap .msg{margin:10rpx auto 0 auto;padding:0 20rpx;color:#da2b00;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-wrap .content-wrap .btn{width:50%;height:70rpx;line-height:70rpx;border-radius:10rpx;text-align:center;color:#da2b00;background:linear-gradient(#ffe1ac,#fec965);margin:146rpx auto 0 auto}.result-wrap .content-wrap .icon-round-close{position:absolute;color:#fff;font-size:70rpx;top:-120rpx;right:0rpx}.result-wrap .yes .look{width:80rpx;height:80rpx;margin-top:60rpx}.result-wrap .yes .btn{margin-top:214rpx}.rule-wrap{border-radius:10rpx;background-color:#ffd697;width:80vw;padding:12rpx;box-sizing:border-box}.rule-wrap .content-wrap{background-color:#fff2dd;width:100%;border-radius:8rpx;position:relative}.rule-wrap .content-wrap .rule-head{width:100%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;top:0}.rule-wrap .content-wrap .rule{max-height:880rpx;overflow:hidden;padding:80rpx 30rpx 0 30rpx;box-sizing:border-box}.rule-wrap .content-wrap .rule .tit{font-weight:600;color:#da2b00;margin-top:10rpx}.rule-wrap .content-wrap .rule .text{font-size:26rpx;color:#da2b00}.rule-wrap .content-wrap .icon-round-close{color:#fff;text-align:center;position:absolute;bottom:-150rpx;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:70rpx}.data-v-e2648c8a .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box{background:none!important}.data-v-e2648c8a .uni-popup__wrapper.uni-custom.center .uni-popup__wrapper-box{overflow:unset} |