@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;
}
.wrapper {
	margin: 0 auto;
	position: relative;
	width: 7.5rem;
}
.container1 {
	height: 11.75rem;
	background: url(../images/bg1.jpg) no-repeat center top;
	background-size: 7.5rem 11.75rem;
}
.container2 {
	margin: 0 auto;
	width: 7.5rem;
	overflow: hidden;
	margin-top: -0.02rem;
	height: 13.29rem;
	background: url(../images/bg2.jpg) no-repeat center top;
	background-size: 7.5rem 13.29rem;
}
.container3 {
	overflow: hidden;
	margin-top: -0.02rem;
	height: 15.77rem;
	background: url(../images/bg3.jpg) no-repeat center top;
	background-size: 7.5rem 15.77rem;
}
.container4 {
	overflow: hidden;
	margin-top: -0.02rem;
	height: 10.24rem;
	background: url(../images/bg4.jpg) no-repeat center top;
	background-size: 7.5rem 10.24rem;
}
.container5 {
	overflow: hidden;
	margin-top: -0.02rem;
	height: 10.96rem;
	background: url(../images/bg5.jpg) no-repeat center top;
	background-size: 7.5rem 10.96rem;
}
.container6 {
	overflow: hidden;
	margin-top: -0.02rem;
	height: 8.6rem;
	background: url(../images/bg6.jpg) no-repeat center top;
	background-size: 7.5rem 9.88rem;
}
.wrap {
	position: relative;
	z-index: 99;
	margin: 0 auto;
	width: 7.5rem;
}
.floattop{
	position: fixed;
	top: 0;
	z-index: 999;
	width: 7.5rem;
	height: 1.09rem;
	background: url(../images/floattop_bg.png) no-repeat;
	background-size: 7.5rem 1.09rem;
}
.logo{
	float: left;
	width: 2.26rem;
	height: 1.01rem;
	background: url(../images/logo.png) no-repeat;
	background-size: 2.26rem 1.01rem;
}
.btn-top-news{
	float: left;
	margin-left: .6rem;
	margin-top: .2rem;
	width: 2.08rem;
	height: .67rem;
	background: url(../images/btn_top_news.png) no-repeat;
	background-size: 2.08rem .67rem;
}
.btn-top-search{
	float: left;
	margin-top: .2rem;
	margin-left: .3rem;
	width: 2.08rem;
	height: .67rem;
	background: url(../images/btn_top_search.png) no-repeat;
	background-size: 2.08rem .67rem;
}
.kv-reservation{
	position: absolute;
	top: 9.1rem;
	left: .8rem;
	width: 6.05rem;
	height: 2.32rem;
	background: url(../images/kv_reservation.png) no-repeat;
	background-size: 6.05rem 2.32rem;
	-webkit-animation: magnify .6s linear infinite alternate;
	-moz-animation: magnify .6s linear infinite alternate;
	animation: magnify .6s linear infinite alternate;
}

