.rule-bottom-bg { // @include pos(685px, 102px, 0px, 712px); // border-radius: 10px; // pointer-events: none; // background-image: -webkit-linear-gradient(90deg, rgba(255, 238, 186, 0.7), rgba(255, 255, 255, 0.1) 100%); } .rule-icon { @include pos(121px, 104px, 501px, 25px); @include bg_pos("rule/icon.png"); pointer-events: none; } } } .rule-cls-btn { @include box(49px, 49px); @include bg_pos("rule/cls-btn.png"); margin-top: 0px; } } .sharePop { @include fixed(); background-color: rgba($color: #000000, $alpha: 0.54); visibility: hidden; .tips-pic { @include pos(100px, 100px, 600px, 180px); @include bg_pos("result/share-tips.svg"); stroke: #ffffff; } .tips-text { font-size: 25px; @include pos(750px, 100px, 0px, 300px); color: #ffffff; text-align: right; } } } } } .sharePop { @include fixed(); background-color: rgba($color: #000000, $alpha: 0.54); visibility: hidden; .tips-pic { @include pos(100px, 100px, 600px, 180px); @include bg_pos("result/share-tips.svg"); stroke: #ffffff; } .tips-text { font-size: 25px; @include pos(750px, 100px, 0px, 300px); color: #ffffff; text-align: right; } } color: #ffffff; } .qp-tips-text { @include pos(569px, 220px, 0px, 150px); ~！@#￥%……&*（）——+=-0 font-size: 25px; line-height: 35px; text-align: justify; color: #b3640d; } } .next-btn { @include box(190px, 65px); border: 1px solid #ffffff; @include flexCen(); font-size: 35px; color: #ffffff; border-radius: 31px; margin-top: 50px; } } 1234567890.$$$￥￥￥￥ font-size: 20px; // font-weight: 700; color: #fff6cc; letter-spacing: 2px; // background-color: aqua; } .exchnage-tips2 { @include pos(390px, 52px, 110px, 638px); display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 15px; // font-weight: 700; color: #fff6cc; // background-color: aqua; } .myPrize-cls-btn { @include pos(82px, 82px, 517px, 114px); @include bg_pos("prize/cls-btn.png"); } } } .num { font-size: 40px; color: #f25501; font-weight: 700; /* 文字填充色 */ text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; /* 四个方向阴影叠加 */ } } .btn { @include box(200px, 40px); line-height: 40px; text-align: center; background-color: aliceblue; } } } .b { font-weight: 700; } .orange { color: #ff7127; font-weight: 700; } } } } .cls-btn { @include pos(82px, 82px, 517px, 114px); @include bg_pos("prize/cls-btn.png"); } } // 未中奖弹窗样式 .draw-none { @include flexCen(); .none-prize { @include box(521px, 447px); @include bg_pos("prize/no-prize.png"); } .cls-btn { @include box(82px, 82px); @include bg_pos("prize/cls-btn.png"); margin-top: 40px; } } }