/*studyÒ³Ãæ start*/
.main_wrap{
	background: #ffffff;position:relative;
}
.main_wrap.over{
	/*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}
.main_wrap .banner_wrap{
	width: 100%;
	height: 505px;
	background: #d9eeff;
}
.main_wrap .box{
	width: 1200px;
	margin: 0 auto;
}
.main_wrap .crumbs{
	padding: 18px 0 11px;
	line-height: 1;
	font-size: 12px;
	color: #515151;
}
.main_wrap .crumbs a{
	color: #515151;
}
.main_wrap .crumbs a:hover{
	color: #3ca2e9;
}
.main_wrap .study_banner{
	height: 410px;
	background: #fff;
	position: relative;
	padding: 20px 0 20px 16px;
}
.main_wrap .shade{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	background: transparent;
}
.main_wrap .quit_spec_wrap{
	position: absolute;
	z-index: 25;
    bottom: 45px;
    left: 920px;
}
.main_wrap .quit_spec_wrap.w1{
	bottom: 30px;
}
.main_wrap .quit_spec{
	/*position: absolute;
	z-index: 25;
    bottom: 45px;
    right: 225px;*/
	color: #515151;
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
}
.main_wrap .quit_spec:hover{
	color: #2693e0;
	text-decoration: underline;
}
.study_banner .b_l, .study_banner .b_r{
	float: left;
}
.study_banner .b_l{
	width: 700px;
	height: 394px;
	margin-right: 23px;
	position: relative;
}
.study_banner .b_l .offcn_outime{position:absolute;top:0;left:0;}
.study_banner .b_l .video_box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.study_banner .b_l .video_box img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.study_banner .b_l .bofang {
    position: absolute;
    background: url(../images/new_wx_08_1.png) no-repeat;
    _background: url(../images/new_wx_08_1.gif) no-repeat;
    display: block;
    width: 68px;
    height: 68px;
    left: 316px;
    top: 178px;
    cursor: pointer;
    z-index: 3;
}
.closeVideo{
    display: none;
    width: 30px;
    height: 30px;
	background: url(../images/close_video.png) center no-repeat;
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: 1000;
	cursor: pointer;
}
.study_banner .b_r{
	width: 435px;
	height: 100%;
	position: relative;
}
.study_banner.gray .b_r{
	/*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}
.study_banner .b_r .title{
	color: #333;
	font-size: 20px;
	height: 48px;
	line-height: 24px;
	padding: 21px 0 18px;
}
.study_banner.gray .b_r .title{
	color: #a7a7a7;
}
.study_banner.package .b_r .title{
	padding: 12px 0 11px;
}
.study_banner.sign_up .b_r .title{
	height: 56px;
	line-height: 28px;
	padding: 10px 0 5px;
}
.study_banner .b_r .subtitle{
	color: #515151;
	font-size: 14px;
	height: 36px;
	line-height: 18px;
	padding-bottom: 18px;
	border-bottom: 1px dotted #e4e4e4;
}
.study_banner.gray .b_r .subtitle{
	color: #a7a7a7;
}
.study_banner.package .b_r .subtitle{
	padding-bottom: 9px;
}
.study_banner.sign_up .b_r .subtitle{
	height: 40px;
	line-height: 20px;
	padding-bottom: 0;
}
.study_banner .b_r .price{
	height: 33px;
	padding-bottom: 18px;
	color: #8e8e8e;
	font-size: 12px;
}
.study_banner.gray .b_r .price{
	color: #a7a7a7;
}
.study_banner .b_r .price span{
	margin: 0 19px 0 29px;
	font-size: 32px;
	color: #ef2d36;
}
.study_banner.gray .b_r .price span{
	color: #a7a7a7;
}
.study_banner .b_r .price span i{
	font-style: normal;
	font-size: 20px;
}
.study_banner .b_r .price em{
	font-style: normal;
	text-decoration: line-through;
}
.study_banner .b_r .coupon{
	color: #8e8e8e;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e4e4e4;
}
.study_banner.gray .b_r .coupon{
	color: #a7a7a7;
}
.study_banner .coupon ul{
	padding-left: 8px;
}
.study_banner .coupon li{
	float: left;
	margin-left: 20px;
}
.study_banner .coupon li span{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-size: 12px;
	padding: 0 7px;
	cursor: pointer;
	background: #ff6c73;
	position: relative;
}
.study_banner.gray .coupon li span{
	background: #c8c8c8;
}
.study_banner .coupon li em{
	display: inline-block;
	width: 3px;
	height: 22px;
	position: absolute;
	top: 0;
}
.study_banner .coupon li em.e1{
	left: 0;
	background: url(../images/coupon_left.jpg);
}
.study_banner .coupon li em.e2{
	right: 0;
	background: url(../images/coupon_right.jpg);
}
.study_banner.gray .coupon li em.e1{
	left: 0;
	background: url(../images/coupon_gray_left.jpg);
}
.study_banner.gray .coupon li em.e2{
	right: 0;
	background: url(../images/coupon_gray_right.jpg);
}
.study_banner .coupon li:hover span{
	background: #ff444d;
}
.study_banner .coupon li:hover em.e1{
	left: 0;
	background: url(../images/coupon_act_left.jpg);
}
.study_banner .coupon li:hover em.e2{
	right: 0;
	background: url(../images/coupon_act_right.jpg);
}
.study_banner .coupon .more_con{
	color: #8e8e8e;
	display: inline-block;
	padding-right: 9px;
	background: url(../images/double_arrow.png) right center no-repeat;
}
.study_banner .coupon .more_con:hover{
	color: #2693e0;
}
.study_banner.gray .coupon .more_con{
	color: #a7a7a7;
}
.study_banner .coupon_layer{
	width: 325px;
	/*height: 67px;*/
	background: #fff;
	z-index: 5;
	padding: 8px 0 5px 10px;
	border: 1px solid #f6f6f6;
	position: absolute;
	left: 65px;
	box-shadow: 0 5px 20px #e9e9e9;
	display: none;
}
.study_banner .coupon_layer .item{
	float: left;
	margin: 0 18px 9px 0;
}
.study_banner .coupon_layer .item span{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-size: 12px;
	padding: 0 7px;
	cursor: pointer;
	background: #ff6c73;
	position: relative;
}
.study_banner .coupon_layer .item em{
	display: inline-block;
	width: 3px;
	height: 22px;
	position: absolute;
	top: 0;
}
.study_banner .coupon_layer .item em.e1{
	left: 0;
	background: url(../images/coupon_left.jpg);
}
.study_banner .coupon_layer .item em.e2{
	right: 0;
	background: url(../images/coupon_right.jpg);
}
.study_banner .coupon_layer .item:hover span{
	background: #ff444d;
}
.study_banner .coupon_layer .item:hover em.e1{
	left: 0;
	background: url(../images/coupon_act_left.jpg);
}
.study_banner .coupon_layer .item:hover em.e2{
	right: 0;
	background: url(../images/coupon_act_right.jpg);
}

