@charset "utf-8";
/* CSS Document */
.bydr { margin: 0 auto; width: 7.2rem; font:normal .26rem Microsoft YaHei;
color: #FFF; }
.bydr_01 { height: 1.7rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bydr_01.jpg) no-repeat; background-size: 100% 100%; }
.bydr_02 { height: 1.7rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bydr_02.jpg) no-repeat; background-size: 100% 100%; }
.bydr_03 { height: 1.7rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bydr_03.jpg) no-repeat; background-size: 100% 100%; }

.bydr_04 { height: 1.7rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bydr_04.jpg) no-repeat; background-size: 100% 100%; }
.bydr_05 { height: 1.18rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bydr_05.jpg) no-repeat; background-size: 100% 100%; }
.bydr_06 { height: 2.28rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bydr_06.jpg) no-repeat; background-size: 100% 100%; }
.bydr_07 { height: 1.74rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bydr_07.jpg) no-repeat; background-size: 100% 100%; }
.order_01 { height: 1.71rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/order_01_v2.jpg) no-repeat; background-size: 100% 100%; }
.order_02 { height: 1.72rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/order_02_v2.jpg) no-repeat; background-size: 100% 100%; }
.order_03 { height: 1.71rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/order_03_v1.jpg) no-repeat; background-size: 100% 100%; }
.order_04 { height: 1.72rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/order_04_v1.jpg) no-repeat; background-size: 100% 100%; }
.order_05 { height: 1.71rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/order_05_v1.jpg) no-repeat; background-size: 100% 100%; }
.order_06 { height: 1.72rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/order_06_v1.jpg) no-repeat; background-size: 100% 100%; }
.order_07 { height: 1.71rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/order_07_v1.jpg) no-repeat; background-size: 100% 100%; }

