/*公开课list*/

			.gongongkepic .gongongkepc{ height: 400px;position: relative;background:url(../image/gongkaikelist_1.jpg) no-repeat 0 0;background-size:cover;
			background-position: center 0; }
			.phone{display: none;}
			.gongongkepic .gongongkepc .ban_1 { display: block;left: 50%;margin-left: -280px; width: 111px;height: 111px;position: absolute;top: 230px;z-index: 10;
			  animation: myfirst1 5s linear 2s infinite alternate;
			  /* Firefox: */
			  -moz-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Safari 和 Chrome: */
			  -webkit-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Opera: */
			  -o-animation: myfirst1 5s linear 2s infinite alternate;}
			.gongongkepic .gongongkepc .ban_2 { display: block;left: 50%;margin-left: -120px; width: 111px;height: 111px;position: absolute;top: 216px;z-index: 10;
			  animation: myfirst1 5s linear 2s infinite alternate;
			  /* Firefox: */
			  -moz-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Safari 和 Chrome: */
			  -webkit-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Opera: */
			  -o-animation: myfirst1 5s linear 2s infinite alternate;}
			.gongongkepic .gongongkepc .ban_3 { display: block;left: 50%;margin-left: 40px; width: 111px;height: 111px;position: absolute;top: 216px;z-index: 10;
			  animation: myfirst1 5s linear 2s infinite alternate;
			  /* Firefox: */
			  -moz-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Safari 和 Chrome: */
			  -webkit-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Opera: */
			  -o-animation: myfirst1 5s linear 2s infinite alternate;}
			.gongongkepic .gongongkepc .ban_4 { display: block;left: 50%;margin-left: 200px; width: 111px;height: 111px;position: absolute;top: 216px;z-index: 10;
			  animation: myfirst1 5s linear 2s infinite alternate;
			  /* Firefox: */
			  -moz-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Safari 和 Chrome: */
			  -webkit-animation: myfirst1 5s linear 2s infinite alternate;
			  /* Opera: */
			  -o-animation: myfirs1t 5s linear 2s infinite alternate;}
			
			@keyframes myfirst1 {
			  0% {
				top: 245px;
			  }
			  50% {
				top: 255px;
			  }
			  100% {
				top: 245px;
			  }
			}
			@-moz-keyframes myfirst1 {
			  /* Firefox */
			   0% {
				top: 245px;
			  }
			  50% {
				top: 255px;
			  }
			  100% {
				top: 245px;
			  }
			}
			@-webkit-keyframes myfirst1 {
			  /* Safari 和 Chrome */
			  0% {
				top: 245px;
			  }
			  50% {
				top: 255px;
			  }
			  100% {
				top: 245px;
			  }
			}
			@-o-keyframes myfirst1 {
			  /* Opera */
			   0% {
				top: 245px;
			  }
			  50% {
				top: 255px;
			  }
			  100% {
				top: 245px;
			  }
			}
			.shiting .row .core{padding-top: 10px;}
			.shiting .row .core p{display: none;text-align: center;}
			.shiting .row .core img{width: 100%;width: 100%;}
			
			.courselist .row .box{border: 1px solid #eeeeee;border-radius: 10px;background-color: #f8f8f8;text-align: center;padding-bottom: 20px;margin-top: 20px;padding-top:0;}
			.courselist .row .box .boxhead{background-color: #f3602d;}
			.courselist .row .box .boxhead h1{font-size: 34px;font-weight: 500;color: #ffffff;padding: 20px 0;}
			.courselist .row .box h2{font-size: 32px;line-height: 52px;margin: 20px 0;}
			.courselist .row .box ul{font-size: 18px;line-height: 32px;margin-left: 10px;margin-bottom: 10px;}
			.courselist .row .box .btn{display: block;width: 80%;text-align: center; font-size: 18px;padding: 10px 20px;color: #fff;border: 1px solid #f3602d;border-radius: 24px;margin: 0 auto;transition: background-color 0.5s linear; color: #f3602d;}
			.courselist .row .box .btn:hover{background-color: #f56c3d;color: #fff;}
			.courselist .row .box .boxhead1{background-color: #50c3a5;}
			.courselist .row .box .boxhead1 h1{font-size: 34px;font-weight: 500;color: #ffffff;padding: 20px 0;}
			.classicon {margin: 20px 10px;}
			.classicon img{float: left;padding-top: 20px;}
			.classicon .text{padding-left: 10px;display: inline;float: left}
			.classicon .text h1{font-size: 22px;line-height: 28px;color: #000;}
			.classicon .text h1:hover{text-decoration: underline;color: #fe4040;}
			.classicon .text p{color: #666;font-size: 14px;}
			.classicon:hover{box-shadow: 0 0 10px #ccc; transform: translateY(-3px);}
			@media screen and (max-width:767px){
				.gongongkepic .gongongkepc{display: none;}
				.phone{display: block;width:100%;padding: 0}
				.courselist .row .box .boxhead h1{font-size: 20px;font-weight: 500;padding: 10px 0;}
			    .courselist .row .box h2{font-size: 18px;line-height: 26px;margin: 5px 0;}
			    .courselist .row .box ul{font-size: 14px;line-height: 28px;}
				.courselist .row .box .btn{width: 90%; font-size: 18px;padding: 5px 20px;}
				.courselist .row .box .boxhead1 h1{font-size: 20px;font-weight: 500;padding: 10px 0;}
				.classicon {margin: 20px 4px;}
				.classicon img{display: block;}
				.classicon .text{padding-left: 10px;display: inline;float: left;}
				.classicon .text h1{font-size: 18px;line-height: 28px;color: #000;overflow: hidden;text-overflow: ellipsis;width:110px;white-space: nowrap;}
				.classicon .text p{color: #666;font-size: 12px;overflow: hidden;text-overflow: ellipsis;width:110px;white-space: nowrap;}
				
			}
/*直播list*/
.pic .pc{display: none;/*width: 1200px;height: 400px;position: relative;background-color: #794bca;*/}
.phone{display: none;}
.pic .pc .ban1{ display: block;left: 50%;margin-left: -320px; width: 635px;height: 289px;position: absolute;top: 60px;z-index: 10;
  animation: myfirst 5s linear 2s infinite alternate;
  /* Firefox: */
  -moz-animation: myfirst 5s linear 2s infinite alternate;
  /* Safari 和 Chrome: */
  -webkit-animation: myfirst 5s linear 2s infinite alternate;
  /* Opera: */
  -o-animation: myfirst 5s linear 2s infinite alternate;}
@keyframes myfirst {
  0% {
	top: 50px;
  }
  50% {
	top: 20px;
  }
  100% {
	top: 50px;
  }
}
@-moz-keyframes myfirst {
  /* Firefox */
  0% {
	top: 50px;
  }
  50% {
	top: 20px;
  }
  100% {
	top: 50px;
  }
}
@-webkit-keyframes myfirst {
  /* Safari 和 Chrome */
 0% {
	top: 50px;
  }
  50% {
	top: 20px;
  }
  100% {
	top: 50px;
  }
}
@-o-keyframes myfirst {
  /* Opera */
 0% {
	top: 50px;
  }
  50% {
	top: 20px;
  }
  100% {
	top: 50px;
  }
}

.title{padding: 20px;text-align: center;}
.title img{width: 60px;height: 54px;margin-top: -20px;}
.title h2{font-size: 48px;color: #333; display: inline;}
.livecontentbg {}
.livecontentbg .live{float: left;padding: 0 20px 0 20px;cursor: pointer;color: #fff;border-radius: 8px;width: 279px; height:398px;background:url(../image/livelist1.png) no-repeat; }
.livecontentbg .live h2{font-size: 24px;padding-top: 60px; font-weight: 600;}
.livecontentbg .live a{color: #fff;}
.livecontentbg .live p{font-size: 18px;line-height: 28px;height: 60px;margin: 22px 0 22px;}
.livecontentbg .live span{font-size: 14px;}
.livecontentbg .live .livebtn{width: 160px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    font-size: 16px;
    color: #f55701;
    border-radius: 50px;
    margin-top: 50px;
	display: inline-block;
	text-align: center;
    white-space: nowrap;
}
.livecontentbg .live a i{display: inline-block; width: 28px;height: 28px;background: url(../image/live_now.gif);float: left;margin: 8px 2px 0 24px;}
.livecontentbg:hover{opacity: 0.6;}

@media screen and (max-width:767px){
	.pic .pc{display: none;}
	.phone{display: block;width:100%;padding: 0;margin: 0;}
	.title img{width: 50px;height: 44px;margin-top: -20px;}
	.title h2{font-size: 24px;color: #333;padding: 0px;margin-top: 10px;}
	.livecontentbg {width: 100%;}
	.livecontentbg .live { background:url(../image/livelist2.png) no-repeat;background-size:100%; }
	.livecontentbg .live h2{font-size: 20px;padding: 0px; font-weight: 600;}
	.livecontentbg .live p{font-size: 18px;line-height: 28px;height: 40px;margin: 10px 0 10px;}
	.livecontentbg .live .livebtn{width: 160px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    font-size: 16px;
    color: #f55701;
    border-radius: 20px;
    margin-top: 10px;
	display: inline-block;
	text-align: center;
    white-space: nowrap;
}

	


}
/*20直播list*/
.col-md-3 ,.col-xs-6{padding-left: 10px;padding-right: 10px;padding-top: 0;margin: 0;}
.livetitle{padding: 20px 0;margin: 0;}
.livetitle ul{font-size: 14px; line-height: 24px;}
.livetitle ul li{display: inline-block;overflow-x: auto;color: #333;}
.livetitle ul li a{display: inline-block;overflow-x: auto;color: #333;cursor: pointer;border-radius: 3px; padding: 0 20px;}
.livetitle ul li a:hover{color: #fff;background: #d91924;}
.livetitle ul li a:active{color: #fff;}



.livebox{box-shadow: 0 0 10px #eeeeee;box-sizing: border-box;padding:20px;margin-bottom: 20px;border-radius: 3px;border: 1px solid #efefef;border-top:4px solid #794bca;position: relative;}
.livebox a:hover:after{left: 0;cursor: pointer; display:block;content:"观看课程";color:#fff;position:absolute;width:100%;top:0;bottom:0;background:rgba(0,0,0,0.2);text-align: center;overflow:hidden;line-height:180px;}
.livebox .h3head{font-size: 18px;line-height: 30px;color: #333;text-overflow:ellipsis;overflow: hidden;margin-top: 10px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  
}
.livebox .livetime{font-size: 12px;line-height: 16px;color: #999;margin-bottom: 20px;}
.livebox .liveicon{display: inline-block;width: 19px;height: 19px;background: url(../image/live_now.gif) no-repeat; margin-right: 10px;}
.livebox .livetab{height: 25px;margin-bottom: 10px;margin-top: 10px;overflow: hidden;}
.livebox .livetab span{display: inline-block;zoom:1;border-radius: 4px;padding: 0 10px;font-size: 12px;line-height: 24px;}
.livebox .livetab .tab1{background: #FFE5E4;color: #E13D35;}

.livebox ul{font-size: 12px;color: #666;line-height: 24px;}
.liveyh{margin-left: -20px;}
.liveyh .core{width:100%;margin-bottom: 20px; -webkit-transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;text-align: left;}
.liveyh .core:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);transform: translateY(-5px);}
.liveyh .core img{display:block;width:100%;}
.liveyh .core .pic a{display:block;position:relative;}
.liveyh .core .pic a:hover:after{display:block;content:"了解课程";color:#fff;position:absolute;width:100%;top:0;bottom:0;background:rgba(0,0,0,0.3);text-align: center;overflow:hidden;line-height:180px;}
.liveyh .core .mess{position:relative;padding:15px;border:1px solid #ededed;border-top:none;color:#666666;font-size:14px;}
.liveyh .core .mess h3{margin:0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.liveyh .core .mess h3 a{font-weight:normal;color:#333333;margin:0;font-size:18px;padding-right: 2px;}
.liveyh .core .mess h3 a:hover{color:#b91418;}
.liveyh .core .mess .txt{line-height:25px;height:50px;overflow:hidden;margin-top:15px;}
.liveyh .core .mess .Btn{position:absolute;right:10px;bottom:16px;font-size:16px;line-height:23px;width:100px;text-align:center;border-radius:10px;letter-spacing:0px;color: #ec0000;}
.listtitle{padding-top: 20px;}
.listh2 {border-left: 3px solid #b91418; padding-left: 10px;display: inline;}
.listtitle .right{float: right;}
.listtitle .right a.link{font-size: 16px; line-height:32px; display: inline;color: #ff8400; border:1px solid #ff8400;border-radius: 3px;padding: 0 10px; margin: 0 0 0 15px;}
.listtitle .right a.link2{font-size: 16px; line-height:32px; display: inline;color: #fff; background: #ff8400;border-radius: 3px;padding: 0 10px; margin: 0 0 0 15px;}
/*法考单科小包*/
.danke {margin-left: -20px;}
.danke .core{width:100%;margin-bottom: 20px; -webkit-transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;text-align: left;}
.danke .core:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);transform: translateY(-5px);}
.danke .core img{display:block;width:100%;}
.danke .core .pic a{display:block;position:relative;}
.danke .core .pic a:hover:after{display:block;content:"了解知识点";color:#fff;position:absolute;width:100%;top:0;bottom:0;background:rgba(0,0,0,0.3);text-align: center;overflow:hidden;line-height:180px;}
.danke .core .mess{position:relative;padding:15px;border:1px solid #ededed;border-top:none;color:#666666;font-size:14px;}
.danke .core .mess h3{margin:0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.danke .core .mess h3 a{font-weight:normal;color:#333333;margin:0;font-size:22px;padding-right: 2px;}
.danke .core .mess h3 a:hover{color:#b91418;}
.danke .core .mess .txt{line-height:25px;height:50px;overflow:hidden;margin-top:8px;margin-bottom:10px;color: #999;}
.danke .core .mess .Btn{position:absolute;left:-10px;bottom:14px;font-size:22px;line-height:23px;width:100px;text-align:center;border-radius:10px;letter-spacing:0px;color: #ec0000;}
.danke .core .mess .Btn2{position:absolute;left:80px;bottom:14px;font-size:12px;line-height:20px;width:100px;text-align:center;border-radius:10px;letter-spacing:0px;background: #ec0000;padding: 2px; color: #fff;}

.danke .core .time{background: #f6be00;text-align: center;}
.danke .core .time p{color: #fff;font-size: 14px;line-height: 30px;}

@media screen and (max-width:767px){
	.liveyh{margin-left: 0px;}
	.danke {margin-left: 0px;}
	#BodyContentMainDetail{padding: 0;}
	.livebox{padding:10px;}
	.liveyh .core .mess .Btn{display: block;text-align: right}
	.danke .core .time{display: none;}
	.danke .core .mess .Btn2{width:70px; }
}