* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    -webkit-tap-highlight-color: rgba(0, 0,0, 0);
}

html, body {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
	
}
@font-face {
	font-family: 'ttq'; /* 自定义字体名称 */
	src: url('../font/HYBiRanTianTianQuanW.ttf') format('truetype'); /* 字体文件路径和格式 */
  }
  .ttq {
	font-family: "ttq";
  }
@media screen and (max-device-width:414px) {
    html {
        font-size: 120%;
    }
}

@media screen and (max-device-width:375px) {
    html {
        font-size: 110%;
    }
}

@media screen and (max-device-width:320px) {
    html {
        font-size: 90.5%;
    }
}
input::placeholder {
  color: #d0d5d9; /* 设置颜色 */  
}
textarea::-webkit-input-placeholder {
    color: #d0d5d9;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #d0d5d9;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #d0d5d9;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: #d0d5d9;
}
.posA{
	position: absolute;
}
.posR{
	position:relative;
}
.posF{
	position:fixed;
}
.star {
    position: absolute;
    top: -0.3rem;
    left: -0.68rem;
    width: 1.37rem;
    height: 1.37rem;
    -webkit-animation: flash 5s .2s ease infinite;
    -moz-animation: flash 5s .2s ease infinite;
}
.star1 {
    position: absolute;
    top: -0.3rem;
    left: 2.44rem;
    width: 1.37rem;
    height: 1.37rem;
    -webkit-animation: flash 5s .6s ease infinite;
    -moz-animation: flash 5s .6s ease infinite;
}
.guang1 {
    position: absolute;
    top: -0.14rem;
    left: 0.24rem;
    width: 1.42rem;
    height: .29rem;
    -webkit-animation: fadeOutRight 1.5s .2s infinite ease normal none;
    -moz-animation: fadeOutRight 1.5s .2s infinite ease normal none;
}
@-moz-keyframes fadeOutLeft {
    0% {
        -moz-transform: translateX(0px);
    }

    99% {
        -moz-transform: translateX(-1.5rem);
    }
}
.btnAn {
    -webkit-animation: btnAnimal .2s forwards;
    -moz-animation: btnAnimal .2s forwards;
}
.guangAn {
    -webkit-animation: guangScalAn 1s linear infinite,guangOpAn 1s linear infinite,guangRotateAn 7s linear infinite;
    -moz-animation: guangScalAn 1s linear infinite,guangOpAn 1s linear,guangRotateAn 7s linear infinite;
}
@keyframes btnAnimal {
    0% {
        scale: 1;
    }
 	50% {
        scale: 0.95;
    }
    100% {
        scale: 1;
    }
}
@keyframes guangScalAn {
    0% {
        scale: 1;
    }
 	50% {
        scale: 0.85;
    }
    100% {
        scale: 1;
    }
}
@keyframes guangOpAn {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}
@keyframes guangRotateAn {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.x-toast {
    position: fixed;
	display: none;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 9999;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	font-size: .3rem;
	color: #fff;
	border-radius: 5px;
	width: 45%;
	text-align: center;
	height: 0.9rem;
	line-height: .9rem;
	background-color: rgba(0, 0, 0, 0.7);
	line-height: 0.9rem;
}
.bgimgInfo{
	width: 10rem;
	top: 0;
	left: 0;
}
.bgimg{
	width: 10rem;
	display: block;
}
.btpro{
	width: 10rem;
	bottom: 0;
	left: 0;
}
.mainContains{
	width: 10rem;
	top: 0;
	left: 0;
}
.rulebtn{
	width: 2.0rem;
	right: 0;
	top: 0.4rem;
}
.kfbtn{
	width: 2.0rem;
	right: 0;
	top: 1.4rem;
}
.askya{
	width: 1.1rem;
    top: 10.4rem;
    right: 0;
}
.titleInfo{
	width: 9rem;
	height: 5.4rem;
	margin:0 auto;
	margin-top: 12.0rem;
}
.title{
	width: 9rem;
	top: 0.5rem;
	left: 0;
}
.ruletitle{
	width: 7.8rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	color: #3e4b59;
	font-weight: bold;
	font-size: .38rem;
}
.littertitle{
	width: 7.8rem;
	height: .8rem;
	line-height: .8rem;
	color: #3e4b59;
	font-weight: bold;
	font-size: .34rem;
}
.ruleinfo p{
	width: 7.8rem;
	line-height: .5rem;
	color: #3e4b59;
	font-size: .34rem;
}
.btn22{
	width: 3.6rem;
	top: 3.9rem;
	left: 2.20rem;
}
/* 表格整体样式 */
table {
    width: 98%;
    border-collapse: collapse; /* 合并边框 */
    margin: 20px 0; /* 外边距 */
    font-size: 1em; /* 字体大小 */
    text-align: left; /* 文字左对齐 */
}

/* 表格头部样式 */
th {
    background-color: #4CAF50; /* 背景颜色 */
    color: white; /* 文字颜色 */
    padding: 12px 15px; /* 内边距 */
    border: 1px solid #fff; /* 边框 */
}

/* 表格内容样式 */
td {
    border: 1px solid #fff; /* 边框 */
	text-align: center;
	font-size: .2rem;
	line-height: .3rem;
	padding:0.1rem 0.1rem !important;
	word-break: break-all;
}
.lotteryCount{
	width: 6rem;
	height: 0.8rem;
	line-height: .8rem;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: .6rem;
	color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}
.lotteryNum{
	font-size: 0.9rem;
	font-weight: bold;
	color: #ff7e09;
	margin: 0 0.1rem;
	-webkit-text-stroke: 0.02rem #ffffff;
}
.mechineInfo{
	width: 9rem;
	height: 13.0rem;
	margin: 0 auto;
	margin-top: 0.4rem;
}
.mechine{
	width: 9rem;
	left: .2rem;
}
.indexBtnInfo{
	width: 8.4rem;
	height: 1.2rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn{
	width: 4.2rem;
	margin: 0 0.1rem;
}
.btnex{
	width: 4.0rem;
	margin: 0 0.1rem;
}
.cardNumInfo{
	width: 9.4rem;
	height: 9.0rem;
	margin: 0 auto;
	margin-top: 1.6rem;
}
.cardlistbg{
	width: 9.4rem;
	height: 96%;
	top: 0.4rem;
	left: 0;
}
.cardnumtitle{
	width: 9.1rem;
	top: -1.1rem;
	left: 0.4rem;
}
.changetips{
	width: 8rem;
	left: 0.7rem;
	top: 2.2rem;
}
.cardNum{
	width: 1.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: .85rem;
    font-weight: bold;
    color: #ffffce;
    left: 4.9rem;
    top: 0.08rem;
	-webkit-text-stroke: 0.02rem #f11f1f;
}
.sendcardList{
	width: 9rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	top:2.6rem;
	left:0;
}
.cardList{
	width: 9rem;
	height: 3.2rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 3.5rem;
	left:0.2rem;
}
.cardInfo{
	width: 1.6rem;
	height: 3.2rem;
	margin: 0 0.1rem;
}
.selborder{
	width: 2.7rem;
    top: -0.3rem;
    left: -0.55rem;
}
.cardimg{
	width: 1.6rem;
	top: 0.2rem;
	left: 0;
}
.cardnumimg{
	width: 0.6rem;
	top: 2.55rem;
	left: 0.5rem;
}
.numbg{
	width: 0.8rem;
	top: -0.2rem;
	left: -0.1rem;
}
.cardnumtxt{
	width: 0.8rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: .45rem;
    font-weight: bold;
    color: #ffffce;
    top: 0.1rem;
    left: -0.13rem;
}
.noNum{
	width: 1.6rem;
    height: 2.25rem;
    top: 0.22rem;
    left: 0;
    background-color: #0b83bd;
    opacity: 0.6;
    border-radius: 0.15rem;
}
.cardBtnInfo{
	width: 8rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 0.3rem;
	top: 6.8rem;
	left: 0.8rem;
}
/* .cardtips{
	width: 8rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	font-size: .28rem;
	color: #ff7e09;
	font-weight: bold;
	top: 8.3rem;
	left: 0.85rem;
} */
.cardtips{
	width: 9rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .24rem;
	color: #ff7e09;
	font-weight: bold;
	top: 8.3rem;
	left: 0.35rem;
}
.changebtn{
	width: 3.8rem;
	margin: 0 0.3rem;
}
.myWardBtnInfo{
	width: 8rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 0.2rem;
}
.btTipsInfo{
	width: 9.2rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 0.2rem;
}
.bttips{
	width: 9.2rem;
}
.tkInfo{
	width: 10rem;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	overflow: hidden;
}
.tkAwardCardInfo{
	width: 10rem;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,1);
	overflow: hidden;
}
.friendInfo{
	width: 10rem;
	height: 100vh;
	top: 0;
	left: 0;
	overflow-y: scroll;
}
.friendShareInfo{
	width: 10rem;
	height: 100vh;
	top: 0;
	left: 0;
}
.tkInfoBlack{
	width: 10rem;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,1);
	overflow: hidden;
}
.kfCodeInfo{
	width: 8rem;
	height: 14.2rem;
	left: 1rem;
	top: calc(50vh - 7.1rem);
}
.friendtitle{
	width: 8rem;
	top: -0.8rem;
	left: 0;
}
.helptitle{
	width: 8rem;
	top: -0.8rem;
	left: 0;
}
.helpimg{
	width: 8rem;
    left: 0rem;
    top: 0.2rem;
}
.memimg{
	width: 7rem;
    left: 0.5rem;
    top: 1.3rem;
}
.sharecardimg{
	width: 4rem;
	left: 2.0rem;
	top: 2.0rem;
}
.friendcardtips{
	width: 8rem;
	top: 7.4rem;
	left: 0;
	height: 0.6rem;
	line-height: .6rem;
	text-align: center;
	font-size: .22rem;
	color: #ff7e0a;
}
.btn21{
	width: 4rem;
	left: 2rem;
	top: 8.2rem;
}
.btn21_1{
	width: 4rem;
	left: 2rem;
	top: 6.9rem;
}
.awardcodeinfo{
	width: 8rem;
	height: 14.4rem;
	left: 1rem;
	top: calc(50vh - 7.2rem);
}
.tktitle{
	width: 8rem;
	top: 0;
	left: 0rem;
}
.tkcardtitle{
	width: 7rem;
	top: 0;
	left: 0.5rem;
}
.tkallcardtitle{
	width: 7rem;
	top: -1rem;
	left: 1.0rem;
}
.cardscoreinfo{
	width: 8rem;
	height: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 1.6rem;
}
.allcardscoreinfo{
	width: 8rem;
	height: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0.7rem;
	left: 0.5rem;
}
.card_scorename{
	height: 0.65rem;
}
.allcard_scorename{
	height: 0.7rem;
}
.scorenum{
	margin: 0 0.15rem;
	font-size: .7rem;
	font-weight: bold;
	color: #ff7e09;
    -webkit-text-stroke: 0.02rem #ffffff;
}
.wardcodeinfo {
	width: 8rem;
	height: 9.6rem;
	left: 0;
	top: 1.8rem;
}
.guang{
	width: 9rem;
    top: -0.8rem;
    left: -0.7rem;
}
.gpoi1{
	width: 0.9rem;
    top: 1.2rem;
    left: 7rem; 
	/* animation: showLateAn .5s forwards, float 5s infinite ease-in-out;
	animation-delay: 3.0s; */
}
.gpoi2{
	width: 0.9rem;
    top: 2.2rem;
    left: 0rem;
	/* animation: showLateAn .5s forwards, float1 5s infinite ease-in-out;
	animation-delay: 3.0s; */
}
.gpoi3{
	width: 0.9rem;
    top: 7.6rem;
    left: -0.5rem;
	/* animation: showLateAn .5s forwards, float2 5s infinite ease-in-out;
	animation-delay: 3.4s; */
}
.wardcardinfo{
	width: 5.7rem;
    height: 7.76rem;
    left: 1.1rem;
    top: 1.15rem;
    border-radius: 0.4rem;
	transform-style: preserve-3d;
	transform: scale(0.1) rotate(0deg);
	opacity: 0;
}
.wardcard{
	width: 5.7rem;
    height: 7.76rem;
    left: 0;
    top: 0;
	opacity: 0;
	/* will-change: transform;
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
	transform: rotateY(180deg); */
}
.wardcardbg{
	width: 5.7rem;
    height: 7.76rem;
    left: 0;
    top: 0;
    border-radius: 0.4rem;
	opacity: 1;
	/* -webkit-backface-visibility: hidden; 
	backface-visibility: hidden; */
}
.wardcardAn{
	animation: showLateAn 1.5s forwards;
	animation-delay: 1.2s;
}
.wardcardbgAn{
	animation: showbgLateAn 1.5s forwards;
	animation-delay: 1.2s;
}
.getchangetips{
	width: 10rem;
    height: 0.6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .30rem;
    color: #d0ccb6;
    top: 11rem;
    left: -1rem;
}
.getwardbtn{
	width:3.4rem;
	left: 2.3rem;
	top: 11.8rem;
}
.tktitle3{
	width: 5.2rem;
	top: 0.4rem;
	left: 1.4rem;
}
.kfCode{
	width: 7rem;
    height: 7rem;
    left: 0.5rem;
    top: 3.1rem;
	border-radius: .2rem;
	/* background-color: #fff; */
	overflow: hidden;
}
.kfCodeImg{
	width: 7rem;
	height: 7rem;
	border-radius: .3rem;
}
.kfname{
	width: 6rem;
	height:1.2rem;
	line-height: 0.5rem;
	text-align: center;
	color: #ca8a3a;
	font-weight: bold;
	font-size: .35rem;
	left: 1rem;
	top: 10.5rem;
}
.kftips{
	width: 6rem;
	height:1.2rem;
	line-height: 0.5rem;
	text-align: center;
	color: #ca8a3a;
	font-weight: bold;
	font-size: .35rem;
	left: 1rem;
	top: 11.6rem;
}
.closetk{
	width: 1rem;
	height: 1rem;
	bottom: 0;
	left: calc(50% - 0.46rem);
}
.confirmSubmit{
	width: 8rem;
	height: 6.4rem;
	left: 1.0rem;
	top: calc(50vh - 3.2rem);
}
.tk1{
	width: 8rem;
}
.tk3{
	width: 8rem;
	height: 8.5rem;
}
.tkttxt3{
	width: 5rem;
    left: 1.5rem;
    top: 1.2rem;
}
.btn15{
	width: 4rem;
	left: 2.0rem;
	top: 2.8rem;
}
.allCardInfo{
	width: 9rem;
	height: 10.0rem;
	left: 0.5rem;
	top: calc(50vh - 4.6rem);
}
.allcard{
	width: 9rem;
	top: 2.2rem;
}
.sendbtninfo{
	width: 9rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 7.4rem;
	left: 0;
}
.btnchange{
	width: 3.6rem;
	margin:0 0.2rem;
}
.tktitle1{
	width: 9.2rem;
	top: -1.4rem;
	left: -0.1rem;
}
.tktitle2{
	width: 9.0rem;
	top: -0.6rem;
	left: 0;
}
.friendhelpInfo{
	width: 8rem;
	height: 15.2rem;
	left: 1.0rem;
	top: calc(50vh - 7.6rem);
}
.friendcardInfo{
	width: 8rem;
	height: 12.2rem;
	left: 1.0rem;
	top: 2rem;
}
.helpprodesc{
	width: 6.4rem;
	top: 9.4rem;
	left: 0.8rem;
}
.prodesc{
	width: 7.8rem;
	top: 12.8rem;
	left: 1.1rem;
}
.helptime{
	width: 7rem;
	top: 14.4rem;
	left: .5rem;
}
.time{
	width: 7rem;
	top: 18rem;
	left: 1.5rem;
}
.invoidCodeInfo{
	width: 8rem;
	height: 7.3rem;
	left: 1.0rem;
	top: calc(50vh - 3.7rem);
}
.scanTipsInfo{
	width: 8rem;
	height: 12.2rem;
	left: 1.0rem;
	top: calc(50vh - 6.1rem);
}
.successInfo{
	width: 8rem;
	height: 5.0rem;
	left: 1.0rem;
	top: calc(50vh - 2.5rem);
}
.noScoreInfo{
	width: 8rem;
	height: 6.2rem;
	left: 1.0rem;
	top: calc(50vh - 2.5rem);
}
.signtxt{
	width: 4.2rem;
    top: 1rem;
    left: 1.9rem;
}
.sharenum{
	width: 0.86rem;
    height: 0.6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .62rem;
    font-weight: bold;
    color: #ff7e09;
    top: 1.87rem;
    left: 3.8rem;
}
.tkttxt4{
	width: 5rem;
    left: 1.5rem;
    top: 0.9rem;
}
.tkbg{
	width: 10rem;
	top: 0;
	left: 0;
}
.formcardInfo{
	width: 9rem;
    height: 15.8rem;
    left: 0.5rem;
    top: calc(50vh - 7.30rem);
}
.awardInfo{
	width: 9rem;
    height: 12.4rem;
    left: 0.5rem;
    top: calc(50vh - 5.8rem);
}
.formInfo{
	width: 9rem;
    height: 16.8rem;
    left: 0.5rem;
    top: calc(50vh - 8.4rem);
}
.formtk2{
	width: 9rem;
	height: 14.6rem;
	top: 0;
	left: 0;
}
.awardtk2{
	width: 9rem;
	height: 10.7rem;
	top: 0;
	left: 0;
}
.formcardtk2{
	width: 9rem;
	height: 14.1rem;
	top: 0;
	left: 0;
}
.formcardtk3{
	width: 9rem;
	height: 15.65rem;
	top: 0;
	left: 0;
}
.changewardtitle{
	width: 8.0rem;
	left: 0.5rem;
	top: -1rem;
}
.wardtitle{
	width: 9.4rem;
	left: -0.2rem;
	top: -1rem;
}
.gray{
	filter: grayscale(0.92);
}
.guangquangray{
	width: 9rem;
	opacity: 0.5;
	top: -0.4rem;
	left: 0;
}
.guangquan{
	width: 9rem;
	top: -0.4rem;
	left: 0;
}
.cardguangquan{
	width: 13rem;
    top: -1.4rem;
    left: -2.5rem;
}
.awardbtninfo{
	width: 9rem;
	height: 1rem;
	top: 7.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.getawardbtn{
	width: 3.2rem;
}
.awardtkimg {
	width: 9rem;
	height: 6rem;
	top: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.getwardtips{
	width: 9rem;
    line-height: .5rem;
    text-align: center;
    font-size: .3rem;
    color: #495866;
    top: 8.8rem;
}
.awardtips{
	width: 9rem;
    line-height: .5rem;
    text-align: center;
    font-size: .24rem;
	font-weight: bold;
    color: #ff7e09;
    top: 5rem;
}
.packtips{
	width: 9rem;
    line-height: .45rem;
    text-align: center;
    font-size: .3rem;
    color: #495866;
    top: 0rem;
}
.cawardimg{
	height: 6rem;
}
.cawardimg1{
	height: 7.0rem;
}
.cwardtkimg {
	width: 9rem;
	height: 5.9rem;
	top: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wardtkimg {
	width: 9rem;
	height: 4rem;
	top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cawardimg{
	height: 5.9rem;
}
.awardimg{
	height: 4.3rem;
}
.cformmsgcard{
	width: 7.6rem;
	left: 0.7rem;
	top: 7.8rem;
}
.formmsgcard{
	width: 7.6rem;
	left: 0.7rem;
	top: 6.4rem;
}
.formmsg{
	width: 7.6rem;
	left: 0.7rem;
	top: 7.8rem;
}
.gtips{
	top: 6.2rem;
    right: 0.9rem;
	color: #3e4b59;
	font-size: .26rem;
}
.formtips{
	width: 8.6rem;
	height: 1rem;
	line-height: 1rem;
	font-size: .3rem;
	text-align: center;
	color: #3e4b59;
	margin-left: -0.5rem;
}
.inps{
	width: 7.6rem;
	height: 1.25rem;
	position: relative;
}
.inpscard{
	width: 7.6rem;
	height: 1.3rem;
	position: relative;
}
.inpsbg {
	width: 7.6rem;
	top: 0;
	left: 0.1rem;
}
.txtname,.txtmobile,.txtaddress,.txtarea,.txtcardnum{
	width: 6.9rem;
	height: 0.6rem;
	line-height: 0.6rem;
	padding: 0.1rem 0.2rem;
	font-size: .35rem;
	color: #000000;
	left: 0.2rem;
	top: 0.1rem;
}
.gettips{
	width: 7.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: .26rem;
	color: #3e4b59;
	text-align: center;
}
.clisttile{
	width: 7.6rem;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: .5rem;
	font-weight:bold;
	color: #ff7e09;
	top: 1.2rem;
	left: 0.7rem;
}
.listtile{
	width: 9rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: .3rem;
	font-weight:bold;
	color: #3e4b59;
	text-align: center;
	top: 1.2rem;
}
.cawardinfo{
	width: 7rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ruleinfo{
	width: 8.0rem;
	height: calc(100% - 4.8rem);
	line-height: .45rem;
	font-size: .3rem;
	color: #3e4b59;
	left: 0.5rem;
	top: 2.8rem;
	overflow-y: hidden;
	border-radius: .4rem;
	background-color: #f6f5d7;
}
.ruleimgInfo{
	width: 8.0rem;
	height: calc(100% - 0.6rem);
	line-height: .45rem;
	font-size: .3rem;
	color: #3e4b59;
	left: 0;
	top: 0.2rem;
	overflow-y: scroll;
}
.cr{
	width: 2.0rem;
	right: 0.3rem;
	bottom: 0.3rem;
}
.helpcr{
	width: 2.0rem;
	right: 0.3rem;
	bottom: 0.3rem;
}
.cr1{
	width: 2.0rem;
	right: 0.3rem;
	top: 21.3rem;
}
.ruleimg{
	width: 100%;
	display: block;
}
.changedtlistbg{
	width: 8.2rem;
	height: calc(100% - 2.6rem);
	border-radius: 0.2rem;
	left: 0.4rem;
	top: 2.2rem;
	overflow: hidden;
}
.changedtlist{
	width: 8rem;
	height: calc(100% - 0.2rem);
	background-color: #f4f3d8;
	border: 0.1rem solid;
	border-radius: 0.2rem;
	border-image-source: linear-gradient(to right, #f9e76b, #fab321);
	border-image-slice: 1;
}
.cawardlist{
	width: 7.0rem;
	height: calc(100% - 0.8rem);
	left: 0.5rem;
	top: 0.4rem;
}
.cdtlist{
	width: 7rem;
	height: calc(100% - 2.6rem);
	left: 1rem;
	top: 2rem;
}
.wardmobile{
	width: 3rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: .3rem;
	text-align: center;
	color: #3e4b59;
}
.wardname{
	width: 4rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: .3rem;
	text-align: center;
	color: #3e4b59;
	font-weight: bold;
}
.wardtime{
	width: 3.8rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: .3rem;
	text-align: center;
	color: #3e4b59;
	font-weight: bold;
}
.wardsource{
	width: 1.8rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: .3rem;
	text-align: center;
	color: #3e4b59;
	font-weight: bold;
}
.wardscore{
	width: 1.4rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: .3rem;
	text-align: center;
	color: #3e4b59;
	font-weight: bold;
}
.submitBtnInfo{
	width: 7.6rem;
	height: 1.4rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn14{
	width: 3rem;
}
.ruleOutInfo{
	width: 9rem;
	height: calc(100vh - 1.7rem);
	left: 0.5rem;
	top: 1.5rem;
}
.cawardlistInfo{
	width: 9rem;
	height: calc(100vh - 3rem);
	left: 0.5rem;
	top: 2.5rem;
}
.awardlistInfo{
	width: 9rem;
	height: calc(100vh - 4rem);
	left: 0.5rem;
	top: 2.5rem;
}
.wardlistInfo{
	width: 9rem;
	height: calc(100vh - 3rem);
	left: 0.5rem;
	top: 2.5rem;
}
.wardlist{
	width: 9rem;
	height: 100%;
	top: 0;
	left: 0;
}
.changewardlisttitle{
	width: 9rem;
    top: -1.5rem;
    left: 0;
}
.wardlisttitle{
	width: 6rem;
    top: -1.5rem;
    left: 1.5rem;
}
.rulelisttitle{
	width: 8rem;
	top: -.6rem;
	left: 1.3rem;
}
.bty{
	width: 7.8rem;
    bottom: 0.1rem;
    left: -0.1rem;
}
.wardtab{
	width: 7.6rem;
	height: 1.05rem;
	top: 0.8rem;
	left: 0.7rem;
}
.tabinfo{
	width: 8rem;
	height: 1.05rem;
	margin: 0 auto;
	margin-top: 0.8rem;
}
.dtchangelist{
	width: 8.8rem;
	height: calc(100vh - 4.5rem);
	margin: 0 auto;
	top: 1.1rem;
	left:0.1rem;
	overflow-y: scroll;
}
.dtlist{
	width: 8.8rem;
	height: calc(100vh - 5.5rem);
	margin: 0 auto;
	top: 2.1rem;
	left:0.1rem;
	overflow-y: scroll;
}
.wardinfo{
	width: 8rem;
	padding: 0.2rem;
	margin: 0 auto;
}
.timeinfo{
	width: 7.6rem;
	height: 1.2rem;
	padding: 0 0.15rem;
	font-size: .3rem;
	color: #3e4b59;
}
.timetxt{
	height: 0.6rem;
	line-height: .6rem;
}
.titlename{
	font-weight: bold;
}
.btn16{
	width: 1.6rem;
	right: 0;
	top: 0.4rem;
}
.addressinfo{
	width: 6.8rem;
	padding: .4rem 0.6rem;
	background-image: url('../img/listbg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.addressname{
	font-size: .35rem;
	font-weight: bold;
	line-height: .5rem;
	color: #fe7908;
}
.username{
	line-height: .5rem;
}
.tabinfo{
	width: 7.4rem;
    height: 0.8rem;
    top: 0.12rem;
    left: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tab{
	width: 1.84rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .38rem;
	font-weight: bold;
	color: #ff7e09;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.nonbd{
	border:none !important;
}
.tab.activebg{
	background-color: #ff7e09;
	color: #fbe79e;
}
.tab::before{
	content: "";
	height: .4rem;
	border-left: solid 0.05rem #ff7e09;
	position: absolute;
	left: 0;
}
.tab:first-child::before{
	border-left: none !important;
}
.backbtn{
	width: 0.7rem;
    top: 0.3rem;
    left: 0.45rem;
}

/*抽奖*/
.game_wrap1 {
	width: 5.8rem;
	height: 3.8rem;
	box-sizing: content-box;
	overflow: hidden;
	top: 2.91rem;
	left: 1.57rem;
	border-radius: 0.8rem;
	box-shadow: inset 0px 0.05rem 0.5rem 0.05rem rgba(0, 0, 0, 0.5);
}
.game_wrap {
	width: 5.8rem;
	height: 3.8rem;
	box-sizing: content-box;
	overflow: hidden;
	top: 2.91rem;
	left: 1.57rem;
	border-radius: 0.8rem;
	box-shadow: inset 0px 0.05rem 0.5rem 0.05rem rgba(0, 0, 0, 0.5);
}
.game_item1 {
	width: 33.333%;
	height: 3.8rem;
	float: left;
}
.game_item1 li{
	height: 3.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.game_item1 img{
	height: 1.2rem;
}
.game_item {
	width: 33.333%;
	height: 3.8rem;
	float: left;
}
.game_item li {
	list-style: none;
	width: 100%;
	height: 3.8rem;
	text-align: center;
	position: relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
.game_item li img {
    width:90%;
}
.startBtn {
	width: 3.6rem;
    height: 1.4rem;
    top: 7.2rem;
    left: 2.7rem;
	background-image: url(../img/getbtn.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.gray{
	filter: grayscale(1);
}
.exchangeinfo{
	width: 9.2rem;
	height: 19.6rem;
	margin: 0 auto;
	margin-top: 2.7rem;
	border-radius: 0.4rem;
	padding: 0.1rem;
	background: linear-gradient(to right, #fff, #9fd0ee);
}
.exchangeproduct{
	width: 9.2rem;
	height: 18.8rem;
	padding-top: .8rem;
	background-color: rgba(188,228,253,0.6);
	border-radius: 0.3rem;
}
.tasktitle{
	width: 7rem;
	top: -2.4rem;
	left: 1.1rem;
}
.productinfo{
	width: 9.2rem;
	height: 10.5rem;
	margin-top: 0.2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
}
.proinfo1{
	width: 5rem;
	height: 4.55rem;
}
.proinfo2{
	width: 4.5rem;
	height: 4.9rem;
}
.proimg{
	width: 100%;
}
.tipsimg{
	width: 84%;
    top: 1.5rem;
    left: 8%;
}
.probtn{
	width: 84%;
	height: 1.0rem;
	bottom: 0;
	left: 8%;
}
.scoreinfo{
	width: 5rem;
	height: 0.8rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ybnum{
	width: 2.8rem;
}
.ybnumtxt{
	width: 1.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: .70rem;
    font-weight: bold;
    color: #ff7800;
    left: 4.9rem;
    top: 0.08rem;
    -webkit-text-stroke: 0.02rem #ffffff;
}
.tasklist{
	width: 9.2rem;
	margin: 0 auto;
	margin-top: .2rem;
	margin-bottom: .6rem;
}
.taskinfo{
	width: 7.6rem;
	padding: 0.3rem;
	border-radius: 0.4rem;
	margin: 0 auto;
	margin-bottom: .4rem;
	background: linear-gradient(to bottom, #f8f9ef, #f5f4d9);
}
.taskimg{
	width: 5.4rem;
}
.taskbtn{
	width: 2.6rem;
	top: 0.3rem;
	right: 0.3rem;
}
.nodata{
	width: 100%;
	height: 8rem;
	line-height: 8rem;
	font-size: .35rem;
	text-align: center;
	color: #6a6969;
}
/* 动画效果 */
.animate {
	animation: spinAndGrow 0.8s forwards,rotateAn 0.5s forwards;
	animation-delay: 0s,1.5s;
}
@keyframes rotateAn {
	/* 0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(180deg);
	} */
	
}
@keyframes spinAndGrow {
	0% {
		transform: scale(0.1) rotate(0deg);
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		transform: scale(1) rotate(720deg); /* 3圈 */
		opacity: 1;
	}
}
.hidediv{
	opacity: 0;
}
.cardlateAn{
	animation: showLateAn .5s forwards,gscale 2s infinite,guangRotateAn 7s linear infinite;
	animation-delay: 2.4s;
}
.lateanimate {
	animation: showLateAn .5s forwards,gscale 2s infinite;
	animation-delay: 2.4s;
}
@keyframes showLateAn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes showbgLateAn {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
        
@keyframes float {
	0%, 100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(0.3rem, 0.2rem) rotate(5deg);
	}
	50% {
		transform: translate(0.5rem, -0.4rem) rotate(-5deg);
	}
	75% {
		transform: translate(-0.2rem, 0.3rem) rotate(3deg);
	}
}
@keyframes float1 {
	0%, 100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(-0.3rem, -0.2rem) rotate(5deg);
	}
	50% {
		transform: translate(0.1rem, -0.1rem) rotate(-5deg);
	}
	75% {
		transform: translate(0.2rem, 0.15rem) rotate(3deg);
	}
}
@keyframes float2 {
	0%, 100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(0.3rem, 0.2rem) rotate(5deg);
	}
	50% {
		transform: translate(0.5rem, -0.2rem) rotate(-5deg);
	}
	75% {
		transform: translate(-0.2rem, 0rem) rotate(3deg);
	}
}
@keyframes gscale {
	0%{
		opacity: 1;
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 1;
	}
}