服务器提交

public/weapp/pages_promotion/game/cards.wxss

@@ -0,0 +1 @@
+.container{width:100vw;min-height:100vh;background-image:linear-gradient(#f3623f,#f74222)}.add-point{pointer-events:none}.head-wrap{position:relative}.head-wrap image{width:100%;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}.prize-area{margin:0 auto;width:85%;position:relative;line-height:1;-webkit-transform:translateY(-420rpx);transform:translateY(-420rpx)}.prize-area image{width:100%}.prize-area .content-wrap{position:absolute;width:500rpx;height:300rpx;z-index:4;left:70rpx;top:210rpx}.prize-area .content-wrap > view{position:relative;width:100%;height:100%}.prize-area .canvas-shade{width:100%;height:100%;position:absolute;z-index:5;background:#e5e5e5}.prize-area .canvas{width:100%;height:100%;position:absolute;z-index:6}.prize-area .result-wrap{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff5e9}.prize-area .result-wrap .title{font-size:28rpx;line-height:1}.prize-area .result-wrap .text{font-size:52rpx;font-weight:800;text-align:center;line-height:1;margin-top:20rpx}.prize-area .result-wrap .tips{font-size:24rpx;color:#999;line-height:1;margin-top:20rpx}.prize-area .guide-wrap{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}.prize-area .guide-wrap .text{letter-spacing:12rpx;color:#999}.prize-area .guide-wrap .btn{line-height:1;padding:22rpx 90rpx;color:#fff;display:inline-block;border-radius:50rpx;margin-top:10rpx}.prize-area .guide-wrap .btn.disabled{background-color:#ccc!important}.action-text{margin:60rpx 50rpx 0 50rpx;display:flex;-webkit-transform:translateY(-420rpx);transform:translateY(-420rpx)}.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(-420rpx);transform:translateY(-420rpx);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 .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-shade{width:calc(100% - 24rpx);height:60rpx;top:12rpx;left:12rpx;background-color:#da2b00;position:absolute;z-index:2;border-radius:8rpx}.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}.remain-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.remain{min-width:550rpx;height:54rpx;background:rgba(0,0,0,.1);line-height:54rpx;border-radius:10rpx;margin:0 auto;text-align:center;-webkit-transform:translateY(-390rpx);transform:translateY(-390rpx);color:#fff;padding:0 25rpx;font-size:24rpx}.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}.warn{margin-top:20rpx;border-radius:20rpx}.data-v-4bb1706f .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box{background:none!important}.data-v-4bb1706f .uni-popup__wrapper.uni-custom.center .uni-popup__wrapper-box{overflow:unset}