@charset "utf-8";  
/* CSS Document */  
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}  
body, button, input, select, textarea {font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}  
h1, h2, h3, h4, h5, h6 {font-size:100%;}  
address, cite, dfn, em, var {font-style:normal;}  
code, kbd, pre, samp {font-family:courier new, courier, monospace;}  
small {font-size:12px;}  
ul, ol {list-style:none;}  
a {text-decoration:none; color: #000;}  
a:hover {text-decoration:underline;}  
sup {vertical-align:text-top;}  
sub {vertical-align:text-bottom;}  
legend {color:#000;}  
fieldset, img {border:0;}  
button, input, select, textarea {font-size:100%;}  
table {border-collapse:collapse;border-spacing:0;}  
body,html{background-color: #D86DA6;}

/***U1 单词页***/
#top{
		width: 100%;
		height: 89%;
		min-height: 800px;
		position: relative;
		background: url(../iamges/u1/bg_vc.png) no-repeat center;
		/*background: #29a7e1;*/
		background-size: cover;
	}
	#top .layout{
		/*width: 100%;*/
		width: 1000px;
		/*1000px*/
		height: 100%;
		min-height: 800px;
		margin: 0 auto;
		position: relative;
		}
		.c_left{
			width: 400px;
			/*width: 20%;*/
			height: 760px;
			/*height: 100%;*/
			/*display: flex;
			flex-wrap:wrap;
			justify-content: center;
			align-items: center;*/
			/*border: 1px solid #f00;*/
			position: absolute;
			bottom: 0;
			/*left: 5%;*/
			/*display: none;*/
		}
	/**单词页树状结构**/
		.c_left .imgLeaf,.imgWord{
			position: absolute;
		}
		.c_left .leaf00{
			top: 0;
			left: 10px;
		}
			.c_left .leaf01{
			top: 65px;left: 5px;
		}
			.c_left .leaf02{
			top: 127px;left: 0px;
		}
			.c_left .leaf03{
			top: 189px;left: -5px;
		}
			.c_left .leaf04{
			top: 252px;left: -10px;
		}
			.c_left .leaf07{
			top:310px;left: -15px;
		}
			.c_left .leaf08{
			top: 376px;left: -20px;
		}
			.c_left .leaf06{
			top: 437px;left: -25px;
		}
			.c_left .leaf09{
			top: 499px;left: -30px;
		}
			.c_left .leaf05{
			top: 561px;left: -35px;
			
		}
			.c_left .leaf010{
			top: 624px;left: -40px;
			
		}

		.c_left .word01{
			top: 15px;
			left: 40px;
		}	
		.c_left .word02{
			top: 77px;
			left: 70px;
		}	
		.c_left .word03{
			top: 143px;
			left: 85px;
		}	
		.c_left .word04{
			top: 208px;
			left: 22px;
		}	
		.c_left .word05{
			top: 274px;
			left: 86px;
		}	
		.c_left .word06{
			top: 338px;
			left: 88px;
		}	
		.c_left .word07{
			top: 404px;
			left: 84px;
		}	
		.c_left .word08{
			top: 468px;
			left: 58px;
		}	
		.c_left .word09{
			top:536px;
			left: 90px;
		}	
		.c_left .word010{
			top:600px;
			left: 72px;
		}
	/**右侧内容区域**/
	.c_right{
			width: 500px;
			height: 300px;
			display: flex;
			flex-wrap:wrap;
			justify-content: center;
			align-items: center;
			/*border: 1px solid #f00;*/
			position: absolute;
			bottom: 252px;
			right: 0;
	}
.c_right_2{
			width: 52%;
			/*min-width: 600px;*/
			height: 84%;
			/*min-height: 800px*/
			/*border: 1px solid #f00;*/
			position: absolute;
			/*bottom: 252px;*/
			right: 10%;
	}
/**界面底部**/
#bottom{
		width: 100%;
		height: 11%;
		min-height: 105px;
		z-index: 1;
	}
	#bottom .layout{
		width: 1000px;
		height: 105px;
		margin: 0 auto;
	}
	#bottom .logo{
		float: right;
		margin: 26px 50px 0 0;
	}
	#bottom .logo_l{
		float: left;
		margin: 28px 50px 0 0;
	}

#li0:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -5px;
}
#li1:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -14px;
}
#li2:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -15px;
}
#li3:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -23px;
}
#li4:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -30px;
}
#li7:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -35px;
}
#li8:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -42px;
}
#li6:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -48px;
}
#li9:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -54px;
}
#li5:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -60px;
}
#li10:hover{
	transform:scale(1.1);
	transform-style:preserve-3d;
	margin-top: -66px;
}


  /*按钮样式*/
#start:hover{
	cursor:pointer;
  }