@charset "UTF-8";

/* CSS Document */





/*弹窗*/

#frm_tt1{
	background: rgba(0,0,0,1);
}

#tanchuan{
	width:100%;
	height:100%;
	position: fixed;
	z-index: 9999;
	background-color: rgba(0,0,0,0.8);
	transform: scale(0);
		-webkit-transform: scale(0);
			-moz-transform: scale(0);
				-o-transform: scale(0);
	top: 0;


	
}
#tanchuanbox{
	position:fixed;
	width: 80%;
	height: 74%;
	top:13%;
	left:10%;
	
	/*width: 100%;
	height: 100%;
	top:0%;
	left:0%;*/
	
	background-color: #ffffff;
	transform: scale(0);
		-webkit-transform: scale(0);
			-moz-transform: scale(0);
				-o-transform: scale(0);

	
}



.donghua{
	animation: myfirst 1s forwards;
		-moz-animation: myfirst 1s forwards;
			-webkit-animation: myfirst 1s forwards;
				-o-animation: myfirst 1s forwards;
}
.donghua2{
	animation: myfirst2 1s forwards;
		-moz-animation: myfirst2 1s forwards;
			-webkit-animation: myfirst2 1s forwards;
				-o-animation: myfirst2 1s forwards;
}


@keyframes myfirst{
	from {transform: scale(0)}
	to {transform: scale(1)}
}
@-webkit-keyframes myfirst{
	from {transform: scale(0)}
	to {transform: scale(1)}
}
@-moz-keyframes myfirst{
	from {transform: scale(0)}
	to {transform: scale(1)}
}
@-o-keyframes myfirst{
	from {transform: scale(0)}
	to {transform: scale(1)}
}


/*反向动画*/

@keyframes myfirst2{
	from {transform: scale(1)}
	to {transform: scale(0)}
}
@-webkit-keyframes myfirst2{
	from {transform: scale(1)}
	to {transform: scale(0)}
}
@-moz-keyframes myfirst2{
	from {transform: scale(1)}
	to {transform: scale(0)}
}
@-o-keyframes myfirst2{
	from {transform: scale(1)}
	to {transform: scale(0)}
}

#tanchuanbox .imframebox,
#tanchuanbox .imframebox iframe{
	width:100%;
	height:100%;
	background: #000;
}


#frm_tt2,
#frm_tt3,
#frm_tt4,
#frm_tt5,
#frm_tt6{
	display: none;
}



.guanbi{
	position: absolute;
	top:0;
	right: 0;
	padding: 2vw;
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
	
	color:rgba(255,197,57,1);
	text-align: center;
	line-height: 2.4rem;
	text-align: center;
/*	background-color:#caa961;*/
	cursor: pointer;
	z-index: 10;
	font-size: 2.4rem;
	font-weight: 300;
	

	
}


.guanbi:hover{
	/*transform: scale(1.2);
		-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
				-o-transform: scale(1.2);*/
	background:rgba(255,197,57,1);
	color: #111;
	

}




@media screen and (max-width: 1060px){
	
	.window_anniu div:first-child{
		font-size: 2vw;
		margin-top: 1px;
		margin-left: 20px;
	}
	.window_anniu div:last-child{
		
		width: 2vw;
		height: 2vw;
	
	}
}

@media screen and (max-width: 750px){
	.fangda{
		display: none;
	}
	#tanchuanbox{

	
	width: 100%;
	height: 100%;
	top:0%;
	left:0%;

	
	}
	.window_anniu{
	
		right: 1vw;
		top: 1vw;

	
	}
	.window_anniu div:first-child{

		font-size: 4vw;
		background: rgba(0,0,0,0.9);
		border-radius: 50%;
		width: 6vw;
		height: 6vw;
		margin-top: 0;
		line-height: 6vw;
		text-shadow: 0 0 5px rgba(0,0,0,0.2);
		-webkit-text-shadow: 0 0 5px rgba(0,0,0,0.2);
	}
}