@charset "utf-8";
.row {
  display: table;
  table-layout:fixed;
  width: 100%;
  word-break: break-word;
}
.table-cell{
	display: table-cell;
	/*vertical-align: middle;*/
}
.mainContent{
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	background: url(../img/bottomBackground.png);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
}
.topImg{
	width: 100%;
	height: 2.38rem;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/bgTopLeaf.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.topLog{
	position: absolute;
	width: 3.50rem;
	height: 0.62rem;
	top: 0.75rem;
	left: 0.57rem;
	background: url(../img/topLogo.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 100%;
}
.mainImg{
	width: 100%;
	padding-top: 1.56rem;
	text-align: center;
	margin-bottom: .65rem;
}
.mainImg img{
	width: 100%;
	height: auto;
}
.detailInformation{
	width: 100%;
	padding: 0 0.54rem;
}
.detailInformation>.card{
	margin-bottom: 0.29rem;
	width: 100%;
	height: auto;
}
.detailInformation>.card img{
	width: 100%;
	height: auto;
}
.detailInformation>.card:nth-last-of-type(1){
	margin-bottom: 0.37rem;
}
.active-timeWrap>div {
	height: .56rem;
	line-height: .56rem;
	margin-bottom: 0.34rem; 
}
.active-timeWrap>div>span{
	font-size: .26rem;
	padding-left: .4rem;
}
.active-timeWrap>div:nth-last-child(1){
	margin-bottom: 0.2rem;
}
.active-timeWrap>div>.title{
	background: url(../img/titlekuang.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 0.56rem;
	width: 1.75rem;
	text-align: center;
	line-height: .56rem;
	font-size: .3rem;
	color: rgb(51,51,51);
  padding-top: .04rem;
}
.active-detailContent-detail{
	width: 100%;
	margin-bottom: .3rem;
}
.active-detailContent-detail>p{
	font-size: .24rem;
}
.active-detailContent-detail p>span{
	font-weight: bold;
}
.active-detailContent-detail>div{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*height: 1.74rem;*/
	margin-bottom: .42rem;
	height: auto;
	line-height: 0.38rem;
	font-size: .24rem;
	line-height: .38rem;
}
.active-detailContent-detail>div:nth-last-of-type(1){
	margin-bottom: .3rem;
}
.active-detailContent-detail>.contItem1{
	background-image: url(../img/contentDetail_1.png);
	padding: 11% .25rem 4% .25rem;
}
.active-detailContent-detail>.contItem2{
	background-image: url(../img/contentDetail_2.png);
	/*padding: 16% .5rem 7% .4rem;*/
	padding: 10% .25rem 4% .25rem;
}

.hotTips img{
	width: 1.57rem;
	height: auto;
	margin-bottom: .16rem;
}
.hotTipsWord{
	font-size: .24rem;
	margin-bottom: .36rem;
}

.hotTipsWord span:nth-of-type(1){
	vertical-align: middle;
	padding-right: .19rem; 
	position: relative;
}
.hotTipsWord span:nth-of-type(1):after{
	content: "";
	width: .04rem;
	height: 100%;
	display: inline;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.hotTipsWord span:nth-of-type(2){
	vertical-align: middle;
	padding-left: .23rem;
}

.active-rule{
	background: url(../img/titlekuang.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 0.4rem;
	height: 0.56rem;
	width: 1.75rem;
	display: inline-block;
	text-align: center;
	line-height: .56rem;
	margin-bottom: .3rem;
	font-size: .3rem;
	padding-top: 0.04rem;
}


.detail-active-rule>.item{
	display: table;
	margin-bottom: .29rem;
}
.detail-active-rule>.item:nth-last-child(1){
	margin-bottom: 0;
}
.detail-active-rule>.item>div{
	display: table-cell;
	word-break: break-all;
}

.detail-active-rule>.item>.ruleNumber>span{
	display: inline-block;
	background-image: url(../img/number_un.png);
	background-size: 100% .2rem;
	/*padding-left: .04rem;*/
	background-position: left 120%;
	white-space: nowrap;
	background-repeat: no-repeat;
	font-size: 0.26rem;
	/*font-weight: bold;*/
}


.detail-active-rule>div>div:nth-child(1){
	padding-left: .1rem;
	text-align:justify;
}
.detail-active-rule>div>div:nth-child(2){
	padding-left: .16rem;
	text-align:justify;
	line-height: .38rem;
	font-size: .24rem;
}
.detail-active-rule{
	padding:0 .49rem 0 0.27rem;
	padding-bottom: 1.37rem;
}
.buttonWrap{
	position: absolute;
	bottom: .38rem;
	width: 1.96rem;
	height: .36rem;
	left: 50%;
	transform: translateX(-50%);
	transform: translateX(-50%);
	animation: translateX(-50%);
	-webkit-animation: translateX(-50%);
	-moz-animation: translateX(-50%) ;
	-ms-animation: translateX(-50%);
	background: url(../img/moreButton.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.arrow{
	position: absolute;
	width: .3rem;
	height: .25rem;
	background-image: url(../img/down.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	left: 48.5%;
	transform: translateX(-48%);
	animation: translateX(-48%);
	-webkit-animation: translateX(-48%);
	-moz-animation: translateX(-48%) ;
	-ms-animation: translateX(-48%);
	animation: down  1.5s  ease-in-out infinite;
	-webkit-animation: down  1.5s  ease-in-out infinite;
	-moz-animation:  down  1.5s  ease-in-out infinite;
	-ms-animation: down  1.5s  ease-in-out infinite;
	bottom: 0.86rem;
}
.arrow.active{
	background-image: url(../img/up.jpg);
	animation: up  1.5s  ease-in-out infinite;
	-webkit-animation: up  1.5s   ease-in-out infinite;
	-moz-animation:  up 1.5s   ease-in-out infinite;
	-ms-animation: up  1.5s   ease-in-out infinite;
	bottom: 0.86rem;
}
.hide{
	display: none !important;
}


@keyframes down{
	0%{
		transform:  translateY(0.05rem);
	}
	50%{
		transform: translateY(0.2rem);
	}
	100%{
		transform: translateY(0.05rem);
	}
}

@keyframes  up{
	0%{
		transform:  translateY(0.09rem);
	}
	50%{
		transform: translateY(-0.15rem);
	}
	100%{
		transform: translateY(0.09rem);
	}
}