@charset "utf-8";
.section4{overflow:hidden;}
.section .title2{background:url(../img/title2.png) no-repeat center center;}
.section .title4{background:url(../img/title4.png) no-repeat center center;}
.section .title5{background:url(../img/title5.png) no-repeat center center;}
.section .title7{background:url(../img/title7.png) no-repeat center center;}
.section .title8{background:url(../img/title8.png) no-repeat center center;}
.con_spt .left1{
	margin-left:60px;
	margin-right:70px;
	width: 800px;
	height:396px;
	border-radius: 5px;
	background:url(../img/stt1.png) no-repeat;
	background-size: 100% auto;
}
.con_spt .right1 ul{
	width:200px;
	
}
.con_spt .right1 ul li{
	cursor: pointer;
	height:70px;
	border-left: 1px solid #d9e1f2;
	padding-left: 25px;
	font-size: 20px;
}
.con_spt .right1 ul li.on{
	font-size: 24px;
	font-weight: bold;
	border-left: 2px solid #3373fa;
	cursor:pointer;
}
.con_smc{
	background: #000;
	height:46px;
	line-height: 46px;
	padding-left:30px;
	color: #fff;
	font-size: 20px;
}
.con_smc p{
	font-size: 20px;
	color: #fff;
}
.video{
	height:370px;
	cursor: pointer;
}
.con_ckb{
	display: block;
	font-size: 22px;
	color: #fff;
	text-align: center;
	height:50px;
	line-height: 50px;
	width:190px;
	border-radius: 50px;
	background: #f73d51;
	margin:0 auto;
}
.con_x{
	padding:0 60px;
}
.con_ckdet{
	
}
.con_ckdet li{
	float: left;
	width: 157px;
	height:114px;
	background: #fff;
	margin-right:25px;
	box-shadow: 0px 0px 3px 3px #eee;
	border-radius: 5px;
	padding-left:85px;
	padding-top:52px;
}
.con_ckdet .li1{
	margin-top:10px;
	background: url(../img/con_li1.jpg) no-repeat 30px 18px;
	background-color: #fff;
}
.con_ckdet .li2{
	margin-top:10px;
	background: url(../img/con_li2.jpg) no-repeat 30px 18px;
	background-color: #fff;
}
.con_ckdet .li3{
	margin-top:10px;
	background: url(../img/con_li3.jpg) no-repeat 30px 18px;
	background-color: #fff;
}
.con_ckdet .li4{
	margin-top:10px;
	background: url(../img/con_li4.jpg) no-repeat 30px 18px;
	background-color: #fff;
}
.con_ckdet .li2{
	margin-left:72px;
}
.con_ckdet .li3{
	margin-left:44px;
}
.con_ckdet .li4{
	margin-left:44px;
}
.li1_p1{
	font-size: 34px;
	font-weight: bold;
}
.li1_p2{
	font-size: 18px;
	padding-top:16px;
	padding-bottom: 8px;
}
.li1_p3{
	font-size: 18px;
	color: #999;
}
.limitTimeBar {
    width: 100%;
    height: 72px;
    background: #eef2f9;
    width: 98%;
    
    margin-top:15px;
    font-size:22px;
    /*line-height: 72px;*/
}
.con_zszl{
	width:850px;
	height:290px;
	margin:0 auto;
	background-color: #f1f1f1;
}
.con_zszl ul{
	width:570px;
	height:auto;
	margin:0 auto;
	padding-top:10px;
}
.con_zszl ul li{
	padding-top: 25px;
	float: left;
	width:25%;
	text-align: center;
}
.con_zszl ul li span{
	display: inline;
}
.con_zszl ul li img{
	display: block;
	margin-left:39px;
	margin-bottom: 10px;
}
.con_btnlq{
	margin-top:70px;
}
.con_btnlq a{
	margin-left: 485px;
	display: block;
	border-radius: 56px;
	height: 56px;
	width:236px;
	line-height: 56px;
	background-color: #f73d51;
	font-size:24px;
	color: #fff;
	text-align: center;
}
.con_qustion{
	width:960px;
	height:465px;
	margin:0 auto;
	position: relative;
}
.con_divq{
	float: left;
	border-radius: 5px;
	width:460px;
	box-shadow: 0px 0px 3px 3px #eee;
	background-color: #fff;
	position: absolute;
	overflow:hidden;
}
.con_qustion1{
	height:165px;
	left:0;
	top:0;
}
.con_qustion2{
	height:244px;
	right:0;
	top:0;
}
.con_qustion3{
	height:271px;
	left:0;
	bottom: 0;
}
.con_qustion4{
	height:192px;
	right:0;
	bottom: 0;
}
.con_tlt{
	font-size:20px;
	padding:35px 25px 22px;
}
.con_tlt i{
	font-style: italic;
	color: #f73d51;
	font-size:24px;
	font-weight: bold;
}
.con_qustion3 .con_tlt i,.con_qustion4 .con_tlt i{
	color: #325be5;
}
.con_tlt2{
	line-height: 30px;
	padding-left:25px;
	padding-right:25px;
	font-size:14px;
}
.con_page{
	/*text-align: center;*/
    padding: 20px 0 0 0;
}
.con_page a{
	width: 17px;
    height: 10px;
    background: url(../img/icon2.png) no-repeat;
    display: inline-block;
    margin: 0 5px;
}
.con_page a.on{
	width: 40px;
    height: 10px;
    background: url(../img/icon3s.png) no-repeat;
}


