@charset "UTF-8";
html { font-size: 13.33347vw; }

main .props .pop { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

main .props .floatPop .cdk p, main .props .floatPop .btn a { display: inline-block; *display: inline; vertical-align: middle; }

main .props, main .props .block, main .props .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, figure, button, input, textarea, th, td { margin: 0; padding: 0; }

header, nav, label { display: block; }

address, cite, dfn, em, var, i, u { font-style: normal; }

ul, ol { list-style: none; }

a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; color: inherit; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }
a:active { noOutline: expression(this.onFocus=this.blur()); }

img { border: none; }

button, input, select, textarea { font-size: 100%; outline: none; }

button { -webkit-tap-highlight-color: transparent; }

table { border-collapse: collapse; border-spacing: 0; }

hr { border: none; height: 1px; }

body { line-height: 1; font-family: 'Microsoft YaHei'; font-size: .2rem; }

[v-cloak] { display: none; }

html, body { height: 100%; position: relative; width: 100%; background: #d7c6fd; overflow: hidden; }

main { width: 7.5rem; height: 13.22rem; background: url("../../ossweb-img/bg.jpg") no-repeat center top/7.5rem 13.22rem; position: relative; }
main header a { display: block; font-size: 0; position: absolute; top: .93rem; left: .78rem; z-index: 2; }
main .animate i { position: absolute; -moz-animation: blink 1.5s infinite 0.2s; -webkit-animation: blink 1.5s infinite 0.2s; animation: blink 1.5s infinite 0.2s; }
main .animate i.spr-x1 { top: .63rem; left: 2.4rem; }
main .animate i.spr-x2 { top: .4rem; right: .88rem; }
main .animate i.spr-x3 { top: 1.7rem; left: 2.5rem; }
main section { position: relative; width: 100%; height: 100%; }
main section .pos { position: relative; width: 100%; height: 100%; }
main section .pos i { position: absolute; display: block; }
main section .pos i.s1 { left: 1.69rem; top: 3.54rem; width: 0.31rem; height: 0.65rem; background: url("../../ossweb-img/s1.gif") no-repeat center top/0.31rem 0.65rem; }
main section .pos i.s2 { right: 2.33rem; top: 4.2rem; width: 0.34rem; height: 0.6rem; background: url("../../ossweb-img/s2.gif") no-repeat center top/0.34rem 0.6rem; }
main section .pos i.s3 { right: .3rem; top: 7.22rem; width: 0.48rem; height: 0.32rem; background: url("../../ossweb-img/s3.gif") no-repeat center top/0.48rem 0.32rem; }
main section .pos i.s4 { right: 4.41rem; top: 7.12rem; width: 0.47rem; height: 0.58rem; background: url("../../ossweb-img/s4.gif") no-repeat center top/0.47rem 0.58rem; }
main section .pos i.s5 { left: 1.4rem; top: 8.72rem; width: 0.5rem; height: 0.38rem; background: url("../../ossweb-img/s5.gif") no-repeat center top/0.5rem 0.38rem; }
main section .spr-posend { position: absolute; bottom: 3.51rem; left: .88rem; }
main .props { z-index: 99; }
main .props .block { background: rgba(0, 0, 0, 0.8); }
main .props .bg { width: 7.5rem; height: 100%; background: url("../../ossweb-img/pop.jpg") no-repeat center top/7.5rem 100%; }
main .props .spr-float { position: absolute; right: 0; top: 0; }
main .props .pop { background: #fff; border: .1rem solid #fff280; border-radius: .2rem; padding: .1rem .3rem; }
main .props .pop:after { position: absolute; content: ''; width: 100%; height: 100%; border: .05rem solid #481c18; padding: .1rem; top: -.15rem; left: -.15rem; border-radius: .2rem; }
main .props .pop a.spr-close { position: absolute; top: -.2rem; right: -.2rem; font-size: 0; z-index: 2; }
main .props .pop a.spr-btn3 { font-size: 0; display: block; margin: .2rem auto .4rem auto; position: relative; z-index: 8; }
main .props .pop table { position: relative; z-index: 3; text-align: center; display: block; min-height: 2rem; min-width: 4.2rem; margin: .1rem auto .1rem auto; }
main .props .pop table th { font-size: .26rem; color: #5b271f; border-bottom: 1px  solid #ffde79; padding: .15rem 0; }
main .props .pop table td { max-width: 2.5rem; overflow: hidden; padding: .2rem 0; font-size: .3rem; color: #5b271f; }
main .props .pop table td img { width: .77rem; height: .41rem; }
main .props .share { position: absolute; right: 0; width: 6.14rem; height: 2.6rem; }
main .props .share img { width: 100%; display: block; }
main .props .floatPop { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
main .props .floatPop a.spr-back { display: block; position: absolute; top: .25rem; left: .25rem; }
main .props .floatPop p { margin: .3rem auto; }
main .props .floatPop p.loop { width: 4.41rem; height: 5.25rem; margin-top: 0; }
main .props .floatPop p.loop img { display: block; width: 100%; height: 100%; }
main .props .floatPop .cdk { font-size: 0; text-align: center; }
main .props .floatPop .cdk p { font-size: .32rem; line-height: .9rem; color: #6f3c37; }
main .props .floatPop .btn { font-size: 0; text-align: center; margin-top: 1rem; }
main .props .floatPop .btn a { margin: 0 .15rem; }
main .spr { background: url("../../ossweb-img/spr.png") no-repeat center center/6.8rem 12.05rem; }
main .spr-back { background-position: -1.87rem -1.15rem; height: 1.30rem; width: 1.23rem; }
main .spr-box { background-position: 0 -2.45rem; height: .82rem; width: 4.45rem; }
main .spr-btn { background-position: 0 -4.19rem; height: .93rem; width: 3.17rem; }
main .spr-btn2 { background-position: -3.1rem -1.15rem; height: .93rem; width: 3.17rem; }
main .spr-btn3 { background-position: -4.45rem -2.45rem; height: .68rem; width: 2.29rem; }
main .spr-btn4 { background-position: -.7rem -.97rem; height: .41rem; width: .77rem; }
main .spr-close { background-position: -4.55rem 0; height: .78rem; width: .78rem; }
main .spr-copy { background-position: -4.63rem -3.27rem; height: .71rem; width: 1.3rem; }
main .spr-float { background-position: 0 -9.32rem; height: 2.73rem; width: 6.8rem; }
main .spr-gift { background-position: -5.33rem 0; height: 1.15rem; width: 1.07rem; }
main .spr-posend { background-position: -3.17rem -4.19rem; height: 3.15rem; width: 3.59rem; }
main .spr-t { background-position: 0 -8.29rem; height: 1.03rem; width: 3.66rem; }
main .spr-txt { background-position: 0 -7.34rem; height: .95rem; width: 5.08rem; }
main .spr-txt1 { background-position: 0 0; height: .52rem; width: 4.55rem; }
main .spr-txt2 { background-position: 0 -3.27rem; height: .92rem; width: 4.63rem; }
main .spr-x1 { background-position: -1.47rem -1.15rem; height: .53rem; width: .4rem; }
main .spr-x2 { background-position: -.24rem -1.15rem; height: .38rem; width: .46rem; }
main .spr-x3 { background-position: 0 -1.15rem; height: .24rem; width: .24rem; }
@keyframes mymove { from { right: 2.82rem; opacity: 1; }
  to { right: 2.22rem; opacity: 0; } }
@-moz-keyframes mymove /* Firefox */ { from { right: 2.82rem; opacity: 1; }
  to { right: 2.22rem; opacity: 0; } }
@-webkit-keyframes mymove /* Safari 和 Chrome */ { from { right: 2.82rem; opacity: 1; }
  to { right: 2.22rem; opacity: 0; } }
@-o-keyframes mymove /* Opera */ { from { right: 2.82rem; opacity: 1; }
  to { right: 2.22rem; opacity: 0; } }
@keyframes blink { from { opacity: 0; }
  to { opacity: 1; } }
@-moz-keyframes blink /* Firefox */ { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes blink /* Safari 和 Chrome */ { from { opacity: 0; }
  to { opacity: 1; } }
@-o-keyframes blink /* Opera */ { from { opacity: 0; }
  to { opacity: 1; } }
/*@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){ main section .pos i.s1{ top: 29.7%; } main section .pos i.s2{ right: 2.38rem; } main section .pos i.s3{ top: 59.5%; }
}*/