/* 第二屏 预约注册 */
.reservation-box {
	position: relative;
	z-index:9;
	margin-top: 1.9rem;
	margin-left: .3rem;
	width: 6.91rem;
	height: 11.35rem;
	color: #527989;
}
.step1{
	float: left;
	position: absolute;
	top: .2rem;
	left: .3rem;
}
.step1-t{
	width: 5.84rem;
	height: .9rem;
	background: url(../images/p2_step1.png) no-repeat;
	background-size: 5.84rem .9rem;
}
.info-box {
    display: flex;
	align-items: center;
	margin-left: .4rem;
	margin-top: .2rem;
	margin-bottom: 0rem;
    width: 5.6rem;
	background-color: #362813;
	border: 1px solid #362813;
	border-radius: .05rem;
}
.area {
    float: left;
    padding-left: 0.1rem;
    width: 1.71rem;
    height: 0.6rem;
    background: #362813 url(../images/area.png) no-repeat right;
	background-size: .47rem 0.38rem;
    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: #362813;
}
.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: .05rem;
}
.pop-area {
    float: left;
    padding-left: 0.1rem;
    width: 1.8rem;
    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;
}
.rule-check{
  width: 3.07rem;
  height: .3rem;
  background: url(../images/rule_check.png) no-repeat;
  background-size: contain;
  margin-left: .5rem;
}
.btn-reservation {
	float: left;
	margin-left: .15rem;
	margin-top:-.1rem;
	width: 6.05rem;
	height: 2.02rem;
	background: url(../images/btn_reservation.png) no-repeat;
	background-size: 6.05rem 2.02rem;
	-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{
	float: left;
	position: absolute;
	top: 4.45rem;
	left: .3rem;
}
.step2-t{
	width: 4.85rem;
	height: .9rem;
	background: url(../images/p2_step2.png) no-repeat;
	background-size: 4.85rem .9rem;
}
.step2-gift{
	margin-top: 0rem;
	margin-left: 1.1rem;
	width: 4.32rem;
	height: 1.71rem;
	background: url(../images/p2_step2_gift.png) no-repeat;
	background-size: 4.32rem 1.71rem;
}
.store-box {
	margin-top: .09rem;
	margin-left: .15rem;
	width: 6rem;
	height: 1rem;
	display: flex;
	justify-content: space-around;
}
.btn-gp {
	width:calc(2.34rem*1.1);
	height:calc(0.75rem*1.1);
	background: url(../images/btn_gp.png) no-repeat;
	background-size: calc(2.34rem*1.1) calc(0.75rem*1.1);
}
.btn-ios {
	width:calc(2.34rem*1.1);
	height:calc(0.75rem*1.1);
	background: url(../images/btn_ios.png) no-repeat;
	background-size: calc(2.34rem*1.1) calc(0.75rem*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;
	margin-left: 0.1rem;
	margin-top: 0.2rem;
	border-radius: 0.04rem;
	display: inline;
	overflow: hidden;
	width:calc(2.34rem*1.1);
	height:calc(0.75rem*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{
	float: left;
	position: absolute;
	top: 8.15rem;
	left: .3rem;
}
.step3-t{
	width: 4.53rem;
	height: .45rem;
	background: url(../images/p2_step3.png) no-repeat;
	background-size: 4.53rem .45rem;
}
.step3-gift{
	position: absolute;
	top: .6rem;
	left: .2rem;
	width: 3.34rem;
	height: 2.39rem;
	background: url(../images/p2_step3_gift.png) no-repeat;
	background-size: 3.34rem 2.39rem;
	-webkit-animation: shake .8s linear infinite alternate;
    -moz-animation: shake .8s linear infinite alternate;
    animation: shake .8s linear infinite alternate;
}
.step3-fb{
	position: absolute;
	left: 3.5rem;
	top: .7rem;
	width:calc(2.28rem*1.2);
	height:calc(.71rem*1.2);
	background: url(../images/step3_fb.png) no-repeat;
	background-size: calc(2.28rem*1.2) calc(.71rem*1.2);
}
.step3-fbgroups{
	position: absolute;
	left: 3.5rem;
	top: 1.7rem;
	width:calc(2.28rem*1.2);
	height:calc(.71rem*1.2);
	background: url(../images/step3_fbgroups.png) no-repeat;
	background-size: calc(2.28rem*1.2) calc(.71rem*1.2);
}

/* 第三屏 抽奖活动 */
.draw-box{
	position: relative;
	margin: 0 auto;
	margin-top: 2rem;
	width: 7.21rem;
	height: 10.96rem;
	background: url(../images/draw_bg.png) no-repeat;
	background-size: 7.21rem 10.96rem;
}
.draw{
	width: 3.2rem;
	position: relative;
}
.d1{
	position: absolute;
	top: 0rem;
	left: 0;
}
.d2{
	position: absolute;
	top: .3rem;
	right: 0;
}
.d3{
	position: absolute;
	top: 3.8rem;
	left: 0;
}
.d4{
	position: absolute;
	top: 3.95rem;
	right: 0;
}
.d5{
	position: absolute;
	top: 8.3rem;
	right: 1rem;
}
.draw-fire{
	position: absolute;
	top: -.5rem;
	left: .5rem;
	width: 2rem;
}
.compltask{
	position: absolute;
	display: none;
	width: 1.47rem;
	height: .9rem;
	background: url(../images/breached.png) no-repeat;
	background-size: 1.47rem .9rem;
}
.breached1,.breached3{
	top: .5rem;
	left: .1rem;
}
.breached2,.breached4{
	top: .5rem;
}
.btn-drawmore{
	position: absolute;
	top: 1.8rem;
	left: .5rem;
	width: 2.1rem;
	height: .42rem;
	background: url(../images/more.png) no-repeat;
	background-size: 2.1rem .42rem;
}
.btn-drawmore div{
	display: none;
	position: absolute;
	top: .5rem;
	width: 2.1rem;
	text-align: center;
	border: 1px solid #71654f;
	background-color: #231e1ddb;
	color: #ffface;
	font-size: .2rem;
	padding: .1rem 0;
	z-index: 10;
}
  
.draw-percent{
	position: relative;
	margin: 0 auto;
	width: 7.19rem;
	height: .83rem;
	background: url(../images/draw_percent.png) no-repeat;
	background-size: 7.19rem .83rem;
}
.percent{
	position: relative;
	top: .38rem;
	max-width: 6.28rem;
	width: .1rem;
	height: .1rem;
	border-radius: .5rem;
	border: 1px solid #e0dfdd;
	margin-left: .9rem;
	background-image: linear-gradient(to right, #fdfbac, #fffeea);
}
.percent span{
	position: absolute;
	top: -.08rem;
	display: block;
	width: .24rem;
	height: .24rem;
	background: url(../images/percent_dot.png) no-repeat;
	background-size: .24rem .24rem;
}
.percent span:nth-child(1){
	left: .45rem;
}
.percent span:nth-child(2){
	left: 1.7rem;
}
.percent span:nth-child(3){
	left: 2.95rem;
}
.percent span:nth-child(4){
	left: 4.25rem;
}
.percent span:nth-child(5){
	left: 5.58rem;
}
.draw-numbox{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .2rem;
	margin-bottom: .2rem;
}
.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: .4rem;
	margin-bottom: .3rem;
	display: flex;
	justify-content: space-around;
}
.btn-mycards{
	width: 1.8rem;
	height: .66rem;
	background: url(../images/btn_mycards.png) no-repeat;
	background-size: 1.8rem .66rem;
}
.btn-draw{
	width: 2.97rem;
	height: .85rem;
	background: url(../images/btn_draw.png) no-repeat;
	background-size: 2.97rem .85rem;
}
.btn-add{
	width: 1.8rem;
	height: .66rem;
	background: url(../images/btn_add.png) no-repeat;
	background-size: 1.8rem .66rem;
}
.draw-item{
	text-align: center;
}
.draw-item h2{
	color: #ffe080;
}

/* 第四屏 角色 */
.role-box{
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 2rem;
}
.role-info{
    height: 8.24rem;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 0rem;
}
.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.63rem;
	height: 0.77rem;
}
.role-info .role-next {
	right: .3rem;
	background: url(../images/next.png) no-repeat;
	background-size: 0.63rem 0.77rem;
}
.role-info .role-prev {
	left: .3rem;
	background: url(../images/pre.png) no-repeat;
	background-size: 0.63rem 0.77rem;
}
.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: 8.24rem;
	background: url(../images/role1.png) no-repeat;
	background-size: 7.5rem 8.24rem;
}
.role2 {
	height: 8.24rem;
	background: url(../images/role2.png) no-repeat;
	background-size: 7.5rem 8.24rem;
}
.role3 {
    height: 8.24rem;
	background: url(../images/role3.png) no-repeat;
	background-size: 7.5rem 8.24rem;
}
.role4 {
    height: 8.24rem;
	background: url(../images/role4.png) no-repeat;
	background-size: 7.5rem 8.24rem;
}

/* 第五屏 奖品 */
.gift-num{
	position: relative;
	margin: 0 auto;
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 6.2rem;
	height: .48rem;
}
.num{
	font-size: .3rem;
	font-weight: bold;
	color: #feef32;
}
.gift-box{
	margin: 0 auto;
	position: relative;
	width: 7.07rem;
	height: 8.48rem;
	background: url(../images/gift_box.png) no-repeat;
	background-size: 7.07rem 8.48rem;
}
.complete {
	position: absolute;
	z-index: 6;
	display: none;
	width: 1.04rem;
	height: .91rem;
	background: url(../images/complete.png) no-repeat;
	background-size: 1.04rem .91rem;
}
.comp1 {
	top: .8rem;
	right: 1rem;
}
.comp2 {
	top: 4.5rem;
	left: .5rem;
}
.comp3 {
	top: 4.5rem;
	left: 2.5rem;
}
.comp4 {
	top: 4.5rem;
	right: 1.5rem;
}

/* 第六屏 介绍 */
.intro {
	position: relative;
	width: 7.5rem;
	margin-top: 2rem;
}
.intro-container {
	margin: 0 auto;
	overflow: hidden;
	width: 7.03rem;
}
.intro-container img {
	display: block;
	width: 7.03rem;
}
.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;
	margin-top: 2.25rem;
	outline: none;
	width: 0.32rem;
	height: 0.3rem;
}
.intro .intro-next {
	right: 2.3rem;
	background: url(../images/pic_next.png) no-repeat;
	background-size: 0.32rem 0.3rem;
}
.intro .intro-prev {
	left: 2.3rem;
	background: url(../images/pic_pre.png) no-repeat;
	background-size: 0.32rem 0.3rem;
}
.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: #7e5b13;
	cursor: pointer;
}
.intro .intro-pagination .swiper-pagination-bullet-active {
	background: #ffedbf;
	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.49rem;
	height: 1.2rem;
	background: url(../images/facebook.png) no-repeat;
	background-size: 2.49rem 1.2rem;
}
.p7-groups{
	width: 2.49rem;
	height: 1.12rem;
	background: url(../images/groups.png) no-repeat;
	background-size: 2.49rem 1.12rem;
}
.p7-explain{
	width: 2.49rem;
	height: 1.12rem;
	background: url(../images/explain.png) no-repeat;
	background-size: 2.49rem 1.12rem;
}
.p7-footer{
	display: block;
	margin-top: .3rem;
	margin-left: 5.2rem;
	padding-bottom: 1.5rem;
	width: 1.62rem;
	height: .22rem;
	background: url(../images/btn_footer.png) no-repeat;
	background-size: 1.62rem .22rem;
}
/* 版權*/
.footer {
	/* display: none; */
	margin: 0 auto;
	padding-top: 0.2rem;
	padding-bottom: 1.3rem;
	position: relative;
	overflow: hidden;
	width: 7.5rem;
	background: #383838;
	color: #fff;
}
.footer-wrap {
	margin: 0 auto;
	padding: 0 .2rem;
	font-size: 0.18rem;
	display: flex;
}
.foot-left{
    display: flex;
	flex-direction: column;
	flex: none;
	margin-right: .1rem;
}
.f-12{
	width: .6rem;
	height: 0.6rem;
	background: url(../images/class.png) no-repeat;
	background-size: .6rem .6rem;
	margin-bottom: .1rem;
}

