p{
	font-family: PingFangSC-Semibold, sans-serif;
}
html{
	max-width: 540px;
	width:100%;
	min-height:100%;
	background-color: #1659e3;
}
body{
	width:100%;
	min-height: 100%;
	padding-bottom: 1.2rem;
}
.banner{
	width: 100%;
	overflow: hidden;
	/*height: 5.2rem;*/
	background: url("../images/banner.png");
	background-size: 100% 100%;
	position: relative;
	padding-bottom: .1rem;
	z-index: 1;
}
.bannerBox{
	width:100%;
	height:auto;
	position:relative;
}
.bannerBg{
	display: block;
	/*position:absolute;*/
	width: 100%;
	/*height:0.47rem;*/
	margin:.62rem auto 0;
	z-index:2;
	/*display: none;*/
}
.bannerBg2{
	display: block;
	/*position:absolute;*/
	width: 3.83rem;
	height:0.95rem;
	margin:0.3rem auto 0;
	z-index:2;
}
.bannerBox .bannerTextBox{
	position:absolute;
	width:100%;
	height:auto;
	top:1rem;   /*50px*/
	left:0;
	z-index:3;
	background:url(../images/zsx.png) bottom center no-repeat;
	background-size:100% auto;
}
.bannerBox .bannerTextBox .bannerImg{
	width:70%;
	height:auto;
	margin-left:15%;
}
.split img{
	display: block;
	width: 100%;
}
.subtitle{
	width: 100%;
	/*position: absolute;*/
	left: 0;
	margin-top: .5rem;
	font-size:0.4rem;  /*15px*/
	line-height: .44rem;
	color:#fff;
	padding: 0 .3rem;
	font-family: PingFangSC-Thin, sans-serif;
	text-align:center;
	/*margin:0.4rem 0;  !*20px*!*/
}
.titleBox{
	width:7rem;  /*350px*/
	height:0.84rem;   /*42px*/
	background:url(../images/bg1.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	justify-content:space-around;
	margin: 0 auto;
	margin-top: .4rem;
	/*position: absolute;*/
	/*left: 50%;*/
	/*bottom:.1rem;*/
	/*margin-left: -3.5rem;*/
}
.titleBox dl{
	width:33.3%;
	overflow: hidden;
}
.titleBox dl dt, .titleBox dl dd{
	color:#fff;
	font-size: .24rem;
	text-align:center;
	margin-top: .1rem;
	font-family: PingFangSC-Semibold, sans-serif;
}
.bannerTextBox .titleBox dl dt{
	font-size:0.24rem;  /*12px*/
	line-height:0.48rem; /*24px*/
}
.titleBox dl dd{
	font-size:0.28rem;   /*14px*/
}
 .dateBox{
	width:98%;
	margin: 0.4rem 0;
	display:flex;
	justify-content: space-around;
}
.dateBox p{
	font-size:0.28rem;
	color:#FFFFFF;
	line-height:0.4rem;
}
.dateBox p span{
	display:inline-block;
	width:0.4rem;
	height:0.4rem;
	background:url(../images/bg2.png) no-repeat;
	background-size:0.4rem 0.4rem;
	text-align:center;
	margin-right:0.04rem;

}
.dateBox p:first-of-type{
	font-size:0.3rem;  /*15px*/
}
.contentBox{
	margin-top:0.8rem;  /*40px*/
	width:100%;
	height:auto;
}
.contentBox .activityIntBox{
	width: 6.8rem;  /*340px*/
	height:auto;
	min-height:2.8rem;  /*140px*/
	margin:0 auto;
	background:#fff;
	border-radius:6px;
	position:relative;
	padding-top: .6rem;
	padding-bottom: .2rem;
}
.synopsis{
	width: 6.8rem;
	font-size: .24rem;
	line-height: .44rem;
	color: #fe7401;
	padding: .15rem .25rem;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
	background-color: #FFFFFF;
	margin: .3rem auto 0;
	display: none;
}
.activityIntBox .title{
	width: 4.84rem;  /*242px*/
	height:0.78rem;  /*39px*/
	background:url(../images/bg3.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:-0.39rem;
	left:50%;
	margin-left:-2.42rem;
}
.activityIntBox .title p{
	line-height:0.78rem;
	color:#fff;
	font-size: 0.36rem;  /*18px*/
	text-align:center;
}
.activityIntBox .content{
	/*position:absolute;*/
	/*top:0.78rem;*/
	/*left:4%;*/
	/*width:92%;*/
	/*height:auto;*/
	padding: 0 .5rem;
}
.activityIntBox .content li{
	display:flex;
	justify-content:flex-start;
	/*height:0.44rem; !*22px*!*/
	/*line-height: .44rem;*/
	line-height: .32rem;
	margin-bottom: .05rem;
}
.activityIntBox .content li img{
	width:0.22rem;  /*11px*/
	height:0.22rem;
	margin-top: .08rem;
	margin-right:0.08rem;
}
.activityIntBox .content li .clickZhankai.rotate{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.activityIntBox .content li p{
	font-size:0.24rem;
	color:#fe7401;
	margin-right:0.08rem;
}

.voteClass{
	width: 6.9rem;
	padding-bottom: .1rem;
	margin: .4rem auto 0;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	font-size: 0;
}
.voteClass .voteNav{
	display:inline-block;
	/*width:3.3rem;*/
	height:0.74rem; /*30px*/
	line-height:0.7rem;
	padding: 0 0.55rem;
	font-size:0.24rem;
	text-align: center;
	margin-right: .25rem;
	color:#fe7401;
	background-color: #ffffff;
	border: 1px solid #ff9900;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
}
.voteClass .voteNav.active{
	background-color: #ff9900;
	border: 1px solid #ffffff;
	color:#fff;
}
.voteClass .voteNav:last-child{
	margin-right: 0;
}
.voteContent{
	width: 100% !important;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 .1rem;
}
.voteContent .voteBox{
	width:3.50rem;  /*161px*/
	height:auto; /*196px*/
	margin-bottom:0.3rem;
	position: relative;
	padding: .13rem;
}
.voteBox .index{
	position: absolute;
	right: 0;
	top: 0;
	min-width: .9rem;
	height: .83rem;
	background: url("../images/bianhao_bg.png");
	background-size: 100% 100%;
	text-align: center;
	font-size: .24rem;
	color: #fff;
	line-height: .83rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 0.3rem;
	z-index:2;
}
.voteContent .voteBox .img{
	width:100%;
	position:relative;
	height: 3rem; /*100px*/
}
.voteContent .vote-info{
	width: 100%;
	height: 100%;
	position: relative;
	background:#fff;
	border-radius:0.08rem;
	overflow: hidden;
	position: relative;
}
.voteContent .voteBox .img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.voteContent .voteBox .img .play{
	position: absolute;
	left: 50%;
	top: 50%;
	width:.8rem;
	height:.8rem;
	margin-left: -.4rem;
	margin-top: -.4rem;
	background: url("../../images/play.png");
	background-size: 100% 100%;
}
.voteContent .voteBox .img .video>div{
	width: 100% !important;
	height: 100% !important;
}
.voteContent .voteBox .bottomBox{
	width:100%;
	height:1.72rem;
}
.voteContent .voteBox .bottomBox .cont{
	width:100%;
	height:auto;
	text-align: center;
}
.voteBox .bottomBox .cont:nth-of-type(1) p{
	font-size:0.26rem; /*13px*/
	color:#333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*text-align: center;*/
	line-height:0.6rem;
}
.voteBox .bottomBox .cont:nth-of-type(1) p span{
	font-size:0.2rem; /*10px*/
	color:#999;
	margin-left:0.08rem;
}
.voteBox .bottomBox .cont:nth-of-type(2) p{
	font-size:0.26rem; /*13px*/
	color:#333;
	line-height:0.4rem;
	background:#e0f1ff;
}
.voteBox .bottomBox .cont:nth-of-type(2) p span{
	font-size:0.28rem; /*14px*/
	color:#fe7401;
}
.voteBox .bottomBox .cont:nth-of-type(3){
	height:0.92rem;
}
.voteBox .bottomBox .cont:nth-of-type(3) .submit{
	display: block;
	width: 2.98rem;  /*149px*/
	height:0.48rem;  /*24px*/
	background: url(../images/toupiao_bg2.png) no-repeat;
	background-size:100% 100%;
	color:#fe7401;
	line-height:0.48rem;
	font-size:0.3rem;
	margin:0.16rem auto;
}
.voteBox .bottomBox .cont:nth-of-type(3) .submit.active{
	background: url(../images/toupiao_bg1.png) no-repeat;
	background-size:100% 100%;
	color:#fff;
}
.see-rank{
	position: fixed;
	right: .2rem;
	top: .84rem;
	z-index: 9;
}
.see-rank img{
	display: block;
	height: .63rem;
}
.floor-nav{
	margin-top: .7rem;
}
.floor-nav img{
	display: block;
	width: 100%;
}
.floor-nav .nav{
	height: 1.5rem;
	width: 100%;
	overflow: hidden;
}
.floor-nav ul{
	width: 100%;
	height: 2rem;
	white-space: nowrap;
	text-align: center;
	font-size: 0;
}
.floor-nav  li{
	display: inline-block;
	width: 33.33%;

	font-size: .3rem;
	position: relative;
	height: 1.5rem;
	padding-top: .75rem;
	color: #ffd2be;
	vertical-align: top;
}
.floor-nav  li.ac{
	font-size: .34rem;
	font-weight: bold;
	padding-top: .5rem;
	color: #ffffff;
}
.floor-nav  li.ac:before{
	content: '';
	display: block;
	width: .5rem;
	height: .1rem;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	bottom: .3rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
@font-face {
	font-family: 'HYK2GJ';
	src: url("../../font/汉仪菱心体简.ttf");
}
.voteClass-item{
	text-align: center;
	color: #ffffff;
	font-size: .54rem;
	margin: .4rem auto;
	font-family: 'HYK2GJ';
	text-shadow: 0 .05rem .08rem #a63908;
	width: 6.4rem;
	line-height: 1.4;
}
.submit{
	font-size: .3rem;
	width: 5.68rem;
	text-align: center;
	height: .9rem;
	line-height: .9rem;
	margin: 0.3rem auto;
	/*background-color: #eee;*/
	background: url("../images/geren_bg22.png");
	background-size: 100% 100%;
	border-radius: .06rem;
	color: #ffffff;
	position: fixed;
	left: 50%;
	margin-left: -2.84rem;
	bottom: 0.1rem;
}
.notice{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #c89250;
	height: .62rem;
	line-height: .62rem;
	color: #ffffff;
	font-size: .28rem;
	padding-left: .94rem;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.notice span{
	font-size: .32rem;
	color: #ffd400;
}
.notice i{
	font-size: .32rem;
	color: #ff0000;
}
.notice:before{
	content: '';
	display: block;
	width: .4rem;
	height: .32rem;
	background: url("../images/laba.png");
	background-size: 100% 100%;
	position: absolute;
	left: .3rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.fixed-right-bar div{
	background-color: rgba(255, 138, 3,1);
}
.voteContent .voteBox .bottomBox .btn{
	font-size: .28rem;
	color: #fe7401;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: .3rem;
	height: .48rem;
	background-color: #fff3e0;
}
.voteContent .voteBox .bottomBox .btn .check{
	width: .3rem;
	height: .3rem;
	margin-right: .17rem;
	background: url("../images/nocheck.png");
	background-size: 100% 100%;
}
.voteContent .voteBox .bottomBox .piao{
	font-size: .24rem;
	color: #333333;
	line-height: .64rem;
}
.voteContent .voteBox .bottomBox .piao span{
	color: #fe7401;
	font-weight: bold;
}
.voteContent .voteBox.selected-item{
	background: url("../images/xzbj.png");
	background-size: 100% 100%;
}
.voteContent .voteBox.selected-item  .bottomBox .btn .check{
	background: url("../images/fxk.png");
	background-size: 100% 100%;
}
.search{
	width: 6.8rem;
	margin: .6rem auto .15rem;
	background: #ffffff;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: .1rem 0;
}
.search input{
	display: block;
	width: 100%;
	height: .6rem;
	padding: 0 .15rem;
	border: none;
	font-size: .3rem;
}
.search div{
	width: .9rem;
	min-width: .9rem;
	height: .5rem;
	/*padding: 0 .2rem;*/
	background: url("../images/sousuo.png") center no-repeat;
	background-size: .4rem .4rem;
	border-left: 1px solid #eeeeee;
}
.no-item img{
	display: block;
	width: 1.5rem;
	margin: 1rem auto .15rem;
}
.no-item{
	font-size: .28rem;
	text-align: center;
	color: #ffffff;
	display: none;
	margin-bottom: .8rem;
}