.invitorId{ position:absolute; top:4.65rem; left:1rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/bg_input.jpg) no-repeat; width: 5.2rem; height:.96rem;
background-size: 100% 100%; margin:.06rem auto 0;text-align: center; }
.invitorId input { border:none; outline: 0 none; width: 5.2rem; height:.46rem;padding:.25rem 0;text-align: center; background: none; font-size:.5rem;
color: #ff6c00 }
.pic_btn{ position:absolute; top:6.32rem; left:2.55rem; display:block; width:2.12rem; height:2.12rem;}
.btn_download { top:8.45rem; right: 2.01rem; width: 3.34rem; height: 1.35rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/btn_download_v2.png) no-repeat; background-size: 100% 100%; }
.btn_get { top: 8.26rem; right: 1.4rem; width: 4.38rem; height: 1.7rem; background: url(https://png.pookcdn.net/bydr-lobby/mp/btn_get.png) no-repeat; background-size: 100% 100%; }
.element-animation { animation: rubberBand .75s linear 0s normal; transform-origin: 50% 50%; -webkit-animation: rubberBand .75s linear 0s normal; -webkit-transform-origin: 50% 50%; -moz-animation: rubberBand .75s linear 0s normal; -moz-transform-origin: 50% 50%; -o-animation: rubberBand .75s linear 0s normal; -o-transform-origin: 50% 50%; -ms-animation: rubberBand .75s linear 0s normal; -ms-transform-origin: 50% 50%; -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;}
.thickdiv { background:#000000; border: 0 none; height: 100%;left: 0; opacity: 0.7; position: fixed; top: 0;width: 100%;z-index:101;filter:alpha(opacity=70); display:none;}
.hint_pup{ top:0; right:.51rem; width:6.03rem; height:5.4rem; background:url(https://png.pookcdn.net/bydr-lobby/mp/pup_hint.png) no-repeat; z-index:102; display:none; background-size:100% 100%;}
@keyframes rubberBand {  0% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 -moz-transform: scale3d(1.15, 0.85, 1);
 -o-transform: scale3d(1.15, 0.85, 1);
 -ms-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 40% {
 -webkit-transform: scale3d(0.85, 1.15, 1);
 -moz-transform: scale3d(0.85, 1.15, 1);
 -o-transform: scale3d(0.85, 1.15, 1);
 -ms-transform: scale3d(0.85, 1.15, 1);
 transform: scale3d(0.85, 1.15, 1);
}
 50% {
 -webkit-transform: scale3d(1.18, 0.9, 1);
 -moz-transform: scale3d(1.18, 0.9, 1);
 -o-transform: scale3d(1.18, 0.9, 1);
 -ms-transform: scale3d(1.18, 0.9, 1);
 transform: scale3d(1.18, 0.9, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 -moz-transform: scale3d(.95, 1.05, 1);
 -o-transform: scale3d(.95, 1.05, 1);
 -ms-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 -moz-transform: scale3d(1.05, .95, 1);
 -o-transform: scale3d(1.05, .95, 1);
 -ms-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes rubberBand {  0% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 -moz-transform: scale3d(1.15, 0.85, 1);
 -o-transform: scale3d(1.15, 0.85, 1);
 -ms-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 40% {
 -webkit-transform: scale3d(0.85, 1.15, 1);
 -moz-transform: scale3d(0.85, 1.15, 1);
 -o-transform: scale3d(0.85, 1.15, 1);
 -ms-transform: scale3d(0.85, 1.15, 1);
 transform: scale3d(0.85, 1.15, 1);
}
 50% {
 -webkit-transform: scale3d(1.18, 0.9, 1);
 -moz-transform: scale3d(1.18, 0.9, 1);
 -o-transform: scale3d(1.18, 0.9, 1);
 -ms-transform: scale3d(1.18, 0.9, 1);
 transform: scale3d(1.18, 0.9, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 -moz-transform: scale3d(.95, 1.05, 1);
 -o-transform: scale3d(.95, 1.05, 1);
 -ms-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 -moz-transform: scale3d(1.05, .95, 1);
 -o-transform: scale3d(1.05, .95, 1);
 -ms-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes rubberBand {  0% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 -moz-transform: scale3d(1.15, 0.85, 1);
 -o-transform: scale3d(1.15, 0.85, 1);
 -ms-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 40% {
 -webkit-transform: scale3d(0.85, 1.15, 1);
 -moz-transform: scale3d(0.85, 1.15, 1);
 -o-transform: scale3d(0.85, 1.15, 1);
 -ms-transform: scale3d(0.85, 1.15, 1);
 transform: scale3d(0.85, 1.15, 1);
}
 50% {
 -webkit-transform: scale3d(1.18, 0.9, 1);
 -moz-transform: scale3d(1.18, 0.9, 1);
 -o-transform: scale3d(1.18, 0.9, 1);
 -ms-transform: scale3d(1.18, 0.9, 1);
 transform: scale3d(1.18, 0.9, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 -moz-transform: scale3d(.95, 1.05, 1);
 -o-transform: scale3d(.95, 1.05, 1);
 -ms-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 -moz-transform: scale3d(1.05, .95, 1);
 -o-transform: scale3d(1.05, .95, 1);
 -ms-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@-o-keyframes rubberBand {  0% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 -moz-transform: scale3d(1.15, 0.85, 1);
 -o-transform: scale3d(1.15, 0.85, 1);
 -ms-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 40% {
 -webkit-transform: scale3d(0.85, 1.15, 1);
 -moz-transform: scale3d(0.85, 1.15, 1);
 -o-transform: scale3d(0.85, 1.15, 1);
 -ms-transform: scale3d(0.85, 1.15, 1);
 transform: scale3d(0.85, 1.15, 1);
}
 50% {
 -webkit-transform: scale3d(1.18, 0.9, 1);
 -moz-transform: scale3d(1.18, 0.9, 1);
 -o-transform: scale3d(1.18, 0.9, 1);
 -ms-transform: scale3d(1.18, 0.9, 1);
 transform: scale3d(1.18, 0.9, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 -moz-transform: scale3d(.95, 1.05, 1);
 -o-transform: scale3d(.95, 1.05, 1);
 -ms-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 -moz-transform: scale3d(1.05, .95, 1);
 -o-transform: scale3d(1.05, .95, 1);
 -ms-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@-ms-keyframes rubberBand {  0% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 -moz-transform: scale3d(1.15, 0.85, 1);
 -o-transform: scale3d(1.15, 0.85, 1);
 -ms-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 40% {
 -webkit-transform: scale3d(0.85, 1.15, 1);
 -moz-transform: scale3d(0.85, 1.15, 1);
 -o-transform: scale3d(0.85, 1.15, 1);
 -ms-transform: scale3d(0.85, 1.15, 1);
 transform: scale3d(0.85, 1.15, 1);
}
 50% {
 -webkit-transform: scale3d(1.18, 0.9, 1);
 -moz-transform: scale3d(1.18, 0.9, 1);
 -o-transform: scale3d(1.18, 0.9, 1);
 -ms-transform: scale3d(1.18, 0.9, 1);
 transform: scale3d(1.18, 0.9, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 -moz-transform: scale3d(.95, 1.05, 1);
 -o-transform: scale3d(.95, 1.05, 1);
 -ms-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 -moz-transform: scale3d(1.05, .95, 1);
 -o-transform: scale3d(1.05, .95, 1);
 -ms-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -moz-transform: scale3d(1, 1, 1);
 -o-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes shake {  0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-.05rem, 0, 0);
 -moz-transform: translate3d(-.05rem, 0, 0);
 -o-transform: translate3d(-.05rem, 0, 0);
 -ms-transform: translate3d(-.05rem, 0, 0);
 transform: translate3d(-.05rem, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(.05rem, 0, 0);
 -moz-transform: translate3d(.05rem, 0, 0);
 -o-transform: translate3d(.05rem, 0, 0);
 -ms-transform: translate3d(.05rem, 0, 0);
 transform: translate3d(.05rem, 0, 0);
}
}
@-webkit-keyframes shake {  0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-.05rem, 0, 0);
 -moz-transform: translate3d(-.05rem, 0, 0);
 -o-transform: translate3d(-.05rem, 0, 0);
 -ms-transform: translate3d(-.05rem, 0, 0);
 transform: translate3d(-.05rem, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(.05rem, 0, 0);
 -moz-transform: translate3d(.05rem, 0, 0);
 -o-transform: translate3d(.05rem, 0, 0);
 -ms-transform: translate3d(.05rem, 0, 0);
 transform: translate3d(.05rem, 0, 0);
}
}
@-moz-keyframes shake {  0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-.05rem, 0, 0);
 -moz-transform: translate3d(-.05rem, 0, 0);
 -o-transform: translate3d(-.05rem, 0, 0);
 -ms-transform: translate3d(-.05rem, 0, 0);
 transform: translate3d(-.05rem, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(.05rem, 0, 0);
 -moz-transform: translate3d(.05rem, 0, 0);
 -o-transform: translate3d(.05rem, 0, 0);
 -ms-transform: translate3d(.05rem, 0, 0);
 transform: translate3d(.05rem, 0, 0);
}
}
@-o-keyframes shake {  0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-.05rem, 0, 0);
 -moz-transform: translate3d(-.05rem, 0, 0);
 -o-transform: translate3d(-.05rem, 0, 0);
 -ms-transform: translate3d(-.05rem, 0, 0);
 transform: translate3d(-.05rem, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(.05rem, 0, 0);
 -moz-transform: translate3d(.05rem, 0, 0);
 -o-transform: translate3d(.05rem, 0, 0);
 -ms-transform: translate3d(.05rem, 0, 0);
 transform: translate3d(.05rem, 0, 0);
}
}
@-ms-keyframes shake {  0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-.05rem, 0, 0);
 -moz-transform: translate3d(-.05rem, 0, 0);
 -o-transform: translate3d(-.05rem, 0, 0);
 -ms-transform: translate3d(-.05rem, 0, 0);
 transform: translate3d(-.05rem, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(.05rem, 0, 0);
 -moz-transform: translate3d(.05rem, 0, 0);
 -o-transform: translate3d(.05rem, 0, 0);
 -ms-transform: translate3d(.05rem, 0, 0);
 transform: translate3d(.05rem, 0, 0);
}
}
.shake { animation: shake .8s linear 0s normal; transform-origin: 50% 50%; -webkit-animation: shake .8s linear 0s normal; -webkit-transform-origin: 50% 50%; -moz-animation: shake .8s linear 0s normal; -moz-transform-origin: 50% 50%; -o-animation: shake .8s linear 0s normal; -o-transform-origin: 50% 50%; -ms-animation: shake .8s linear 0s normal; -ms-transform-origin: 50% 50%; }
.hint{ background:url(https://png.pookcdn.net/mobile_image//hint_bg.gif) no-repeat; width:306px; height:70px;background-size:306px 70px; top:0px; left:37px; z-index:99999;position: fixed; display:none;}