@font-face {
  font-family: 'webfont';
  src: url('../font/font.TTF') format('opentype');
}
.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	cursor: pointer;
}

.hvr-shrink:active,
.hvr-shrink:focus,
.hvr-shrink:hover {
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}
#lsztWrap {
	position: relative;
	overflow: hidden;
	background: #000;
	max-width: 19.2rem;
	margin: 0 auto;
}
.kv {
	width: 100%;
	height: 11.7rem;
	background: url(../images/kv.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.logo{
	display:block;
	width:2.62rem;
	position:absolute;
	left:.5rem;
	top:.33rem;
}
.slogan{
	width:4.54rem;
	height:6.82rem;
	background:url(../images/slogan.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:3.96rem;
	top:1.14rem;
}
.slogan::after{
	display: block; 
	content: ''; 
	width:4.54rem;
	height:6.82rem;
	background: url(../images/slogan.png) no-repeat; 
	background-size: 4.54rem 6.82rem;
    animation: heartBeat 4s ease-in-out both infinite;
    -webkit-animation: heartBeat 4s ease-in-out both infinite;
}
.btnList{
	width:5.41rem;
	height:.87rem;
	position:absolute;
	top:.22rem;
	right:.14rem;
	display:flex;
	display:-webkit-flex;
}
.btnList a {
	display:block;
	width:2.66rem;
	height:100%;
	overflow:hidden;
}
.btnList a img{
	display:block;
	width:100%;
}
.download{
	display:block;
	width:4rem;
	position:absolute;
	left:50%;
	margin-left:-2rem;
	bottom:.4rem;
}
.download img{
	display:block;
	width:100%;
}
.sec {
	width: 100%;
	height: 19.5rem;
	background: url(../images/sec.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}
.denglong{
	width:13.43rem;
	height:15.04rem;
	background:url(../images/denglong.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-6.715rem;
	top:4.16rem;
}
.datePic{
	display:block;
	width:4.16rem;
	position:absolute;
	left:4.56rem;
	top:3.46rem;
}
.giftShow{
	display: block;
	width: 10.25rem;
	position: absolute;
	left: 1.6rem;
	top: 3.75rem;
}
.getPrice{
	display:block;
	width:7.01rem;
	position:absolute;
	left:50%;
	margin-left:-3.505rem;
	bottom:1.33rem;
}
.thc {
	width: 100%;
	height: 33.35rem;
	background: url(../images/thc.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.fudai{
	width:12.26rem;
	height:11.22rem;
	background:url(../images/fu.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.42rem 0 0 3.93rem;
}
.dianji{
	width:9rem;
	height:8rem;
	position:absolute;
	left:1rem;
	top:2rem;
	z-index:1;
	cursor:pointer;
}
.dian{
	display:block;
	width:4.89rem;
	position:absolute;
	right:0;
	top:7.27rem;
	animation: mouse 1s linear infinite;
	-webkit-animation: mouse 1s linear infinite;
}
.fuNum{
	width:100%;
	text-align: center;
	margin-top:-1.25rem;
	font-size:.46rem;
	font-family: 'webfont';
	color:#fff0a9;
	text-shadow: 3px 5.196px 6px rgba(89, 34, 24, 0.85);
}
.fuNum span{
	font-size:.55rem;
	color:#fff0a9;
	text-shadow: 0 0 .2rem #fff0a9;
}
.tipTxt{
	display:block;
	width:12.46rem;
	margin:0.3rem auto 0;
}
.fuBtnList{
	width:9.03rem;
	height:1.26rem;
	position:relative;
	margin:0.4rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.fuBtnList img{
	display:block;
	width:3.98rem;
}
.priceList{
	width:13.24rem;
	height:4.18rem;
	background:url(../images/qi.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin:0.36rem auto 0;
}
.priceDiv{
	width:10.72rem;
	margin:1.3rem 0 0 1.3rem;
	overflow: hidden;
	position:relative;
	cursor: pointer;
}
.pricePic{
	width:83.16rem;
	overflow: hidden;
	position:relative;
	-webkit-animation: slide 100s linear infinite 300ms 0 ease;
	-moz-animation: slide 100s linear infinite 300ms 0 ease;
	-ms-animation: slide 100s linear infinite 300ms 0 ease;
	animation: slide 100s linear infinite 300ms 0 ease;
	-webkit-animation: slide 100s linear infinite;
	-moz-animation: slide 100s linear infinite;
	-ms-animation: slide 100s linear infinite;
	animation: slide 100s linear infinite;
}
.priceDiv:hover .pricePic{
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.priceList .pricePic li{
	float:left;
}
.priceList .pricePic li img{
	display:block;
	width:27.72rem;
}
@keyframes slide{
	0% {
	    left: 0;
	}
	100% {
	    left: -55.44rem;
	}
}
.txDz{
	display:block;
	width:1.5rem;
	position:absolute;
	right:1.27rem;
	top:.83rem;
	z-index:1;
}
.giftList .huadong{
	width:10.95rem;
	overflow: hidden;
	position:relative;
	margin:2.2rem 0 0 1.3rem;
}
.giftList .huadong ul{
	width:100%;
	height:4.8rem;
	overflow: auto;
}
.giftList .huadong ul li{
	width:1.85rem;
	height:2.09rem;
	background:url(../images/kua.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	margin:.59rem 0 0 .26rem;
	cursor: pointer;
	transform: scale(.95);
	-webkit-transform: scale(.95);
}
.giftList .huadong ul li.active{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.giftList .huadong ul li:nth-child(1),.giftList .huadong ul li:nth-child(2),.giftList .huadong ul li:nth-child(3),.giftList .huadong ul li:nth-child(4),.giftList .huadong ul li:nth-child(5) {
	margin-top:0;
}
.giftList .huadong ul li img{
	display:block;
	max-width:100%;
}
.giftList .huadong ul::-webkit-scrollbar {
    width: .3rem;
}
.giftList .huadong ul::-webkit-scrollbar-corner,
    /* 滚动条角落 */
.giftList .huadong ul::-webkit-scrollbar-thumb,
.giftList .huadong ul::-webkit-scrollbar-track {      /*滚动条的轨道*/
    border-radius: 4px;
}
.giftList .huadong ul::-webkit-scrollbar-corner,
.giftList .huadong ul::-webkit-scrollbar-track {
    /* 滚动条轨道 */
    background-color: rgba(180, 160, 120, 0.1);
    box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
.giftList .huadong ul::-webkit-scrollbar-thumb {
    /* 滚动条手柄 */
    background-color: #ce9548;
}
.giftList{
	width:13.68rem;
	height:9.09rem;
	background:url(../images/price.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:0.5rem auto 0;
}
.txt{
	display:block;
	width:13.21rem;
	margin:0.7rem auto 0;
}
.giftBtn{
	width:8.69rem;
	height:.97rem;
	position:absolute;
	left:50%;
	margin-left:-4.345rem;
	top:7.48rem;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
}
.giftBtn img{
	display:block;
	width:4.03rem;
}
.loginTc,.bindTc,.priceTc,.backTc,.addressTc,.sureTc{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display:none;
	background:rgba(0,0,0,.8);
}
.loginBody{
	width:7.67rem;
	height:4.71rem;
	background:url(../images/suc.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	top:45%;
	transform:translate(0,-45%);
	-webkit-transform:translate(0,-45%);
}
.close{
	display:block;
	width:.47rem;
	height:.47rem;
	background:url(../images/close.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:.47rem;
	top:.37rem;
	cursor: pointer;
	z-index:2;
}
.loginDiv{
	width:4.71rem;
	overflow:hidden;
	position:relative;
	margin:0 0 0 1.45rem;
}
.loTit{
	display:block;
	width:1.5rem;
	margin:0.65rem auto 0;
}
.loginDiv .s_put{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0.19rem auto 0;
}
.loginDiv .s_put>img{
	display:block;
	width:1.29rem;
	float:left;
	margin-top:.12rem;
}
.loginDiv .s_put input{
	display:block;
	width:1.51rem;
	height:.51rem;
	background:#fff;
	border:0.01rem solid #516cc5;
	float:left;
	margin-left:.22rem;
	font-size:.22rem;
	color:#282c59;
	line-height:.51rem;
	text-indent:.2rem;
}
.loginDiv .s_put input.phone{
	width:3.02rem;
}
.loginDiv .s_put .captcha{
	width:1.47rem;
	height:.53rem;
	float:left;
	position:relative;
	margin-left:.12rem;
}
.loginDiv .s_put .captcha img{
	display:block;
	width:100%;
	height:100%;
}
.loginDiv .s_put .g_code{
	width:1.54rem;
	height:.41rem;
	background:url(../images/get1.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	font-size:.18rem;
	text-align:center;
	line-height:.41rem;
	margin-top:.06rem;
	margin-left:.12rem;
	cursor: pointer;
	color:#5259aa;
}
.loginDiv .s_put .g_code.active{
	pointer-events: none;
}
.dl{
	display:block;
	width:2.56rem;
	height:.83rem;
	position:relative;
	margin:0.18rem auto 0;
	cursor: pointer;
}
.bindBody {
    width: 7.67rem;
    height: 3.32rem;
    background: url(../images/role.png) no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    top: 45%;
    transform: translate(0,-45%);
    -webkit-transform: translate(0,-45%);
}
.bindBody .s_put {
    width: 4.9rem;
    overflow: hidden;
    margin: 1.27rem 0 0 1.39rem;
}
.bindBody .s_put img {
    display: block;
    width: 1.56rem;
    float: left;
    margin-top: 0.14rem;
}
.bindBody input {
    display: block;
    width: 3rem;
    height: 0.51rem;
    background: #fff;
    border: 0.01rem solid #282c59;
    line-height: .51rem;
    text-indent: 0.2rem;
    font-size: .2rem;
    color: #282c59;
    margin-left: 0.26rem;
    float: left;
}
.sure {
    display: block;
    width: 2.56rem;
    margin: 0.26rem 0 0 2.48rem;
    cursor: pointer;
}
.priceBody, .backBody,.sureBody {
    width: 7.67rem;
    height: 4.09rem;
    background: url(../images/pr.png) no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    top: 45%;
    transform: translate(0,-45%);
    -webkit-transform: translate(0,-45%);
}
.priceBox {
    width: 4.89rem;
    height: 2.35rem;
    border: 0.01rem solid #516cc5;
    background: #fff;
    position: relative;
    margin: 0.74rem 0 0 1.48rem;
    text-align: center;
    font-size: .34rem;
    color: #4f080c;
    line-height: .44rem;
    overflow: hidden;
}
.priceBox p:nth-child(1){
	margin-top:.4rem;
}
.fuzhiBtn{
	display:block;
	width:1.89rem;
	margin:.1rem 0 0 2.95rem;
	cursor: pointer;
}
.sureBody p{
	font-size:.34rem;
	color:#4f080c;
	text-align: center;
	margin-top:1rem;
}
.sureBtn{
	width:4rem;
	height:.41rem;
	position:relative;
	margin:.5rem auto 0;
	display: flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.sureBtn div{
	width: 1.54rem;
	height: 0.41rem;
	background: url(../images/get1.png) no-repeat center;
	background-size: cover;
	position: relative;
	font-size: .25rem;
	color: #4f080c;
	font-weight: bold;
	text-align: center;
	line-height: .41rem;
	cursor: pointer;
}
.addressBtn {
    display: none;
    width: 1.89rem;
    height: 0.56rem;
    background: url(../images/tian.png) no-repeat center;
    background-size: cover;
    position: relative;
    margin: 0.1rem auto 0;
    font-size: .25rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: .64rem;
    cursor: pointer;
}
.my {
    display: block;
    width: 1.48rem;
    margin: 0.55rem 0 0 3.06rem;
}
.backList{
	width:4.89rem;
	height:2.35rem;
	border:0.01rem solid #516cc5;
	background:#fff;
	position:relative;
	margin:.17rem 0 0 1.48rem;
	overflow:hidden;
}
.backList .huadong{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.backList .huadong ul{
	width:100%;
	height:100%;
	position:relative;
	overflow:auto;
}
.backList .huadong ul::-webkit-scrollbar {
    width: 8px;
    background: white;
}
.backList .huadong ul::-webkit-scrollbar-corner,
    /* 滚动条角落 */
.backList .huadong ul::-webkit-scrollbar-thumb,
.backList .huadong ul::-webkit-scrollbar-track {      /*滚动条的轨道*/
    border-radius: 4px;
}
.backList .huadong ul::-webkit-scrollbar-corner,
.backList .huadong ul::-webkit-scrollbar-track {
    /* 滚动条轨道 */
    background-color: rgba(180, 160, 120, 0.1);
    box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
.backList .huadong ul::-webkit-scrollbar-thumb {
    /* 滚动条手柄 */
    background-color: #fbe9c6;
}
.backList .huadong ul li{
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top:.18rem;
}
.backList .huadong ul li span:nth-child(1){
	display:block;
	font-size:.26rem;
	color:#4f080c;
	margin-left:.18rem;
	float:left;
	width:1.5rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.backList .huadong ul li span:nth-child(2){
	display:block;
	font-size:.16rem;
	color:#4f080c;
	margin-left:.2rem;
	float:left;
	line-height:.34rem;
	width:1.3rem;
	height:.34rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.backList .huadong ul li i{
	display:block;
	width:.92rem;
	float:left;
	cursor: pointer;
	margin-top:.05rem;
}
.backList .huadong ul li i img{
	display:block;
	width:100%;
}
.backList .huadong ul li .adres{
	width:.92rem;
	height:.3rem;
	background:url(../images/get1.png) no-repeat center;
	background-size:100% 100%;
	position: relative;
	float:left;
	margin-top:.05rem;
	font-size:.16rem;
	color:#a83b27;
	text-align: center;
	line-height:.3rem;
	cursor: pointer;
}
.addressTc .loginBody{
	background:url(../../jia/images/tc.png) no-repeat center;
	background-size:cover;
}
.addressTc .loginDiv {
    width: 6.68rem;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 0.64rem;
}
.addressTc .loTit {
    width: 3.39rem;
}
.addressTc .loginDiv .s_put {
    width: 4.9rem;
    overflow: hidden;
    position: relative;
    margin: 0.23rem auto 0;
}
.addressTc .loginDiv .s_put>img {
    width: 1.08rem;
}
.addressTc .loginDiv .s_put input {
    width: 3.1rem;
}
.addressTc .tj {
    display: block;
    width: 2.56rem;
    height: 0.83rem;
    position: relative;
    margin: 0.19rem auto 0;
    cursor: pointer;
}
.sw {
    display: block;
    width: 3.34rem;
    margin: -0.05rem auto 0;
}
/*首屏向下滑动提示效果*/
@keyframes mouse{
	0%, 30% {
    	opacity: 0;
    	-webkit-transform: translate(10px, 10px);
	}
	60% {
    	opacity: 1;
    	-webkit-transform: translate(0, 0);
	}
	100% {
   	 opacity: 0;
    	-webkit-transform: translate(-8px,-8px);
	}
}
@-webkit-keyframes mouse{
	0%, 30% {
    	opacity: 0;
    	-webkit-transform: translate(10px, 10px);
	}
	60% {
    	opacity: 1;
    	-webkit-transform: translate(0, 0);
	}
	100% {
   	 opacity: 0;
    	-webkit-transform: translate(-8px, -8px);
	}
}