@charset "UTF-8";

/**************************head 开始**************************/
.head img{
	width:100%;
	height:auto;
	display: block;
}
/**************************head 结束**************************/

/**************************knowledge 开始**************************/
.knowledge{
	padding:36px 0 56px 0;
	background: #ecf0f1;
}
.knowledge-top{
	width:600px;
	margin:0 auto;
}
.knowledge-top h4{
	font-size:48px;
	color: #363636;
	height:60px;
	line-height: 60px;
	margin:0 20px 14px 0;
	float: left;
	font-weight: bold;
}
.knowledge-top p{
	font-size:36px;
	color: #ec6941;
	height:50px;
	line-height:50px;
	margin-top:9px;
	float: left;
	font-weight: bold;
}
.promote01{
	float: left;
	width:306px;
	text-align: center;
	margin-top:126px;
}
.promote02{
	float: left;
	width:306px;
	text-align: center;
	margin-top:62px;
}
.promote03{
	float: left;
	width:306px;
	text-align: center;
}
.promote-top{
	margin-bottom: 18px;
}
.promote-bg01{
	background: url(../images/promote-bg01.png) no-repeat;
	width:46px;
	height:122px;
	display: inline-block;
	position: relative;
	top:5px;
	left:0;
}
.promote-bg02{
	background: url(../images/promote-bg01.png) no-repeat;
	width:46px;
	height:134px;
	display: inline-block;
	position: relative;
	top:17px;
	left:0;
}
.promote-bg03{
	background: url(../images/promote-bg03.png) no-repeat;
	width:60px;
	height:134px;
	display: inline-block;
	position: relative;
	top:5px;
	left:0;
}
.power{
	font-size:24px;
	font-weight: bold;
	color: #00a1d4;
}
.promote{
	width:920px;
	margin:0 auto;
}
.promote-text{
	font-size:18px;
	color: #2b2b2b;
	border:2px dashed #33c2ef;
	padding:32px 0 0 32px;
	text-align: left;
}
.promote-text p{
	line-height: 30px;
	font-size:18px;
}
.promote01 .promote-text{
	height:122px;
	border-right:none;
}
.promote02 .promote-text{
	height:174px;
	border-right:none;
}
.promote03 .promote-text{
	height:236px;
}
/**************************knowledge 结束**************************/

/**************************sheer 开始**************************/
.sheer-w{
	background: #66cff0;
}
.sheer{
	width:1000px;
	margin:0 auto;
	padding:50px 0 46px 0;
	position: relative;
}
.sheer .iphone{
	position: absolute;
	top:59px;
	right:58px;
}
.sheer-n{
	font-size:48px;
	height:56px;
	line-height: 56px;
	color: #fff;
	margin-bottom: 40px ;
	text-align: center;
	font-weight: bold;
}
.sheer-list{
	margin:0 4px ;
	float: left;
	background: #fff;
}
.sheer-list img{
	width:242px;
	height:182px;
	display: block;
}
.sheer-bot{
	padding-left:9px;
}
.sheer-tit{
	font-size:18px;
	height:26px;
	line-height: 26px;
	
	margin:14px 0 7px 0;
}
.sheer-tit a{
	display: block;
	color: #242424;
}
.sheer-name{
	font-size:14px;
	color:#6b6b6b;
	height:44px;
	float: left;
}
.ding{
	width:150px;
	float: left;
	color:#6b6b6b;
}
.sheer-name span{
	width:108px;
}
.price{
	font-size:14px;
	color: #6b6b6b;
	height:40px;
	line-height: 40px;
	margin-bottom: 10px;
}
.price span{
	color: #ff0000;
	font-size:24px;
}
.price em{
	font-style: normal;
	text-decoration: line-through;
	margin-left:8px;
}
/**************************sheer 结束**************************/

/**************************agreement  开始**************************/
.agreement-w{
	background: #ecf0f1;
}
.agreement{
	width:1000px;
	margin:0 auto;
	padding:34px 0 16px 0;
	background: #ecf0f1;
}
.agreement-list{
	margin-bottom: 18px;
	height:140px;
	position: relative;
}
.agreement-n{
	float: left;
	font-size:37px;
	color: #fff;
	width:230px;
	height:140px;
	line-height: 140px;
	background: #33c2ef;
	text-align: center;
}
.agreement-a{
	width:186px;
	line-height:44px ;
	padding:30px 22px 0 22px;
	height:110px;
}
.agreement-n:before{
	content: '';
	position:absolute;
	width: 0;
	height: 0;
	border-style:dashed dashed dashed solid;
	border-color: transparent transparent transparent #33c2ef;
	border-width:10px;
	top:56px;
	left:230px;
}
.icon{
	background: url(../images/icon.png) no-repeat;
	width:14px;
	height:22px;
	display: block;
	position: absolute;
	top:56px;
	right:0;
}

