@charset "utf-8";
	
:root{
	--calc:0.75;
	--calc2:0.95;
}
* {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
.both {
	clear: both;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
}
select, input, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}
input::-webkit-input-placeholder {
 color: #fff;
}
input::-moz-placeholder {
 color: #fff;
}
input:-moz-placeholder {
 color: #fff;
}
input:-ms-input-placeholder {
 color: #fff;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
}
body {
	font-size: 0.24rem;
	-webkit-text-size-adjust: none;
	background: #fff;
	color: #fff;
}
body a {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.main {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	max-width: 1900px;
	min-width: 320px;
}
.pc-bg {
    height: 100%;
    width: 100%;
    max-width: 1920px;
    position: fixed;
    left: 0;
    z-index: 0;
    background: url(../images/bg.jpg) top / cover no-repeat;
    /* background-size: 19.2rem 10.8rem; */
}
.wrapper {
	margin: 0 auto;
	position: relative;
	width: 7.5rem;
}
.container1 {
	height: 11.96rem;
	background: url(../images/bg1.jpg) no-repeat center top;
	background-size: 7.5rem 11.96rem;
}
.container2 {
	margin: 0 auto;
	width: 7.5rem;
	overflow: hidden;
	/* margin-top: -0.02rem; */
	height: 14.15rem;
	background: url(../images/bg2.jpg) no-repeat center top;
	background-size: 7.5rem 14.15rem;
}
.container3 {
	margin-top: -0.02rem;
	height: 11.7rem;
	background: url(../images/bg3.jpg) no-repeat center top;
	background-size: 7.5rem 11.7rem;
}
.container4 {
	margin-top: -0.02rem;
	height: 10.66rem;
	background: url(../images/bg4.jpg) no-repeat center top;
	background-size: 7.5rem 10.66rem;
}
.container5 {
	margin-top: -0.02rem;
	height: 12.01rem;
	background: url(../images/bg5.jpg) no-repeat center top;
	background-size: 7.5rem 12.01rem;
}
.container6 {
	margin-top: -0.02rem;
	height: 13.83rem;
	background: url(../images/bg6.jpg) no-repeat center top;
	background-size: 7.5rem 13.83rem;
}
.wrap {
	position: relative;
	z-index: 99;
	margin: 0 auto;
	width: 7.5rem;
}
.floattop{
	position: fixed;
	top: 0;
	z-index: 999;
	width: 7.5rem;
	height: .98rem;
	background: url(../images/floattop_bg.png) no-repeat;
	background-size: 7.5rem .98rem;
}
.btn-top-news{
	float: left;
	margin-left: 3.5rem;
	margin-top: .1rem;
	width: 1.93rem;
	height: .82rem;
	background: url(../images/btn_top_news.png) no-repeat;
	background-size: 1.93rem .82rem;
}
.btn-top-search{
	float: left;
	margin-top: .1rem;
	margin-left: .1rem;
	width: 1.93rem;
	height: .82rem;
	background: url(../images/btn_top_search.png) no-repeat;
	background-size: 1.93rem .82rem;
}
.kv-reservation{
	position: absolute;
	top: 10.4rem;
	left: 1.7rem;
	width: 4.34rem;
	height: .95rem;
	background: url(../images/kv_reservation.png) no-repeat;
	background-size: 4.34rem .95rem;
	-webkit-animation: magnify .6s linear infinite alternate;
	-moz-animation: magnify .6s linear infinite alternate;
	animation: magnify .6s linear infinite alternate;
}
.gift-num{
	position: absolute;
	top: 9.6rem;
	left: 1.7rem;
	margin: 0 auto;
	margin-top: .2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 4rem;
	height: .36rem;
	background: url(../images/kv_numbg.png) no-repeat;
	background-size: 4rem .36rem;
}
.num{
	font-size: .26rem;
	font-weight: bold;
	color: #feef32;
}
.title1{
	position: relative;
	top: .2rem;
	margin: 0 auto;
	width: 4.54rem;
	height: 1rem;
	background: url(../images/title1.png) no-repeat;
	background-size: 4.54rem 1rem;
}
.title2{
	margin: 0 auto;
	width: 5.53rem;
	height: 1rem;
	background: url(../images/title2.png) no-repeat;
	background-size: 5.53rem 1rem;
}
.title3{
	margin: 0 auto;
	width: 4.83rem;
	height: .77rem;
	background: url(../images/title3.png) no-repeat;
	background-size: 4.83rem .77rem;
}
.title4{
	margin: 0 auto;
	width: 4.83rem;
	height: .77rem;
	background: url(../images/title4.png) no-repeat;
	background-size: 4.83rem .77rem;
}
.title5{
	margin: 0 auto;
	width: 4.54rem;
	height: .95rem;
	background: url(../images/title5.png) no-repeat;
	background-size: 4.54rem .95rem;
}
.skin{
	margin-left: .4rem;
	width: 5.46rem;
	height: 1.95rem;
	background: url(../images/skin.png) no-repeat center center;
	background-size: 5.46rem 1.95rem;
}
.reservation-box {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.step1{
	margin: 0 auto;
}
.step1-t{
	margin-left: -.3rem;
	width: 4.43rem;
	height: .81rem;
	background: url(../images/p2_step1.png) no-repeat;
	background-size: 4.43rem .81rem;
}
.info-box {
    display: flex;
	align-items: center;
	margin-top: .2rem;
	margin-bottom: 0rem;
    width: 4.8rem;
	background-color: #151312;
	border: 1px solid #c14a51;
}
.area {
    float: left;
    padding-left: 0.1rem;
    width: 1.71rem;
    height: 0.6rem;
    background: #151312 url(../images/area.png) no-repeat right;
	background-size: .41rem 0.32rem;
    border: none;
	border-radius: .1rem;
    outline: medium;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-size: 0.2rem;
    color: #fff;
}
.input-in {
    display: inline;
    outline: none;
	border: none;
	margin-left: .1rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    width: 3.58rem;
    height: 0.6rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
    /* text-align: center; */
    color: #fff;
	background-color: #151312;
}
.pop-info-box {
    display: flex;
	align-items: center;
    margin-top: 0.02rem;
	margin-left: .3rem;
    width: 4.2rem;
	height: .5rem;
	background-color: #362813;
	border: 1px solid #362813;
	border-radius: .1rem;
}
.pop-area {
    float: left;
    padding-left: 0.1rem;
    width: 2rem;
    height: 0.2rem;
    background: #362813 url(../images/area.png) no-repeat right;
	background-size: .25rem 0.21rem;
    border: none;
	border-radius: .1rem;
    outline: medium;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-size: 0.14rem;
    color: #fff;
    
}
.pop-input-in {
    display: inline;
    outline: none;
	border: none;
	margin-left: .1rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    width: 3rem;
    height: 0.35rem;
    line-height: 0.52rem;
    font-size: 0.16rem;
    /* text-align: center; */
	/* background-color: #fff; */
	border-radius: .1rem;
    color: #fff;
	background-color: #362813;
}
.btn-reservation {
	float: left;
	margin-left: .7rem;
	margin-top: .2rem;
	width: 4.34rem;
	height: .95rem;
	background: url(../images/btn_reservation.png) no-repeat;
	background-size: 4.34rem .95rem;
	-webkit-animation: magnify .6s linear infinite alternate;
	-moz-animation: magnify .6s linear infinite alternate;
	animation: magnify .6s linear infinite alternate;
}
.btn-reservation2{
	float: left;
	margin-left: .1rem;
	margin-top: -.1rem;
	width: 5.96rem;
	height: 1.66rem;
	background: url(../images/btn_reservation2.png) no-repeat;
	background-size: 5.96rem 1.66rem;
	-webkit-animation: magnify .6s linear infinite alternate;
	-moz-animation: magnify .6s linear infinite alternate;
	animation: magnify .6s linear infinite alternate;
}
.step2{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
.step2-t{
	width: 5.55rem;
	height: .42rem;
	background: url(../images/p2_step2.png) no-repeat;
	background-size: 5.55rem .42rem;
}
.step2-gift{
	margin: 0 auto;
	margin-top: .2rem;
	width: 3.38rem;
	height: 1.58rem;
	background: url(../images/p2_step2_gift.png) no-repeat;
	background-size: 3.38rem 1.58rem;
}
.step2-warning{
	margin: 0 auto;
	margin-top: .1rem;
	margin-bottom: .2rem;
	width: 2.95rem;
	height: .23rem;
	background: url(../images/step2_warning.png) no-repeat;
	background-size: 2.95rem .23rem;
}
.store-box {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .1rem;
	margin-bottom: .1rem;
}
.btn-gp {
	width:calc(2.45rem*1.1);
	height:calc(0.86rem*1.1);
	background: url(../images/btn_gp.png) no-repeat;
	background-size: calc(2.45rem*1.1) calc(0.86rem*1.1);
}
.btn-ios {
	width:calc(2.45rem*1.1);
	height:calc(0.86rem*1.1);
	background: url(../images/btn_ios.png) no-repeat;
	background-size: calc(2.45rem*1.1) calc(0.86rem*1.1);
}
.hover{
	/* margin-top: -.2rem;
	margin-left: -.1rem;
	width: calc(2.78rem*1.1);
	height:calc(1.32rem*1.1);
	background: url(../images/hover.png) no-repeat;
	background-size:calc(2.78rem*1.1) calc(1.32rem*1.1); */
}
.btn-ios span, .btn-gp span {
	float: left;
	position: relative;
	border-radius: 0.1rem;
	display: inline;
	overflow: hidden;
	width:calc(2.45rem*1.1);
	height:calc(0.86rem*1.1);
}
.btn-ios span .effect, .btn-gp span .effect {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: linear-gradient( 90deg, transparent, transparent, rgba(247, 194, 3, 0.886), transparent, transparent );
	background-size: 100%;
	transition: all 650ms;
	-webkit-animation: sg 2s linear infinite;
	-moz-animation: sg 2s linear infinite;
	-ms-animation: sg 2s linear infinite;
	animation: sg 2s linear infinite;
}
.step3{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.step3-t{
	margin-left: -.3rem;
	width: 5.3rem;
	height: .42rem;
	background: url(../images/p2_step3.png) no-repeat;
	background-size: 5.3rem .42rem;
}
.step3-gift{
	width: 3.66rem;
	height: 1.55rem;
	background: url(../images/p2_step3_gift.png) no-repeat;
	background-size: 3.66rem 1.55rem;
	-webkit-animation: shake .8s linear infinite alternate;
    -moz-animation: shake .8s linear infinite alternate;
    animation: shake .8s linear infinite alternate;
}
.step3-fb{
	width:calc(3.36rem*1);
	height:calc(1.39rem*1);
	background: url(../images/step3_fb.png) no-repeat;
	background-size: calc(3.36rem*1) calc(1.39rem*1);
}
.draw-giftbox{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 5.5rem;
}
.draw-gift {
	position: relative;
	width: 7.5rem;
}
.draw-container {
	margin: 0 auto;
	overflow: hidden;
	width: 5.8rem;
}
.draw-container img {
	display: block;
	width: 1.8rem;
}
.draw-gift .draw-next, .draw-gift .draw-prev {
	position: absolute;
	top: .6rem;
	margin-top: 0;
	outline: none;
	width: 0.3rem;
	height: 0.43rem;
}
.draw-gift .draw-next {
	right: .2rem;
	background: url(../images/g_next.png) no-repeat;
	background-size: 0.3rem 0.43rem;
}
.draw-gift .draw-prev {
	left: .2rem;
	background: url(../images/g_pre.png) no-repeat;
	background-size: 0.3rem 0.43rem;
}
.draw-prev:after, .swiper-container-rtl .draw-info .role-next:after {
	content: ''
}
.draw-next:after, .swiper-container-rtl .draw-prev:after {
	content: ''
}
.draw-percent{
	position: absolute;
	top: 2.5rem;
	left: .5rem;
	width: .36rem;
	height: 2.9rem;
	background: url(../images/draw_percent.png) no-repeat center;
	background-size: .36rem 3.6rem;
}
.draw-luck{
	position: absolute;
	top: 2.5rem;
	left: -.45rem;
	width: 1.16rem;
	height: 1.68rem;
	background: url(../images/draw_luck.png) no-repeat;
	background-size: 1.16rem 1.68rem;
	z-index: 9;
}
.percent {
    position: absolute;
	bottom: -.04rem;
	margin-left: .12rem;
    width: .125rem; 
    height: 0%; 
	max-height: 2.9rem;
    border-radius: .05rem;
	border: 1px solid #c53b3b;
    overflow: hidden; 
	background-image: linear-gradient(to top, #eecf94,#fac466); 
}
.draw-numbox{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -.1rem;
	margin-bottom: 0rem;
}
.draw-num{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .24rem;
	width: 3.06rem;
	height: .43rem;
}
.draw-num span{
	color: red;
}
.btn-explain{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: underline;
	cursor: pointer;
	font-size: .24rem;
	width: 3.06rem;
	height: .43rem;
}
.draw-btn{
	margin: 0 auto;
	margin-top: .3rem;
	margin-bottom: .3rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.btn-mycards{
	width: 2.11rem;
	height: 1.01rem;
	background: url(../images/btn_mycards.png) no-repeat;
	background-size: 2.11rem 1.01rem;
}
.btn-draw{
	width: 3.18rem;
	height: 1.86rem;
	background: url(../images/btn_draw.png) no-repeat;
	background-size: 3.18rem 1.86rem;
	-webkit-animation: magnify .6s linear infinite alternate;
    -moz-animation: magnify .6s linear infinite alternate;
    animation: magnify .6s linear infinite alternate;
}
.btn-add{
	width: 2.11rem;
	height: 1.01rem;
	background: url(../images/btn_add.png) no-repeat;
	background-size: 2.11rem 1.01rem;
}
.role-box{
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
}
.role-info{
    height: 8.4rem;
	margin: 0 auto;
	overflow: hidden;
	margin-top: .4rem;
}
.role-container.swiper-container{
	height: 100%;
}
.role-prev:after, .swiper-container-rtl .role-next:after {
	content: ''
}
.role-next:after, .swiper-container-rtl .role-prev:after {
	content: ''
}
.role-info .role-next, .role-info .role-prev {
	opacity: 0.7;
	position: absolute;
	top: 35%;
	margin-top: 0;
	outline: none;
	width: 0.82rem;
	height: 0.58rem;
}
.role-info .role-next {
	right: .3rem;
	background: url(../images/next.png) no-repeat;
	background-size: 0.82rem 0.58rem;
}
.role-info .role-prev {
	left: .3rem;
	background: url(../images/pre.png) no-repeat;
	background-size: 0.82rem 0.58rem;
}
.role-thumbs{
	position: absolute;
	top: 8.3rem;
	left: .9rem;
	z-index: 11;
}
.role-thumbs .swiper-wrapper{
	width: 5.8rem;
	display: flex;
	justify-content: space-around;
}
.role-thumbs .swiper-slide {
	float: left;
	position: relative;
	width: 1.19rem !important;
	height: 1.5rem;
	opacity: 1;
	/* margin: 0 .3rem; */
}
.role-thumbs .swiper-slide-active {
	opacity: 1;
}
.role {
	width: 7.5rem;
    z-index: 10;
}
.role1 {
    height: 7.93rem;
	background: url(../images/role1.png) no-repeat;
	background-size: 7.5rem 7.93rem;
}
.role2 {
	height: 7.93rem;
	background: url(../images/role2.png) no-repeat;
	background-size: 7.5rem 7.93rem;
}
.role3 {
    height: 7.93rem;
	background: url(../images/role3.png) no-repeat;
	background-size: 7.5rem 7.93rem;
}
.gift-box{
	position: relative;
}
.btn-more{
	position: absolute;
	cursor: pointer;
}
.btn-more div {
    display: none;
    position: absolute;
    top: .5rem;
	left: -.26rem;
    width: 2.1rem;
    text-align: center;
    border: 1px solid #112a2f;
    background-color: #141c1ea8;
    color: #fff;
    font-size: .2rem;
    padding: .1rem 0;
    z-index: 10;
}
.m1{
	left: .42rem;
	top: 0rem;
	width: 4.7rem;
	height: 3.27rem;
	background: url(../images/30w.png) no-repeat;
	background-size: 4.7rem 3.27rem;

}
.m2{
	left: 2.78rem;
	top: 2.3rem;
	width: 4.64rem;
	height: 3.27rem;
	background: url(../images/50w.png) no-repeat;
	background-size: 4.64rem 3.27rem;
}
.m3{
	left: .4rem;
	top: 4.8rem;
	width: 4.9rem;
	height: 3.38rem;
	background: url(../images/80w.png) no-repeat;
	background-size: 4.9rem 3.38rem;
}
.m4{
	right: .1rem;
	top: 7.6rem;
	width: 5.89rem;
	height: 3.37rem;
	background: url(../images/100w.png) no-repeat;
	background-size: 5.89rem 3.37rem;
}
.complete {
	position: absolute;
	z-index: 6;
	display: none;
	width: .93rem;
	height: .91rem;
	background: url(../images/complete.png) no-repeat;
	background-size: .93rem .91rem;
}
.comp1 {
	top: .2rem;
	left: 3rem;
}
.comp2 {
	top: 2.5rem;
	right: .5rem;
}
.comp3 {
	top: 5rem;
	left: 3rem;
}
.comp4 {
	top: 8rem;
	right: 1rem;
}
.intro {
	position: relative;
	width: 7.5rem;
	margin-top: .2rem;
}
.intro-container {
	margin: 0 auto;
	overflow: hidden;
	width: 5.09rem;
}
.intro-container img {
	display: block;
	width: 5.09rem;
}
.intro .intro-pagination {
	position: absolute;
	left: 0;
	bottom: -0.6rem;
	z-index: 2;
	text-align: center;
	width: 100%;
}
.intro .intro-next, .intro .intro-prev {
	position: absolute;
	top: 48%;
	margin-top: 0;
	outline: none;
	width: 0.82rem;
	height: 0.58rem;
}
.intro .intro-next {
	right: .3rem;
	background: url(../images/next.png) no-repeat;
	background-size: 0.82rem 0.58rem;
}
.intro .intro-prev {
	left: .3rem;
	background: url(../images/pre.png) no-repeat;
	background-size: 0.82rem 0.58rem;
}
.intro .intro-pagination .swiper-pagination-bullet {
	margin-left: 0.1rem;
	margin-right: 0.1rem;
	display: inline-block;
	border-radius: 100%;
	width: 0.2rem;
	height: 0.2rem;
	background: transparent;
	opacity: 1;
	background: #541315;
	cursor: pointer;
}
.intro .intro-pagination .swiper-pagination-bullet-active {
	background: #c45661;
	opacity: 1;
}
.intro-prev:after, .swiper-container-rtl .intro-info .role-next:after {
	content: ''
}
.intro-next:after, .swiper-container-rtl .intro-prev:after {
	content: ''
}
.p7-icon{
	display: flex;
	justify-content: space-around;
	align-items: end;
	margin-top: .9rem;
}
.p7-fb{
	width: 2.4rem;
	height: 1.01rem;
	background: url(../images/facebook.png) no-repeat;
	background-size: 2.4rem 1.01rem;
}
.p7-groups{
	width: 2.4rem;
	height: 1.01rem;
	background: url(../images/groups.png) no-repeat;
	background-size: 2.4rem 1.01rem;
}
.p7-explain{
	width: 2.4rem;
	height: 1.01rem;
	background: url(../images/explain.png) no-repeat;
	background-size: 2.4rem 1.01rem;
}
.p7-footer{
	display: block;
	margin-top: .3rem;
	margin-left: 5.2rem;
	padding-bottom: 1.5rem;
	width: 1.54rem;
	height: .25rem;
	background: url(../images/btn_footer.png) no-repeat;
	background-size: 1.54rem .25rem;
}
.foot1{
    width: .6rem;
	height: 0.6rem;
	background: url(../images/y_logo.jpg) no-repeat;
	background-size: .6rem 0.6rem;
    margin-right: .1rem;
}
.foot2{
	width: .6rem;
	height: 0.6rem;
	background: url(../images/class.png) no-repeat;
	background-size: .6rem .6rem;
}
.foot-left{
    display: flex;
    align-items: center;
	justify-content: center;
    margin-bottom: .1rem;
}
/* 版權*/
.footer {
	display: none;
	margin: 0 auto;
	padding-top: 0.2rem;
	padding-bottom: 1.7rem;
	position: relative;
	overflow: hidden;
	width: 7.5rem;
	background: #383838;
	color: #fff;
}
.footer-wrap {
	margin: 0 auto;
	width: 7.5rem;
	font-size: 0.18rem;
	text-align: center;
}
.footer-rule p {
	line-height: 0.3rem;
}
.footer-rule p a{
	color: #fff;
}


.pop1 {
	position: relative;
	display: none;
	width: calc(7.05rem* var(--calc));
	height: calc(11.48rem* var(--calc));
	background: url(../images/pop.png) no-repeat;
	background-size:calc(7.05rem* var(--calc)) calc(11.48rem* var(--calc));
}
.pop2 {
	position: relative;
	display: none;
	width: calc(6.9rem* var(--calc));
	height: calc(9.17rem* var(--calc));
	background: url(../images/pop1.png) no-repeat;
	background-size:calc(6.9rem* var(--calc)) calc(9.17rem* var(--calc));
}
.pop3 {
	position: relative;
	display: none;
	width: calc(7.34rem* var(--calc));
	height: calc(10.14rem*0.8);
	background: url(../images/pop4.png) no-repeat;
	background-size:calc(7.34rem* var(--calc)) calc(10.14rem*0.8);
}
.pop4{
	position: relative;
	display: none;
	width: calc(7.44rem* var(--calc));
	height: calc(6.56rem*var(--calc));
	background: url(../images/pop3.png) no-repeat;
	background-size:calc(7.44rem* var(--calc)) calc(6.56rem*var(--calc));
}
.pop5{
	position: relative;
	display: none;
	width: calc(6.63rem* var(--calc));
	height: calc(9.11rem*var(--calc));
	background: url(../images/pop_cards.png) no-repeat;
	background-size:calc(6.63rem* var(--calc)) calc(9.11rem*var(--calc));
}
.pop6{
	position: relative;
	display: none;
	width: 6.63rem;
	height: 5rem;
	background: url(../images/pop2.png) no-repeat;
	background-size: 6.63rem 5rem;
}
.pop7{
	position: relative;
	display: none;
	width: 6.39rem;
	height: 3.02rem;
	background: url(../images/pop_msg.png) no-repeat;
	background-size: 6.39rem 3.02rem;
}
.pop8{
	position: relative;
	display: none;
}
.pop18{
	position: relative;
	display: none;
	width: 7.33rem;
	height: 8rem;
	background: url(../images/pop_gift.png) no-repeat;
	background-size: 7.3rem 8rem;
}
.pop9{
	position: relative;
	display: none;
	width: 6.39rem;
	height: 4.83rem;
	background: url(../images/pop5.png) no-repeat;
	background-size: 6.39rem 4.83rem;
}
.pop19{
	position: relative;
	display: none;
	width: calc(7.5rem*0.8);
	height: calc(11.63rem*0.8);
	background: url(../images/pop19.png) no-repeat;
	background-size: calc(7.5rem*0.8) calc(11.63rem*0.8);
}
.pop20{
	position: relative;
	display: none;
	width: calc(6.44rem*0.85);
	height: calc(8.22rem*0.85);
	background: url(../images/pop20.png) no-repeat;
	background-size: calc(6.44rem*0.85) calc(8.22rem*0.85);
}
.pop-fb{
	position: absolute;
	top: 3.5rem;
	left: 1.4rem;
	width: calc(3.36rem* .85);
	height: calc(1.39rem*.85);
	background: url(../images/step3_fb.png) no-repeat;
	background-size:calc(3.36rem* .85) calc(1.39rem*.85);
}
.close {
	position: absolute;
	left: 48%;
	bottom: -0.4rem;
	z-index: 2;
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/close.png) no-repeat;
	background-size: 0.3rem 0.3rem;
}
.close-r {
	position: absolute;
	right: 0rem;
	top: 0.2rem;
	z-index: 2;
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/close.png) no-repeat;
	background-size: 0.3rem 0.3rem;
}
.add-box{
	position: absolute;
	top: .8rem;
	left: .6rem;
	width: 4.45rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rw1,.rw2,.rw3,.rw4{
	position: relative;
	margin-bottom: .15rem;
	width: calc(5.98rem* var(--calc));
	height: calc(1.09rem* var(--calc));
	background: url(../images/pop_rwbg1.png) no-repeat;
	background-size: calc(5.98rem* var(--calc)) calc(1.09rem* var(--calc));
}
.rw5{
	position: relative;
	margin-bottom: .15rem;
	width: calc(5.98rem* var(--calc));
	height: calc(3.44rem* var(--calc));
	background: url(../images/pop_rwbg2.png) no-repeat;
	background-size: calc(5.98rem* var(--calc)) calc(3.44rem* var(--calc));
}
.r-t1{
	width: calc(1.96rem* var(--calc));
	height: calc(.61rem* var(--calc));
	background: url(../images/rw1.png) no-repeat;
	background-size: calc(1.96rem* var(--calc)) calc(.61rem* var(--calc));
}
.r-t2{
	width: calc(2.44rem* var(--calc));
	height: calc(.61rem* var(--calc));
	background: url(../images/rw2.png) no-repeat;
	background-size: calc(2.44rem* var(--calc)) calc(.61rem* var(--calc));
}
.r-t3{
	width: calc(1.8rem* var(--calc));
	height: calc(.61rem* var(--calc));
	background: url(../images/rw3.png) no-repeat;
	background-size: calc(1.8rem* var(--calc)) calc(.61rem* var(--calc));
}
.r-t4{
	width: calc(2.68rem* var(--calc));
	height: calc(.61rem* var(--calc));
	background: url(../images/rw4.png) no-repeat;
	background-size: calc(2.68rem* var(--calc)) calc(.61rem* var(--calc));
}
.r-t5{
	width: calc(2.58rem* var(--calc));
	height: calc(.91rem* var(--calc));
	background: url(../images/rw5.png) no-repeat;
	background-size: calc(2.58rem* var(--calc)) calc(.91rem* var(--calc));
}
.r-t1,.r-t2,.r-t3,.r-t4,.r-t5{
	position: absolute;
	top: .18rem;
	left: .15rem;
}
.task{
	display: none;
	position: absolute;
	right: .36rem;
	top: .18rem;
	width: calc(1.86rem* var(--calc));
	height: calc(.81rem* var(--calc));
	background: url(../images/task.png) no-repeat;
	background-size: calc(1.86rem* var(--calc)) calc(.81rem* var(--calc));
}
.add-login{
	position: absolute;
	top: 0rem;
	right: .1rem;
	width: calc(2.43rem* var(--calc));
	height: calc(1.08rem* var(--calc));
	background: url(../images/add_login.png) no-repeat;
	background-size: calc(2.43rem* var(--calc)) calc(1.08rem* var(--calc));
}
.add-share{
	position: absolute;
	top: 0rem;
	right: .1rem;
	width: calc(2.43rem* var(--calc));
	height: calc(1.08rem* var(--calc));
	background: url(../images/add_share.png) no-repeat;
	background-size: calc(2.43rem* var(--calc)) calc(1.08rem* var(--calc));
}
.add-like{
	position: absolute;
	top: 0rem;
	right: .1rem;
	width: calc(2.43rem* var(--calc));
	height: calc(1.08rem* var(--calc));
	background: url(../images/add_like.png) no-repeat;
	background-size: calc(2.43rem* var(--calc)) calc(1.08rem* var(--calc));
}
.add-jion{
	position: absolute;
	top: 0rem;
	right: .1rem;
	width: calc(2.43rem* var(--calc));
	height: calc(1.08rem* var(--calc));
	background: url(../images/add_jion.png) no-repeat;
	background-size: calc(2.43rem* var(--calc)) calc(1.08rem* var(--calc));
}
.add-invite{
	display: flex;
	justify-content: center;
	font-family: serif;
	font-size: .2rem;
	line-height: .95rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 0rem;
	right: .02rem;
	width: calc(2.43rem* var(--calc));
	height: calc(1.08rem* var(--calc));
	background: url(../images/add_ever.png) no-repeat;
	background-size: calc(2.43rem* var(--calc)) calc(1.08rem* var(--calc));
}
.r-icon{
	margin: 0 auto;
	margin-top: 1rem;
}
.rw5-n0{
	width: calc(5.37rem* var(--calc));
	height: calc(1.59rem* var(--calc));
	background: url(../images/rw5_0.png) no-repeat;
	background-size: calc(5.37rem* var(--calc)) calc(1.59rem* var(--calc));
}
.rw5-n1{
	width: calc(5.37rem* var(--calc));
	height: calc(1.59rem* var(--calc));
	background: url(../images/rw5_1.png) no-repeat;
	background-size: calc(5.37rem* var(--calc)) calc(1.59rem* var(--calc));
}
.rw5-n2{
	width: calc(5.37rem* var(--calc));
	height: calc(1.59rem* var(--calc));
	background: url(../images/rw5_2.png) no-repeat;
	background-size: calc(5.37rem* var(--calc)) calc(1.59rem* var(--calc));
}
.rw5-n3{
	width: calc(5.37rem* var(--calc));
	height: calc(1.59rem* var(--calc));
	background: url(../images/rw5_3.png) no-repeat;
	background-size: calc(5.37rem* var(--calc)) calc(1.59rem* var(--calc));
}
.rw5-t{
	margin-left: 1rem;
	margin-top: .05rem;
	width: calc(3.36rem* var(--calc));
	height: calc(.23rem* var(--calc));
	background: url(../images/rw5_t.png) no-repeat;
	background-size: calc(3.36rem* var(--calc)) calc(.23rem* var(--calc));
}
.btn-pop-reservation {
	margin: 0 auto;
	margin-left: .15rem;
	display: block;
	width: calc(6.05rem* var(--calc));
	height: calc(2.42rem* var(--calc));
	background: url(../images/btn_pop_reservation.png) no-repeat;
	background-size: calc(6.05rem* var(--calc)) calc(2.42rem* var(--calc));
	-webkit-animation: magnify .8s linear infinite alternate;
    -moz-animation: magnify .8s linear infinite alternate;
    animation: magnify .8s linear infinite alternate;
}
.pop-info{
	position: absolute;
	top: 4.2rem;
	left: .2rem;
}
.waring-box{
	position: absolute;
	top: 3.7rem;
	left: .5rem;
	width: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .2rem;
	color: #fdce6f;
}
.waring-t span{
	color: #f55909;
	width: .4rem;
	text-align: center;
	display: inline-block;
}
.waring{
	width: calc(.35rem* var(--calc));
	height: calc(.35rem* var(--calc));
	background: url(../images/waring.png) no-repeat;
	background-size: calc(.35rem* var(--calc)) calc(.35rem* var(--calc));
}
.pop-countdown{
	position: absolute;
	left: 2.3rem;
	top: 2.93rem;
	font-size: .22rem;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;;
	width: 2.2rem;
	height: .44rem;
	color: #fff;
}
.pop-countdown .pop-hour{
	position: absolute;
	top: .09rem;
	left: .15rem;
}
.pop-countdown .pop-minute{
	position: absolute;
	top: .09rem;
	left: .94rem;
}
.pop-countdown .pop-second{
	position: absolute;
	top: .09rem;
	left: 1.78rem;
}
.em {
	text-indent: 1em;
	padding-bottom: 0.2rem;
}
.pop-store{
	position: absolute;
	top: 3.9rem;
	left: .6rem;
	width: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.btn-pop-ios,.btn-pop-ios2 {
	width: calc(3.42rem* var(--calc));
	height: calc(1.23rem* var(--calc));
	background: url(../images/pop_ios.png) no-repeat;
	background-size: calc(3.42rem* var(--calc)) calc(1.23rem* var(--calc));
}
.btn-pop-gp,.btn-pop-gp2 {
	width: calc(3.42rem* var(--calc));
	height: calc(1.23rem* var(--calc));
	background: url(../images/pop_gp.png) no-repeat;
	background-size: calc(3.42rem* var(--calc)) calc(1.23rem* var(--calc));
}
.btn-pop-ios span, .btn-pop-gp span,.btn-pop-ios2 span, .btn-pop-gp2 span {
	float: left;
	position: relative;
	margin-left: 0.15rem;
	margin-top: 0.16rem;
	border-radius: 0.04rem;
	display: inline;
	overflow: hidden;
	width: calc(3.18rem* var(--calc));
	height: calc(1rem* var(--calc));
}
.btn-pop-ios span .effect, .btn-pop-gp span .effect,.btn-pop-ios2 span .effect, .btn-pop-gp2 span .effect {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: linear-gradient( 90deg, transparent, transparent, rgba(247, 194, 3, 0.886), transparent, transparent );
    background-size: 100%;
	transition: all 650ms;
	-webkit-animation: sg 2s linear infinite;
	-moz-animation: sg 2s linear infinite;
	-ms-animation: sg 2s linear infinite;
	animation: sg 2s linear infinite;
}
.pop-cont1{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pop-cont1 img{
	width: 7.5rem;
	height: 5.36rem;
}
.pop-cont2{
	margin: 0 auto;
	color: #fff;
	width: 90%;
	height: 4.4rem;
	overflow: hidden;
	overflow-y: auto;
	margin-top: .3rem;
	font-size: 0.18rem;
}
.pop-cont3{
	color: #fff;
	width: 90%;
	height: 3rem;
	margin: 0 auto;
	font-size: 0.24rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.pop-cont4{
	width: 5.1rem;
	height: 6.6rem;
	margin: 0 auto;
	margin-top: .6rem;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	overflow-y: auto;
    overflow-x: hidden;
}
.cards-box{
	margin-top: 1.1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cards-box div{
	width: 1.3rem;
	height: 1.3rem;
	margin: .1rem .1rem;
}
.item_1_card_i{
	background: url(../images/card_item_1.png) no-repeat center;
	background-size: 100% 100%;
}
.item_2_card_i{
	background: url(../images/card_item_2.png) no-repeat center;
	background-size: 100% 100%;
}
.item_3_card_i{
	background: url(../images/card_item_3.png) no-repeat center;
	background-size: 100% 100%;
}
.item_4_card_i{
	background: url(../images/card_item_4.png) no-repeat center;
	background-size: 100% 100%;
}
.item_5_card_i{
	background: url(../images/card_item_5.png) no-repeat center;
	background-size: 100% 100%;
}
.item_6_card_i{
	background: url(../images/card_item_6.png) no-repeat center;
	background-size: 100% 100%;
}
.item_7_card_i{
	background: url(../images/card_item_7.png) no-repeat center;
	background-size: 100% 100%;
}
.item_8_card_i{
	background: url(../images/card_item_8.png) no-repeat center;
	background-size: 100% 100%;
}
.copy-link{
	opacity: 0;
}
.mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #000;
	filter: alpha(opacity=0.7);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.floatbottom {
	position: fixed;
	bottom: 0;
	left: 5.85rem;
	z-index: 999;
	width: 7.5rem;
	height: 1.18rem;
	background: url(../images/floatbottom.png) no-repeat center top;
	background-size: 7.5rem 1.18rem;
}
.floatimg {
	position: absolute;
	top: -.8rem;
	left: -.1rem;
	z-index: 999;
	width: 5.2rem;
	height: 2.03rem;
}
.gift-img {
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 100%;
}
.gift-img img {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	width: 5.2rem;
}
.gift-img img:first-of-type {
	opacity: 1;
}
.btn-nav-reversation{
	float: right;
	margin-top: .2rem;
	margin-right: .4rem;
	left: .1rem;
	width: 2.32rem;
	height: 0.67rem;
	background: url(../images/btn_bottom.png) no-repeat;
	background-size: 2.32rem 0.67rem;
}
.record-box {
	margin: 0 auto;
	/* margin-top: 0.3rem;
	margin-bottom: 0.2rem; */
	width:7rem;
	font-size: 0.2rem;
	max-height: 10rem;
	overflow: hidden;
	overflow-y: auto;
}
.record-box table {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.record-box table td {
	height: .5rem;
	padding: .01rem;
	border: 1px solid #42618f;
	line-height: .3rem;
	word-break: break-all;
	word-wrap: break-word;
	background: #fff;
	color: #7b8ab3;
}
.record-box table th {
	padding: .1rem;
	border: 1px solid #42618f;
	line-height: .3rem;
	font-weight: normal;
	background: #004e90;
	color: #fff;
}
.record-box table th.t-bg1 {
	background: #004e90;
}
.record-box table td.t-bg2 {
	background: #fff;
}
.record-box table td.t-bg2 a{
	text-decoration: underline;
	color: #7b8ab3;
}
.record-title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .3rem;
	height: .7rem;
	text-shadow: 1px 1px 0 rgb(176, 41, 41), -1px -1px 0 rgb(187, 31, 31), 1px -1px 0 rgb(199, 18, 18), -1px 1px 0 rgb(168, 32, 32);
    color: white;
}
.record-list{
	width: 80%;
	margin: 0 auto;
	margin-top: .1rem;
	max-height: 6.1rem;
	overflow: hidden;
	overflow-y: scroll;
}
.record-list ul li{
	display: flex;
	align-items: center;
	margin-bottom: .15rem;
	padding: 0 .1rem;
	font-size: .18rem;
}
.record-list ul li div:nth-child(1){
	width: 50%;
	height: .8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid #000c;
	background: #000000b5;
	overflow: hidden;
	padding: 0 .1rem;
}
.record-list ul li div:nth-child(2){
	width: 30%;
	height: .8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid #000c;
	background: #000000b5;
	overflow: hidden;
	margin-left: .1rem;
	margin-right: .1rem;
	padding: 0 .1rem;
}
.record-list ul li div:nth-child(3){
	width: 20%;
	text-align: center;
}
.record-list ul li div:nth-child(3) a{
	/* text-decoration: underline; */
	color: #fff;
}
.btn-copy{
	text-decoration: underline;
	color: #7b8ab3;
}
.isget{
	width: 1rem;
	height: .6rem;
	border-radius: .1rem;
	background: #03387d;
	display: flex;
	justify-content: center;
	align-items: center;
}
.todo{
	width: 1rem;
	height: .6rem;
	border-radius: .1rem;
	background: #881a02;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scroll-w{
	position: absolute;
	top: .4rem;
	left: .35rem;
	width: 90%;
	height: 1.6rem;
	overflow: hidden;
}
.infinite-scroll {
    z-index: 99;
    top: 0rem;
    left: 0;
    display: flex;
    align-items: center;
    position: absolute;
    transform: translate(0);
    animation: infinite-scroll 100s linear;
    animation-iteration-count: infinite;
}
.infinite-scroll div{
    position: relative;
    padding: 0.1333333rem 0.2666667rem;
    margin: 0 0.1rem;
    background: #00000030;
    border-radius: 0.2266667rem;
    font-size: .2666667rem;
    font-family: SourceHanSans-Regular;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
}
.infinite-scroll div span:nth-child(1){
    color: #f55909;
}
.infinite-scroll div span:nth-child(2){
    color: #fdce6f;
}
.infinite-scroll div:nth-child(odd){
    top: .8rem;
}
.infinite-scroll div:nth-child(2n){
    top: .1rem;
}
.scroll2-w{
	position: absolute;
	left: .4rem;
	top: .52rem;
	width: 5.2rem;
	height: .48rem;
	overflow: hidden;
}
.infinite-scroll2 {
    z-index: 99;
    top: 0rem;
    left: 0;
    display: flex;
    align-items: center;
    position: absolute;
    transform: translate(0);
    animation: infinite-scroll 100s linear;
    animation-iteration-count: infinite;
}
.infinite-scroll2 div{
    position: relative;
    padding: 0.1333333rem 0.2666667rem;
    margin: 0 0.1rem;
    /* background: #00000030; */
    border-radius: 0.2266667rem;
    font-size: .18rem;
    font-family: SourceHanSans-Regular;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
}
.infinite-scroll2 div span:nth-child(1){
    color: #f55909;
}
.infinite-scroll2 div span:nth-child(2){
    color: #fdce6f;
}
.infinite-scroll2 div:nth-child(odd){
    top: 0rem;
}
.infinite-scroll2 div:nth-child(2n){
    top: 0rem;
}
.noborder-div{
	position: absolute;
	top: 3.8rem;
	width: 100%;
}
.waring-num{
	position: absolute;
	top: 0.18rem;
	right: 2.03rem;
	font-size: .3rem;
	color: #1ee7ff;
	width: .54rem;
	text-align: center;
}
.pop-info2{
	position: absolute;
	top: .9rem;
	left: .7rem;
	margin-top: .1rem;
}
.pop-info2 .pop-info-box {
    display: flex;
    align-items: center;
    margin-top: 0.02rem;
	margin-left: 0;
    width: 4.6rem;
    height: .5rem;
	background: #151312;
    border: 1px solid #c14a51;
    border-radius: 0rem;
}
.pop-info2 .pop-info-box .pop-area{
	float: left;
    padding-left: 0.1rem;
    width: 2rem;
	height: .5rem;
    background: #151312 url(../images/area.png) no-repeat right;
	background-size: .25rem 0.21rem;
    border: none;
	border-radius: .1rem;
    outline: medium;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-size: 0.14rem;
    color: #fff;
}
.pop-info2 .pop-info-box .pop-input-in{
	background: #151312;
}
.btn-pop-new-reservation{
	margin: 0 auto;
	margin-top: .1rem;
    display: block;
    width: calc(4.65rem* var(--calc));
    height: calc(1.02rem* var(--calc));
    background: url(../images/btn_pop_reservation.png) no-repeat;
    background-size: calc(4.65rem* var(--calc)) calc(1.02rem* var(--calc));
    -webkit-animation: magnify .8s linear infinite alternate;
    -moz-animation: magnify .8s linear infinite alternate;
    animation: magnify .8s linear infinite alternate;
}
.pop-choose{
	position: absolute;
	top: 2.4rem;
	left: .43rem;
	display: flex;
}
.choose1{
	width: calc(1.82rem* var(--calc2));
	height: calc(1.85rem* var(--calc2));
	background: url(../images/chose1.png) no-repeat;
	background-size: calc(1.82rem* var(--calc2)) calc(1.85rem* var(--calc2));
}
.choose2{
	width: calc(1.82rem* var(--calc2));
	height: calc(1.85rem* var(--calc2));
	background: url(../images/chose2.png) no-repeat;
	background-size: calc(1.82rem* var(--calc2)) calc(1.85rem* var(--calc2));
}
.choose3{
	width: calc(1.82rem* var(--calc2));
	height: calc(1.85rem* var(--calc2));
	background: url(../images/chose3.png) no-repeat;
	background-size: calc(1.82rem* var(--calc2)) calc(1.85rem* var(--calc2));
}
.cactive1{
	width: calc(1.82rem* var(--calc2));
	height: calc(1.85rem* var(--calc2));
	background: url(../images/chose1_on.png) no-repeat;
	background-size: calc(1.82rem* var(--calc2)) calc(1.85rem* var(--calc2));
}
.cactive2{
	width: calc(1.82rem* var(--calc2));
	height: calc(1.85rem* var(--calc2));
	background: url(../images/chose2_on.png) no-repeat;
	background-size: calc(1.82rem* var(--calc2)) calc(1.85rem* var(--calc2));
}
.cactive3{
	width: calc(1.82rem* var(--calc2));
	height: calc(1.85rem* var(--calc2));
	background: url(../images/chose3_on.png) no-repeat;
	background-size: calc(1.82rem* var(--calc2)) calc(1.85rem* var(--calc2));
}
.finger{
	position: absolute;
	top: .7rem;
	right: .1rem;
	width: calc(.67rem* var(--calc2));
	height: calc(.76rem* var(--calc2));
	background: url(../images/finger.png) no-repeat;
	background-size: calc(.67rem* var(--calc2)) calc(.76rem* var(--calc2));
}
.pop-new-store{
	position: absolute;
	top: 5.7rem;
	left: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.btn-pop-new-ios,.btn-pop-new-ios2 {
	width: calc(2.84rem* var(--calc2));
	height: calc(.96rem* var(--calc2));
	background: url(../images/new_ios.png) no-repeat;
	background-size: calc(2.84rem* var(--calc2)) calc(.96rem* var(--calc2));
}
.btn-pop-new-gp,.btn-pop-new-gp2 {
	width: calc(2.84rem* var(--calc2));
	height: calc(.96rem* var(--calc2));
	background: url(../images/new_gp.png) no-repeat;
	background-size: calc(2.84rem* var(--calc2)) calc(.96rem* var(--calc2));
}
.btn-pop-new-ios span, .btn-pop-new-gp span,.btn-pop-new-ios2 span, .btn-pop-new-gp2 span {
	float: left;
	position: relative;
	margin-left: 0rem;
	margin-top: 0.01rem;
	border-radius: 0.1rem;
	display: inline;
	overflow: hidden;
	width: calc(2.84rem* var(--calc2));
	height: calc(.96rem* var(--calc2));
}
.btn-pop-new-ios span .effect, .btn-pop-new-gp span .effect,.btn-pop-new-ios2 span .effect, .btn-pop-new-gp2 span .effect {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: linear-gradient( 90deg, transparent, transparent, rgba(247, 194, 3, 0.886), transparent, transparent );
    background-size: 100%;
	transition: all 650ms;
	-webkit-animation: sg 2s linear infinite;
	-moz-animation: sg 2s linear infinite;
	-ms-animation: sg 2s linear infinite;
	animation: sg 2s linear infinite;
}
.mb-btn-gp {
	position: absolute;
	right: 0.2rem;
	bottom: 0.12rem;
	width: 2.08rem;
	height: 0.73rem;
	background: url(../images/mb_gp.png) no-repeat center top;
	background-size: 2.08rem 0.73rem;
}
.mb-btn-ios {
	position: absolute;
	right: 0.2rem;
	bottom: .95rem;
	width: 2.08rem;
	height: 0.73rem;
	background: url(../images/mb_ios.png) no-repeat center top;
	background-size: 2.08rem 0.73rem;
}
.mb-btn-ios span, .mb-btn-gp span {
	float: left;
	position: relative;
	margin-left: 0.01rem;
	margin-top: 0.01rem;
	border-radius: 0.1rem;
	display: inline;
	overflow: hidden;
	width: 2.08rem;
	height: 0.73rem;
}
.mb-btn-ios span .effect, .mb-btn-gp span .effect {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: linear-gradient( 90deg, transparent, transparent, rgba(247, 194, 3, 0.886), transparent, transparent );
	background-size: 100%;
	transition: all 650ms;
	-webkit-animation: sg 2s linear infinite;
	-moz-animation: sg 2s linear infinite;
	-ms-animation: sg 2s linear infinite;
	animation: sg 2s linear infinite;
}
@keyframes infinite-scroll {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translate(-50%);
    }
    }

@media (max-width:750px) {
	.mb-btn-gp {
		bottom: 0.12rem;
	}
	.mb-btn-ios {
		bottom: .12rem;
	}
.btn-gp,.btn-ios{
	top: .3rem;
}
.scroll-w{
	top: .4rem;
}
.close {
	position: absolute;
	left: 47%;
	bottom: -0.5rem;
	z-index: 2;
	width: 0.5rem;
	height: 0.5rem;
	background-size: 0.5rem 0.5rem;
}
.close-r{
	right: 0.2rem;
	width: 0.5rem;
	height: 0.5rem;
	background-size: 0.5rem 0.5rem;
}
.floatbottom {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 1.18rem;
	background: url(../images/floatbottom.png) no-repeat center top;
	background-size: 7.5rem 1.18rem;
}
.footer {
	padding-bottom: 1.5rem;
}
.p7-footer{
	padding-bottom: 1.5rem;
}
.pop1 {
	position: relative;
	display: none;
	width: 7.05rem;
	height: 11.48rem;
	background: url(../images/pop.png) no-repeat;
	background-size: 7.05rem 11.48rem;
}
.pop2 {
	position: relative;
	display: none;
	width: calc(6.9rem* var(--calc2));
	height: calc(9.17rem* var(--calc2));
	background: url(../images/pop1.png) no-repeat;
	background-size:calc(6.9rem*var(--calc2)) calc(9.17rem*var(--calc2));
}
.pop3 {
	position: relative;
	display: none;
	width: calc(7.34rem*var(--calc2));
	height: calc(10.14rem*1);
	background: url(../images/pop4.png) no-repeat;
	background-size:calc(7.34rem*var(--calc2)) calc(10.14rem*1);
}
.pop4{
	position: relative;
	display: none;
	width: calc(7.44rem* 1);
	height: calc(6.56rem*1);
	background: url(../images/pop3.png) no-repeat;
	background-size:calc(7.44rem* 1) calc(6.56rem*1);
}
.pop5{
	position: relative;
	display: none;
	width: calc(6.63rem* 1);
	height: calc(9.11rem*1);
	background-size:calc(6.63rem* 1) calc(9.11rem*1);
}
.pop6{
	position: relative;
	display: none;
	width: 7rem;
	height: 8rem;
	background-size: 7rem 8rem;
}
.pop19{
	position: relative;
	display: none;
	width: calc(7.5rem*1);
	height: calc(11.63rem*1);
	background-size: calc(7.5rem*1) calc(11.63rem*1);
}
.pop20{
	position: relative;
	display: none;
	width: calc(6.44rem*var(--calc2));
	height: calc(8.22rem*var(--calc2));
	background-size: calc(6.44rem*var(--calc2)) calc(8.22rem*var(--calc2));
}
.pop-fb{
	position: absolute;
	top: 4.7rem;
	left: 2.05rem;
	width: calc(3.36rem* 1);
	height: calc(1.39rem*1);
	background-size:calc(3.36rem* 1) calc(1.39rem*1);
}
.pop-info{
	position: absolute;
	top: 5.6rem;
	left: .2rem;
}
.waring-box{
	position: absolute;
	top: 5rem;
	left: .5rem;
	width: 5.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .26rem;
	color: #fdce6f;
}
.waring{
	width: calc(.35rem* var(--calc));
	height: calc(.35rem* var(--calc));
	background: url(../images/waring.png) no-repeat;
	background-size: calc(.35rem* var(--calc)) calc(.35rem* var(--calc));
}
.pop-info-box {
    display: flex;
	align-items: center;
    margin-top: 0.02rem;
	margin-left: .3rem;
    width: 5.9rem;
	height: .7rem;
	background-color: #362813;
	border: 1px solid #362813;
	border-radius: .1rem;
}
.pop-area {
    float: left;
    padding-left: 0.1rem;
    width: 2rem;
    height: 0.5rem;
    background: #362813 url(../images/area.png) no-repeat right;
	background-size: .33rem 0.28rem;
    border: none;
	border-radius: .1rem;
    outline: medium;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-size: 0.22rem;
    color: #fff;
    
}
.pop-input-in {
    display: inline;
    outline: none;
	border: none;
	margin-left: .1rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    width: 3rem;
    height: 0.5rem;
    line-height: 0.52rem;
    font-size: 0.22rem;
	border-radius: .1rem;
    color: #fff;
	background-color: #362813;
}
.btn-pop-reservation {
	margin: 0 auto;
	margin-left: .4rem;
	margin-top: .15rem;
	display: block;
	width: calc(6.05rem*var(--calc2));
	height: calc(2.42rem*var(--calc2));
	background: url(../images/btn_pop_reservation.png) no-repeat;
	background-size: calc(6.05rem*var(--calc2)) calc(2.42rem*var(--calc2));
	-webkit-animation: magnify .8s linear infinite alternate;
    -moz-animation: magnify .8s linear infinite alternate;
    animation: magnify .8s linear infinite alternate;
}
.pop-countdown{
	position: absolute;
	left: 2.9rem;
	top: 3.7rem;
	font-size: .3rem;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;;
	width: 2.8rem;
	height: .55rem;
	color: #fff;
}
.pop-countdown .pop-hour{
	position: absolute;
	top: .09rem;
	left: .19rem;
}
.pop-countdown .pop-minute{
	position: absolute;
	top: .09rem;
	left: 1.2rem;
}
.pop-countdown .pop-second{
	position: absolute;
	top: .09rem;
	left: 2.26rem;
}
.pop-store{
	position: absolute;
	bottom: 1.5rem;
	left: 1.8rem;
	width: 3.5rem;
	display: flex;
}
.btn-pop-ios,.btn-pop-ios2 {
	width: calc(3.42rem*var(--calc2));
	height: calc(1.23rem* var(--calc2));
	background-size: calc(3.42rem* var(--calc2)) calc(1.23rem* var(--calc2));
}
.btn-pop-gp,.btn-pop-gp2 {
	width: calc(3.42rem* var(--calc2));
	height: calc(1.23rem* var(--calc2));
	background-size: calc(3.42rem* var(--calc2)) calc(1.23rem* var(--calc2));
}
.btn-pop-ios span, .btn-pop-gp span,.btn-pop-ios2 span, .btn-pop-gp2 span {
	margin-left: 0.15rem;
	margin-top: 0.19rem;
	width: calc(3.25rem* var(--calc2));
	height: calc(1rem* var(--calc2));
}
.finger{
	top: .7rem;
	right: .1rem;
	width: calc(.67rem* var(--calc2));
	height: calc(.76rem* var(--calc2));
	background-size: calc(.67rem* var(--calc2)) calc(.76rem* var(--calc2));
}
.pop-new-store{
	top: 6.3rem;
	left: 1.6rem;
}
.btn-pop-new-ios,.btn-pop-new-ios2 {
	width: calc(2.84rem* var(--calc2));
	height: calc(.96rem* var(--calc2));
	background-size: calc(2.84rem* var(--calc2)) calc(.96rem* var(--calc2));
}
.btn-pop-new-gp,.btn-pop-new-gp2 {
	width: calc(2.84rem* var(--calc2));
	height: calc(.96rem* var(--calc2));
	background-size: calc(2.84rem* var(--calc2)) calc(.96rem* var(--calc2));
}
.btn-pop-new-ios span, .btn-pop-new-gp span,.btn-pop-new-ios2 span, .btn-pop-new-gp2 span {
	margin-left: 0rem;
	margin-top: 0.01rem;
	width: calc(2.84rem* var(--calc2));
	height: calc(.96rem* var(--calc2));
}
.add-box{
	position: absolute;
	top: 1rem;
	left: .55rem;
	width: calc(6.39rem* var(--calc2));
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rw1,.rw2,.rw3,.rw4{
	position: relative;
	margin-bottom: .15rem;
	width: calc(5.98rem*var(--calc2));
	height: calc(1.09rem*var(--calc2));
	background-size: calc(5.98rem*var(--calc2)) calc(1.09rem*var(--calc2));
}
.rw5{
	position: relative;
	margin-bottom: .15rem;
	width: calc(5.98rem*var(--calc2));
	height: calc(3.44rem*var(--calc2));
	background-size: calc(5.98rem*var(--calc2)) calc(3.44rem*var(--calc2));
}
.r-t1{
	width: calc(1.96rem* var(--calc2));
	height: calc(.61rem* var(--calc2));
	background-size: calc(1.96rem* var(--calc2)) calc(.61rem* var(--calc2));
}
.r-t2{
	width: calc(2.44rem* var(--calc2));
	height: calc(.61rem* var(--calc2));
	background-size: calc(2.44rem* var(--calc2)) calc(.61rem* var(--calc2));
}
.r-t3{
	width: calc(1.8rem* var(--calc2));
	height: calc(.61rem* var(--calc2));
	background-size: calc(1.8rem* var(--calc2)) calc(.61rem* var(--calc2));
}
.r-t4{
	width: calc(2.68rem* var(--calc2));
	height: calc(.61rem* var(--calc2));
	background-size: calc(2.68rem* var(--calc2)) calc(.61rem* var(--calc2));
}
.r-t5{
	width: calc(2.58rem* var(--calc2));
	height: calc(.91rem* var(--calc2));
	background-size: calc(2.58rem* var(--calc2)) calc(.91rem* var(--calc2));
}
.r-t1,.r-t2,.r-t3,.r-t4,.r-t5{
	position: absolute;
	top: .18rem;
	left: .15rem;
}
.task{
	display: none;
	position: absolute;
	right: .36rem;
	top: .18rem;
	width: calc(1.86rem* var(--calc2));
	height: calc(.81rem* var(--calc2));
	background-size: calc(1.86rem* var(--calc2)) calc(.81rem* var(--calc2));
}
.add-login{
	width: calc(2.43rem* var(--calc2));
	height: calc(1.08rem* var(--calc2));
	background-size: calc(2.43rem* var(--calc2)) calc(1.08rem* var(--calc2));
}
.add-share{
	width: calc(2.43rem* var(--calc2));
	height: calc(1.08rem* var(--calc2));
	background-size: calc(2.43rem* var(--calc2)) calc(1.08rem* var(--calc2));
}
.add-like{
	width: calc(2.43rem* var(--calc2));
	height: calc(1.08rem* var(--calc2));
	background-size: calc(2.43rem* var(--calc2)) calc(1.08rem* var(--calc2));
}
.add-jion{
	width: calc(2.43rem* var(--calc2));
	height: calc(1.08rem* var(--calc2));
	background-size: calc(2.43rem* var(--calc2)) calc(1.08rem* var(--calc2));
}
.add-invite{
	display: flex;
	justify-content: center;
	font-family: serif;
	font-size: .22rem;
	line-height: 1.2rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 0;
	right: .02rem;
	width: calc(2.43rem* var(--calc2));
	height: calc(1.08rem* var(--calc2));
	background-size: calc(2.43rem* var(--calc2)) calc(1.08rem* var(--calc2));
}
.r-icon{
	margin: 0 auto;
	margin-top: 1.2rem;
}
.rw5-n0,.rw5-n1,.rw5-n2,.rw5-n3{
	width: calc(5.37rem* var(--calc2));
	height: calc(1.59rem* var(--calc2));
	background-size: calc(5.37rem* var(--calc2)) calc(1.59rem* var(--calc2));
}
.rw5-t{
	margin-left: 1rem;
	margin-top: .1rem;
	width: calc(3.36rem* var(--calc2));
	height: calc(.23rem* var(--calc2));
	background-size: calc(3.36rem* var(--calc2)) calc(.23rem* var(--calc2));
}
.cards-box{
	margin-top: 1.3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cards-box div{
	width: 1.8rem;
	height: 1.8rem;
	margin: .1rem .1rem;
}
.pop-cont2{
	font-size: .24rem;
	height: 7rem;
	margin-top: .5rem;
}
.record-box {
	margin: 0 auto;
	margin-top: 0.3rem;
	margin-bottom: 0.2rem;
	width:7rem;
	font-size: 0.22rem;
	/* max-height: 4.2rem;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden; */
}
.record-box table {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.record-box table td {
	height: .8rem;
	padding: .01rem;
	border: 1px solid #42618f;
	line-height: .3rem;
	word-break: break-all;
	word-wrap: break-word;
	background: #fff;
	color: #7b8ab3;
}
.record-box table th {
	padding: .1rem;
	border: 1px solid #42618f;
	line-height: .3rem;
	font-weight: normal;
	background: #004e90;
	color: #fff;
}
.record-box table th.t-bg1 {
	background: #004e90;
}
.record-box table td.t-bg2 {
	background: #fff;
}
.btn-copy{
	text-decoration: underline;
	color: #7b8ab3;
}
.noborder-div{
	top: 4.83rem;
}
.waring-num{
	top: .16rem;
	right: 2.52rem;
	font-size: .4rem;
	width: .69rem;
}
.scroll2-w{
	top: .65rem;
	left: .8rem;
	width: 5.8rem;
}
.pop-info2{
	left: .9rem;
	top: 1.2rem;
}
.pop-info2 .pop-info-box {
	width: 5.6rem;
	height: .7rem;
}
.pop-info2 .pop-info-box .pop-area {
	font-size: .22rem;
}
.btn-pop-new-reservation{
	margin-top: .15rem;
	width: calc(4.65rem* var(--calc2));
    height: calc(1.02rem* var(--calc2));
	background-size:calc(4.65rem* var(--calc2)) calc(1.02rem* var(--calc2));
}
.pop-choose{
	left: 1.2rem;
	top: 3.3rem;
}

}
@-webkit-keyframes magnify {
 0% {
 -webkit-transform: scale(0.96);
}
100% {
 -webkit-transform: scale(1);
}
}
@-moz-keyframes magnify {
 0% {
 -moz-transform: scale(1);
}
100% {
 -moz-transform: scale(0.96);
}
}
@keyframes magnify {
 0% {
 transform: scale(1);
}
100% {
 transform: scale(0.96);
}
}
@keyframes shake {
 25% {
 transform: rotate(7deg);
}
75% {
 transform: rotate(-7deg);
}
50%, 100% {
 transform: rotate(0);
}
}
@keyframes rotation {
 from {
 transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@keyframes sg {
 from {
 left:-100%;
}
to {
	left: 100%;
}
}
@-webkit-keyframes sg {
 from {
 left:-100%;
}
to {
	left: 100%;
}
}
@-moz-keyframes sg {
 from {
 left:-100%;
}
to {
	left: 100%;
}
}
@-o-keyframes sg {
 from {
 left:-100%;
}
to {
	left: 100%;
}
}
@keyframes enlarge
{
    from {
        opacity: 0.8;
        -ms-transform: scale(0.8,0.8); /* IE 9 */
        -webkit-transform: scale(0.8,0.8); /* Safari */
        transform: scale(0.8,0.8); /* 标准语法 */
    }
    to {
        opacity:1;
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
    }
}
 
@-webkit-keyframes enlarge /* Safari 与 Chrome */
{
    from {
        opacity:0.8;
        -ms-transform: scale(0.8,0.8); /* IE 9 */
        -webkit-transform: scale(0.8,0.8); /* Safari */
        transform: scale(0.8,0.8); /* 标准语法 */
    }
    to {
        opacity:1;
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
    }
}