#jkcx{
	background-color: #f8fcff;
}
#jkxc .container{
	/*width: 770px;*/
	margin:0 auto;
}
#jkcx .banner{
	width: 100%;
	height: 850px;
}
#jkcx .cx-head{
	position: relative;
	display: flex;
	justify-content: center;
}
#jkcx .cx-head .dxp{
	position: absolute;
	left: 50px;
	top: 530px;
}
#jkcx .cx-head .cx-ty{
	position: absolute;
	margin: 0 auto;
	width: 90%;
	height: 630px;
	background-color: #fff;
	top: 600px;
	border-radius: 30px;
	box-shadow: 1px 1px 1px #cdcdcd;
}
#jkcx .cx-head .cx-ty .title{
	padding-top: 80px;
	font-size: 40px;
	letter-spacing: 5px;
	font-weight: 700;
}
#jkcx .cx-head .head-title{
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 18px;
	color: #1246be;
	margin-top: 40px;
}
#jkcx .cx-head .head-title img{
	margin: 10px 0;
}
#jkcx .cx-head .cx-ty .title .mf{
	color:#fdbd22;
}
/*验证码*/
#jkcx .cx-head .cx-ty .cx-inputs{
	display: flex;
	flex-direction: column;
	margin-top: 80px;
	padding: 0 50px;

}
#jkcx .cx-head .cx-ty .cx-inputs .phone-input{
	width: 100%;
	height: 80px;
	border-radius: 10px;
	padding-left: 20px;
	font-size: 30px;
	box-sizing: border-box;
	border: 0;
	border:1px solid #e8e8e8;
	margin: 10px 0;
}
#jkcx .cx-head .cx-ty .cx-inputs .yzm{
	display: flex;
	flex-direction: row;
	margin-top: 50px;
	position: relative;
}
#jkcx .cx-head .cx-ty .cx-inputs .yzm .yzm-input{
	height: 80px;
	font-size: 30px;
	padding-left: 20px;
	border-radius: 10px;
	width: 100%;
	border: 0;
	border:1px solid #e8e8e8;
}
#jkcx .cx-head .cx-ty .cx-inputs .yzm .yan{
	height: 80px;
	font-size: 30px;
	text-align: center;
	line-height: 80px;
	position: absolute;
	right: 10px;
	top: 0;
	color:#1588ff;
	font-weight: 700;
	border-left: 1px solid #e8e8e8;
	padding-left: 20px;
}
#jkcx .cx-head .cx-ty .cx-inputs .btn{
	margin-top: 50px;
	background-color: #158fff;
	color:#fff;
	font-size: 40px;
	letter-spacing: 5px;
	height: 100px;
	border-radius: 50px;
}
/*编程让孩子们离名人更近*/
#jkcx .cx-mr{
	margin-top: 400px;
}
#jkcx .cx-mr .cx-mr-lst{
	margin-top: 20px;
}
#jkcx .cx-mr .cx-mr-lst ul{
	padding: 0 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
#jkcx .cx-mr .cx-mr-lst li{
	width: 40%;
	text-align: center;
	font-size: 20px;
	box-shadow:border-box; 
	border-radius: 20px;
	box-shadow: 1px 1px 1px #cdcdcd;
	border:1px solid #edfaff;
	padding: 5% 2%;
	margin: 30px 10px;
}
#jkcx .cx-mr .cx-mr-lst li .title{
	color:#129eff;
	font-size: 30px;
	font-weight: 700;
	margin: 20px 0;
}
#jkcx .cx-mr .cx-mr-lst li p{
	text-align: left;
	line-height: 30px;
}
/*全世界少儿都在学*/
#jkcx .cx-qsj{
	margin-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ecedef;
}
#jkcx .cx-qsj .content .cx-icon{
	width: 100%;
	margin-top: 50px;
	height: 520px;
}
#jkcx .cx-qsj .content .detail-lst{
	margin-top: 50px;
	padding: 0 30px;
	font-size: 29px;
	width: 100%;
	box-sizing: border-box;
	letter-spacing: 2px;
}
#jkcx .cx-qsj .content .detail-lst p{
	height: 150px;
	line-height: 36px;
}
#jkcx .cx-qsj .content .detail-lst ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 50px;
}
#jkcx .cx-qsj .content .detail-lst ul li{
	font-size: 30px;
	border:2px solid #14a6fc;
	padding: 20px 40px;
	border-radius: 40px;
	font-weight: 700;
	color:#14a6fc;
	background-color:#fff; 
}
#jkcx .cx-qsj .content .detail-lst ul .active{
	background-color: #14a6fc;
	color:#fff;
}