/* 彈窗 */
.pop1 {
	position: relative;
	display: none;
	width: calc(7.25rem* var(--calc));
	height: calc(11.86rem* var(--calc));
	background: url(../images/pop1.png) no-repeat;
	background-size:calc(7.25rem* var(--calc)) calc(11.86rem* var(--calc));
}
.pop2,.pop3 {
	position: relative;
	display: none;
	width: calc(6.9rem* var(--calc));
	height: calc(7.66rem* var(--calc));
	background: url(../images/pop2.png) no-repeat;
	background-size:calc(6.9rem* var(--calc)) calc(7.66rem* var(--calc));
}
.pop4{
	position: relative;
	display: none;
	width: calc(6.39rem* var(--calc));
	height: calc(8.62rem*var(--calc));
	background: url(../images/pop4.png) no-repeat;
	background-size:calc(6.39rem* var(--calc)) calc(8.62rem*var(--calc));
}
.pop5{
	position: relative;
	display: none;
	width: 6rem;
	height: 6.79rem;
	background: url(../images/pop5.png) no-repeat;
	background-size: 7rem 6.79rem;
}
.pop6{
	position: relative;
	display: none;
	width: 5.25rem;
	height: 5rem;
	background: url(../images/pop6.png) no-repeat;
	background-size: 5.25rem 5rem;
}
.pop7{
	position: relative;
	display: none;
	width: 6.39rem;
	height: 5.02rem;
	background: url(../images/pop6.png) no-repeat;
	background-size: 6.39rem 5.02rem;
}
.pop8{
	position: relative;
	display: none;
	width: 6.39rem;
	height: 3.02rem;
	background: url(../images/pop5.png) no-repeat;
	background-size: 6.39rem 3.02rem;
}
.pop18{
	position: relative;
	display: none;
	width: 7.2rem;
	height: 7.43rem;
	background: url(../images/pop18.png) no-repeat;
	background-size: 7.2rem 7.43rem;
}
.pop9{
	position: relative;
	display: none;
	width: 6.39rem;
	height: 4.83rem;
	background: url(../images/pop5.png) no-repeat;
	background-size: 6.39rem 4.83rem;
}
.pop-fb{
	position: absolute;
	top: 3.8rem;
	left: 1.2rem;
	width: calc(2.28rem* 1);
	height: calc(.71rem*1);
	background: url(../images/step3_fb.png) no-repeat;
	background-size:calc(2.28rem* 1) calc(.71rem*1);
}
.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;
}
.add-box{
	position: absolute;
	top: .1rem;
	left: .16rem;
	width: 4.45rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rw1,.rw2,.rw3,.rw4{
	position: relative;
	margin-bottom: .1rem;
	width: calc(5.98rem* var(--calc));
	height: calc(1.09rem* var(--calc));
}
.rw1{
	background: url(../images/rw1.png) no-repeat;
	background-size: calc(5.98rem* var(--calc)) calc(1.09rem* var(--calc));
}
.rw2{
	background: url(../images/rw2.png) no-repeat;
	background-size: calc(5.98rem* var(--calc)) calc(1.09rem* var(--calc));
}
.rw3{
	background: url(../images/rw3.png) no-repeat;
	background-size: calc(5.98rem* var(--calc)) calc(1.09rem* var(--calc));
}
.rw4{
	background: url(../images/rw4.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/rw5.png) no-repeat;
	background-size: calc(5.98rem* var(--calc)) calc(3.44rem* var(--calc));
}
.task{
	display: none;
	position: absolute;
	right: .2rem;
	top: .18rem;
	width: calc(1.81rem* var(--calc));
	height: calc(.58rem* var(--calc));
	background: url(../images/task.png) no-repeat;
	background-size: calc(1.81rem* var(--calc)) calc(.58rem* var(--calc));
}
.add-login{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc));
	height: calc(.58rem* var(--calc));
	background: url(../images/add_login.png) no-repeat;
	background-size: calc(1.81rem* var(--calc)) calc(.58rem* var(--calc));
}
.add-share{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc));
	height: calc(.58rem* var(--calc));
	background: url(../images/add_share.png) no-repeat;
	background-size: calc(1.81rem* var(--calc)) calc(.58rem* var(--calc));
}
.add-like{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc));
	height: calc(.58rem* var(--calc));
	background: url(../images/add_like.png) no-repeat;
	background-size: calc(1.81rem* var(--calc)) calc(.58rem* var(--calc));
}
.add-jion{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc));
	height: calc(.58rem* var(--calc));
	background: url(../images/add_jion.png) no-repeat;
	background-size: calc(1.81rem* var(--calc)) calc(.58rem* var(--calc));
}
.add-invite{
	display: flex;
	justify-content: center;
	font-family: serif;
	font-size: .24rem;
	line-height: .4rem;
	font-weight: bold;
	color: #faeaca;
	position: absolute;
	top: .18rem;
	right: .02rem;
	width: calc(2.54rem* var(--calc));
	height: calc(.58rem* var(--calc));
	background: url(../images/add_ever.png) no-repeat;
	background-size: calc(2.54rem* var(--calc)) calc(.58rem* var(--calc));
}
.r-icon{
	margin: 0 auto;
	margin-top: .9rem;
}
.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));
}
.btn-pop-reservation {
	margin: 0 auto;
	margin-left: .15rem;
	display: block;
	width: calc(6.05rem* var(--calc));
	height: calc(2.02rem* var(--calc));
	background: url(../images/btn_pop_reservation.png) no-repeat;
	background-size: calc(6.05rem* var(--calc)) calc(2.02rem* 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.4rem;
	left: .5rem;
}
.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;
	bottom: .49rem;
	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: .33rem;
}
.pop-countdown .pop-minute{
	position: absolute;
	top: .09rem;
	left: .78rem;
}
.pop-countdown .pop-second{
	position: absolute;
	top: .09rem;
	left: 1.24rem;
}
.em {
	text-indent: 1em;
	padding-bottom: 0.2rem;
}
.pop-store{
	position: absolute;
	top: 4rem;
	left: 2rem;
	width: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.btn-pop-ios,.btn-pop-ios2 {
	width: calc(2.46rem* var(--calc));
	height: calc(.76rem* var(--calc));
	background: url(../images/pop_ios.png) no-repeat;
	background-size: calc(2.46rem* var(--calc)) calc(.76rem* var(--calc));
}
.btn-pop-gp,.btn-pop-gp2 {
	width: calc(2.46rem* var(--calc));
	height: calc(.76rem* var(--calc));
	background: url(../images/pop_gp.png) no-repeat;
	background-size: calc(2.46rem* var(--calc)) calc(.76rem* var(--calc));
}
.btn-pop-ios span, .btn-pop-gp span,.btn-pop-ios2 span, .btn-pop-gp2 span {
	float: left;
	position: relative;
	margin-left: 0rem;
	border-radius: 0.04rem;
	display: inline;
	overflow: hidden;
	width: calc(2.46rem* var(--calc));
	height: calc(.76rem* 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: 4.71rem;
	height: 4.19rem;
}
.pop-cont2{
	margin: 0 auto;
	color: #fff;
	width: 94%;
	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: .05rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: .2rem;
}
.cards-box div{
	width: 5rem;
	height: .75rem;
	margin: .1rem .1rem;
	background-color: #0d0b0aad;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.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: -.03rem;
	left: 5.85rem;
	z-index: 999;
	width: 7.5rem;
	height: 1.26rem;
	background: url(../images/floatbottom.png) no-repeat center top;
	background-size: 7.55rem 1.26rem;
}
.floatimg {
	position: absolute;
	top: -.35rem;
	left: .2rem;
	z-index: 999;
	bottom: 1.2rem;
	width: 4.33rem;
	height: 2.36rem;
}
.gift-img {
	position: absolute;
	left: 0;
	top: -.23rem;
	width: 100%;
}
.gift-img img {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	width: 4.33rem;
}
.gift-img img:first-of-type {
	opacity: 1;
}
.btn-nav-reversation{
	float: right;
	margin-top: .4rem;
	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;
	height: .7rem;
	background: #000c;
	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{
	margin-top: 1.2rem;
	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: .2rem;
}
.record-list ul li div:nth-child(1){
	width: 2.8rem;
	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: 2.6rem;
	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: 1rem;
	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: -2rem;
	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: .3rem;
	top: -.12rem;
	width: 4.5rem;
	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;
}
@keyframes infinite-scroll {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translate(-50%);
    }
    }

@media (max-width:750px) {
.btn-gp,.btn-ios{
	top: .3rem;
}
.input-in{
	height: .7rem;
}
.close {
	position: absolute;
	left: 47%;
	bottom: -0.5rem;
	z-index: 2;
	width: 0.4rem;
	height: 0.4rem;
	background-size: 0.4rem 0.4rem;
}
.floatbottom {
	position: fixed;
	bottom: -.03rem;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 1.26rem;
	background-size: 7.55rem 1.26rem;
}
.floatimg{
	top: -.35rem;
}
.footer {
	padding-bottom: 1rem;
}
.p7-footer{
	padding-bottom: 1.5rem;
}
.scroll2-w{
	left: .5rem;
	top: -.09rem;
	width: 5.4rem;
}
/* 弹窗 */
.pop1 {
	position: relative;
	display: none;
	width: 7.25rem;
	height: 11.86rem;
	background-size: 7.05rem 11.48rem;
}
.pop2,.pop3 {
	position: relative;
	display: none;
	width: calc(6.9rem* var(--calc2));
	height: calc(7.66rem* var(--calc2));
	background-size:calc(6.9rem*var(--calc2)) calc(7.66rem*var(--calc2));
}
.pop4{
	position: relative;
	display: none;
	width: calc(6.39rem* var(--calc2));
	height: calc(8.62rem*var(--calc2));
	background-size:calc(6.39rem* var(--calc2)) calc(8.62rem*var(--calc2));
}
.pop6{
	position: relative;
	display: none;
	width: 7rem;
	height: 6.5rem;
	background-size: 7rem 6.5rem;
}
.pop7{
	position: relative;
	display: none;
	width: 6.39rem;
	height: 7rem;
	background-size: 6.39rem 7rem;
}
.pop-fb{
	position: absolute;
	top: 4.8rem;
	left: 1.5rem;
	width: calc(2.28rem* 1.2);
	height: calc(.71rem*1.2);
	background-size:calc(2.28rem* 1.2) calc(.71rem*1.2);
}
.pop-info{
	position: absolute;
	top: 5.7rem;
	left: .45rem;
}
.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: .1rem;
	display: block;
	width: calc(6.05rem*var(--calc2));
	height: calc(2.02rem*var(--calc2));
	background: url(../images/btn_pop_reservation.png) no-repeat;
	background-size: calc(6.05rem*var(--calc2)) calc(2.02rem*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: 3.2rem;
	bottom: 1rem;
	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: 2rem;
	height: .55rem;
	color: #fff;
}
.pop-countdown .pop-hour{
	position: absolute;
	top: .09rem;
	left: .21rem;
}
.pop-countdown .pop-minute{
	position: absolute;
	top: .09rem;
	left: .8rem;
}
.pop-countdown .pop-second{
	position: absolute;
	top: .09rem;
	left: 1.4rem;
}
.pop-store{
	position: absolute;
	bottom: .3rem;
	left: 3.2rem;
	width: 3.5rem;
	display: flex;
}
.btn-pop-ios,.btn-pop-ios2 {
	width: calc(2.46rem*var(--calc2));
	height: calc(.76rem* var(--calc2));
	background-size: calc(2.46rem* var(--calc2)) calc(.76rem* var(--calc2));
}
.btn-pop-gp,.btn-pop-gp2 {
	width: calc(2.46rem*var(--calc2));
	height: calc(.76rem* var(--calc2));
	background-size: calc(2.46rem* var(--calc2)) calc(.76rem* var(--calc2));
}
.btn-pop-ios span, .btn-pop-gp span,.btn-pop-ios2 span, .btn-pop-gp2 span {
	width: calc(2.46rem*var(--calc2));
	height: calc(.76rem* var(--calc2));
}
.add-box{
	position: absolute;
	top: .2rem;
	left: .0rem;
	width: calc(6.39rem* var(--calc2));
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rw1,.rw2,.rw3,.rw4{
	position: relative;
	margin-bottom: .1rem;
	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: .1rem;
	width: calc(5.98rem*var(--calc2));
	height: calc(3.44rem*var(--calc2));
	background-size: calc(5.98rem*var(--calc2)) calc(3.44rem*var(--calc2));
}
.task{
	display: none;
	position: absolute;
	right: .2rem;
	top: .18rem;
	width: calc(1.81rem* var(--calc2));
	height: calc(.58rem* var(--calc2));
	background-size: calc(1.81rem* var(--calc2)) calc(.58rem* var(--calc2));
}
.add-login{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc2));
	height: calc(.58rem* var(--calc2));
	background-size: calc(1.81rem* var(--calc2)) calc(.58rem* var(--calc2));
}
.add-share{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc2));
	height: calc(.58rem* var(--calc2));
	background-size: calc(1.81rem* var(--calc2)) calc(.58rem* var(--calc2));
}
.add-like{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc2));
	height: calc(.58rem* var(--calc2));
	background-size: calc(1.81rem* var(--calc2)) calc(.58rem* var(--calc2));
}
.add-jion{
	position: absolute;
	top: .18rem;
	right: .2rem;
	width: calc(1.81rem* var(--calc2));
	height: calc(.58rem* var(--calc2));
	background-size: calc(1.81rem* var(--calc2)) calc(.58rem* var(--calc2));
}
.add-invite{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: serif;
	font-size: .26rem;
	font-weight: bold;
	color: #faeaca;
	position: absolute;
	top: .18rem;
	right: .02rem;
	width: calc(2.54rem* var(--calc2));
	height: calc(.58rem* var(--calc2));
	background-size: calc(2.54rem* var(--calc2)) calc(.58rem* var(--calc2));
}
.r-icon{
	margin: 0 auto;
	margin-top: 1.1rem;
}
.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: 1.3rem;
	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));
}
.pop-cont2{
	font-size: .24rem;
	height: 5.6rem;
	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;
}
.cards-box{
	margin-top: .2rem;
	font-size: .24rem;
}
.cards-box div{
	width: 6.4rem;
	height: 1rem;
}
}
@-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);
    }
}