.study_banner .coupon_layer .more_con{
	font-size: 12px;
	color: #8e8e8e;
	display: inline-block;
	padding-right: 9px;
	background: url(../images/double_arrow.png) right center no-repeat;
}
.study_banner .b_r .arrange{
	color: #8e8e8e;
	font-size: 12px;
	padding-top: 2px;
	height: 47px;
	line-height: 45px;
	border-bottom: 1px dotted #e4e4e4;
}
.study_banner.gray .b_r .arrange{
	color: #a7a7a7;
}
.study_banner.package .b_r .arrange{
	padding: 0 0 3px 0;
	height: 35px;
	line-height: 35px;
}
.study_banner.sign_up .b_r .arrange{
	padding: 0 0 2px 0;
	height: 33px;
	line-height: 33px;
}
.study_banner .b_r .arrange span{
	display: inline-block;
	margin-left: 30px;
	color: #2693e0;
	font-size: 14px;
}
.study_banner.gray .b_r .arrange span{
	color: #a7a7a7;
}
.study_banner .b_r .arrange span a{
	color: #2693e0;
}
.study_banner.gray .b_r .arrange span a{
	color: #a7a7a7;
}
.study_banner .b_r .feature{
	height: 42px;
	line-height: 42px;
	font-size: 12px;
	color: #8e8e8e;
	padding-bottom: 7px;
}
.study_banner.gray .b_r .feature{
	color: #a7a7a7;
}
.study_banner.package .b_r .feature{
	height: 34px;
	line-height: 34px;
	padding-bottom: 5px;
}
.study_banner.sign_up .b_r .feature{
	height: 34px;
	line-height: 34px;
	padding-bottom: 5px;
}
.study_banner .feature_list_wrap{
	position: relative;
	z-index: 20;
}
.study_banner .feature_list{
	margin-left: 8px;
}
.study_banner .feature_list li{
	float: left;
	width: 140px;
	margin-bottom: 16px;
}
.study_banner .feature_list li a{
	display: inline-block;
	height: 17px;
	line-height: 15px;
	padding-left: 25px;
	color: #515151;
	font-size: 14px;
}
.study_banner .feature_list li a.hover:hover{
	color: #2693e0;
}
.study_banner.gray .feature_list li a{
	color: #a7a7a7;
}
.study_banner .feature_list li a.a1{
	background: url(../images/course_icon1.png) left center no-repeat;
}
.study_banner .feature_list li a.a2{
	background: url(../images/course_icon2.png) left center no-repeat;
}
.study_banner .feature_list li a.a3{
	background: url(../images/course_icon3.png) left center no-repeat;
}
.study_banner .feature_list li a.a4{
	background: url(../images/course_icon4.png) left center no-repeat;
}
.study_banner .feature_list li a.a5{
	background: url(../images/course_icon5.png) left center no-repeat;
}
.study_banner .feature_list li a.a6{
	background: url(../images/course_icon6.png) left center no-repeat;
}
.study_banner .feature_list li a.a6:hover{
	color: #2693e0;
}
.study_banner .feature_layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 445px;
	/*height: 95px;*/
	padding: 8px 0 0 15px;
	background: #fff;
	box-shadow: 0 5px 20px #e9e9e9;
	border: 1px solid #f6f6f6;
	display: none;
}
.study_banner .feature_layer .item{
	float: left;
	width: 100px;
	margin: 0 11px 17px 0;
}
.study_banner .feature_layer .item a{
	display: inline-block;
	height: 17px;
	line-height: 15px;
	padding-left: 25px;
	color: #515151;
	font-size: 14px;
}
.study_banner .feature_layer .item a.hover:hover{
	color: #2693e0;
}
.study_banner .feature_layer .item a.a1{
	background: url(../images/course_icon1.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a2{
	background: url(../images/course_icon2.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a3{
	background: url(../images/course_icon3.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a4{
	background: url(../images/course_icon7.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a5{
	background: url(../images/course_icon4.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a6{
	background: url(../images/course_icon5.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a7{
	background: url(../images/course_icon8.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a8{
	background: url(../images/course_icon9.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a9{
	background: url(../images/course_icon10.png) left center no-repeat;
}
.study_banner .feature_layer .item a.a10{
	background: url(../images/course_icon11.png) left center no-repeat;
}
.study_banner .link{
	padding-top: 24px;
	position: absolute;
    bottom: 18px;
}
.study_banner .package.link{
	padding-top: 0;
	*padding-top: 10px;
	position: absolute;
	bottom: -5px;
}
.study_banner .link .btn{
	display: inline-block;
	width: 152px;
	height: 43px;
	line-height: 41px;
	text-align: center;
	color: #d92830;
	font-size: 20px;
	background: #ffe5df;
	border: 1px solid #f7c5b9;
	border-radius: 2px;
	margin-right: 19px;
	position: relative;
	float: left;
}
.study_banner .link .expired{
	display: inline-block;
	width: 152px;
	height: 43px;
	line-height: 41px;
	text-align: center;
	color: #d92830;
	font-size: 20px;
	background: #ffe5df;
	border: 1px solid #f7c5b9;
	border-radius: 2px;
	margin-right: 19px;
	position: relative;
	float: left;
}
.study_banner.gray .link .btn{
	color: #fff;
	background: #919191;
}
.study_banner .link .btn.b1:hover{
	color: #fff;
	background: #ef2d36;
	border: 1px solid #ef2d36;
}
.study_banner .link .btn span{
	display: inline-block;
	float: left;
	cursor: pointer;
}
.study_banner .link .btn .s1{
	width: 75px;
	height: 43px;
	border-right: 1px solid #f7c5b9;
	background: url(../images/tel.png) center no-repeat;
	display: inline-block;
	float:left;
}
.study_banner .link .btn .s2{
	width: 74px;
	height: 43px;
	background: url(../images/qq.png) center no-repeat;
	display: inline-block;
}
.study_banner .link .quit{
	color: #515151;
	font-size: 14px;
	margin-top: 20px;
	display: inline-block;
}
.study_banner .link .quit:hover{
	color: #2693e0;
	text-decoration: underline;
}
.study_banner .bought{
	display: inline-block;
	padding-left: 7px;
	width: 71px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background: url(../images/buy_bg.png);
	position: absolute;
	top: -8px;
	right: 11px;
}
/*study end*/
/*�γ̵���start*/
.bak_bar{
	height: 60px;
	display: none;
}
.study_nav{
	width: 100%;
	height: 60px;
	z-index: 30;
	background: #f7f7f7;
}
.study_nav .nav_center{
	width: 1200px;
	height: 60px;
	margin: 0 auto;
}
.study_nav ul{
	float: left;
}
.study_nav li{
	float: left;
}
.study_nav li a{
	display: inline-block;
	width: 120px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #515151;
	font-size: 16px;
}
.study_nav li a:hover{
	color: #2693e0;
}
.study_nav li a.act{
	color: #fff;
	background: #2693e0;
}
.study_nav .fr{
	height: 60px;
	line-height: 60px;
}
.study_nav .fr span{
	font-size: 20px;
	color: #ef2d36;
}
.study_nav .fr i{
	font-style: normal;
	font-size: 30px;
}
.study_nav .fr a{
	display: inline-block;
    width: 130px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    color: #d92830;
    font-size: 20px;
    background: #ffe5df;
    border: 1px solid #f7c5b9;
    border-radius: 2px;
    margin-top: 9px;
    margin-left: 43px; 
}
.study_nav .fr a.btn:hover{
	color: #fff;
	background: #ef2d36;
	border: 1px solid #ef2d36;
}
/*.study_nav .fr a span{
	display: inline-block;
	float: left;
	cursor: pointer;
}*/
.study_nav .fr span.btn{
	display: inline-block;
    width: 130px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    color: #d92830;
    font-size: 20px;
    background: #ffe5df;
    border: 1px solid #f7c5b9;
    border-radius: 2px;
    margin-top: 9px;
    margin-left: 43px; 
}
.study_nav .fr span.btn a{
	float: left;
	display: inline-block;
}
.study_nav .fr span.btn .s1{
	width: 64px;
	height: 39px;
	border-right: 1px solid #f7c5b9;
	background: url(../images/tel.png) center no-repeat;
	margin: -1px;
	border:none;
	border-right: 1px solid #f7c5b9;
}
.study_nav .fr span.btn .s2{
	width: 64px;
	height: 40px;
	background: url(../images/qq.png) center no-repeat;
	margin: 0;
	border:none
}
.study_course{
	width: 1200px;
	margin: 0 auto;
}
.study_course .co_l, .study_course .co_r{
	float: left;
}
.study_course .co_l{
	width: 929px;
	margin-right: 30px;
}
.study_course .co_l .l_title{
	
	height: 50px;
	line-height: 50px;
}
.study_course .l_title span{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: #333333;
	font-size: 16px;
	padding-left: 7px;
	border-left: 6px solid #2693e0;
}
.study_course .progress{
	margin: 34px 0 30px;
	width: 100%;
	height: 3px;
	background: #ebebeb;
	position: relative;
}
.study_course .progress i{
	display: inline-block;
	width: 70%;
	height: 3px;
	background: #2693e0;
	position: absolute;
	top: 0;
	left: 0;
}
.study_course .progress em{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../images/progress_icon.png);
	position: absolute;
	top: -4px;
	left: 70%;
}
.study_course .progress span{
	font-size: 12px;
	color: #2693e0;
	position: absolute;
	left: 70%;
	top: -30px;
	margin-left: -20px;
}
.chapter_wrap.over .recent_live{
	display: none;
}
.materialk{
	margin-top:20px;
}
.recent_live{
	padding: 19px 15px 15px 9px;
	height: 24px;
	line-height: 24px;
	background: #e9f5ff;
}
.recent_live span, .recent_live a{
	display: inline-block;
}
.recent_live .fl span{
	height: 24px;
	line-height: 24px;
	color: #1c1c1c;
	font-size: 16px;
	padding-left: 29px;
	background: url(../images/live.png) left center no-repeat;
}
.recent_live .fr .r1{
	padding-left: 28px;
	color: #303030;
	font-size: 12px;
	cursor: pointer;
	color: #303030;
	background: url(../images/video.png) left center no-repeat;
}
.recent_live .fr .r2{
	padding-left: 39px;
	background: url(../images/video.png) left center no-repeat;
}
.recent_live .fr .r2 span{
	width: 98px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background-color: #2693e0;
	border-radius: 3px;
}
.chapter_box{
	position: relative;
}
.chapter_box .cover_layer{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	display: none;
}
.chapter_box.over .cover_layer{
	display: block;
}
.chapter_box.over .chapter_title span{
	color: #a7a7a7;
}
.chapter_box.over .chapter_sub_title{
	color: #a7a7a7;
}
.chapter_title{
	height: 16px;
	padding: 23px 0 21px 38px;
	background-color: #fff;
	background-image: url(../images/chapter_icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}
.chapter_title span{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #2693e0;
	/*padding-right: 29px;*/
	cursor: pointer;
	/*background: url(../images/arrow_up.png) right center no-repeat;*/
}
.chapter_title span.up{
	padding-right: 29px;
	background: url(../images/arrow_up.png) right center no-repeat;
}
.chapter_title span.down{
	padding-right: 29px;
	background: url(../images/arrow_down.png) right center no-repeat;
}
.chapter_title em{
	color: #a7a7a7;
	font-size: 12px;
	margin-left: 16px;
	font-style: normal;
}
.chapter_sub_title{
	margin: 0 15px 0 17px;
    color: #555555;
}
.chapter_sub_title p{
	font-size: 14px;
    font-weight: bold;
    padding: 16px 0 16px 20px;
    border-top: 1px solid #f2f2f2;
}
.chapter_box ul{
	margin: 0 0 0 17px;
	border-top: 1px solid #f2f2f2;
}
.chapter_box li{
	/*padding: 0 15px 0 17px;*/
	color: #555555;
	font-size: 14px;
	position: relative;
}
.chapter_box li .shelter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	display: none;
}
/*.chapter_box li:hover{
	background: #f5f5f5;
}*/
.chapter_box li.over{
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}
.chapter_box li.over .shelter{
	display: block;
}
.chapter_box li.section{
	font-weight: bold;
}
.chapter_box li .video_num{
	/*padding-left: 20px;*/
	padding: 17px 15px 16px 20px;
	border-bottom: 1px solid #f2f2f2;
}
.chapter_box li .video_num:hover{
	background: #f5f5f5;
}
.chapter_box li span, .chapter_box li a, .chapter_box li em{
	display: inline-block;
}
.chapter_box li .fl span{
	padding-left: 32px;
}
.chapter_box li .fl a{
	color: #555555;
	padding-left: 32px;
	height:20px;
}
.chapter_box li.over .fl a{
	color: #a7a7a7;
}
.chapter_box li .fl span.s1{
	background: url(../images/progress1.png) left center no-repeat;
}
.chapter_box li .fl span.s2{
	background: url(../images/progress2.png) left center no-repeat;
}
.chapter_box li .fl a.s1{
	background: url(../images/progress1.png) left center no-repeat;
}
.chapter_box li .fl a.s2{
	background: url(../images/progress2.png) left center no-repeat;
}
.chapter_box li .fl i{
	font-style: normal;
	display: inline-block;
	width: 58px;
	height: 17px;
	line-height: 16px;
	text-align: center;
	border: 1px solid #78b421;
	color: #78b421;
	font-size: 12px;
	border-radius: 3px;
	margin-left: 8px;
}
.chapter_box li .fr .r1{
	width: 107px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #696969;
	font-size: 12px;
	padding-left: 30px;
	background: url(../images/play.png) left center no-repeat;
}
.chapter_box li.over .fr .r1{
	color: #a7a7a7;
}
.chapter_box li .fr .r1.spec1{
	background: url(../images/exam_icon.png) left center no-repeat;
}
.chapter_box li .fr .r1.spec2{
	background: url(../images/download_icon.png) left center no-repeat;
}
.chapter_box li .fr .r1.spec3{
	background: url(../images/check_icon.png) left center no-repeat;
}
.chapter_box li .fr .r1.spec4{
	background: url(../images/video_icon.png) left center no-repeat;
}
.chapter_box li .fr .r2{
	padding-left: 39px;
	background: url(../images/play.png) left center no-repeat;
}
.chapter_box li .fr .r2.spec1{
	background: url(../images/exam_icon.png) left center no-repeat;
}
.chapter_box li .fr .r2.spec2{
	background: url(../images/download_icon.png) left center no-repeat;
}
.chapter_box li .fr .r2.spec3{
	background: url(../images/check_icon.png) left center no-repeat;
}
.chapter_box li .fr .r2.spec4{
	background: url(../images/video_icon.png) left center no-repeat;
}
.chapter_box li .fr .r1_video_hf{background: url(../images/v_icon.png) no-repeat left center;width: 107px;height: 24px;line-height: 24px;display: inline-block;padding-left:30px;}
.chapter_box li .fr .r2_video_hf{background: url(../images/v_icon.png) no-repeat left center;width: 98px;height: 24px;line-height: 24px;display: inline-block;padding-left:39px;}

.chapter_box li .fr .r2 span{
	width: 98px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background-color: #2693e0;
	border-radius: 3px;
}
.chapter_box li .fr .start_not{
	display: inline-block;
	color: #a7a7a7;
	font-size: 14px;
	margin-right: 50px;
	font-style: normal;
}

.intro_box li{
	padding-top: 10px;
}
.intro_box .i_l, .intro_box .i_r{
	float: left;
	font-size: 14px;
	color: #515151;
	line-height: 22px;
}
.intro_box .i_l{
	width: 77px;
	font-weight: bold;
}
.intro_box .i_r{
	width: 852px;
}
.intro_box .i_r img{
	max-width: 880px;
}
.intro_detail{
	padding-top: 15px;
}
.comment_box{
	margin-top: 14px;
}
.comment_box li{
	height: 77px;
	padding-top: 22px;
	border-bottom: 1px dotted #e4e4e4;
}
.comment_box li.last{
	border-bottom: 1px solid transparent;
}
.comment_box .c_l, .comment_box .c_c{
	float: left;
}
.comment_box .c_l{
	margin-right: 15px;
}
.comment_box .c_c{
	padding-top: 6px;
}
.comment_box .r_t{
	height: 14px;
	margin-bottom: 12px;
}
.comment_box .r_t .nick{
	display: inline-block;
	width: 73px;
	height: 14px;
	margin-left: 2px;
	line-height: 14px;
	color: #515151;
	font-size: 14px;
}
.comment_box .r_t dd{
	float: left;
	margin-right: 2px;
	margin-top: -5px;
}
.comment_box .r_b{
	font-size: 12px;
	line-height: 18px;
}
.comment_box .c_r{
	padding-top: 20px;
}
.comment_box .c_r span{
	display: inline-block;
	padding-left: 24px;
	color: #838383;
	font-size: 12px;
	height: 14px;
	line-height: 14px;
	background: url(../images/time_icon.png) left center no-repeat;
}
.load_more_comment{
	padding: 6px 0 35px;
	height: 14px;
	text-align: center;
}
.load_more_comment img{
	margin-right: 10px;
	transform-origin: center center;
	-webkit-transform-origin: center center;
}
.load_more_comment img.rot{
	animation: rot 2s infinite linear;
}
.load_more_comment a{
	display: inline-block;
	/*padding-left: 25px;*/
	height: 14px;
	line-height: 14px;
	color: #8f8f8f;
	font-size: 12px;
	/*background: url(../images/load_more.png) left center no-repeat;*/
}
.load_more_comment a:hover{
	color: #2693e0;
	text-decoration: underline;
}

@keyframes rot{
  	0% {
    	transform:rotate(0deg);
  	}
  	50% {
    	transform:rotate(180deg);
  	}
  	100% {
    	transform:rotate(360deg);
  	}
}
@-webkit-keyframes rot{
  0% {
    	transform:rotate(0deg);
  	}
  	50% {
    	transform:rotate(180deg);
  	}
  	100% {
    	transform:rotate(360deg);
  	}
}
.study_course .co_r{
	width: 239px;
	padding-top: 33px;
}
.study_course .new_stu{
	padding: 0 0 8px 16px;
	background: #f7f7f7;
}
.study_course .new_stu p{
	padding: 10px 9px 12px 0;
	height: 16px;
	color: #666666;
}
.study_course .new_stu p .fl{
	font-size: 16px;
}
.study_course .new_stu p .fr{
	font-size: 14px;
}
.study_course .new_stu p em{
	color: #ef2d36;
	font-style: normal;
}
.study_course .stu_box{

}
.study_course .stu_box li{
	float: left;
	width: 44px;
	height: 44px;
	margin: 0 10px 10px 0;
}
.course_tuijian{
	/* margin-top: 12px; */
	background: #f7f7f7;
	padding: 0 0 0 10px;
}
.course_tuijian .title{
	padding: 10px 0 12px 0;
    font-size: 16px;
    color: #666666;
}
.course_tuijian .title span{
    font-size: 16px;
}
.course_tuijian li{
	width: 208px;
	height: 201px;
	margin-bottom: 10px;
	padding: 6px 6px 0 6px;
}
.course_tuijian li:hover{
	background: #fff;
	box-shadow: 0 10px 20px #e9e9e9;
}
.course_tuijian li.act{
	background: #fff;
	box-shadow: 0 10px 20px #e9e9e9;
}
.course_tuijian li .text{
	margin: 10px 6px;
	line-height: 19px;
	font-size: 14px;
}
.course_tuijian li .text a{
	color: #515151;
}
.course_tuijian li .text a:hover{
	color: #2693e0;
}
.course_tuijian li .info{
	font-size: 12px;
	color: #929292;
	margin: 0 6px;
}
.course_tuijian li .info .price1{
	font-size: 14px;
	color: #ef2d36;
}
.course_tuijian li .info .price2{
	font-size: 14px;
	color: #3f9d32;
}
/*�γ̵��� end*/
/*�γ��ײͲ��� start*/
.course_match_wrap{
	width: 1200px;
	height: 300px;
	margin: 32px auto 33px;
}
.match_nav{
	height: 43px;
	color: #333;
	background: #e7f4ff;
	padding-left: 10px;
}
.match_nav .title{
	display: inline-block;
	font-size: 18px;
	height: 43px;
	line-height: 43px;
}
.match_nav .course_choice{
	margin-left: 157px;
}
.match_nav .course_choice.spec{
	margin-left: 18px;
}
.match_nav .choice1, .match_nav .choice2{
	border-top: 1px solid transparent;
}
.match_nav .choice2{
	padding-right: 11px;
}
.match_nav .choice1 span, .match_nav .choice2 span{
	display: inline-block;
	width: 100px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #555555;
	font-size: 16px;
	cursor: pointer;
}
.match_nav .course_choice div.act{
	background: #fafafa;
	color: #4fadf0;
	border-top: 1px solid #4fadf0;
}
.match_nav .course_choice div.act span{
	color: #4fadf0;
}
.match_nav .course_choice div ul{
	display: none;
}
.match_nav .choice2 li{
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
}
.match_nav .choice2 li.act{
	color: #4fadf0;
}
.match_nav .choice2 li i{
	font-style: normal;
	padding: 0 7px;
	border-right: 1px solid #e8e8e8;
}
.match_nav .choice2 li.last i{
	border-right: 0;
}
.match_detail{
	height: 255px;
	border: 1px solid #efefef;
}
.match_detail .m_l{
	width: 224px;
	height: 240px;
	padding: 15px 0 0 13px;
	background: #fff;
	border-right: 1px solid #efefef;
}
.match_detail .m_l .match_case{
	width: 200px;
	position: relative;
	margin-left: 0;
}
.match_detail .match_case .title{
	margin: 12px 0;
	height: 40px;
	line-height: 20px;
}
.match_detail .match_case .title a{
	color: #515151;
	font-size: 14px;
}
.match_detail .match_case .title a:hover{
	color: #4fadf0;
}
.match_detail .match_case .price{
	font-size: 16px;
	color: #ef2d36;
	line-height: 1;
}
.match_detail .plus{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/jia.png);
	position: absolute;
	top: 57px;
	right: -16px;
}
.tempWrap{
	width: 687px;
	margin-left: 49px;
	/*width: 710px !important;*/
}
.match_detail .m_c{
	width: 755px;
	height: 255px;
	border-right: 1px solid #efefef;
	position: relative;
}
.match_detail .m_c .switch_box{
	position: relative;
}
.match_detail .m_c ul{
	width: 661px;
	overflow: hidden;
	margin: 15px 46px 0 0 !important;
	/*margin: 15px 46px 0 49px !important;*/
}
.match_detail .m_c li{
	width: 200px;
	float: left;
	position: relative;
	margin-right: 29px;
}
.match_detail .m_c li.last{
	margin-right: 0;
}
.match_detail .m_c li .title{
	margin: 10px 0;
	height: 40px;
	line-height: 20px;
}
.match_detail .m_c li .title a{
	color: #515151;
	font-size: 14px;
}
.match_detail .m_c li .title a:hover{
	color: #4fadf0;
}
.match_detail .m_c li .price{
	font-size: 16px;
	color: #ef2d36;
	line-height: 1;
	margin-bottom: 18px;
}
.match_detail .m_c li .check_box{
	color: #7c7c7c;
	font-size: 12px;
	height: 17px;
	line-height: 15px;
}
.match_detail .m_c li .check_box input{
	display: none;
}
.match_detail .m_c li .check_box input:checked + label{
	background: url(../images/checked.png) left center no-repeat;
}
.match_detail .m_c li .check_box label{
	display: inline-block;
	padding-left: 25px;
	height: 17px;
	background: url(../images/check.png) left center no-repeat;
}
.match_detail .m_c li .jia{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/jia.png);
	position: absolute;
	top: 59px;
	right: -19px;
}
.match_detail .m_c .prev, .match_detail .m_c .next{
	display: inline-block;
	width: 15px;
	height: 34px;
	position: absolute;
	top: 60px;
	cursor: pointer;
}
.match_detail .m_c .package_total{
	/*margin-top: 18px;*/
	font-size: 16px;
	color: #515151;
	text-align: center;
	line-height: 1;
}
.match_detail .m_c .package_total span{
	margin: 0 14px 0 10px;
	color: #ef2d36;
}
.match_detail .m_c .package_total em{
	color: #747474;
	font-size: 14px;
	font-style: normal;
}
.match_detail .m_c .prev{
	background: url(../images/prev.png);
	left: 14px;
}
.match_detail .m_c .next{
	background: url(../images/next.png);
	right: 14px;
}
.match_detail .m_r{
	width: 203px;
	height: 255px;
	text-align: center;
}
.match_detail .m_r .course_total .course{
	color: #6f6f6f;
	font-size: 14px;
	line-height: 1;
	margin-top: 80px;
}
.match_detail .m_r .course_total .course span{
	color: #ef2d36;
}
.match_detail .m_r .money{
	margin: 104px 0 30px;
	color: #6f6f6f;
	font-size: 14px;
}
.match_detail .m_r .course_total .money{
	margin: 12px 0 30px 0;
}
.match_detail .m_r .has_save .money{
	margin: 80px 0 16px 0;
}
.match_detail .m_r .money span{
	color: #ef2d36;
	font-size: 20px;
}
.match_detail .m_r .save_money{
	color: #6f6f6f;
	font-size: 14px;
}
.match_detail .m_r .has_save .save_money{
	margin-bottom: 22px;
}
.match_detail .m_r .save_money span{
	color: #515151;
}
.match_detail .m_r .pay{
	display: inline-block;
	width: 104px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #d92830;
	font-size: 18px;
	background: #ffe5df;
    border: 1px solid #f7c5b9;
	border-radius: 2px;
}
.match_detail .m_r .pay:hover{
	color: #fff;
	background: #ef2d36;
}
.match_item{
	margin-top: 33px;
}
.match_item li{
	float: left;
	width: 280px;
	height: 250px;
	padding: 9px 9px 0 9px;
	margin-right: 16px;
}
.match_item li.last{
	margin-right: 0;
}
.match_item li:hover{
	background: #fff;
	box-shadow: 0 0 20px #efeeef;
}
.match_item li .title{
	height: 36px;
	font-size: 14px;
	margin: 10px 0 12px;
	line-height: 18px;
}
.match_item li .title a{
	color: #515151;
}
.match_item li .intro{
	font-size: 14px;
	color: #929292;
}
.match_item li .intro span{
	color: #ef2d36;
	font-size: 16px;
}
/*�γ��ײͲ��� end*/
.consult_layer{
	width: 300px;
	height: 165px;
	position: fixed;
	top: 35%;
	left: 50%;
	margin-top: -17px;
	margin-left: -150px;
	border-radius: 10px;
	background: #fff;
	z-index: 20;
	display: none;
}
.consult_layer .tips{
	padding: 0 7px 0 16px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
	background: #2693e0;
}
.consult_layer .tips span{
	display: inline-block;
	width: 34px;
	height: 34px;
	cursor: pointer;
	background: url(../images/close.png) right center no-repeat;
}
.consult_layer .connect{
	height: 27px;
	text-align: center;
	margin-bottom: 27px;
}
.consult_layer .connect span{
	display: inline-block;
	padding-left: 37px;
	height: 27px;
	line-height: 25px;
	color: #515151;
	font-size: 16px;
	background: url(../images/sure.png) left center no-repeat;
}
.consult_layer .link{
	height: 30px;
	padding-right: 25px;
	text-align: right;
}
.consult_layer .link a{
	width: 72px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #2693e0;
	border-radius: 2px;
	display: inline-block;
}
.mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	background: url(../images/mask.png);
}
/*价格描述*/
.zb_jishao_price_des b {
	display: block;
	padding-left: 72px;
	font-size: 14px;
	line-height: 2;
	font-weight: normal;
	color: #777;
	;
}
.zb_jishao_price_des {
	margin: 0 auto 10px;
}
/*秒杀12.12*/
.study_banner .package.link{ bottom:0; }
.zgzb_price .zb_jishao_price_des{ margin: 0 auto;  }
.study_banner .b_r{ min-height:355px; height:auto;  padding-bottom:45px; }
.main_wrap .study_banner{ height:auto; min-height: 410px; }
.main_wrap .banner_wrap{ height:auto; min-height: 491px; padding-bottom: 14px; }
.study_banner .b_r .zgzb_price{  padding: 9px 12px 3px!important; margin-bottom: 8px;}
.study_banner.sign_up .b_r .subtitle{ max-height:40px;height:auto;padding:5px 0 ; }
.study_banner.sign_up .b_r .title{  height:auto; max-height: 56px;}