.con_ckb {
	animation: animate 3s linear infinite;
}
@keyframes animate {
    0% {
      box-shadow: 0 0 0 0 rgba(252, 76, 78, 0.7),
        0 0 0 0 rgba(252, 76, 78, 0.7);
    }
    40% {
      box-shadow: 0 0 0 15px rgba(252, 76, 78, 0),
        0 0 0 0px rgba(252, 76, 78, 0.7);
    }
    80% {
      box-shadow: 0 0 0 15px rgba(252, 76, 78, 0),
        0 0 0 10px rgba(252, 76, 78, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(252, 76, 78, 0),
        0 0 0 10px rgba(252, 76, 78, 0);
    }
  }
.con_ckbsx {
	animation: animate_sx 1s linear infinite alternate;
}
@keyframes animate_sx{
    0% {
      transform:translateY(0px)
    }
    50% {
      transform:translateY(5px)
    }
    100% {
      transform:translateY(10px)
    }
}
/* .con_jtimg{
	width:0%;
	opacity: 0;
	transition: all 1s;
	overflow: hidden;
}
.con_jtimg.active{
	width:100%;
	opacity: 1;
} */
.up{transform:translateY(230px);transition: transform 0.5s}
.up.active{transform:translateY(0);}
.up0{transform:translateY(-1000px);transition: transform 1s 0.3s}
.up1{transform:translateY(600px);transition: transform 1s 0.3s}
.up2{transform:translateY(600px);transition: transform 1s 0.6s}
.up3{transform:translateY(600px);transition: transform 1s 0.9s}
.up4{transform:translateY(500px);transition: transform 1s}
.up4.active{transform:translateY(0);}
.down{transform:translateY(-500px);transition: transform 1s}
.down.active{transform:translateY(0);}
.left{transform:translateX(-1300px);transition: transform 0.5s}
.left.active{transform:translateX(0);}

.right{transform:translateX(1300px);transition: transform 0.5s}
.right.active{transform:translateX(0);}

.opacity{opacity:0;transition:opacity 0.3s;}
.opacity.active{opacity:1;}

/*.con_cdh {
    height: 470px;
    width:100px;
    height:520px;
    background-size: 100% 100%;
}*/

.con_xsz{
    position: absolute;
    z-index: 2;
    right:0;
    top:0;
}
.menu li {
    position: relative;
}
.limitTimeBar {
    height: 107px;
}
.con_pagenum{
	width:24px;
	height: 24px;
	display: inline-block;
	border-radius: 12px;
	background:#cfdcf2;
	color: #7193cd;
	font-size:18px;
	line-height: 24px;
	text-align: center;
	margin-right:15px;
}
.con_cdh {
    right: 30px;
}
.timerBox{
	height:100%;
}
.limitTimeBar {
    height: 154px;
}
.con_r3{
	color: #f73d51;
	
}
.con_cdh {
    width: 80px;
    height: 480px;
    background: url(../img/con_cdh.png) no-repeat center center;
    position: fixed;
    right: 18px;
    top: 200px;
    z-index: 100;
}
.con_cdhzx {
    height: 80px;
    margin-top: 85px;
}
/*第二期改版*/
/*公开课按钮*/
.er_class_btn{margin-top: 8px;}
.er_class_btn a{display:block;width:190px;height:50px;border-radius:25px;background:#f73d51;text-align:center;line-height:50px;font-size:22px;color:#fff;}
.er_class_btn a:hover{color:#fff;}
/*老师*/
.section3 .imgbox{background: #fff;box-shadow:none;width: 128px;height: 160px;}
.section3 .listenBtn{bottom: 0;}
.er_tea_width{width: 600px;}
.section3 .er_tea_width li{width:280px;margin-right: 20px;}
.section3 .subTitle{width: 138px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #e6ebf7;
	font-size: 14px;
	color: #434350;
	padding: 0;}
.wid130{width:130px;margin-bottom: 15px;}
.bottom45{margin-bottom:45px;}
.section3 p.er_tit{width: 103px;
	height: 32px;
	margin: 20px auto 50px;}
.section3 p.er_tit_one{background: url(../img/er_tit_one.png) no-repeat;}
.section3 p.er_tit_two{background: url(../img/er_tit_two.png) no-repeat;}
.section3 li.magR0{margin-right:0;}
.section3 .lunboInner{width:1200px;}
.er_table_btn{position:absolute;top: 204px;left: 20px;}
.timeTable_fancybox .imgBar{margin:0;}
.section3 .er_tea_width .name{margin-top:5px;}
.er_table_btn p{margin-top: 15px;width:125px;height:30px;background:#a8a8a8;border:1px solid #cecece;text-align:center;line-height: 30px;color:#fff;cursor:pointer;}
.er_table_btn p.active{background:#e74b45;}



.section3 .lunboInner{width:1140px;height:490px;margin:0 auto;overflow:hidden;}
.section3 li{width:1176px;height:100%;text-align:left;}
.section3 li .item3{margin-right:30px;width:263px;}
.section3 .imgbox{width:100%;height:358px;box-shadow: 0 0 10px #eee;overflow:hidden;background:#e6ebf7;}
.section3 .imgbox img{width:100%;}
.section3 .subTitle{width:245px;height:45px;background:url(../img/bg2.png) left top;left:0;bottom:0;font-size:16px;color:#efefef;text-align:left;padding-left:20px;line-height: 45px}
.section3 .listenBtn{width:111px;height:41px;background:url(../img/icon1.png) no-repeat;right:8px;bottom:26px;font-size:14px;color:#fff;text-align:center;line-height: 41px}
.section3 .name{font-size:24px;color:#333;font-weight:bold;padding:25px 0 10px 0;}
.section3 .name i{font-size:18px;padding-left:20px;}
.section3 p{font-size:14px;color:#666;}
.section3 .lunboBox .prevBtn{width:32px;height:44px;background:url(../img/prev_1.png) no-repeat;left:-20px;top:40%;margin-top:-20px;transition:all 0.6s;}
.section3 .lunboBox .prevBtn:hover{background:url(../img/prev_2.png) no-repeat;}
.section3 .lunboBox .nextBtn{width:32px;height:44px;background:url(../img/next_1.png) no-repeat;right:-20px;top:40%;margin-top:-20px;transition:all 0.6s;}
.section3 .lunboBox .nextBtn:hover{background:url(../img/next_2.png) no-repeat;}
.section3 .lunboBox .pager{text-align:center;padding:20px 0 0 0;}
.section3 .lunboBox .pager a{width:17px;height:10px;background:url(../img/icon2.png) no-repeat;display:inline-block;margin:0 5px;}
.section3 .lunboBox .pager span{font-size:0;}
.section3 .lunboBox .pager a.selected{background:url(../img/icon3s.png) no-repeat;width:40px;}

.section1 .priceItem{width:100%;}
.kc_tip1{font-size:14px;color: #734c11;margin-bottom: 10px;}
.kc_tip2{font-size:16px;color:#4d63ad;padding: 10px 0 16px 0;}
.kc_tip3{font-size:18px;color:#4d63ad;visibility: hidden;}
.kc_inherit{	visibility: inherit;}
.priceItem{min-height:110px;width:100%}
.con_ck{position:relative;}
.con_jtimg{
	height:0;
	width:0;
	opacity: 0;
	transition: height 1s;
	overflow: hidden;
	position:absolute;
	top: 112px;
	right: 298px;
	z-index: 1;
}
.con_jtimg.active{
	width:157px;
	height:326px;
  opacity: 1;
}
.pao{
	transition: all 1s;
	height:0;
	width:0;
	opacity: 0;
			overflow: hidden;
			position: absolute;
	top: 145px;
	right: 0;
}
.pao.active{
	width:376px;
	height:267px;
	
		opacity: 1;
}
.con_ckdet {
	width: 388px;
}



.con_x{
	width: 840px;
	margin: 0 auto;
	background: #f1f1f1;
	padding: 0;
	padding-top: 20px;
		padding-bottom: 20px;
}
.con_ckdet li{
	width:244px;height:84px;padding-left: 53px;
	padding-top: 20px;
	box-shadow: 0px 0px 7px 7px #e4e5ee;
	position:relative;
}
.con_ckdet .li1,.con_ckdet .li2{
	background: url(../img/con_li1.png) no-repeat 30px 18px;
	background-color: #fff;	margin-bottom: 8px;
}
.con_ckdet .li3,.con_ckdet .li4{
	background: url(../img/con_li34.png) no-repeat 30px 18px;
	background-color: #fff;	margin-bottom: 8px;
		height: 50px;
	padding-top: 25px;
}
.con_ckdet .li1{
	margin-left:130px;
}

.li1_p2 {
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 4px;
}
.con_ckb{
	position: absolute;
	right: 50px;
	top: 35px;
}
.jiao{position:absolute;
      bottom:0;
	  bottom: -4px;
	right: -4px;
}

.timeTable_fancybox .monthBar span.month_title{
	display:block;margin:0 auto;
}