.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)
}
#heroWrap {
	position: relative;
	overflow: hidden;
	background: #000;
	max-width: 19.2rem;
	margin: 0 auto;
}
.kv {
	width: 100%;
	height: 12rem;
	background: url(../images/kv.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.listBody{
	width: 100%;
	height: 16.99rem;
	background: url(../images/sec1.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.searchBox{
	width:9.94rem;
	height:.62rem;
	position:relative;
	margin:0.85rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.searchBox .searchBody{
	margin-top:.02rem;
}
.searchBox input{
	display:block;
	width:6.58rem;
	height:.56rem;
	border:0.02rem solid #6f3ae1;
	background:#c8c8c8;
	font-size:.26rem;
	text-indent:.26rem;
	line-height:.56rem;
	float:left;
}
.searchBox .searchBtn{
	width:1.33rem;
	height:.6rem;
	position:relative;
	float:left;
	overflow: hidden;
	cursor: pointer;
}
.searchBox .searchBtn img{
	display:block;
	width:100%;
}
.searchBox .searchBtn.active img:nth-child(1){
	display:none;
}
.searchBox .checkCdk{
	width:1.8rem;
	height:.62rem;
	position:relative;
	overflow: hidden;
	cursor: pointer;
}
.searchBox .checkCdk img{
	display:block;
	width:100%;
}
.searchBox .checkCdk.active img:nth-child(1){
	display:none;
}
.listCon{
	width:11.4rem;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.listCon ul{
	width:100%;
	overflow: hidden;
	position:relative;
}
.listCon ul li {
	width:5.42rem;
	height:4.87rem;
	background:url(../images/box.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	margin:.59rem 0 0 0;
}
.listCon ul li:nth-child(even){
	margin-left:.56rem;
}
.listCon ul li .videoBg{
	width:5.27rem;
	height:3.21rem;
	background:url(../images/bg.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.23rem auto 0;
	cursor: pointer;
	overflow: hidden;
}
.listCon ul li .videoBg img{
	display:block;
	width:5.06rem;
	height:2.84rem;
	margin:0.19rem auto 0;
}
.listCon ul li .videoBg i{
	display:block;
	width:1.4rem;
	height:1.4rem;
	background:url(../images/play.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transition:all .5s;
	-webkit-transition:all .5s;
	z-index:1;
}
.listCon ul li .videoBg:hover i{
	transform:translate(-50%,-50%) scale(1.1);
	-webkit-transform:translate(-50%,-50%) scale(1.1);
}
.listCon ul li .artBot{
	width:5rem;
	overflow: hidden;
	position:relative;
	margin:.24rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.listCon ul li .artBot .artDesc {
	font-size:.36rem;
	color:#fff;
	font-weight:bold;
}
.listCon ul li .artBot .artDesc p{
	width:3.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.listCon ul li .artBot .artDesc p:nth-child(2){
	font-size:.24rem;
	font-weight:normal;
	margin-top:.26rem;
}
.listCon ul li .artBot .voteNum{
	width:1.62rem;
	height:.58rem;
	background:url(../images/wc.png) no-repeat center;
	background-size:cover;
	position:relative;
	font-size:.2rem;
	text-indent:.7rem;
	color:#fff;
	font-weight:bold;
	line-height:.58rem;
	margin-top:.06rem;
	cursor: pointer;
}
.listCon ul li.active .artBot .voteNum{
	background:url(../images/vc.png) no-repeat center;
	background-size:cover;
}
.zxf_pagediv{
	width:100%;
	position:relative;
	overflow: hidden;
	margin:72px auto 0;
	text-align: center;
	font-size:18px;
	color:#fff;
	font-weight:bold;
}
.zxfokbtn{
	display: none;
}
.zxf_pagediv a{
	color:#fff;
	margin:0 23px;
}
.zxf_pagediv a.active{
	color:#f89641;
}
.zxf_pagediv input{
	display: none;
}
.zxf_pagediv .dzm-pagination-page-btn{
	display: none;
}
.tip{
	display:block;
	width:10.71rem;
	margin:.9rem auto 0;
}
.loginTc,.listTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display:none;
}
.loginBody{
	width:600px;
	height:500px;
	background:#272d38;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	border-radius: 20px;
}
.close{
	display:block;
	width:63px;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	cursor:pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.close:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.s_put{
	width: 375px;
	overflow:hidden;
	position:relative;
	margin:50px auto 0;
}
.s_put input{
	float: left;
	width: 375px;
	padding: 17px 0;
	outline: none;
	text-indent: 30px;
	font-size: 22px;
	color: #999;
	border: none;
	background: url(../../3.0/active/images/c_inputbg1.png);
	background-size: 100% 100%;
}
.s_put input.t_yzm,.s_put input.yzm{
	width: 225px;
	background: url(../../3.0/active/images/c_inputbg2.png);
	background-size: 100% 100%;
}
.s_put .captcha,.s_put .g_code{
	float: right;
	width: 133px;
	height: 60px;
	background: url(../../3.0/active/images/c_captcha_bg.png);
	background-size: 100% 100%;
	text-align: center;
	cursor: pointer;
}
.s_put .captcha img{
	width: 100px;
	height: 40px;
	position: relative;
	top: 50%;
	margin-top: -20px;
}
.s_put .g_code{
	display: inline-block;
	width: 133px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #A80609;
	text-align: center;
	cursor: pointer;
	background: url(../../3.0/active/images/c_time_bg.png);
	background-size: 100% 100%;
}
.s_put .g_code.active{
	pointer-events: none;
}
.dl{
	width: 234px;
	height: 70px;
	margin: 40px auto 0;
	cursor: pointer;
	background: url(../../3.0/active/images/c_tips_btn1.png);
	background-size: 100% 100%;
}
.loginBody .huadong{
	width:380px;
	height:407px;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.loginBody ul{
	width:398px;
	height:407px;
	overflow: auto;
	position:relative;
	margin:70px auto 0;
}
.loginBody ul li{
	width:100%;
	height:40px;
	line-height:40px;
}
.loginBody ul li span{
	display:block;
	float:left;
	height:100%;
	position:relative;
	font-size:16px;
	text-indent:20px;
	color:#fff;
	border:1px solid #666;
}
.loginBody ul li span:nth-child(1){
	width:80px;
}
.loginBody ul li span:nth-child(2){
	width:210px;
}
.loginBody ul li span:nth-child(3){
	width:80px;
	cursor: pointer;
}
.kv.kv1{
	height: 7.14rem;
	background: url(../images/kv1.jpg) no-repeat center center;
	background-size: cover;
}
.slogan{
	width:9.69rem;
	height:1.87rem;
	background:url(../images/slogan.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-4.845rem;
	top:8rem;
}
.slogan.slogan1{
	top:4.58rem;
}
.slogan::after{
	display: block; 
	content: ''; 
	width:9.69rem;
	height:1.87rem;
	background:url(../images/slogan.png) no-repeat center;
	background-size:cover;
    animation: heartBeat 4s ease-in-out both infinite;
    -webkit-animation: heartBeat 4s ease-in-out both infinite;
}
.logo{
	display:block;
	width:2.4rem;
	position:absolute;
	left:50%;
	margin-left:-1.2rem;
	top:.25rem;
}
.logo1{
	display:block;
	width:2.4rem;
	position:absolute;
	left:.48rem;
	top:.25rem;
}
.ju{
	display:block;
	width:1.53rem;
	position:absolute;
	left:50%;
	margin-left:-.765rem;
	bottom:0;
	animation: heroMouseDown 2s linear infinite;
	-webkit-animation: heroMouseDown 2s linear infinite;
}
.sec{
	width: 100%;
	height: 10.26rem;
	background: url(../images/sec.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow:hidden;
}
.tit{
	display:block;
	width:8.68rem;
	margin:0.22rem auto 0;
}
.txt{
	display:block;
	width:12.1rem;
	margin:0.53rem auto 0;
}
.txt1{
	display:block;
	width:12.07rem;
	margin:1.2rem auto 0;
}
.thc{
	width: 100%;
	height: 7.06rem;
	background: url(../images/thc.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow:hidden;
}
.thc a{
	display:block;
	width:1.67rem;
	height:.27rem;
	position:absolute;
	left: 6.93rem;
	top: 4.3rem;
	z-index:2;
}
.tit1{
	display:block;
	width:8.68rem;
	margin:0.83rem auto 0;
}
.txt2{
	display:block;
	width:12.18rem;
	margin:.53rem auto 0;
}
.for{
	width: 100%;
	height: 8.98rem;
	background: url(../images/for.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow:hidden;
}
.tit2{
	display:block;
	width:8.68rem;
	margin:0.18rem auto 0;
}
.bao{
	width:18.85rem;
	height:7.68rem;
	background:url(../images/bao.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:.35rem;
	top:1.31rem;
}
.bao i{
	display:block;
	width:.19rem;
	height:.18rem;
	background:url(../images/jun.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left: 3rem;
    top: 3.95rem;
    transform: rotate(-77deg);
	animation: imgGo 15s linear infinite;
}
@keyframes imgGo {
	0%{left:3rem;top: 3.95rem;transform: rotate(-77deg);}
	10%{left:5.23rem;top: 3.95rem;transform: rotate(-77deg);}
	12%{left:5.23rem;top: 3.95rem;transform: rotate(0);}
	22%{left:7.15rem;top:2rem;transform: rotate(0);}
	24%{left:7.15rem;top:2rem;transform: rotate(-29deg);}
	34%{left:10.93rem;top:5.68rem;transform: rotate(-29deg);}
	36%{left:10.93rem;top:5.68rem;transform: rotate(-123deg);}
	46%{left:12.8rem;top:3.91rem;transform: rotate(-123deg);}
	48%{left:12.8rem;top:3.91rem;transform: rotate(48deg);}
	58%{left:17.8rem;top:3.91rem;transform: rotate(48deg);}
	100%{left:25rem;transform: rotate(-77deg);}
}
.huo{
	width: 100%;
	height: 11.1rem;
	background: url(../images/huo.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow:hidden;
}
.tit5{
	display:block;
	width:8.68rem;
	margin:0.05rem auto 0;
}
.shiyi{
	display:block;
	width:10.82rem;
	margin:0.5rem auto 0;
}
.five{
	width: 100%;
	height: 15.68rem;
	background: url(../images/five.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow:hidden;
}
.tit3{
	display:block;
	width:8.68rem;
	margin:0.08rem auto 0;
}
.kua{
	display:block;
	width:12.16rem;
	position:absolute;
	left:50%;
	margin-left:-6.08rem;
	top:2.3rem;
}
.six{
	width: 100%;
	height: 8.98rem;
	background: url(../images/six.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow:hidden;
}
.tit4{
	display:block;
	width:10.08rem;
	margin:0.31rem auto 0;
}
.txt3{
	display:block;
	width:12.1rem;
	margin:0.53rem auto 0;
}
.menu{
	width:2.42rem;
	height:2rem;
	position:fixed;
	right:0;
	top:25%;
}
.menu>div{
	width:100%;
	height:.86rem;
	overflow: hidden;
	position:relative;
	cursor: pointer;
}
.menu>div img{
	display:block;
	width:100%;
	height:100%;
}
.menu>div.active img:nth-child(1) {
	display:none;
}
.menu>div:nth-child(1){
	margin-bottom:.28rem;
}
.menu>div:hover img:nth-child(1){
	display:none;
}