@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
object,
code,
legend,
button,
input,
label,
th,
td,
a,
img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

* {
	box-sizing: border-box;
}

html {
	/* scroll-padding-top: 122px; */
}

body {

	color: #333;
	background-color: #fff;
	position: relative;
	z-index: 10;
	padding-top: 80px;
	overflow-x: hidden;
}

			/*设置div样式的整体布局*/
			.page-icon{
				margin:20px 0 ;/*设置距离顶部20像素*/
				font-size:0;/*修复行内元素之间空隙间隔*/
				text-align:center;/*设置内容居中显示*/
				width: 100%; position: absolute;
				bottom: 0;
			}
			
			/*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
			.page-icon a,.page-disabled,.page-next{
				border:1px solid #ccc;
				border-radius:20px;
				padding:4px 10px 5px;
				/*width: 40px;*/
				/*height: 40px;*/
				text-align: center;
				/*line-height: 40px;*/
				font-size:14PX;/*修复行内元素之间空隙间隔*/
				margin-right:20px;
				/*display: inline-block;*/
			}
			.page-current{
			   
			}
			/*.page-next,.page-next,.page-disabled{*/
			/*    padding: 4px 10px;*/
			/*}*/
			
			/*对 a 标签进行样式布局 */
			/*.page-icon a{*/
			
			/*	color:#333;*/
			/*}*/
			/*	.page-icon a{*/
			/*	    width: 40px;*/
			/*	    height: 40px;*/
			/*	    line-height: 40px;*/
			/*	    text-align: center;*/
			/*	}*/
			
			.page-current{
			     background: #aadc21;
				color:#FFFFFF;
		    	border-radius:20px;
				margin-right: 20px;
				 background: #aadc21;
				 	padding:4px 10px 5px;
				font-size:14PX;/*修复行内元素之间空隙间隔*/
			}
				.page-icon a:hover{
				    background: #aadc21;
				color:#FFFFFF;
				}
			.page-disabled{
				color:#ccc;
			}
			
			.page-next i,.page-disabled i{
				cursor:pointer;/*设置鼠标经过时的显示状态，这里设置的是显示状态为小手状态*/
				display:inline-block;/*设置显示的方式为行内块元素*/
				width:5px;
				height:9px;
				background-image:url(http://img.mukewang.com/547fdbc60001bab900880700.gif);/*获取图标的背景链接*/
			}
			.page-disabled i{
				background-position:-80px -608px;
				margin-right:3px;
			}
		 
			.page-next i{
				background-position:-62px -608px;
				margin-left:3px;
			}

img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.MaximumWidth {
	width: 85%;
	margin: 0 auto;
	max-width: 1400px;
	/* border: 1px solid red; */
}

/*清除内外边距*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

/*设置默认字体*/
:focus {
	outline: 0;
}

ul,
ol {
	list-style: none;
}

/*重置列表*/
fieldset,
img {
	border: 0 none;
	vertical-align: top;
}

/*重置图片元素*/
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var,
optgroup {
	font-style: normal;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

input,
button,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

code,
kbd,
samp,
tt {
	font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
select {
	*font-size: 100%;
	outline: none;
}


form label {
	cursor: pointer;
}


/* textarea {
    resize: none;
}
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*重置表格*/
blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}


a {
	color: #333;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;

}

a:hover {
	text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/

/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
--------------------------------------------------------------------------*/
.c-333 {
	color: #333;
}

.c-666 {
	color: #666;
}

.c-999 {
	color: #999;
}

.c-green {
	color: #1fb079;
}

.c-orange {
	color: #fc714c;
}

.c-reg {
	color: #d90106;
}

/* 字号 */


/* 隐藏 居中 */


/*文字隐藏,省略号*/
/* 布局 */
.center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.row {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.column {

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.column-space-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}

.space-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.space-around {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.one {
	flex: 1;
}

.noScorll {
	overflow: -moz-scrollbars-none;
}

/* #endif */

.text-ellipsis1 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.text-ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.text-ellipsis3 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.noScorll::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none;
}

.noScorll {
	-ms-overflow-style: none;
	overflow: auto;
}

.course-shadow {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	overflow: hidden;
}

/* 课程样式 */
.course-item {
	display: flex;
	flex-direction: column;
}

.course-item .course-info {
	/*padding: 15px;*/
	margin:10px;
		overflow: hidden;
}

.course-item .course-info .course-head {
	display: flex;
}

.course-item .course-img {

	overflow: hidden;
}

.course-img img {
	transition: all 0.3s;
}

.course-item:hover .course-img img {
	transform: scale(1.1);
}

.course-item .course-h5 {
	flex: 1;
	font-size: 16px;
	font-weight: bold;
	color: #292929;
}

.course-item:hover .course-h5 {
	color: #aadc21;
}

.course-item .course-joint {
	margin-left: 20px;
	font-size: 14px;
	color: #292929;
}

.course-item .course-tag {
	display: flex;
	margin: 12px 0 24px;
}

.course-item .course-tag .ot-i {
	margin-right: 10px;
	padding: 4px 8px;
	color: #aadc21;
	font-size: 13px;
	border-radius: 20px;
	border: 1px solid #aadc21;
	white-space: nowrap;
}

.course-item .course-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.course-item .download-total {
	margin-top: 20px;
}

.course-item .download-total .dd-item {
	font-size: 18px;
	font-weight: bold;
	color: #A3A3A3;
}

.download-total .dt-price .primary {
	font-size: 16px;
	color: #A3A3A3;
	text-decoration: line-through;
}
.download-total .dt-price .present {
	font-size: 18px;
	font-weight: bold;
	color: #aadc21;
}

.course-item .course-total .course-num {
	font-size: 15px;
	color: #292929
}

.course-item .course-total .course-price {
	font-size: 20px;
	font-weight: bold;
	color: #aadc21;
}

.course-item .course-total .ct-text {
	margin-left: auto;
	color: #A3A3A3;
}

.course-item .course-total .right-arrow {
	width: 10px;
	height: 10px;
}

.course-item:hover .course-total .ct-text {
	color: #aadc21;
}

.course-item:hover .course-total .right-arrow {
	border-color: #aadc21;
}

.sl-cn {
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0;
}

/* 页面 */
.sl-cn .course-item {
	width: calc((100% - 60px)/3);
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
	border-bottom: 1px solid #EDEDED;
}

.sl-cn .course-item .course-img {
	border-radius: 12px;
	height: 240px;
}

.sl-cn .course-item:nth-child(3n) {
	margin-right: 0;

}

.sl-cn .course-img img {
	border-radius: 12px;
}

.sl-cn .course-item::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #aadc21;
	border-radius: 10px;
	transition: all 0.3s;

}

.sl-cn .course-item:hover::after {
	width: 100%;
}



/* 右箭头 */
.right-arrow {
	display: block;
	border-top: 2px solid #A3A3A3;
	border-right: 2px solid #A3A3A3;
	width: 12px;
	height: 12px;
	transition: all 0.8s;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.5s;
	margin-top: 2px;
}

/* 分类 */
.sort-list {
	display: flex;
	margin-bottom: 20px;
}

.sort-list .sl-item {
	font-size: 18px;
	/* font-weight: bold; */
	color: #292929;
	padding: 10px 34px;
	cursor: pointer;
	border-bottom: 1px solid #EDEDED;
	margin-right: 16px;
}

.sort-list .sl-item:hover {
	color: #aadc21;
	border-bottom: 1px solid #aadc21;
	/* font-weight: bold; */
}

.sort-list .sl-item-avtive {
	color: #aadc21;
	border-bottom: 1px solid #aadc21;
	font-weight: bold;
}

/* 右边 */


.right-tj {
	width: 400px;
	margin-left: 30px;
}

/* 推荐服务 */
.right-tj .Recommendationservice {
	/* padding: 20px; */
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.moduleHeader {
	display: flex;
	justify-content: space-between;
}

.moduleHeader .mh-title {
	font-size: 18px;
	font-weight: bold;
	color: #292929;
}

.moduleHeader .gd {
	font-size: 14px;
	color: #525252;
	display: flex;
	align-items: center;
}

.moduleHeader .gd:hover {
	color: #aadc21;
}

.moduleHeader .gd:hover::after {
	border-color: #aadc21;
}

.moduleHeader .gd::after {
	content: '';
	display: block;
	border-top: 1px solid #292929;
	border-right: 1px solid #292929;
	width: 6px;
	height: 6px;
	/* margin-bottom: 2px; */
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-moz-transform: rotate(45deg);
	/* Firefox */
	-webkit-transform: rotate(45deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(45deg);
}

.rs-list {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}

.rs-list .rl-item {
	display: flex;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
}

.rs-list .l-img {
	flex: 1;
	overflow: hidden;
}

.rs-list .l-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.rs-list .r-text {
	width: 55%;
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
}

.rs-list .mt-title {
	font-size: 16px;
	color: #292929;
	margin-bottom: 5px;
}

.rs-list .mt-desc {
	font-size: 14px;
	color: #525252;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.serviceArea {
	margin-top: auto;
}

.rs-list .rl-item:hover img {
	transform: scale(1.1);
}

.rs-list .rl-item:hover .mt-title,
.rs-list .rl-item:hover .mt-desc {
	color: #aadc21;
}

/* 热门咨询 */
.Popular {
	margin-top: 24px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.Popular .pr-top {
	width: 100%;
	height: 148px;
	background: url('../img/hot-news.png') no-repeat;
	background-size: 100% 100%;
	display: flex;

	padding: 20px;
}

.Popular .pr-top .pt-img {
	width: 30px;
	height: 30px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-right: 10px;
}

.Popular .pr-top .pt-img img {
	width: 20px;
	height: 20px;
	object-fit: cover;
}

.Popular .pr-top .mh-title {
	color: #fff;
	margin-top: 2px;
	font-size: 18px;
}

.Popular .pr-list {
	margin-top: -80px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	background: #fff;
}

.pr-list .pr-item {
	margin-top: 10px;
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}

.pr-list .pr-item .xh {
	width: 35px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #CCCCCC;
	font-size: 16px;
	border-radius: 10px 0 10px 0;
	margin-right: 10px;
	transition: all 0.3s;
}

.pr-list .pr-item:first-child .xh {
	background: #F72A2A;
}

.pr-list .pr-item:nth-child(2) .xh {
	background: #FF843F;
}

.pr-list .pr-item:nth-child(3) .xh {

	background: #F7BA2A;
}

.pr-list .pr-item .pl-text {
	flex: 1;
	font-size: 16px;
	color: #292929;
	color: #525252;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.pr-list .pr-item:hover .xh {
	border-radius: 0 10px 0 10px;
	background: #aadc21;
}

.pr-list .pr-item:hover .pl-text {
	color: #aadc21;
}

/* 推荐课程 */
.r-course {
	margin-top: 24px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	padding: 20px;
}

.ce-list {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
}

.ce-list .cl-item {
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
	transition: all 0.3s;
}

.ce-list .cl-item:last-child {}

.ce-list .cl-item .cl-head {
	display: flex;
	color: #292929;
	font-size: 16px;
	justify-content: space-between;

}

.ce-list .cl-item .ch-title {
	font-size: 16px;
	font-weight: bold;
	color: #292929;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	flex: 1;
}

.ce-list .cl-item .cl-tag {
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
}

.ce-list .cl-item .cg-item {
	border: 1px solid #aadc21;
	color: #aadc21;
	font-size: 14px;
	padding: 2px 6px;
	border-radius: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.ce-list .cl-item .cl-num {

	display: flex;
	align-items: center;
	color: #292929;
	font-size: 16px;
	justify-content: space-between;
}

.ce-list .cl-item .cl-num .price {
	font-size: 20px;
	color: #aadc21;
	font-weight: bold;
}

.tjkc .ce-list .cl-item:hover {
	padding: 10px;
}

.ce-list .cl-item:hover .ch-title {
	color: #aadc21;
}

.tjxa .cl-num {
	margin-top: 15px;
}

.cl-num .dg {
	color: #A3A3A3;
	font-size: 16px;
	font-weight: bold;
}

.cl-num .dg2 {
	color: #F7BA2A;
	font-size: 16px;
	font-weight: bold;
}

.cl-num .dgs {
	font-size: 18px;
	font-weight: bold;
	color: #aadc21;
	margin-right: 5px;
}

.cl-num .dgs .yj {
	font-size: 16px;
	text-decoration: line-through;
	color: #A3A3A3;
}


/* 分页 */
.paging {
	font-size: 16px;
	color: #292929;
	margin: 30px auto;
}

.paging .pnum {
	margin: 0 10px;
}

.pnum {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #ccc;
}

.previous,
.next-page {
	padding: 8px 16px;
	border-radius: 40px;
	background-color: #ffffff;
	cursor: pointer;
	border: 1px solid #ccc;
	font-size: 14px;
}

.previous {
	margin-right: 10px;
}

.next-page {
	margin-left: 10px;
}

.nomore {
	color: #a3a3a3;
}

.cpage {
	color: #ffffff;
	background-color: #aadc21;
}

.previous:hover,
.next-page:hover,
.pnum:hover {
	color: #ffffff;
	background-color: #aadc21;
}

/* 面包屑导航 */
.breadcrumb {

	font-size: 16px;
	padding: 30px 0;
	background-color: #ffffff;
	border-radius: 8px;
	display: flex;
	border-bottom: 1px solid #EDEDED;
}
.sl-classify{
	margin-top: 20px;
}
.inner-page{
	padding: 30px;
	
}
.breadcrumb ul li {
	display: inline;
}

.breadcrumb ul li a {
	color: #a3a3a3;
}

.breadcrumb ul li a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #aadc21;
}

.breadcrumb ul li+li:before {
	padding: 8px;
	color: #a3a3a3;
	content: ">";
}

.breadcrumb .breadtitle {
	color: #525252;
	margin-right: 16px;
}

.breadlaster {
	color: #292929;
}

.breadlaster:hover {
	cursor: text;
}
.page-brand>img{
		min-height: 200px;
	}
	.newsbtn {
		margin: 50px auto;
	  color: #292929;
	  font-size: 16px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	
	.newsbtn > a {
	  padding: 8px 16px;
	  border-radius: 30px;
	  border: 1px solid #a3a3a3;
	}
	
	.newsbtn .ud:hover{
		 border: 1px solid #aadc21;
		 color: #aadc21;
	}
@media screen and (max-width: 1280px) {
	body {
		padding-top: 60px;
	}

	.MaximumWidth {
		width: 90%;

	}

	.course-item .course-h5 {

		font-size: 14px;

	}

	.course-item .course-joint {

		font-size: 13px;

	}

	.course-item .course-tag .ot-i {

		color: #aadc21;
		font-size: 12px;

	}

	.course-item .course-tag {
		display: flex;
		margin: 8px 0 16px;
	}

	.course-item .course-total .course-price {
		font-size: 18px;

	}

	.course-item .course-info {
		padding: 10px;
	}

	.right-arrow {

		width: 10px;
		height: 10px;

	}
	.sort-list .sl-item {
		font-size: 16px;
		padding: 10px 14px;
		margin-right: 10px;
	}
	.breadcrumb {
	    font-size: 14px;
	    padding: 20px 0;
	   
	}
	.paging {
	    font-size: 16px;
	    color: #292929;
	    margin: 20px auto;
	}
	.pnum {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	
	}
	.previous, .next-page {
	 
	       padding: 6px 12px;
	       border-radius: 40px;
	}
	.right-tj{
		width: 300px;
		margin-left: 20px;
	}
	.right-tj .Recommendationservice {
	    /* padding: 10px; */
	   
	}
	.rs-list .r-text {
	    padding: 8px 10px;
	}
	.Popular .pr-list {
	    margin-top: -80px;
	    padding: 10px;
	    display: flex;
	  
	}
	.r-course {
	
	    padding: 10px;
	}
	.sl-cn {
	   
	    margin: 30px 0;
	}
	
	.newsbtn > a {
	    padding: 4px 10px;
	    font-size: 14px;
}

@media screen and (max-width: 768px) {
	.MaximumWidth {
		width: 92%;

	}

}