.agreement-text{
	height:62px;
	float: left;
	padding:34px 26px 44px 30px;
	background: #fff;
	line-height: 30px;
	font-size:16px;
	color: #000;
	width:71%;
	text-align: left;
}
.agreement-t{
	padding:24px 26px 25px 30px;
	height:91px;
}
.agreement-e{
	padding:8px 26px 17px 30px;
	height:115px;
	line-height: 26px;
}
/**************************agreement  结束**************************/
/**************************teacher-introduce  开始**************************/
.teacher-introduce{
	width:1000px;
	margin:0 auto;
}
.teacher-intro{
	font-size:48px;
	font-weight: bold;
	height:54px;
	line-height: 54px;
	text-align: center;
	color: #363636;
	margin:40px 0 38px 0;
}
.teacher{
	position: relative;
}
.iphone{
	position:absolute;
	top:8px;
	right:156px;
}
 .iphone i{
	background: url(../images/iphone-bg01.png) no-repeat;
	width:43px;
	height:42px;
	display: block;
	float: left;
	margin-right:10px;
}
 .iphone span{
	font-size:26px;
	color: #ec6941;
	float: left;
	height:42px;
	line-height: 42px;
}
.teacher-list{
	width:244px;
	float: left;
	margin:0 3px;
	text-align: center;
	background: #c2ecf9;
	height:652px;
	position: relative;
}
.teacher-list img{
	width:152px;
	height:152px;
	display: block;
	margin:26px  auto 12px auto;
}
.teacher-name{
	font-size:23px;
	font-weight: bold;
	color: #000;
	height:26px;
	line-height: 26px;
}
.teacher-tit{
	font-size:17px;
	color: #000;
	height:24px;
	line-height: 24px;
}
.teacher-tet{
	font-size:16px;
	color: #313131;
	line-height: 22px;
	padding:12px 20px 0 20px;
	text-align: left;
}
.listen{
	display: block;
	font-size:23px;
	color: #fff;
	background: #ec6941;
	border-radius: 24px;
	width:200px;
	text-align: center;
	height:50px;
	line-height: 50px;
	position: absolute;
	left:22px;
	bottom:-14px;
}
.listen:before{
	content: '';
	position:absolute;
	width: 0;
	height: 0;
	border-style:dashed dashed dashed solid;
	border-color: transparent transparent transparent #fff;
	border-width:8px;
	top:18px;
	right:30px;
	
}
/**************************teacher-introduce  结束**************************/

/**************************download  开始**************************/
.download{
	background: #76deff url(../images/download-bg.png) no-repeat center center;
	width:100%;
	height:197px;
	display: block;
	margin-top:60px;
}
.downl{
	padding-top:66px;
}
.down{
	margin:0 auto;
	display: block;
	width:364px;

	background: #ec6941;
	border-radius: 4px;	
	position: relative;
}
.down p{
	padding-left:66px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	height:70px;
	line-height: 70px;
}
.down i{
	background: url(../images/down-bg.png) no-repeat;
	width:37px;
	height:26px;
	display: block;
	position: absolute;
	top:20px;
	right:52px;
}
/**************************download  结束**************************/

/**************************foot  开始**************************/
.flock{
	background: #f2f5f6;
	text-align: center;
	padding:34px 0 30px 0;
	color: #000;
	position: relative;
}
.flock-a{
	width:1000px;
	margin:0 auto;
	position: relative;
}
.flock img{
	width:255px;
	height:253px;
	display: block;
	margin:0 auto ;
}
.flock h4{
	margin-top:18px;
	font-size:24px;
	font-weight: bold;
	height:30px;
	line-height: 30px;
}
.flock p{
	font-size:20px;
	height:30px;
	line-height: 30px;
}
.flock .iphone{
	width:300px;
	height:58px;
	text-align: center;
	position: absolute;
	top:70px;
	right:40px;
}
.flock .iphone i{
	background: url(../images/iphone-bg.png) no-repeat;
	width:58px;
	height:58px;
	display: block;
	float: left;
	margin-right:16px;
}
.flock .iphone span{
	font-size:33px;
	display: block;
	height:58px;
	line-height: 58px;
	color: #ec6941;
	float: left;
}
/**************************foot  结束**************************/