::-moz-placeholder{color:#cfcece; font-size:1rem}              
    ::-webkit-input-placeholder{color:#cfcece; font-size:1rem}     
    :-ms-input-placeholder{color:#cfcece; font-size:1rem}

.scrape-wrapper{ position:relative; height:12rem }
.scrape-wrapper .scrape-title{ color:#f12d33; font-size:1.29rem; line-height:1.6rem; margin-top:-0.3rem; font-weight:bold }
.scrape-wrapper .scrape-subtitle{ color:#999; font-size:0.86rem; line-height:1.2rem }
.canvas{ width:23.93rem; height:10.3571rem; left:1.07rem; top:0; position:absolute; z-index:4; border:0.36rem solid #fff; border-radius:1.79rem }

.info{ position:absolute; left:0; top:0; width:100% }
.info .btn{ position:absolute; width:23.93rem; height:10.3571rem; left:1.07rem; top:0; border:0.36rem solid #fff; line-height:2.1rem; background:#ec5c1c; border-radius:1.79rem }
.info .btn p{ font-size:1.3928rem; line-height:1.9182rem; padding-top:3rem }
.info .btn h4{ font-size:1.5692rem; line-height:1.9182rem; font-weight:bold }

.info .no-award{ background:#fff; color:#666; text-align:center }
.info .no-award p{ font-size:1.0714rem; line-height: 3rem; padding-top:0 }
.info .no-award h4{ padding:3rem 0 0 0; font-size:1.7857rem; font-weight:bold; line-height:2.2rem }

.no-chance{ position:absolute; width:23.93rem; height:10.3571rem; left:1.07rem; top:0; z-index:6; background:#fff; color:#666; text-align:center; border:0.36rem solid #fff; border-radius:1.79rem }
.no-chance p{ font-size:1.29rem; line-height:3rem }
.no-chance h4{ font-size:1.71rem; line-height:2rem; font-weight:bold; padding-top:1.2142rem }

.pop{ width:22.8571rem; padding:3rem 1.3rem 3rem; background:#fff; border-radius:1.0714rem; position:relative; text-align:center; box-sizing: border-box}
.pop-inner { border-radius: 15px; background:#fff; text-align: center; padding:32px 0;  }
.pop .pop-close .pop-close-img{ width:33px; height:33px; padding-top:15px; }
.pop .icon-close{ position:absolute; right:0; top:0; z-index:10; padding:0.71rem }
.pop .icon-close img{ width:1.07rem }
.pop .face-icon{ width:5rem; padding-bottom:0.93rem }
.pop .congratulations{ font-size:1.5rem; color:#333; padding-bottom:0.28rem; font-weight: bold }
.pop .congratulations .txt{ font-size:1.2142rem; font-weight: normal}
.pop .exchange-code{ font-size:1.5rem;color:#c04000; }
.pop .exchange-code .copy{ font-size:0.8571rem; vertical-align: bottom; color:#666}
.pop p{ font-size:0.86rem; line-height: 1.7142rem; color:#8f8f8f; margin-bottom:1.5rem }
.pop .tip-red{ padding-top:0.8rem}
.pop .i-txt{ width:100%; color:#333; font-size:1.57rem; line-height:3.21rem; height:3.21rem; border:0.071rem solid #d9d9d9; text-align:center; border-radius: 20rem }
.pop .btn-purple{ width:75%; margin:1.43rem auto 0;border-radius:2rem; height:3.21rem; line-height:3.21rem; font-size:1.0714rem;  }
.pop .btn-line{ border:1px solid #f78313; border-radius:2rem; height:3.21rem; line-height:3.21rem; font-size:1rem; color:#f78313; text-align:center; display:block; margin-top:1.43rem; box-sizing: border-box }
.pop .btn-wrap{ padding:0 }
.pop .btn-wrap .btn-half{ float: left; display:inline-block; width:48%;}
.pop .btn-wrap .btn-purple{ margin:0 0 0 2% }
.pop .btn-wrap .btn-line{ margin:0 2% 0 0 }
.pop .i-txt{ margin-bottom:1rem; font-size:1.4rem }
.pop-substance .i-txt-long{ font-size:0.86rem }
.pop .btn-exchange{ width: 208px; height: 45px; line-height: 45px; border-radius: 45px; font-size:15px;  margin:25px auto 0;}
.pop .pad-b-5{ padding-bottom: 5px; display: inline-block; width: 100%}
.pop#login{width: 19rem}

.rules-link{ padding-top:6rem; display:block; text-align:center; line-height:3rem; color:#999; font-size:0.86rem; text-decoration:underline }

.rules{ padding:3rem 1rem 2rem;  overflow-y:scroll; position: fixed; bottom:0; top: 20%; left: 0; right: 0; z-index: 500; background:#fff; border-radius:1.0714rem 1.0714rem 0 0 }
.rules .icon-close{ position:fixed; right:0; top:20%; z-index:1000; padding:0.71rem }
.rules .icon-close img{ width:1.07rem }
.rules .rule-title{ font-size:1.2857rem; font-weight:bold; color:#333; line-height:3rem; text-align: center}
.rules .s-tit{ font-size:1.0714rem; line-height: 2rem; color:#333; margin-bottom: 1rem }
.rules .star-tit{ padding-left:1.52rem; background:url("/Images/Activity/YoukuMysteryBoxActivitys/icon_star.png?ver=20250620") no-repeat 0 0.21rem; background-size: 0.9642rem; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.5rem; color:#333; text-align: left}
.rules ol{ padding-bottom:1rem; text-align:left; line-height:1.29rem; color:#666 }
.rules ol li{ padding-left:1.52rem; background:url(/Images/Activity/YoukuMysteryBoxActivitys/one-dot.png?ver=20250620) no-repeat 0 0.21rem; background-size:0.79rem; margin-bottom:0.57rem; font-size:0.86rem }
.rules .pad-bottom{ padding-bottom:1rem}
.pop.rules{ height:300px; width: 260px; position: relative; border-radius:1.0714rem }
.pop.rules .icon-close{ position: absolute; right:0; top:0; z-index:10; padding:0.71rem }
.rules .link{ color:#ff6700}