body{line-height:1.4;font-family:-apple-system-font,Helvetica Neue,sans-serif}*{padding:0;margin:0}.toast{transition-duration:.2s;transform:translate(-50%,-50%);margin:0;top:45%;z-index:2000;position:fixed;width:7.6em;min-height:7.6em;left:50%;background:hsla(0,0%,7%,.7);text-align:center;border-radius:5px;color:#fff}.toast.v5rfckfz{opacity:1;visibility:visible}.u3afe5xj.loading{margin:30px 0 0;width:38px;height:38px;vertical-align:baseline}.u3afe5xj{font-size:55px;color:#fff}.loading{display:inline-block;animation:e 1s steps(12) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}i{font-style:italic}@keyframes e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
body{z-index:99999;color:#000;background-position:center top;background-size:100% auto}
body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Helvetica}
html{font-size:10px}
h1,h2,h3,h4,h5,h6{font-size:1.6rem;font-weight:400}
body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,td,textarea,th,ul{margin:0;padding:0;-webkit-text-size-adjust:none}
dl,ol,ul{list-style:none}
em,i{font-style:normal}
img,input{border:0 none}
a,button,img,input{-webkit-touch-callout:none;outline:0}
a,button,div,input{-webkit-tap-highlight-color:transparent}
@media all and (-webkit-transform-3d){a,button,input{-webkit-tap-highlight-color:rgba(100,100,100,.2)}
}a{text-decoration:none}
a{color:#fff}
input::-webkit-input-placeholder{color:#aaa}
.cb:after{content:".";display:block;font-size:0;line-height:0;color:transparent;clear:both}
.l{float:left}
.r{float:right}
.tc{text-align:center}
.hide{display:none !important}
.vv56fbce{visibility:hidden}
.ql9rh211{position:relative;z-index:10}
.flex-box{display:-ms-flexbox}
.flex{-webkit-box-flex:1;-ms-flex:1}
.v{-webkit-box-orient:vertical}
.h{-webkit-box-orient:horizontal}
.hc{-webkit-box-pack:center}
.vc{-webkit-box-align:center}
.box,body,html{height:100%}
.gt60p1um,.d91izy2s,.cover,.i4z1mzpa:before,.sfd5syqq:before,.fall
i,.mailer .arrow,.t069s3oo,.lrw7tq28:before,.red:after,.red:before,.ki1lexe9,.ea53vgt5,.ea53vgt5out
.t069s3oo,.d11xcr3f{background-image:var(--timeout-num-bg); background-repeat:no-repeat;background-size:53.7rem 59.6rem}
.index img{vertical-align:bottom;min-height:30.6rem}
.step{margin:-8rem 2.6rem 0}
.step li{position:relative;margin-bottom:1rem;padding:.6rem 0 0 5.4rem;min-height:4rem;font-size:1.2rem;color:#f6e291;line-height:1.8rem}
.d91izy2s{display:block;width:28.4rem;height:6.2rem;line-height:5rem;text-align:center;font-size:2.3rem;color:#632115;background-position:right bottom}
.hlqb9214{text-align:right}
.hlqb9214 a{display:inline-block;padding:10px;font-size:1.4rem;color:#632115}
.hlqb9214 a span{border-bottom:1px solid #632115}
.fgdzt2mr .title{display:inline-block;margin-top:-10px;padding:0 5px 0 10px;height:24px;line-height:24px;font-size:1.2rem;text-align:center;color:#f4ae7f;font-weight:700}
.fgdzt2mr .skfmwtn8{padding:0 10px;line-height:1.4;font-size:1rem;color:#f4ae7f}
.fgdzt2mr .cndccdoq{padding:5px 0 15px;width:100%;overflow:hidden;text-align:center}
.fgdzt2mr .cndccdoq li{position:relative;display:inline-block;width:30%;padding-top:69px;font-size:1.3px}
.fgdzt2mr .cndccdoq li:nth-child(2):before{background-position:-56px 0}
.fgdzt2mr .cndccdoq li:nth-child(3):before{background-position:-112px 0}
.fgdzt2mr .cndccdoq li span{display:block;padding:4px 0;color:#333;font-size:1.2rem;color:#f6e291}
.fgdzt2mr .cndccdoq li em{font-size:1rem;color:#f4ae7f}
.rule .title{padding:2rem 1rem 0;font-size:2rem;font-weight:700}
.fvnxoqqx{padding:1rem 1.4rem 0 3.4rem;line-height:1.6;font-size:1.4rem}
.fvnxoqqx li{padding-bottom:1rem;list-style:decimal}
.game{position:relative;overflow:hidden}
.w88qlck5{position:absolute;width:100%;top:75px;z-index:5}
.cloud{padding:1.4rem 2.8rem 0;height:3.3rem;font-size:1.7rem;color:#632115;text-align:center}
.i53ah9z8{width:100%;height:4.5rem}
.ki1lexe9{padding-left:3.1rem;width:8.4rem;height:3.9rem;line-height:3.4rem;background-position:right -46.5rem}
.ea53vgt5{padding-left:2.4rem;width:8.8rem;height:3.6rem;line-height:3.4rem;background-position:right -42.1rem}
.bag{position:absolute;left:0;right:0;bottom:0;padding-left:.8rem;height:29.5rem;background:var(--bag-bg) no-repeat 0 bottom;background-size:100% 100%}
.red{position:absolute;bottom:0;left:50%;margin-left:-15rem;width:30rem;height:29.4rem}
.red:before{content:"";position:absolute;bottom:2.9rem;left:4rem;width:22.5rem;height:25.8rem;background-position:0 0}
.mailer,.t069s3oo{position:absolute;bottom:4.3rem;left:6.2rem;width:17.5rem;height:25rem;font-size:2rem;color:#fff;text-align:center}
.mailer .arrow{margin:7rem auto .8rem;width:2.6rem;height:2.3rem;background-position:right -33rem}
.mailer em{display:block}
.t069s3oo{background-position:-23rem 0}
.value{position:absolute;left:0;right:0;top:-8rem;padding-left:.4rem;font-size:3.6rem;line-height:6rem;color:#fff100;text-align:center}
.value em{font-size:5.4rem;vertical-align:-.4rem}
.cover{position:absolute;bottom:0;left:0;width:30rem;height:22.4rem;background-position:0 -27rem}
.i4z1mzpa,.sfd5syqq{display:block;position:absolute;bottom:8.7rem;width:3.2rem;height:1.4rem}
.i4z1mzpa:before,.sfd5syqq:before{content:"";position:absolute;width:100%;height:100%;background-position:right -51rem}
.sfd5syqq:before{-webkit-transform:scaleX(-1)}
.i4z1mzpa{left:10.2rem}
.sfd5syqq{left:16.4rem}
.red:after{content:"";position:absolute;bottom:0;left:0;width:11.7rem;height:9.8em;background-position:-30.5rem -43rem}
.sound{position:absolute;left:9999px;bottom:-9999px;opacity:0}
.fall{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.fall i{display:block;position:absolute;z-index:1;-webkit-transform:translate(10px,-400px)}
.fall i:nth-child(1){z-index:2;left:1.8rem;top:14.1rem;width:4.9rem;height:4.9rem;background-position:right -27rem}
.fall i:nth-child(2){right:1rem;top:3.8rem;width:7.6rem;height:10.3rem;background-position:right 0}
.fall i:nth-child(3){top:22rem;left:-2.6rem;bottom:19rem;width:8.1rem;height:8.1rem;background-position:right -11rem}
.fall i:nth-child(4){top:22rem;right:-.8rem;bottom:20.4rem;width:4.8rem;height:6.5rem;background-position:right -19.5rem}
.totx9046{display:none;position:fixed;z-index:98;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.43)}
.d11xcr3f{position:absolute;z-index:100;top:12rem;left:50%;margin-left:-2.05rem;width:4.1rem;height:5.8rem;background-position:-41rem -12rem}
.d11xcr3f.sq966e61{background-position:-41rem -6rem}
.d11xcr3f.w0bdm6c6{background-position:-41rem 0}
.ea53vgt5out .mailer .arrow,.ea53vgt5out .mailer em,.ea53vgt5out .totx9046,.ea53vgt5out .d11xcr3f{display:block}
.ea53vgt5out .t069s3oo{z-index:199;bottom:13.6rem;height:15.8rem;background-position:-31rem -26rem}
.ea53vgt5out .mailer{z-index:999}
.boom i{display:block;z-index:99;position:absolute;width:9.2rem;height:8.2rem;opacity:0}
.boom i:before{content:"";position:absolute;width:100%;height:100%;background:var(--bom-i-before-bg) no-repeat;background-size:100% auto}
.boom i:nth-child(1){top:9rem;right:1rem}
.boom i:nth-child(2){top:8rem;left:1rem}
.boom i:nth-child(2):before{-webkit-transform:scale(.8)}
.boom i:nth-child(3){top:12rem;left:3rem}
.yuax19ew{position:fixed;z-index:201;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#666}
.gt60p1um{position:absolute;right:0;top:-9rem;display:block;width:4rem;height:4rem;background-position:-25.5rem -48.6rem}
.lrw7tq28-wrap{position:absolute;left:0;right:0;top:0;bottom:0}
.lrw7tq28{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);margin:5rem auto 0;padding:0 1.2rem 1rem;width:22.6rem;background-color:#fef173;border-radius:.6rem .6rem .6rem .6rem}
.lrw7tq28:before{content: "";
/*
background: #fef17;
background-color: #fef17;
position: absolute;
background: #fef173;
top: -10.8rem;
left: 0;
right: 0;
height: 11rem;
background-position: 0 bottom;
*/
}
.lrw7tq28 h3{position:absolute;left:0;right:0;top:-3rem}
.lrw7tq28 h3,.lrw7tq28 h4{line-height:3rem}
.lrw7tq28 h5{font-size:1.3rem;font-weight:700;color:#313131;line-height:5rem;white-space:nowrap}
.w1bdunsg{font-size: 3.3rem;font-weight: 700;color: #313131;line-height: 5rem;white-space: nowrap;text-align: center;}
.lrw7tq28 p{font-size:1.2rem;color:#888;line-height:1.6rem}
.w1afa4k6{padding-top:1.4rem}
.btn{display:block;margin-bottom:1.4rem;height:4.4rem;line-height:4.4rem;border-radius:6px;font-size:1.8rem;color:#fff;text-align:center}
.jq74k4gh{background-color:#f74d2a}
.aqsbbkjr{background-color:#fff;color:#f74d2a}
.yuax19ew .hlqb9214{margin-top:-10px}
.yuax19ew .hlqb9214 a{padding:10px 2px;color:#007aff}
.yuax19ew .hlqb9214 a span{border-color:#9ab3cd}
.lrw7tq28 .label{position:absolute;top:-4.4rem;right:0;width:7.2rem;height:7.5rem;padding-top:2.5rem;background:var(--popcnt-label-bg) no-repeat;background-size:7.2rem 7.5rem;text-align:center}
.lrw7tq28 .label span{color:#e94d2d;font-size:1.2rem;display:block;-webkit-transform:rotate(-30deg);padding-left:.5rem}
.lrw7tq28 .label span em{font-style:normal;font-weight:400}
.rule{color:#EDEACC}
.x41t3aii .t069s3oo{ animation:up 0.2s infinite}
.x41t3aii .cover{
transform: rotateX(0deg)!important;
}
@keyframes up{0%{transform:perspective(1000px) translate3d(0,0,0)}
100%{transform:perspective(1000px) translate3d(0,-400px,0) scale(.8)}
}
.liwsq0fc .i4z1mzpa{ animation:eyebrow-l .3s alternate infinite}
@keyframes eyebrow-l{0%{transform:translateY(0)}
100%{transform:translateY(-.4rem) rotate(8deg)}
}
.liwsq0fc .sfd5syqq{ animation:eyebrow-r .3s alternate infinite}
@keyframes eyebrow-r{0%{transform:translateY(0)}
100%{transform:translateY(-.4rem) rotate(-8deg)}
}
.liwsq0fc .fall i{ animation:fall .8s infinite}
@keyframes fall{0%{transform:translate(10px,-300px);opacity:1}
60%{opacity:1}
100%{transform:translate(0);opacity:0}
}
.ea53vgt5out .arrow{ animation:scroll-down 1.2s ease infinite}
.arrow{ animation:scroll-down 1.2s ease infinite;display:block}
@keyframes scroll-down{0%{transform:translate(0,0);opacity:0}
50%{transform:translate(0,-.4rem);opacity:1}
100%{transform:translate(0,-.8rem);opacity:0}
}
.value{ animation:value .6s infinite}
@keyframes value{0%{transform:translateY(0);opacity:0}
20%,60%{opacity:1}
100%{transform:translateY(-30px);opacity:0}
}
.boom i.a7gjdvey{ animation:boom .8s infinite}
@keyframes boom{0%{opacity:0}
20%,60%{opacity:1}
100%{opacity:0}
}
.bg0dtghi{position:fixed;z-index:101;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.8) center 10px no-repeat !important;background:rgba(0,0,0,.8) center bottom no-repeat !important;background-size:77% auto !important}
.lrw7tq28-wrap{ animation:down .6s}
@keyframes down{0%{transform:translateY(-50rem)}
62.5%{transform:translateY(-50rem)}
80%{transform:translateY(1rem)}
85%{transform:translateY(0)}
90%{transform:translateY(1rem)}
100%{transform:translateY(0)}
}
@media all and (min-width:360px){html{font-size:11.25px}
}@media all and (min-width:384px){html{font-size:12px}
}@media all and (min-width:400px){html{font-size:12.5px}
}@media all and (max-height:460px){.d11xcr3f{top:10rem}
.value{top:-6rem}
}@media all and (max-height:420px){.bag{bottom:-4rem}
.value{top:-5rem}
.step{margin-top:-9rem}
.step li{margin-bottom:.2rem}
}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif}
*{margin:0;padding:0}
a img{border:0}
a{text-decoration:none;-webkit-tap-highlight-color:transparent}
[class*=" weui-icon-"],[class^=weui-icon-]{display:inline-block;vertical-align:middle;font:normal normal normal 14px/1 weui;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}
[class*=" weui-icon-"]:before,[class^=weui-icon-]:before{display:inline-block;margin-left:.2em;margin-right:.2em}
*{padding: 0; margin: 0}@keyframes show1 { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); }}@keyframes btn1 { 0% { transform: rotate(-720deg); } 100% { transform: rotate(0deg); }}@keyframes show2 { 0% { opacity: 0; transform: translateY(50%); } 100% { opacity: 1; transform: translateY(0%); }}@keyframes btn2 { 0% { transform: scale(0) } 100% { transform: scale(1); }}@keyframes show3 { 0% { opacity: 0; transform: translateY(-50%); } 100% { opacity: 1; transform: translateY(0%); }}@keyframes btn3 { 0% { transform: scale(0) } 100% { transform: scale(1); }}@keyframes show4 { 0% { opacity: 0; border-radius: 100% } 100% { opacity: 1; border-radius: 0%; }}@keyframes btn4 { 0% { transform: scale(1,0) } 100% { transform: scale(1,1); }}@keyframes btnShake1 { 0% { transform: scale(1); } 40% { transform: scale(1.1); } 60% { transform: scale(.9); } 80% { transform: scale(1.2); } 100% { transform: scale(1); }}@keyframes btnShake2 { 0% { transform: scale(1); } 40% { transform: scale(1.1,0.9); } 60% { transform: scale(.9,1.1); } 80% { transform: scale(1.2,0.8); } 100% { transform: scale(1); }}@keyframes btnShake3 { 0% { transform: scale(1,1) rotate(0deg); } 10% { transform: scale(1.2,0.8); } 20% { transform: scale(0.8,1.2); } 30% { transform: scale(1.2,0.8); } 40% { transform: scale(0.8,1.2); } 50% { transform: scale(1,1); } 60% { transform: rotate(-15deg); } 70% { transform: rotate(15deg); } 80% { transform: rotate(-25deg); } 90% { transform: rotate(25deg); } 100% { transform: scale(1,1) rotate(0deg); }}@keyframes btnShake4 { 0% { transform: rotate(0deg); opacity: 1; } 10% { transform: scale(1.2,0.8); } 20% { transform: scale(0.8,1.2); } 30% { transform: scale(1.2,0.8); } 40% { transform: scale(0.8,1.2); } 50% { transform: scale(1,1); } 60% { opacity: 1; } 70% { opacity: 0.5; } 80% { opacity: 1; } 90% { opacity: 0.5; } 100% { transform: scale(1,1); opacity: 1; }}@keyframes btnMove { from { transform: rotateY(180deg) } to { transform: rotateY(360deg) }}@keyframes rotateMove { from { transform: rotate(0deg) } to { transform: rotate(360deg) }}@keyframes itemMove1 { 0% { height: 0px; } 100% { height: 60px; }}@keyframes itemMove2 { 0% { height: 0px; transform: scaleY(0); } 40% { height: 60px; transform: scaleY(0); } 100% { transform: scaleY(1); }}@keyframes itemMove3 { 0% { height: 0px; transform: translateX(100px); opacity: 0; } 40% { height: 60px; transform: translateX(100px); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; }}@keyframes itemMove4 { 0% { height: 0px; transform: translateX(-100px); opacity: 0; } 40% { height: 60px; transform: translateX(-100px); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; }}@keyframes tipMove { 0% { transform: translate(0px,0%); } 40% { transform: translate(-10px,30%); } 100% { transform: translate(0px,0%); }}.otvoncre { position: relative;}.otvoncre::before { position: absolute; content: ""; width: .1px; height: .1px; border: solid 8px rgba(0,0,0,0); border-right-color: #ebcd9b; top: 0px; left: -16px;}* { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */}.b5u6d5eu { background-color: #fff; border-radius: 6px; position: fixed; width: 96%; animation: demo2 5s ease-in-out 0s 1 alternate forwards; left: 2%; z-index: 6666;}.rjzjya0y { display: flex; justify-content: space-between; margin-bottom: 4px;}.xag09xay { display: flex; align-items: center; justify-content: space-between; font-size: 14px;}.ei3ah2ck { display: flex; align-items: center; font-size: 12px;}.ei3ah2ck img { width: 20px; height: auto; display: block; margin-right: 10px;}.vdnrtazf { margin-top: 4px;}.vdnrtazf img { width: 14px; height: auto; display: block;}.a9dyrqmv img { width: 10vw; height: 10vw; display: block;}.dr6s9blf { margin-top: 4px; color: #6a6a6a;}.smifc6u7 { color: #6a6a6a;}.pcwveo2u { padding: 10px 10px 12px 20px;}@keyframes demo2 { 0% { transform: translateY(-100px); } 30% { transform: translateY(4px); } 50% { transform: translateY(4px); } 100% { transform: translateY(-300px); }} .c22mprba { margin: auto; top: 100px; padding-top: 20px; padding-left: 10px; padding-right: 10px; background: white; border-radius: 8px; position: relative;}.o9fvc5sv { width: 100%; background: #FEFEFE; text-align: center; padding-top: 2vh; padding-bottom: 2vh;}.c2v47kne { width: 30px; height: 30px; border-radius: 50%; background: #c0c0c0; font-size: 20px; line-height: 26px; font-weight: bold; text-align: center; color: #ebebeb; position: absolute; right: -10px; top: -10px;}.btn1 { width: 100%; height: 50px; border-top: 1px solid #dcd9d9;}.yozx9ayi { width: 100%; height: 50px; font-size: 18px; color: #18ad19; border: 0; background: white; border-radius: 4px;}
@keyframes shake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-5px);
}
50% {
transform: translateX(5px);
}
75% {
transform: translateX(-5px);
}
100% {
transform: translateX(0);
}
}

.doxg20gu {
display: inline-block;
animation: shake 0.5s ease-in-out infinite, pause 1s 0.5s infinite;
}

@keyframes pause {
0% {
transform: translateX(0);
}
100% {
transform: translateX(0);
}
}
/* --- 通用/占位符 CSS (替代未提供的 style.css) --- */

.hide { display: none !important; }
.tc { text-align: center;}
.toast { position: fixed; top: 40%; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: white; padding: 15px 25px; border-radius: 8px; z-index: 9999;}
/* --- 游戏界面 CSS --- */
.box { position: relative;  width: 100vw; height: 100vh; overflow: hidden; color:#fcf39c; }


.red { position: relative; width: 100%; height: 100%;  /* border: 1px solid red; */ }
/* 核心滑动元素 */


/* 模拟盖子 */


/* 分数反馈 */
.value {
    position: absolute; top: 10%; left: 50%; transform: translateX(-50%);
    font-size: 8vw; color: yellow; font-weight: bold; opacity: 0;
     transition: opacity 0.3s, transform 0.5s;
     z-index: 100;
}
.fkml4r6w { opacity: 1; transform: translate(-50%, -30px); }




/* 爆炸效果占位 */
.boom {position: absolute; top:0; left:0; width: 100%; height: 100%; pointer-events: none;}
.boom i { position: absolute; width: 30px; height: 30px; background: yellow; border-radius: 50%; opacity: 0; transform: scale(0);}
@keyframes boom-ani {
     0% { opacity: 1; transform: scale(0.1); }
     50% { opacity: 1; transform: scale(1.2); }
     100% { opacity: 0; transform: scale(1.5); }
}
 .a7gjdvey { animation: boom-ani 0.6s ease-out forwards; }

/* 结果弹窗 */
.yuax19ew {
     position: fixed; top: 0; left: 0; width: 100%; height: 100%;
     background: rgba(0,0,0,0.7); z-index: 300; display: flex; justify-content: center; align-items: center;
}


/* --- 结果列表页面 CSS ---*/
 @keyframes btnShake1 {
    0%, 10%, 20%, 30%, 100% { transform: scale(1); }
     5%, 15%, 25% { transform: scale(1.05); }
 }
 @keyframes itemMoveUp { /* 模拟列表项上移动画 */
   from { transform: translateY(100%); opacity: 0; }
   to { transform: translateY(0); opacity: 1; }
 }
 .tfe40hgy {
    animation: itemMoveUp 0.5s ease-out;
 }
/* 虽然pop/unshift不需要leave, 但定义一下 */
/* .list-item-leave-active { 
     transition: all 0.5s ease;
      position: absolute; // 避免跳动
 }
.list-item-leave-to {
     opacity: 0;
     transform: translateY(-30px);
 }
 .list-item-move {
    transition: transform 0.5s ease;
} */


/* --- 原始 style 标签 CSS --- */
.bdhmcjh3 { font-size: 3.5vw; color: red; }
.h5rdbyvc { font-size: 4vw; color: red; }
.q6snyc7j { font-size: 3.5vw; ; }
.jvjfyf0h { font-size: 7vw; color: red; }

.removes { position: absolute; right: 0; top: 0; color: #999; cursor: pointer; padding: 20px 25px; }
.removes::before { content: "\2716"; display: inline-block; transition: all 0.4s; transform: rotate(0deg); color: red; font-size: 20px; }
.removes:hover::before { color: #2c3e50; transform: rotate(90deg); }

#myProgress { width: 100%; height: 10vw; border-radius: 10px; background-color: #ddd; margin-top: 10px; overflow: hidden; }
#myBar {
   /* width: 20%; */ /* 由Vue绑定 */
    height: 10vw; border-radius: 10px; background-color: #4CAF50;
     text-align: center; line-height: 10vw; color: white; transition: width 0.4s ease;
}

.cxaqh4j2 {
    width: 100%; height: 40px; font-size: 20px; font-weight: 700; color: #fff;
    border: 0; background-color: #2fde8a; border-radius: 14px; outline: 0; margin-top: 10px;
}
/* 自定义 Alert */
#custom-dialog {
    position: fixed; z-index: 5000; width: 85%; max-width: 400px; top: 50%; left: 50%;
    transform: translate(-50%, -50%); text-align: center; border-radius: 10px; overflow: hidden;
    background: linear-gradient(#ff6b00, #ff4200)
}
#custom-dialog-content {
     padding: 0.7em 20px 1.7em; font-size: 15px; line-height: 1.3; word-wrap: break-word;
     word-break: break-all; color: #000000; margin: 0.2rem; background-color: #FFFFFF;
     border-radius: 10px; overflow: hidden;
 }
 #custom-dialog-overlay {
      display: block; position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6);
 }

 .bdhmcjh3{
font-size: 3.5vw;color:red;    
}
.h5rdbyvc{
font-size: 4vw;color:red;     
}
.q6snyc7j{
font-size: 3.5vw;;     
}
.jvjfyf0h{
font-size: 7vw;color:red;
}

.removes {
position: absolute;
right: 0;
top: 0;
color: #999;
cursor: pointer;
padding: 20px 25px;
}

.removes::before {
content: "\2716";
display: inline-block;
transition: all 0.4s;
transform: rotate(0deg);
color: red;
font-size: 20px;
}

.removes:hover::before {
color: #2c3e50;
transform: rotate(90deg);
}



#myProgress {
width: 100%;
height: 10vw;
border-radius: 10px;
background-color: #ddd;
}

#myBar {
width: 20%;
height: 10vw;
border-radius: 10px;
background-color: #4CAF50;
text-align: center;
line-height: 10vw;
color: white; 
}
.cxaqh4j2 {
width: 100%;
height: 40px;
/* margin-right: 10px; */
/* font-size: 2rem; */
font-size: 20px;
font-weight: 700;
color: #fff;
/* padding: 1rem; */
border: 0;
background-color: #2fde8a;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
outline: 0;
margin-top: 10px;

}

.liwsq0fc .fall i:nth-child(2){ animation-delay:.2s}
.liwsq0fc .fall i:nth-child(3){ animation-delay:.3s}
.liwsq0fc .fall i:nth-child(4){ animation-delay:.4s}
.ea53vgt5out .arrow{ animation:scroll-down 1.2s ease infinite}
.arrow{ animation:scroll-down 1.2s ease infinite;display:block}
@keyframes scroll-down{0%{transform:translate(0,0);opacity:0}
50%{transform:translate(0,-.4rem);opacity:1}
100%{transform:translate(0,-.8rem);opacity:0}
}
.value{ animation:value .6s infinite}
@keyframes value{0%{transform:translateY(0);opacity:0}
20%,60%{opacity:1}
100%{transform:translateY(-30px);opacity:0}
}
.boom i.a7gjdvey{ animation:boom .8s infinite}
@keyframes boom{0%{opacity:0}
20%,60%{opacity:1}
100%{opacity:0}
}
.lrw7tq28-wrap{ animation:down .6s}
@keyframes down{0%{transform:translateY(-50rem)}
62.5%{transform:translateY(-50rem)}
80%{transform:translateY(1rem)}
85%{transform:translateY(0)}
90%{transform:translateY(1rem)}
100%{transform:translateY(0)}
}





body {
  margin: 0;
  padding: 0;
  color: #000;
}


/* 全局容器和字体 */
.spcyxxm8[data-v-3e81cc06] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  height: 100vh;
  width: 100vw;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: #f7f7f7;
}


/* 等待确认覆盖层 */
.confirmation-overlay[data-v-3e81cc06] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  z-index: 9999;
}
.confirmation-overlay p[data-v-3e81cc06] {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: bold;
  color: #555;
}
.spinner[data-v-3e81cc06] {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-left-color: #1976D2;
  animation: spin-3e81cc06 1s ease infinite;
}
@keyframes spin-3e81cc06 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/* 顶部标题栏 */
.om1nlm73[data-v-3e81cc06] {
  text-align: center;
  padding: 12px 0;
  font-size: 14px;
  color: #888;
  background-color: #f7f7f7;
  flex-shrink: 0;
  border-bottom: 1px solid #e7e7e7;
}
.jbsdroos[data-v-3e81cc06] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.fsd2c3z4[data-v-3e81cc06] {
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px 10px;
}

/* 消息包裹 */
.a3o53vx4[data-v-3e81cc06] {
  clear: both;
  margin-bottom: 46px;
}
.left[data-v-3e81cc06],
.right[data-v-3e81cc06] {
  display: flex;
  align-items: flex-start;
}
.right[data-v-3e81cc06] {
  justify-content: flex-end;
}
.right .k2vgbu2v[data-v-3e81cc06] {
  background-color: #95ec69;
  /* 用户消息颜色 */
}
.right .jit2xyko[data-v-3e81cc06]::before {
  content: '';
  position: absolute;
  right: -8px;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #95ec69;
}

/* 头像 */
.r1ddddri[data-v-3e81cc06] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.r1ddddri img[data-v-3e81cc06] {
  width: 100%;
  height: 100%;
}
.left .r1ddddri[data-v-3e81cc06] {
  margin-right: 10px;
}
.right .r1ddddri[data-v-3e81cc06] {
  margin-left: 10px;
}

/* 消息内容区 */
.jb3nriav[data-v-3e81cc06] {
  max-width: 80%;
}
.vpnoyx9b[data-v-3e81cc06] {
  color: #888;
  font-size: 13px;
  margin-bottom: 5px;
}
.k2vgbu2v[data-v-3e81cc06] {
  padding: 10px 15px;
  border-radius: 8px;
  word-wrap: break-word;
  position: relative;
  background-color: #fff;
  line-height: 1.5;
  font-size: 15px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* 聊天气泡小三角 */
.left .k2vgbu2v[data-v-3e81cc06]::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid white;
}

/* 聊天中的按钮 */
[data-v-3e81cc06] .chat-btn {
  background-color: #34c759;
  /* 匹配图片的绿色 */
  color: white;
  padding: 10px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: block;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
}
[data-v-3e81cc06] .chat-btn:hover {
  background-color: #30b151;
}
[data-v-3e81cc06] .chat-btn:disabled {
  display: none;
  cursor: not-allowed;
}
[data-v-3e81cc06] .chat-btn:disabled:hover {
  background-color: #34c759;
  /* keep original color */
}

/* 浮动操作按钮 */
.e465n8nb[data-v-3e81cc06] {
  position: absolute;
  bottom: 70px;
  /* 调整位置以避开输入框 */
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #ffcce5;
  /* 粉色 */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #db3a8c;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 100;
}

/* 底部输入框 */
.tfeo46co[data-v-3e81cc06] {
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-width: 600px;
  background-color: #ffffff;
  padding: 10px;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  z-index: 100;
}
.dzc58a50[data-v-3e81cc06] {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  overflow: hidden;
  height: 40px;
}
.yshbwfsm[data-v-3e81cc06] {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.yshbwfsm img[data-v-3e81cc06] {
  width: 24px;
  height: 24px;
}
.vlltnx7a[data-v-3e81cc06] {
  flex-grow: 1;
}
input[type="text"][data-v-3e81cc06] {
  width: 100%;
  border: none;
  padding: 8px 10px;
  background-color: transparent;
  font-size: 14px;
  outline: none;
}
.dxu4mlv0[data-v-3e81cc06] {
  height: 40px;
}
.fry4zify[data-v-3e81cc06] {
  background-color: #ff5722;
  color: white;
  border: none;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  cursor: pointer;
}

/* 弹窗样式 */
.um8p0epy[data-v-3e81cc06] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
}

/* 手机号/地址表单 */
.im4pk3my[data-v-3e81cc06] {
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 600px;
  background: #fff;
  animation: slide-up-3e81cc06 0.3s ease-out;
  z-index: 1001;
  overflow: hidden;
}
@keyframes slide-up-3e81cc06 {
from {
    transform: translate(-50%, 100%);
}
to {
    transform: translate(-50%, 0);
}
}
.xd2wrmdv[data-v-3e81cc06] {
  padding: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.ruzy5zw9[data-v-3e81cc06] {
  padding: 10px 15px;
  font-size: 14px;
}
.l4drvwqn[data-v-3e81cc06] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.e2yg686h[data-v-3e81cc06] {
  width: 80px;
  flex-shrink: 0;
}
.iownf90v[data-v-3e81cc06] {
  flex-grow: 1;
}
.iiq7kdy0[data-v-3e81cc06] {
  width: 80%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.sb82iytf[data-v-3e81cc06] {
  background: #4CAF50;
  color: white;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  width: 100%;
  border: 0;
  cursor: pointer;
}

/* 分享弹窗 */
#shareDiv .dggix1po[data-v-3e81cc06] {
  background-color: #fff;
  color: #333;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  max-width: 90%;
  width: 320px;
}
.a9i1ft65[data-v-3e81cc06] {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #ff3a30;
}
.pytjebwg[data-v-3e81cc06] {
  margin: 10px 0;
}
.c3b354v8[data-v-3e81cc06] {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
}
.nolsfhyx[data-v-3e81cc06] {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 15px;
  text-align: left;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 5px;
}
.yq6b6vh8[data-v-3e81cc06] {
  background-color: #25d366;
  /* WhatsApp Green */
  color: white;
  padding: 10px 0;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  display: block;
  margin: 0 auto 15px;
  font-weight: bold;
  width: 100%;
}
.w6l2nbkv[data-v-3e81cc06] {
  background-color: #3478f6;
  /* Blue */
  margin-top: 10px;
}
.onvm9pvq[data-v-3e81cc06] {
  color: #666;
  font-size: 13px;
  margin-bottom: 8px;
}
.ftrg6e3q[data-v-3e81cc06] {
  background-color: #e9ecef;
  border-radius: 10px;
  overflow: hidden;
  height: 16px;
  margin: 8px 0;
}
.f42c8o1l[data-v-3e81cc06] {
  background-color: #3478f6;
  color: white;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  height: 100%;
  transition: width 0.5s ease-in-out;
}
.rs60ozld[data-v-3e81cc06] {
  padding: 20px;
  font-size: 16px;
  line-height: 1.8;
}

/* 分享信息/失败弹窗 */
.dialog[data-v-3e81cc06] {
  background-color: white;
  border-radius: 8px;
  width: 80%;
  max-width: 300px;
  text-align: center;
  overflow: hidden;
}
.i74y5fgv[data-v-3e81cc06] {
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
}
.e8brcjdr[data-v-3e81cc06] {
  padding: 0 20px 20px;
  color: #666;
}
.sc3yhts8[data-v-3e81cc06] {
  border-top: 1px solid #eee;
}
.csfejc01[data-v-3e81cc06] {
  width: 100%;
  padding: 15px;
  border: none;
  background: none;
  color: #e74c3c;
  /* Danger color */
  font-size: 16px;
  cursor: pointer;
}

/* 消息状态标记样式 */
.qdc9pkby[data-v-3e81cc06] {
  font-size: 12px;
  text-align: right;
  padding-right: 8px;
  margin-top: 4px;
}
.jk6bql74[data-v-3e81cc06] {
  color: #888;
}
.oxtiycr3[data-v-3e81cc06] {
  color: #34b7f1;
}