/*孩子们怎么学编程*/
/*#jkcx .cx-how{
	background-color: red;
}
#jkcx .cx-how .content{
	width: 100%;
	margin-top: 10px;
}
#jkcx .cx-how .content img{
	width: 100%;
}*/

/*为什么孩子要学编程*/
#jkcx .cx-why{
	margin-top: 50px;
}
#jkcx .cx-why .content{
	margin-top: 80px;
}
#jkcx .cx-why .content ul{
	padding: 0 30px;
}
#jkcx .cx-why .content ul li{
	border-radius: 10px;
	margin-top: 40px;
	padding: 20px;
	display: flex;
	box-shadow: 1px 1px 10px #cdcdcd;
	border:1px solid #edfaff;
}
#jkcx .cx-why .content ul li img{}
#jkcx .cx-why .content ul li div{
	margin-left: 50px;
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	font-size: 26px;
}
#jkcx .cx-why .content ul li div .title{
	font-size: 32px;
	color:#11a9ff;
	font-weight: 700;
}
#jkcx .cx-why .content ul li div .info{
	line-height: 40px;
}
/*新东方*/
#jkcx .cx-xdf{
	margin-top: 50px;
}
#jkcx .cx-xdf .header{
	margin: 70px 0;
}
#jkcx .cx-xdf .content{
	margin-bottom: 30px;
}
#jkcx .cx-xdf .content ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#jkcx .cx-xdf .content .title-lst1{
	display: flex;
	flex-direction: row;
	border-bottom: 4px solid black;
}
#jkcx .cx-xdf .content .title-lst1 .selected{
	background-color: #ff7e00;
}
#jkcx .cx-xdf .content .title-lst1 li{
	flex:1;
	text-align: center;
	background-color: #329df7;
	padding: 10px 0;
}
#jkcx .cx-xdf .content .title-lst1 li p{
	font-size: 20px;
	color:#fff;
	margin: 5px 0;
}
#jkcx .cx-xdf .content .title-lst1 li .t1{
	font-size: 34px;
	padding: 10px 0;
}
/*中间主体内容*/
#jkcx .cx-xdf .content .detail-content{
	margin: 20px 0;
	font-size: 18px;
}
#jkcx .cx-xdf .content .detail-content img{
	width: 100%;
	height: 100%;
	display: none;
}
#jkcx .cx-xdf .content .detail-content .show{
	display: block;
}
#jkcx .cx-xdf .content .detail-content .content-right div{
	padding: 10px;
	padding-bottom: 10px;
}
#jkcx .cx-xdf .content .detail-content .content-right div p{
	font-size: 28px;
	line-height: 30px;
}
#jkcx .cx-xdf .content .detail-content .content-right h2{
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 30px;
}
#jkcx .cx-xdf .content .title-lst2{
	display: flex;
	flex-direction: row;
	border-top: 4px solid blue;
}
#jkcx .cx-xdf .content .title-lst2 .selected{
	background-color: #ff7e00;
}
#jkcx .cx-xdf .content .title-lst2 li{
	flex:1;
	text-align: center;
	background-color: #329df7;
	padding: 10px 0;
}
#jkcx .cx-xdf .content .title-lst2 li p{
	font-size: 20px;
	color:#fff;
	margin: 5px 0;
}
#jkcx .cx-xdf .content .title-lst2 li .t1{
	font-size: 34px;
	padding: 10px 0;
}
/*#jkcx .cx-xdf .content ul li{
	width: 40%;
	font-size: 20px;
	box-shadow:border-box; 
	border-radius: 20px;
	box-shadow: 1px 1px 1px #cdcdcd;
	border:1px solid #edfaff;
	padding: 5% 3%;
	margin: 30px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border:1px solid #d7f4ff;
}
#jkcx .cx-xdf .content ul li p{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #158eff;
	color:#fff;
	font-size: 30px;
	text-align: center;
	line-height: 40px;
}
#jkcx .cx-xdf .content ul li img{
	margin: 30px 0;
}
#jkcx .cx-xdf .content ul li h4{
	font-weight: 700;
	font-size: 25px;
}
#jkcx .cx-xdf .gg{
	margin: 50px 0;
}*/
/*报名优惠*/
#jkcx .cx-bm{
	position: relative;
	display: flex;
	justify-content: center;
}
#jkcx .cx-bm .cx-ty{
	margin: 0 auto;
	margin-top: 70px;
	width: 90%;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 1px 1px 1px #cdcdcd;
	border:3px solid #f0f4f7;
	padding-bottom: 50px;
}
#jkcx .cx-bm .cx-ty .title{
	padding-top: 80px;
	font-size: 40px;
	letter-spacing: 5px;
	font-weight: 700;
}
#jkcx .cx-bm .cx-ty .title .mf{
	color:#fdbd22;
}
/*验证码*/
#jkcx .cx-bm .cx-ty .cx-inputs{
	display: flex;
	flex-direction: column;
	margin-top: 80px;
	padding: 0 50px;

}
#jkcx .cx-bm .cx-ty .cx-inputs .phone-input{
	width: 100%;
	height: 80px;
	border-radius: 10px;
	padding-left: 20px;
	font-size: 30px;
	box-sizing: border-box;
	border: 0;
	border:1px solid #e8e8e8;
}
#jkcx .cx-bm .cx-ty .cx-inputs .yzm{
	display: flex;
	flex-direction: row;
	margin-top: 50px;
	position: relative;
}
#jkcx .cx-bm .cx-ty .cx-inputs .yzm .yzm-input{
	height: 80px;
	font-size: 30px;
	padding-left: 20px;
	border-radius: 10px;
	width: 100%;
	border: 0;
	border:1px solid #e8e8e8;
}
#jkcx .cx-bm .cx-ty .cx-inputs .yzm .yan{
	height: 80px;
	font-size: 30px;
	text-align: center;
	line-height: 80px;
	position: absolute;
	right: 10px;
	top: 0;
	color:#1588ff;
	font-weight: 700;
	border-left: 1px solid #e8e8e8;
	padding-left: 20px;
}
#jkcx .cx-bm .cx-ty .cx-inputs .btn{
	margin-top: 50px;
	background-color: #158fff;
	color:#fff;
	font-size: 40px;
	letter-spacing: 5px;
	height: 100px;
	border-radius: 50px;
}
/*立即领取*/
#jkcx .cx-ljlq{
	height: 150px;
	margin-top: 70px;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-top: 3px solid #f1f2f6;
}
#jkcx .cx-ljlq .left{
	flex:1;
	padding-left: 40px;
	box-sizing: border-box;
}
#jkcx .cx-ljlq .left .title{
	font-size: 40px;
	color:#fdbc22;
	font-weight: 700;
	margin-bottom: 20px;	
	letter-spacing: 5px;
}
#jkcx .cx-ljlq .left .info{
	color:#12a1ff;
	font-size: 30px;
	letter-spacing: 2px;
}
#jkcx .cx-ljlq .right{
	flex:2;
	display: flex;
	flex-direction: row;
}
#jkcx .cx-ljlq .right a{
	text-decoration: none;
	padding: 30px 50px;
	border-radius: 50px;
	border:2px solid #e8e8e8;
	font-size: 30px;
	color:#12a8ff;
}
#jkcx .cx-ljlq .right .xxzx{}
#jkcx .cx-ljlq .right .mflq{
	background-color: #12a8ff;
	color: #fff;
	margin-left: 20px;
}
#jkcx .cx-noip{
	margin-top: 50px;
}