.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;
}

@font-face {
  font-family: 'black_medium';
  src: url('../css/SOURCEHANSANSCN-REGULAR.OTF') format('opentype');
}
.hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.starBox{
	width:100%;
	height:9.47rem;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
}

.logoList{
	width:100%;
	height:1.98rem;
	position:relative;
	margin-top:-.33rem;
	z-index:2;
}
.gameLogo{
	display:block;
	width:3.03rem;
	margin-left:.26rem;
	float:left;
}
.logoList:before{
	display:block;
	content:'';
	width:.68rem;
	height:.01rem;
	background:rgba(255,255,255,.4);
	position:absolute;
	left:0;
	top:.98rem;
}
.logoList:after{
	display:block;
	content:'';
	width:11.8rem;
	height:.01rem;
	background:rgba(255,255,255,.4);
	position:absolute;
	left:2.9rem;
	top:.98rem;
}
.logoList ul {
	height:.25rem;
	float:right;
	position:relative;
	margin-top:.86rem;
	padding-right:.36rem;
}
.logoList ul li{
	width:.26rem;
	height:.25rem;
	overflow: hidden;
	float:left;
	position:relative;
	cursor: pointer;
	margin-right:.32rem;
}
.logoList ul li img{
	display:block;
	width:100%;
	height:100%;
}
.logoList ul li a{
	display:block;
	width:100%;
}
.logoList ul li:hover a img:nth-child(1){
	display:none;
}
.logoList ul:after{
	display: block;
	content: '';
	width: .24rem;
	height: .01rem;
	background: rgba(255,255,255,.4);
	position: absolute;
	right: 0;
	top: .12rem;
}
.music{
	width:.26rem;
	height:.24rem;
	position:relative;
	float:left;
	overflow: hidden;
}
.music p{
	width:.02rem;
	height:100%;
	background:#fff;
	position:relative;
	float:left;
	margin-left:.04rem;
}
.music p:nth-child(1){
	margin-left:0;
	animation: imgGo 2s linear infinite;
	-webkit-animation: imgGo 2s linear infinite;
}
.music p:nth-child(2){
	animation: imgGo .8s linear infinite;
	-webkit-animation: imgGo .8s linear infinite;
}
.music p:nth-child(3){
	animation: imgGo 3s linear infinite;
	-webkit-animation: imgGo 3s linear infinite;
}
.music p:nth-child(4){
	animation: imgGo 1.5s linear infinite;
	-webkit-animation: imgGo 1.5s linear infinite;
}
.music p:nth-child(5){
	animation: imgGo 1s linear infinite;
	-webkit-animation: imgGo 1s linear infinite;
}
.leftYuan{
	display:block;
	width:3.67rem;
	position:absolute;
	left:0;
	top:1rem;
}
.rightYuan{
	display:block;
	width:5.08rem;
	position:absolute;
	right:0;
	top:-.4rem;
}
.planet{
	width:100%;
	height:2.36rem;
	position:absolute;
	left:0;
	top:38%;
}
.planet:after{
	display:block;
	content:'';
	width:100%;
	height:.01rem;
	background:rgba(255,255,255,.4);
	position:absolute;
	left:0;
	top:1.5rem;
}
.planetTxt{
	margin-left:3.78rem;
}
.planetTxt p:nth-child(1){
	font-size:.58rem;
	font-family: "font1";
	color: rgba( 255, 255, 255, 0.8 );
	margin-top:-.1rem;
}
.planetTxt p:nth-child(2){
	font-size:.66rem;
	font-family: "font1";
	color: rgba( 208, 252, 255, 0.4 );
	margin-top:-.15rem;
}
.planetTxt p:nth-child(2) span{
	color:rgba( 208, 252, 255, 0.6);
	font-size:.24rem;
	margin-left:.12rem;
}
.planetTxt p:nth-child(3){
	font-size:.24rem;
	font-family: "font1";
	color: rgba( 255, 255, 255, 0.8 );
	letter-spacing: .02rem;
}
.planetTxt p:nth-child(1).active{
	font-family: 'font2';
}
.planetTxt p:nth-child(3).active{
	font-family:'font2';
	font-size:.14px;
}
.descTxt{
	width:6.5rem;
	font-size:.14rem;
	color:#fff;
	line-height:.22rem;
	margin-left: 3.78rem;
	margin-top: .3rem;
	font-family: "SourceHanSansCN";
}
.resBtn{
	display:block;
	width:3.31rem;
	height:.57rem;
	position:relative;
	overflow:hidden;
	margin-left:3.78rem;
	margin-top:.2rem;
}
.resBtn img{
	display:block;
	width:100%;
	height:100%;
}
.resBtn:hover img:nth-child(1){
	display:none;
}
.btnList{
	width:3.26rem;
	height:.52rem;
	overflow:hidden;
	position:relative;
	margin:.14rem 0 0 3.78rem;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
}
.btnList a{
	display:block;
	width:1.56rem;
	overflow:hidden;
	position:relative;
}
.btnList a img{
	display:block;
	width:100%;
}
.planet_div{
	float:left;
	position:relative;
}
.planet_div .videoBtn{
	width:1rem;
	height:1rem;
	position:absolute;
	right:.2rem;
	top:.43rem;
	overflow:hidden;
	cursor: pointer;
}
.planet_div .videoBtn img{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.planet_div .videoBtn img:nth-child(1){
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.secMain{
	width:100%;
	height:19.6rem;
	background:url(../images/see.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
}
.fly{
	display:block;
	width:3.65rem;
	position:absolute;
	right:0;
	top:-1.9rem;
}
.picInt {
	width: 19.20rem;
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin:0 auto;
}

.picInt>div:nth-child(1) {
	width: 100%;
	height: 3.84rem;
	position: relative;
	display: flex;
	display: -webkit-flex;
	margin-top: .85rem;
}

.picInt>div:nth-child(2) {
	width: 100%;
	height: 3.84rem;
	position: relative;
	display: flex;
	display: -webkit-flex;
	margin-top: .78rem;
}

.picInt>div:nth-child(3) {
	width: 100%;
	height: 3.84rem;
	position: relative;
	display: flex;
	display: -webkit-flex;
	margin-top: .83rem;
}
.picInt>div:nth-child(4) {
	width: 100%;
	height: 3.84rem;
	position: relative;
	display: flex;
	display: -webkit-flex;
	margin-top: .8rem;
}
.picInt>div:nth-child(1):after {
	display: block;
	width: 9.32rem;
	height: .02rem;
	content: '';
	background: url(../images/line.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 1.92rem;
}

.picInt>div:nth-child(2):after {
	display: block;
	width: 9.32rem;
	height: .02rem;
	content: '';
	background: url(../images/line.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 1.92rem;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.picInt>div:nth-child(3):after {
	display: block;
	width: 9.32rem;
	height: .02rem;
	content: '';
	background: url(../images/line.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 1.9rem;
}
.picInt>div:nth-child(4):after {
	display: block;
	width: 9.32rem;
	height: .02rem;
	content: '';
	background: url(../images/line.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 1.91rem;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.picInt>div:nth-child(1) .picTxt {
	margin-top: 1.05rem;
	margin-left: .42rem;
}

.picInt>div:nth-child(1) img {
	margin-left: 2.87rem;
}

.picInt>div:nth-child(2) img {
	margin-left: 1.5rem;
}

.picInt>div:nth-child(2) .picTxt {
	margin-top: 1.05rem;
	margin-left: 3.28rem;
}

.picInt>div:nth-child(3) img {
	margin-left: 2.57rem;
}

.picInt>div:nth-child(3) .picTxt {
	margin-top: 1rem;
	margin-left: .4rem;
}
.picInt>div:nth-child(4) img {
	margin-left: 1.5rem;
}

.picInt>div:nth-child(4) .picTxt {
	margin-top: 1.05rem;
	margin-left: 3.58rem;
}
.picInt>div .picTxt p:nth-child(1) {
	font-size: .30rem;
	color: #fff;
	line-height: .42rem;
	font-family:'font1';
	letter-spacing: .01rem;
}

.picInt>div .picTxt p:nth-child(2) {
	font-size: .14rem;
	color: #fff;
	line-height: .32rem;
	margin-top: .30rem;
	font-family: 'black_medium';
}
.sec{
	width:100%;
	height:9.44rem;
	background:url(../images/ttc.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
}
.part{
	width:7.73rem;
	overflow:hidden;
	position:relative;
	margin:1.45rem 0 0 1.78rem;
}
.secTit{
	font-size:.22rem;
	color: rgba(255, 255, 255, 0.8);
	font-family:'font1';
	letter-spacing:0.01rem;
	margin-left:.55rem;
}
.part ul{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 auto 0;
}
.part ul li{
	width:6.08rem;
	height:.76rem;
	background:url(../images/li.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin-top:.3rem;
}
.part ul li:nth-child(5){
	width:7.73rem;
	background:url(../images/lic.png) no-repeat center;
	background-size:cover;
}
.part ul li:nth-child(5).active{
	background:url(../images/lit.png) no-repeat center;
	background-size:cover;
}
.part ul li.active{
	background:url(../images/lih.png) no-repeat center;
	background-size:cover;
}
.part ul li:nth-child(1){
	margin-top:.42rem;
}
.part ul li .leftTxt{
	width:2.56rem;
	height:100%;
	position:relative;
	float:left;
}
.part ul li.active .leftTxt p:nth-child(1){
	color:#1e5a84;
}
.part ul li .leftTxt p:nth-child(1){
	font-size:.32rem;
	font-family:'font1';
	color:#39c1eb;
	margin:.1rem 0 0 .25rem;
	letter-spacing:0.01rem;
}
.part ul li .leftTxt p:nth-child(2){
	font-size:.14rem;
	font-family: "Source Han Sans CN";
	color:#fff;
	margin-left:.25rem;
}
.part ul li:nth-child(1) .rightGift,.part ul li:nth-child(2) .rightGift{
	display:block;
	width:1.04rem;
	float:left;
	margin:-.2rem 0 0 .25rem;
}
.part ul li:nth-child(3) .rightGift{
	display:block;
	width:2.73rem;
	float:left;
	margin:-.2rem 0 0 .25rem;
}
.part ul li:nth-child(4) .rightGift{
	display:block;
	width:2.79rem;
	float:left;
	margin:-.2rem 0 0 .25rem;
}
.part ul li:nth-child(5) .rightGift{
	display:block;
	width:4.68rem;
	float:left;
	margin:-.25rem 0 0 .25rem;
}
.botTips{
	width:5.74rem;
	height:.29rem;
	background:url(../images/bot.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.3rem 0 0 .14rem;
	font-size:.12rem;
	color:#ffffff;
	line-height:.29rem;
	text-align:center;
}
.per{
	display:block;
	width:7.63rem;
	position:absolute;
	right:1.41rem;
	top:-.82rem;
}
.thc{
	width:100%;
	height:11.12rem;
	background:url(../images/new.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
}
.videoCon {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: .58rem auto 0;
	z-index: 2;
}

.videoBanner {
	width: 14.5rem;
	height: 8.14rem;
	overflow: hidden;
	border: .01rem solid #5c5c5c;
	position: relative;
	margin: 0 auto 0;
}

.videoBanner .videoBody {
	width: 14.5rem;
	height: 8.14rem;
	position: relative;
	margin: 0 auto 0;
}

.videoBanner .videoBody video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.videoCon .pageBig{
	width:16rem;
	overflow: hidden;
	position:relative;
	margin:0 auto;
}
.videoCon .pagBox {
	width: 14.82rem;
	height: 1.6rem;
	overflow: hidden;
	position: relative;
	margin: .18rem auto 0;
}

.videoCon .pagBox .pagination1 {
	width: 1000%;
	text-align: left;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.videoCon .pagBox .pagination1 .swiper-pagination-bullet {
	width: 2.80rem;
	height: 1.57rem;
	position: relative;
	border: .01rem solid #fff;
	opacity: 1;
	border-radius: 0;
	background: none;
	margin-right: .18rem;
}
.videoCon .pagBox .pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	border: .01rem solid #39c1eb;
}
.videoCon .pagBox .pagination1 .swiper-pagination-bullet .smallPic {
	width: 100%;
	height: 100%;
	position: relative;
}

.videoCon .pagBox .pagination1 .swiper-pagination-bullet .smallPic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.videoCon .pagBox .pagination1 .swiper-pagination-bullet .smallPic i {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.videoCon .pagBox .pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active .smallPic i {
	display: none;
}

.videoCon .buttonPrev {
	width: .39rem;
	height: .9rem;
	background: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: .38rem;
	cursor: pointer;
}

.videoCon .buttonNext {
	width: .39rem;
	height: .9rem;
	background: none;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: .38rem;
	cursor: pointer;
}

.videoCon .buttonPrev img,
.videoCon .buttonNext img {
	display: block;
	width: 100%;
	height: 100%;
}

.videoCon .buttonPrev:hover img:nth-child(1),
.videoCon .buttonNext:hover img:nth-child(1) {
	display: none;
}
.ansFlo{
	display:block;
	width:2.9rem;
	position:fixed;
	right:0;
	top:40%;
	z-index:5;
}
.ansFlo img{
	display:block;
	width:100%;
}
.loginTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display:none;
}
.loginBody{
	width:10.5rem;
	height:6.04rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin:0 auto 0;
	top:45%;
	transform:translate(0,-45%);
	-webkit-transform:translate(0,-45%);
}
.loginBody .close{
	display:block;
	width:.32rem;
	height:.32rem;
	background:url(../images/close.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:.1rem;
	top:1.06rem;
	transition:all .5s;
	-webkit-transition:all .5s;
	cursor: pointer;
}
.loginBody .close:hover{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}
.loginDiv{
	width:4.6rem;
	overflow:hidden;
	position:relative;
	margin:2rem 0 0 4.53rem;
}
.loginTit{
	font-size:.24rem;
	color:rgba(255,255,255,.8);
	font-family:'font1';
	text-align:center;
	letter-spacing:0.01rem;
}
.putTit{
	font-size:.14rem;
	color:#ffffff;
	margin-top:.42rem;
}
.email{
	display:block;
	width:4.59rem;
	height:.39rem;
	border:0.01rem solid #666;
	font-size:.14rem;
	color:#333;
	text-indent:.14rem;
	line-height:.399rem;
	margin-top:0.06rem;
	background:#b1e0ff;
}
.putBtn{
	width:100%;
	height:.48rem;
	position:relative;
	margin-top:.4rem;
	cursor: pointer;
}
.putBtn i{
	display:block;
	width:.13rem;
	height:.13rem;
	border:0.01rem solid #b3b3b3;
	float:left;
	position:relative;
	margin-top:0.02rem;
}
.putBtn i em{
	display: none;
	color:#2b8dd3;
	z-index:2;
	font-weight:bold;
	font-size:.2rem;
	position:absolute;
	left:-0.02rem;
	top:-.09rem;
}
.putBtn.active i em{
	display:block;
}
.putBtn i:before{
	display:block;
	content:'';
	width:0.09rem;
	height:0.09rem;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-0.045rem;
	margin-top:-0.045rem;
}
.putBtn span{
	display:block;
	width:4.3rem;
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:0.1rem;
	color:#fff;
	font-size:.12rem;
}
.submit{
	width:1.75rem;
	height:.39rem;
	background:url(../images/sub.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin:.4rem 0 0 1.42rem;
	cursor: pointer;
}
.submit img{
	display:block;
	width:100%;
}
.submit:hover img:nth-child(1){
	display:none;
}
/*问卷调查页面*/
.akv{
	width:100%;
	height:3rem;
	background:url(../images/akv.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
}
.quesList{
	width:12rem;
	overflow:hidden;
	position:relative;
	margin:0 auto 0;
}
.quesTit{
	width:11.52rem;
	font-size:.2rem;
	color:#fff;
	text-align:center;
	margin:.32rem auto .14rem;
	padding-bottom:.32rem;
	border-bottom:0.01rem solid #4c4c4c;
}
.quesBody{
	width:100%;
	background:#272727;
	overflow:hidden;
	position:relative;
	margin:0 auto 0;
	padding-bottom:.52rem;
}
.quesBody ul{
	width:100%;
	overflow:hidden;
	position:relative;
}
.quesBody ul li{
	width:11.72rem;
	background:#333;
	overflow:hidden;
	position:relative;
	margin:0.13rem auto 0;
	border-radius:.05rem;
	padding-bottom:.18rem;
}
.quesBody ul li .title{
	font-size:.16rem;
	color:#fff;
	margin-left:.12rem;
	padding-top:.18rem;
}
.quesBody ul li .title span{
	font-size:.12rem;
	color:#adadad;
}
.quesBody ul li .titBody .titDiv{
	width:100%;
	position:relative;
	display:flex;
	display:-webkit-flex;
	cursor: pointer;
	margin-left:.12rem;
	margin-top:.2rem;
}
.quesBody ul li.selectAll .titBody .titDiv{
	width:3rem;
	float:left;
}
.quesBody ul li .titBody .titDiv input{
	display:block;
	-webkit-appearance: auto;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	opacity: 0;
	cursor: pointer;
}
.quesBody ul li .titBody .titDiv input[type="text"]{
	width:1.08rem;
	opacity: 1;
	position:relative;
	border-bottom:0.01rem solid #656565;
	margin-left:0.08rem;
	color:#adadad;
}
.quesBody ul li .titBody .titDiv input:checked + i{
	background:url(../images/xz.png) no-repeat center;
	background-size:cover;
}
.quesBody ul li.selectAll .titBody .titDiv input:checked + i{
	background:url(../images/yxz.png) no-repeat center;
	background-size:cover;
}
.quesBody ul li.selectAll .titBody .titDiv i{
	width:.14rem;
	height:.13rem;
	background:url(../images/wxz.png) no-repeat center;
	background-size:cover;
}
.quesBody ul li .titBody .titDiv i{
	display:block;
	width:.13rem;
	height:.13rem;
	background:url(../images/wx.png) no-repeat center;
	background-size:cover;
	position:relative;
}
.quesBody ul li.selectAll .titBody .titDiv span{
	line-height:.14rem;
}
.quesBody ul li .titBody .titDiv span{
	display:block;
	font-size:.12rem;
	color:#adadad;
	line-height:.13rem;
	margin-left:.1rem;
}
.mitList{
	width:1.75rem;
	height:.39rem;
	position:relative;
	margin:0.25rem auto 0;
	overflow:hidden;
	cursor: pointer;
}
.mitList img{
	display:block;
	width:100%;
}
.mitList:hover img:nth-child(1){
	display:none;
}
@keyframes vGo{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes imgGo{
	0%{
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
	50%{
		transform: scaleY(.2);
		-webkit-transform: scaleY(.2);
	}
	100%{
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}
@-webkit-keyframes imgGo{
	0%{
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
	50%{
		transform: scaleY(.2);
		-webkit-transform: scaleY(.2);
	}
	100%{
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}