@charset "utf-8";
/*滚动条样式*/
.scrollx::-webkit-scrollbar { height: 8px; }
.scrollx::-webkit-scrollbar-thumb {border-radius: 12px;-webkit-box-shadow:none;background:#ddd;width:40px;}
.traning {
	background: #F3F3F5;
	padding-bottom:80px;
}
.traning .courses-title{
	font-size:24px;
	color:#333;
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin:40px 0; 
}
.traning .view-more{
	font-size: 14px;
	color: #999999;
	font-weight:normal;
}
.mobile-more{
	display:none;
}



.traning .section-1 .traning-banner a{
	height:330px;
}
.traning .section-1 .traning-banner a img{
	object-fit: cover;
	height:100%;
	width:100%;
}
.traning .section-1 .traning-banner a img.wap{
	display:none;
}
.traning .section-1 .traning-banner .traning-pagination{
    position: absolute;
    left: 0;
    bottom: 20px;
	display:flex;
	align-items:center;
	justify-content:center;
    z-index: 9;
}
.traning .section-1 .traning-banner img{
	max-width:100%;
	display:block;
}
.traning .section-1 .traning-banner .swiper-pagination-bullet {
	width: 20px;
	height: 4px;
	border-radius: 0;
	background: #fff;
}
.traning .section-1 .traning-banner .swiper-pagination-bullet-active {
	background: #fff;
}
.traning .section-1 .section-1-nav{
	height:88px;
	background:#fff;
}
.traning .section-1 .section-1-nav ul{
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.traning .section-1 .section-1-nav li{
	height:88px;
	position:relative;
	z-index:99;
}
.traning .section-1 .section-1-nav ul > li > a{
	display:flex;
	align-items:center;
	height:88px;
	line-height:88px;
	font-size:16px;	
	color: #1D2345;
}
.traning .section-1 .section-1-nav ul > li > a svg{
	margin-left:15px;
	transition:all 0.3s ease;
}
.traning .section-1 .section-1-nav ul > li.on > a svg,
.traning .section-1 .section-1-nav ul > li > a:hover svg{
	transform:rotate(-180deg);
}


.traning .section-1 .section-1-nav li .course-category-sub{
	position:absolute;
	left:0;
	top:70px;
	background:#fff;
	padding:5px 0;
	border-radius:4px;
	border:1px solid #eee;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	transition:all 0.3s ease;
	
}
.traning .section-1 .section-1-nav li .course-category-sub dd{}
.traning .section-1 .section-1-nav li .course-category-sub dt a,
.traning .section-1 .section-1-nav li .course-category-sub dd a{
	display:block;
	padding:0 20px;
	line-height:40px;
	white-space:nowrap;
	color:#666;
}
.traning .section-1 .section-1-nav li .course-category-sub dd a:hover,
.traning .section-1 .section-1-nav li .course-category-sub dt a{
	background:#ECEDF4;
	color: #1D2345;
}
.traning .section-1 .section-1-nav li .course-category-sub dt a{
	font-weight:bold;
}
.traning .section-1 .section-1-nav li.on .course-category-sub{
	opacity:1;
	visibility:visible;
}

.traning .section-2 .courses-title{
    
}

.traning .section-2 .section-2-list ul{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	grid-row-gap:40px;
	grid-column-gap:24px;
}
.traning .section-2-list li{
	transition:all 0.3s ease;
}
.traning .section-2-list li .pic{
    border-radius: 8px 8px 0 0;
    overflow: hidden;
	position:relative;
}
.traning .section-2-list li .pic img{
    max-width: 100%;
    display: block;
}
.traning .section-2-list li .course-con{
    background: #fff;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.traning .section-2-list li .course-top{
    padding: 15px;
}
.traning .section-2-list li .course-top h3{
    font-size: 16px;
    color: #333;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.traning .section-2-list li .teacher{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.traning .section-2-list li .create_time{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.traning .section-2-list li .course-bom{
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    color: #666;
    border-top: 2px solid #eee;
}
.traning .section-2-list li .time{
    display: flex;
    align-items: center;
}
.traning .section-2-list li .time svg{
    width: 20px;
    height: 20px;
    fill: #666;
    margin-right: 10px;
}
.traning .section-2-list li:hover{
	box-shadow:0px 3px 20px rgb(29 35 69 / 10%);
	transform:translate(0,-10px);
}

.traning .section-3{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.traning .section-3 .section-3-left,
.traning .section-3 .section-3-right{
	width:calc(50% - 12px);
}
.traning .section-3 .section-2-list ul{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-row-gap:24px;
	grid-column-gap:24px;
}


.traning .section-3 .section-3-list li{
	height:194px;
	background:#fff;
	border-radius:8px;
	padding:15px;
	box-sizing:border-box;
	margin-bottom:24px;
	transition:all 0.3s ease;
}
.traning .section-3 .section-3-list li:hover{
	box-shadow:0px 3px 20px rgb(29 35 69 / 10%);
	transform:translate(0,-10px);
}

.traning .section-3 .section-3-list li:last-child{
	margin-bottom:0;
}
.traning .section-3 .section-3-list li a{
	display: flex;
    justify-content: space-between;
}
.traning .section-3 .section-3-list li img{
	max-height:161px;
	display:block;
	border-radius:5px;
}
.traning .section-3 .section-3-list li .course-con{
    width: calc(100% - 270px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 9px 9px 9px 0;
	box-sizing:border-box;
}
.traning .section-3 .section-3-list li .course-bom{
	color:#666;
}
.traning .section-3 .section-3-list li .mark{
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
    max-height: 48px;
}


.bread-crumbs{
	padding-top:24px;
}
.traning-list{}
.traning-list .traning-list-top{
    margin: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.traning-list .traning-list-top .traning-list-top-left{}
.traning-list .traning-list-top .traning-list-top-right{
    display: flex;
    align-items: center;
}
.traning-list .traning-list-top .traning-list-top-right a{
	color:#999;
	font-size:16px;
	margin-left:24px;
}
.traning-list .traning-list-top .traning-list-top-right a.on,
.traning-list .traning-list-top .traning-list-top-right a:hover{
	color:#634BFF;
	font-weight:bold;
}
.traning-list .traning-list-content{
	padding: 40px 0 0;
    border-top: 1px solid #eee;
}
.traning-list .traning-list-content-items{
	display:none;
}
.traning-list .traning-list-content-items.on{
	display:block;
}


.traning-list .traning-list-content-items ul{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	grid-row-gap:40px;
	grid-column-gap:24px;
}
.traning-list .traning-list-content-items li{
	border:1px solid #eee;
	border-radius:8px;
	overflow: hidden;
	transition:all 0.3s ease;
}
.traning-list .traning-list-content-items li .pic{
    
}
.traning-list .traning-list-content-items li .pic img{
    max-width: 100%;
    display: block;
}
.traning-list .traning-list-content-items li .course-con{
    background: #fff;
}
.traning-list .traning-list-content-items li .course-top{
    padding: 15px;
}
.traning-list .traning-list-content-items li .course-top h3{
    font-size: 16px;
    color: #333;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.traning-list .traning-list-content-items li .teacher{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.traning-list .traning-list-content-items li .create_time{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.traning-list .traning-list-content-items li .course-bom{
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    color: #666;
    border-top: 2px solid #eee;
}
.traning-list .traning-list-content-items li .time{
    display: flex;
    align-items: center;
}
.traning-list .traning-list-content-items li .time svg{
    width: 20px;
    height: 20px;
    fill: #999;
    margin-right: 10px;
}
.traning-list .traning-list-content-items li:hover{
	box-shadow:0px 3px 20px rgb(29 35 69 / 10%);
	transform:translate(0,-10px);
}
.traning-list .traning-list-btn{
	display:flex;
	justify-content: center;
	margin-top:50px;
}
.traning-list .traning-list-btn a{
	display:flex;
	justify-content: center;
	align-items:center;
	width: 185px;
	height: 54px;
	font-size:20px;
	color:#666;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	transition:all 0.3s ease;
}
.traning-list .traning-list-btn a:hover{
	background:#634BFF;
	border-color:#634BFF;
	color:#fff;
}





.traning-list .traning-select{
    position: relative;
    width: 200px;
    height: 54px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    box-sizing: border-box;
	z-index:99;
}
.traning-list .traning-select-value{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.traning-list .traning-select-value svg{}
.traning-list .traning-select ul{
    position: absolute;
    top: 52px;
    background: #fff;
    width: 100%;
    border: 1px solid #eee;
	overflow: auto;
    height: 0;
	opacity:0;
	visibility:hidden;
	transition:all 0.3s ease;
    box-sizing: border-box;
}
.traning-list .traning-select li{
    
}
.traning-list .traning-select li a{
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    color: #666;
    font-size: 16px;
	transition:all 0.3s ease;
}
.traning-list .traning-select li a:hover{
	background: #ECEDF4;
    color: #1D2345;
}
.traning-list .traning-select.hover ul{
	opacity:1;
	visibility:visible;
	height: 307px;
}
.traning-list .traning-select .traning-select-value svg{
	transition:all 0.3s ease;
}
.traning-list .traning-select.hover .traning-select-value svg{
	transform:rotate(-180deg);
}




/* 设置滚动条的样式 */
.traning-list .traning-select ul::-webkit-scrollbar {
	width:8px;
	background:#f5f5f5;
}
/* 滚动槽 */
.traning-list .traning-select ul::-webkit-scrollbar-track {
	-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
	border-radius:10px;
}
/* 滚动条滑块 */
.traning-list .traning-select ul::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:rgba(0,0,0,0.1);
	-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.traning-list .traning-select ul::-webkit-scrollbar-thumb:window-inactive {
	background:#666;
}








.traning-detail{
	background: #F3F3F5;
	padding:0 0 80px;
}
.traning-detail .traning-detail-top{
	display: flex;
    justify-content: space-between;
    align-items: stretch;
	background:#fff;
	margin-top:24px;
	border-radius:8px;
	overflow:hidden;
}
.traning-detail .traning-detail-top .traning-detail-top-left{
    width: 50%;
    position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.traning-detail .traning-detail-top .traning-detail-top-right{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.traning-detail .traning-detail-top .traning-detail-top-right .box-2{
    height: 80px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
}
.traning-detail .traning-detail-top .traning-detail-top-right .time{
    display: flex;
    align-items: center;
    color: #999;
}
.traning-detail .traning-detail-top .traning-detail-top-right .time svg{
    width: 20px;
    height: 20px;
    fill: #999;
    margin-right: 8px;
}
.traning-detail .traning-detail-top .traning-detail-top-right .learn-num{
	text-align:right;
	color:#999;
}
.traning-detail .traning-detail-top .traning-detail-top-right .btn-tip{
	margin-top:8px;
	color: #634BFF;
}
.traning-detail .traning-detail-top .traning-detail-top-right .box-1{
    height: calc(100% - 110px);
    padding: 50px 50px 20px;
    box-sizing: border-box;
	color: #666;
}
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .base_name{
    font-size: 24px;
    line-height: 40px;
    overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#333;
}
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .teacher{
    margin: 15px 0;
}
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .title{
	margin-bottom:15px;
}
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail{
    max-height: 140px;
    overflow: auto;
}
.traning-detail .traning-detail-top .school_timetable{
    margin-top: 40px;
}
.traning-detail .traning-detail-top .school_timetable .course-section{
	max-height: 210px;
	overflow: auto;
}
.traning-detail .traning-detail-top .school_timetable h3{
    display: flex;
    justify-content: space-between;
    color: #333;
    font-size: 16px;
}
.traning-detail .traning-detail-top .school_timetable h3 .school_timetable_name{}
.traning-detail .traning-detail-top .school_timetable h3 .school_timetable_num{
    font-size: 14px;
    font-weight: normal;
    color: #999;
}
.traning-detail .traning-detail-top .school_timetable h3 .school_timetable_num span{}








/* 设置滚动条的样式 */
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail::-webkit-scrollbar {
	width:8px;
	background:#f5f5f5;
}
/* 滚动槽 */
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail::-webkit-scrollbar-track {
	-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
	border-radius:10px;
}
/* 滚动条滑块 */
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:rgba(0,0,0,0.1);
	-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail::-webkit-scrollbar-thumb:window-inactive {
	background:#666;
}










.lecturer{
    background: #fff;
    margin-top: 40px;
    padding: 40px;
    display: flex;
    align-items: center;
	border-radius:8px;
}
.lecturer .portrait{
    background-size: cover;
	background-position: center center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-right: 24px;
}
.lecturer .lecturer-right{
    width: calc(100% - 144px);
}
.lecturer .lecturer_name{
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.lecturer .lecturer_position{
    font-size: 16px;
    color: #666;
    margin-top: 8px;
}
.lecturer .lecturer_introduce{
    color: #666;
    margin-top: 15px;
}
.lecturer-detail{
	padding:40px;
	background:#fff;
	position:relative;
}
.lecturer-detail:before{
	content:'';
	position:absolute;
	left:40px;
	top:0;
	width:calc(100% - 80px);
	height:1px;
	background:#ccc;
}
.traning-detail .traning-detail-top .traning-detail-top-left img{
    max-width: 100%;
    display: block;
}
.traning-detail .traning-detail-top .video-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -44px 0 0 -44px;
}



.related-courses{
	margin-top:50px;
}
.related-courses h2{
	font-size:24px;
}
.course-list{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	grid-row-gap:40px;
	grid-column-gap:24px;
	margin-top:50px;
}
.course-list li{
	border:1px solid #eee;
	border-radius:8px;
	overflow: hidden;
	transition:all 0.3s ease;
}
.course-list li .pic{
    
}
.course-list li .pic img{
    max-width: 100%;
    display: block;
}
.course-list li .course-con{
    background: #fff;
}
.course-list li .course-top{
    padding: 15px;
}
.course-list li .course-top h3{
    font-size: 16px;
    color: #333;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.course-list li .teacher{
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}
.course-list li .create_time{
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}
.course-list li .course-bom{
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    color: #999;
    border-top: 2px solid #eee;
}
.course-list li .time{
    display: flex;
    align-items: center;
}
.course-list li .time svg{
    width: 20px;
    height: 20px;
    fill: #999;
    margin-right: 10px;
}
.course-list li:hover{
	box-shadow:0px 3px 20px rgb(29 35 69 / 10%);
	transform:translate(0,-10px);
}









@media screen and (max-width: 1919px){
.traning .traning-box {
    max-width: 1280px;
}
}
@media screen and (max-width: 1366px){
.traning .traning-box {
   	max-width: calc(100% - 100px);
    width: 100%;
}


}
.banner-box {
	margin: 0 auto 60px;
	position:relative;
}
.course-category {
	/*width: 220px;*/
	width:calc(30% - 15px);
	margin: 0 30px 0 0;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	background: #fff;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}
.course-category>ul {
}
.course-category .li {
	padding: 0 18px;
	position: relative;
}
.course-category .li:hover {
	background: #7b69f1;
}
.course-category .li .course-category-option {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 49px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 16px;
	display: block;
	position: relative;
}
.course-category .li .course-category-option .icon {
	fill: #a1a1a1;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 16px;
}
.course-category .li:hover .course-category-option {
	color: #fff;
	border-color: #7b69f1;
}
.course-category .li:hover .course-category-option .icon {
	fill: #fff;
}
.course-category .li:first-child .course-category-option {

}
.course-category .course-category-sub {
	display: none;
	white-space: normal;
	position: absolute;
	top: -1px;
	left: 100%;
	width: 580px;
	padding: 50px 24px;
	background: #fff;
	box-shadow: -2px 2px 8px rgba(126,125,193,0.4);
	transition: all 0.3s ease-in-out;
	z-index: 9;
}
.course-category .li:hover .course-category-sub {
	display: block;
}
.course-category .course-category-sub li {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
.course-category .course-category-sub li.no-sub-list {
	width: auto;
}
.course-category .course-category-sub li.no-sub-list .sub-cate {
	width: auto;
	margin-right: 30px;
}
.course-category .course-category-sub.has-img li {
	width: 33.33%;
}
.course-category .course-category-sub img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}
.course-category .course-category-sub a:hover {
	color: #7b69f1;
}
.course-category .li .course-category-sub .sub-cate {
	text-align: left;
	width: 160px;
	line-height: 30px;
	display: inline-block;
	vertical-align: top;
}
.course-category .li .course-category-sub .sub-cate a {
	color: #333;
	font-size: 14px;
}
.course-category .li .course-category-sub .sub-cate a:hover {
	color: #7b69f1;
}
.course-category .li .course-category-sub .sub-cate-list {
	width: calc(100% - 160px);
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}
.course-category .li .course-category-sub .sub-cate-list a {
	color: #999;
	font-size: 14px;
	display: inline-block;
	margin-right: 30px;
	line-height: 30px;
	text-transform: capitalize;
}
.course-category .li .course-category-sub .sub-cate-list a:hover {
	color: #7b69f1;
}
.banner {
	/*width: 950px;*/
	width:calc(70% - 15px);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin-left:calc(30% + 15px);
}
.banner .li {
	display: block;
}
.banner .li img {
	display: block;
	width: 100%;
}

.online-traning-main {
	margin-left: -15px;
	margin-right: -15px;
	font-size: 0;
}
.online-traning-main .main-lf {
	width: 70%;
	box-sizing: border-box;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
}
.online-traning-main .main-rt {
	width: 30%;
	box-sizing: border-box;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
}
.presentation-main .main-bottom {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 30px;
}
.presentation-main .main-lf {
	width: 70%;
	box-sizing: border-box;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
}
.presentation-main .main-rt {
	width: 30%;
	box-sizing: border-box;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
}
.tab-box {
}
.tab-box .tab-bar {
	position: relative;
	background: #fff;
	padding: 0 30px;
}
.tab-box .tab-bar:after {
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 30px;
	content: '';
	border-bottom: 1px solid #e9e9e9;
}
.tab-box .tab-bar h2 {
	display: inline-block;
	padding: 0 20px;
	font-weight: 400;
	font-size: 18px;
	color: #333;
	position: relative;
	line-height: 60px;
}
.tab-box .tab-bar h2:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	height: 0px;
	background: #7b69f1;
}
.tab-box .tab-bar h2:hover,.tab-bar h2.on {
	color: #7b69f1;
}
.tab-box .tab-bar h2.on:before {
	height: 3px;
}
.tab-box .tab-content {
	padding: 30px 30px;
	display: none;
	background: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height:2;
}
.tab-box .tab-content.on {
	display: block;
}
.tab-box .tab-content .pic {
	display: block;
	width: 100%;
}
.tab-box .tab-content .h3 {
	color: #999;
	font-size: 18px;
	font-weight: 400;
}
.course-section .li {
	padding: 20px 30px;
	margin-top: 10px;
	background: #f6f7fb;
	display: block;
	cursor:pointer;
}
.course-section .li .i {
	vertical-align: middle;
	border: 2px solid #7b69f1;
	border-radius: 50%;
	display: inline-block;
	width: 38px;
	height: 38px;
	position: relative;
}
.course-section .li .i:before {
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 15px solid #7b69f1;
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translate(0,-50%);
	content: '';
}
.course-section .li>div {
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 57px);
}
.course-section .li>div h6 {
	color: #666;
	font-size: 16px;
	font-weight: 400;
}
.course-section .li>div p {
	color: #999;
	font-size: 14px;
    margin-top: 5px;
}
.course-section .li:hover {
	background: #7b69f1;
	transition: all 0.3s ease-in-out;
}
.course-section .li:hover>div h6,
.course-section .li:hover>div p {
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.course-section .li:hover .i {
	border-color: #fff;
}
.course-section .li:hover .i:before {
	border-left: 15px solid #fff;
}
.presentation-main .main-rt  .lecturer {
	background: #fff;
	padding: 30px 20px;
	text-align: center;
	margin-bottom: 30px;
}
.presentation-main .main-rt  .lecturer .portrait {
	width: 100px;
	height: 100px;
	margin: 0 auto 10px;
	background: #f0eff0;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.presentation-main .main-rt .lecturer .portrait img{
	display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	}
.presentation-main .main-rt  .lecturer .name {
	font-size: 20px;
	color: #333;
}
.presentation-main .main-rt  .lecturer .post {
	font-size: 16px;
	color: #666;
}
.presentation-main .main-rt  .lecturer .career {
	font-size: 14px;
	color: #999;
	text-align: left;
	margin-top: 15px;
}
.course-list-main {
}
.course-category2 {
	width: calc(30% - 15px);
	margin-right: 30px;
	min-height: 600px;
	position: relative;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.course-category2 .traning-tit3 {
	font-size: 24px;
	color: #333;
	font-weight: 400;
	line-height: 59px;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	padding-left: 20px;
	margin: 0 20px 0;
}
.course-category2 .traning-tit3:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 22px;
	left: 0;
	width: 5px;
	background: #7b69f1;
	content: '';
}
.course-category2 .li {
	padding: 0 30px 0 40px;
	transition: all 0.3s ease-in-out;
}
.course-category2 .li.on {
	background: #eaeaff;
}
.course-category2 .li .course-category-option {
	line-height: 49px;
	transition: all 0.3s ease-in-out;
	color: #333;
	font-size: 16px;
	position: relative;
	display: block;
}
.course-category2 .li .course-category-option .icon {
	fill: #a1a1a1;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 16px;
}
.course-category2 .li.on .course-category-option {
	color: #7b69f1;
}
.course-category2 .li.on .course-category-option .icon {
	fill: #7b69f1;
}
.course-category2 .li:first-child .course-category-option {
	border-top: 0;
}
.course-category2 .course-category-sub {
	display: none;
	white-space: normal;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 580px;
	background: #eaeaff;
	transition: all 0.3s ease-in-out;
	z-index: 9;
	padding: 50px 24px;
}
.course-category2 .li.on .course-category-sub {
	display: block;
}
.course-category2 .course-category-sub li {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
.course-category2 .course-category-sub.has-img li {
	width: 33.33%;
}
.course-category2 .course-category-sub img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}
.course-category2 .course-category-sub a:hover {
	color: #7b69f1;
}
.course-category2 .li .course-category-sub .sub-cate {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 160px;
	line-height: 30px;
}
.course-category2 .li .course-category-sub .sub-cate a {
	color: #333;
	font-size: 14px;
}
.course-category2 .li .course-category-sub .sub-cate a:hover {
	color: #7b69f1;
}
.course-category2 .li .course-category-sub .sub-cate-list {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 160px);
}
.course-category2 .li .course-category-sub .sub-cate-list a {
	color: #999;
	font-size: 14px;
	display: inline-block;
	margin-right: 30px;
	line-height: 30px;
}
.course-category2 .li .course-category-sub .sub-cate-list a:hover {
	color: #7b69f1;
}
.course-category2 .course-category-sub li.no-sub-list {
	width: auto;
	margin-right: 30px;
}
.course-list-main .main-rt {
	width: calc(70% - 15px);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	background:#fff;
}
.course-list-main .load-more {
	margin-top: 30px;
	line-height: 60px;
	background: #fff;
	color: #666;
	font-size: 16px;
	text-align: center;
}
.course-list-main .load-more:hover {
	background: #7b69f1;
	color: #fff;
}
.videodiv {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3);
    display: none;
}
.videodiv-wapper {
    width: 800px;
	max-width:calc(100% - 30px);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
   /* padding: 60px 0 40px;*/
    /*background: #fff;*/
    
}
.videodiv-wapper #video{
	border-radius: 5px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);}
.videodiv-wapper #close_div {
    position: absolute;
    right: 0;
    top: -35px;
	padding:10px;
}
.videodiv-wapper #close_div svg {
    width: 20px;
    height: 20px;
    fill: #333;
    cursor: pointer;
}
.bread-crumbs {
	font-size: 14px;
	color: #666;
}
.traning-tit {
	font-weight: 400;
	margin-bottom: 10px;
	line-height: 27px;
}
.traning-tit span {
	font-size: 24px;
	color: #333;
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.traning-tit span:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
	background: #7b69f1;
	content: '';
}
.traning-tit a {
	font-size: 16px;
	color: #666;
	float: right;
	line-height: inherit;
}
.traning-tit a:hover {
	color: #7b69f1;
}
.course-section-one {
	margin-bottom: 30px;
}
.course-section-one .course-list {
	/*display: flex;
	align-items: start;
	justify-content: space-between;
	flex-wrap: wrap;*/
	font-size:0;
	margin:0 -15px;
}
.course-section-one .course-list li {
	/*width: calc(33.33% - 20px);*/
	width:33.33%;
	display:inline-block;
	vertical-align:top;
	padding: 15px;
	box-sizing:border-box;
}
.course-section-one .course-list li a{
	display:block;
	position:relative;
/*	height:240px;	overflow:hidden;	background-size:cover;background-position:center;background-repeat:no-repeat;*/
	}
.course-section-one .course-list img {
	display: block;
	width: 100%;
}
.course-section-two {
	margin-bottom: 30px;
}
.course-section-two .course-list {
	/*display: flex;
	align-items: start;
	justify-content: space-between;
	flex-wrap: wrap;*/
	font-size:0;
	margin:0 -15px;
}
.course-section-two .course-list li {
	width:33.33%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding: 15px;
}
.course-section-two .course-list li .pic{
	position:relative;
	/*height:170px;
	overflow:hidden;
	background:#fff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;*/
	}
.course-section-two .course-list img {
	display: block;
	width: 100%;
}
.course-section-two .course-con {
	padding: 20px 10px;
	text-align: left;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}
.course-section-two .course-con h3 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	/*display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
}
.course-section-two .course-con h3:hover {
	color: #7b69f1;
}
.course-section-two .course-con .teacher {
	color: #999;
	font-size: 14px;
	margin-bottom: 20px;
}
.course-section-two .course-con .time,
.course-section-two .course-con .learn-num {
	display: inline-block;
	line-height: 26px;
	color: #666;
	font-size: 14px;
}
.course-section-two .course-con .time .icon {
	width: 26px;
	height: 26px;
	fill: #7b69f1;
	display: inline-block;
	padding-right: 5px;
	vertical-align: top;
}
.course-section-three {
	margin-bottom: 30px;
}
.course-section-three .course-list {
	/*display: flex;
	align-items: start;
	justify-content: space-between;
	flex-wrap: wrap;*/
	font-size:0;
}
.course-section-three .course-list li {
	width: 100%;
	margin: 15px 0;
	display:inline-block;
	vertical-align:top;
}
.course-section-three .course-list .pic {
	width:150px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	/*height:90px;
	background:#fff;
	overflow:hidden;

	background-position:center;background-repeat:no-repeat;background-size:cover;*/
}
.course-section-three .course-list img {
	display: block;
	width: 100%;
}
.course-section-three .course-con {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 170px);
	box-sizing: border-box;
}
.course-section-three .course-con h3 {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.course-section-three .course-con h3:hover {
	color: #7b69f1;
}
.course-section-three .course-con .teacher {
	color: #999;
	font-size: 14px;
	margin-bottom: 20px;
	display: none;
}
.course-section-three .course-con .course-con-row {
	display: none;
}
.course-section-three .course-con .time,
.course-section-three .course-con .learn-num {
	display: inline-block;
	line-height: 26px;
	color: #666;
	font-size: 14px;
}
.course-section-three .course-con .time .icon {
	width: 26px;
	height: 26px;
	fill: #7b69f1;
	display: inline-block;
	padding-right: 5px;
	vertical-align: top;
}
.course-section-four {
	display: none;
}
.course-section-four.on {
	display: block;
}
.course-section-four .course-list {
	padding: 15px 30px;
	/*display: flex;
	align-items: start;
	justify-content: space-between;
	flex-wrap: wrap;*/
	margin:0 -7.5px;
	font-size:0;
}
.course-section-four .course-list li {
	margin: 15px 0;
	padding:0 7.5px;
	width: 100%;
	box-sizing: border-box;
	position:relative;
	display: inline-block;
    vertical-align: top;
}
.course-section-four .course-list li a{
	font-size:0;display:block;position:relative;
}
.course-section-four .course-list .img-box {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	position:relative;
	font-size:14px;
}
.course-section-four .course-list img {
	display: block;
	width: 100%;
}
.course-section-four .course-con {
	width: calc(100% - 200px);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	/*padding: 10px;*/
	text-align: left;
	background: #fff;
	font-size:14px;
	padding-left:20px;


}
.course-section-four .course-con-bottom{
	position:absolute;
	left:220px;
	bottom:0;
	right:0;
	box-sizing:border-box;
	}
.course-section-four .course-con h3 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom:10px;
	/*display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
	white-space:nowrap;
}
.course-section-four .course-con h3:hover {
	color: #7b69f1;
}
.course-section-four .course-con .teacher {
	color: #999;
	font-size: 14px;
	margin-bottom: 10px;
}
.course-section-four .course-con-row {
	width: 70%;
}
.course-section-four .course-con .time,
 .course-section-four .course-con .learn-num {
	display: inline-block;
	line-height: 26px;
	color: #666;
	font-size: 14px;
}
.course-section-four .course-con .time .icon {
	width: 26px;
	height: 26px;
	fill: #7b69f1;
	display: inline-block;
	padding-right: 5px;
	vertical-align: top;
}
.course-section-five {
	background: #fff;
	padding: 30px 15px;
	margin-top: 30px;
}
.course-section-five .img-box {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	padding: 0 15px;
	box-sizing: border-box;
	/*height:320px;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;*/
}
.course-section-five img {
	display: block;
	width: 100%;
}
.course-section-five .course-con {
	padding: 0 30px;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	box-sizing: border-box;
}
.course-section-five .course-con h2 {
	color: #333;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 15px;
	/*overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;*/
}
.course-section-five .course-con h2:hover {
	/*color: #7b69f1;*/
}
.course-section-five .course-con h6 {
	color: #999;
	font-size: 18px;
	font-weight: 400; 
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.course-section-five .course-con .btn-tip{   
	font-size: 16px;
    margin-top: 10px;}
.course-section-five .course-con .teacher {
	color: #999;
	margin-bottom: 15px;
	font-size: 20px
}
.course-section-five .course-con .time,
.course-section-five .course-con .learn-num {
	display: inline-block;
	line-height: 26px;
	color: #666;
	font-size: 14px;
}
.course-section-five .course-con .icon {
	width: 26px;
	height: 26px;
	fill: #7b69f1;
	display: inline-block;
	padding-right: 5px;
	vertical-align: top;
}
.course-section-five .course-con .btn {
	font-size: 24px;
	color: #fff;
	background: #7b69f1;
	display: inline-block;
	line-height: 54px;
	padding: 0 20px;
	border-radius: 5px;
	box-shadow: -2px 2px 8px rgba(126,125,193,0.4);
	-webkit-appearance: none;
	margin-top: 20px;
	border: 2px solid transparent;
}
.course-section-five .course-con .btn:hover {
	background: transparent;
	color: #7b69f1;
	transition: all 0.3s ease-in-out;
	border-color: #7b69f1;
}
.traning-tit2 {
	padding: 0 0 10px;
	background: #fff;
	position: relative;
	margin-bottom: 10px;
	font-weight: 400;
	border-bottom: 1px solid #e9e9e9;
}
.traning-tit2 span {
	font-size: 18px;
	color: #333;
	padding-left: 0;
}
.course-section-six {

	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}
.course-section-six .course-list {
	font-size:0;
}
.course-section-six .course-list li {
	width: 100%;
	background: #fff;
	padding: 15px 0;
	box-sizing: border-box;
	
}
.course-section-six .course-list .img-box{
	position:relative;
	}
.course-section-six .course-list img {
	display: block;
	width: 100%;
}
.course-section-six .course-con {
	padding: 15px 0 0;
}
.course-section-six  .course-con h3 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	/*display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
}
.course-section-six .course-con h3:hover {
	color: #7b69f1;
}
.course-section-six .course-con .teacher {
	color: #999;
	font-size: 14px;
	margin-bottom: 15px;
}
.course-section-six .course-con .time, 
.course-section-six .course-con .learn-num {
	display: inline-block;
	line-height: 26px;
	color: #666;
	font-size: 14px;
}
.course-section-six .course-con .icon {
	width: 26px;
	height: 26px;
	fill: #7b69f1;
	display: inline-block;
	padding-right: 5px;
	vertical-align: top;
}


.traning-box .watch-live-pop{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;

	background: -moz-linear-gradient(top, rgba(246,247,251,0.2) 0%, rgba(246,247,251,1) 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,251,0.2)), color-stop(90%,rgba(246,247,251,1)));
    background: -webkit-linear-gradient(top, rgba(246,247,251,0.2) 0%,rgba(246,247,251,1) 90%);
    background: -o-linear-gradient(top, rgba(246,247,251,0.2) 0%,rgba(246,247,251,1) 90%);
    background: -ms-linear-gradient(top, rgba(246,247,251,0.2) 0%,rgba(246,247,251,1) 90%);
    background: linear-gradient(to bottom, rgba(246,247,251,0.2) 0%, rgba(246,247,251,1) 90%);
	z-index:100000;
}
.traning-box .watch-live-con{
	width:420px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	padding: 30px;
    background: #fff;
    border-radius: 4px;
}
.traning-box .watch-live-list{
	padding:10px 0;
	display: flex;
}
.traning-box .watch-live-list .list-con{
	background:#fff;
	display: flex;
	border-radius:5px;
	width:100%;
	border: 1px solid #ccc;
}
.traning-box .watch-live-list input{
	line-height:30px;
	border:none;
	display:block;
	padding:10px 20px;
	font-size:16px;
	border-radius:5px;
	background:#fff;
	width:100%;
	box-sizing:border-box;
}
.traning-box .watch-live-list span{
	height:30px;
	width:1px;
	background:#ccc;
	margin:10px 0;
}
.traning-box .watch-live-list #tel{
	width:65%;
}
.traning-box .watch-live-list #get_code{
	width:35%;
	text-align:center;
	color: #7b69f1;
}

.traning-box .watch-live-list .lt{
	width:calc(65% - 20px);
	margin-right:20px;
}
.traning-box .watch-live-list .rt{
	width:35%;
	background:none;
}
#watch-live-button{
	background:#7b69f1;
	border-radius:5px;
	color:#fff;
}
.traning-box .watch-live-pop .watch-live-login{
	display:inline-block;
	font-size:16px;
	color: #7b69f1;
	text-decoration:underline;
}














.presentation-main .live-box{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 20px;
}
.presentation-main .live-box .live-left{
    width: calc(100% - 484px);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.presentation-main .live-box .live-left-top{
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.presentation-main .live-box .live-info{
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.presentation-main .live-box .live-left-mid img{
	display:block;
	max-width:100%;
}




.presentation-main .live-box .live-right{
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 460px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
	position:relative;
	padding-bottom:24px;
}
.presentation-main .live-box .live-right .live-right-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 24px 0;
	width:100%;
	box-sizing:border-box;
}
.presentation-main .live-box .live-right .is_live{
    width: 120px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #E1E6FF;
    border-radius: 0px 27px 27px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #634BFF;
}
.presentation-main .live-box .live-right .livi_time{
    color: #999;
}
.presentation-main .live-box .live-right .video-live-rt{
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 110px);
    background: #F3F3F5;
    width: calc(100% - 48px);
}
.presentation-main .live-box .live-right .is_live_title{
    font-size: 16px;
    line-height: 22px;
    color: #999999;
	margin-bottom:24px;
}
.presentation-main .live-box .live-right #endtime{
	display:none;
}
.presentation-main .live-box .live-right .timecounter{
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom:30px;
}
.presentation-main .live-box .live-right .premium{
	margin-right:16px;
}
.presentation-main .live-box .live-right .premium span{
	display: flex;
    justify-content: center;
    align-items: center;
	width: 54px;
	height: 54px;
	background: #FFFFFF;
	border-radius: 8px;
	font-size: 32px;
	font-weight: bold;
	color: #FF0045;
}
.presentation-main .live-box .live-right .premium p{
	text-align:center;
	font-size:16px;
	color:#999;
	margin-top:10px;
}
.presentation-main .live-box .live-right .is_live_button {
    display: inline-block;
    background: #E1E6FF;
    border: 1px solid #634BFF;
    border-radius: 4px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #634BFF;
	transition:all 0.3s ease;
}
.presentation-main .live-box .live-right .is_live_button:hover{
	background: #634BFF;
	color: #fff;
}



















.presentation-main .live-box .live-right .send-box{
	padding: 15px;
    background: #333;
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.presentation-main .live-box .live-right .send-txt {
    padding: 10px;
    background: #fff;
    color: #333;
    font-size: 14px;
    padding: 10px;
    height: 40px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 60px);
    border: 0;
    border-radius: 0;
}
.presentation-main .live-box .live-right .send-btn {
    background: #7b69f1;
    color: #fff;
    font-size: 16px;
    width: 60px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border: 0;
    line-height: 40px;
    border-radius: 0;
}











.watch-live-pop{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index:100000;
}
.watch-live-pop .watch-live-con{
	width:420px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	padding: 30px;
    background: #fff;
    border-radius: 4px;
}
.watch-live-pop .watch-live-list{
	padding:10px 0;
	display: flex;
}
.watch-live-pop .watch-live-list .list-con{
	background:#fff;
	display: flex;
	border-radius:5px;
	width:100%;
	border: 1px solid #ccc;
}
.watch-live-pop .watch-live-list input{
	line-height:30px;
	border:none;
	display:block;
	padding:10px 20px;
	font-size:16px;
	border-radius:5px;
	background:#fff;
	width:100%;
	box-sizing:border-box;
}
.watch-live-pop .watch-live-list span{
	height:30px;
	width:1px;
	background:#ccc;
	margin:10px 0;
}
.watch-live-pop .watch-live-list #tel{
	width:65%;
}
.watch-live-pop .watch-live-list #get_code{
	width:35%;
	text-align:center;
	color: #7b69f1;
}

.watch-live-pop .watch-live-list .lt{
	width:calc(65% - 20px);
	margin-right:20px;
}
.watch-live-pop .watch-live-list .rt{
	width:35%;
	background:none;
}
#watch-live-button{
	background:#7b69f1;
	border-radius:5px;
	color:#fff;
}
.watch-live-pop .watch-live-login{
	display:inline-block;
	font-size:16px;
	color: #7b69f1;
	text-decoration:underline;
}














@media screen and (max-width:1200px) {
	/*.traning .traning-box {
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}*/
	.banner-box {
		margin-bottom:30px;
	}
	.banner {
		width: 100%;margin:0;
	}
	.course-category {
		width: 100%;
		margin: 0 0 30px 0;
		border: 0;
		position: relative;
		
	}
	.course-category .li {
		display: inline-block;
		position: static;
	}
	.course-category .li .course-category-option {
		border: 0;
	}
	.course-category .li .course-category-option .icon {
		position: static;
		height: 14px;
		width: 14px;
		padding: 5px;
		transform: rotate(90deg);
		vertical-align: middle;
	}
	.course-category .course-category-sub {
		top: 100%;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		margin-top: -17px;
		padding: 20px;
	}
	.course-category>ul {
		white-space: nowrap;
		overflow-y: auto;
		padding: 0 30px;
	}
	


	.course-category .course-category-sub.has-img li {
		width: 25%;
	}
	.course-category .li .course-category-sub .sub-cate {
		width: 100%;
		display: block;
	}
	.course-category .li .course-category-sub .sub-cate-list {
		width: 100%;
	}
	/*.course-section-one .course-list li a{height:170px;}*/
	.online-traning-main .main-lf {
		width: 100%;
	}
	.online-traning-main .main-rt {
		width: 100%;
	}
	.course-category2 {
		width: 100%;
		margin: 0 0 30px 0;
		border: 0;
		position: relative;
		min-height: auto;
	}
	.course-category2 .traning-tit3 {
		margin: 0 30px;
	}
	.course-category2>ul {
		white-space: nowrap;
		overflow-y: auto;
		padding: 0 15px;
	}
	.course-category2 .li {
		display: inline-block;
		position: static;
		padding: 0 18px;
	}
	.course-category2 .li .course-category-option .icon {
		position: static;
		height: 14px;
		width: 14px;
		padding: 5px;
		transform: rotate(90deg);
		vertical-align: middle;
	}
	.course-category2 .course-category-sub {
		top: 100%;
		left: 0;
		width: 100%;
		bottom: auto;
		margin-top: -17px;
		padding: 20px;
		box-sizing: border-box;
	}
	.course-category2 .li .course-category-sub .sub-cate {
		width: 100%;
		display: block;
	}
	.course-category2 .li .course-category-sub .sub-cate-list {
		width: 100%;
	}
	.course-category2 .course-category-sub.has-img li {
		width: 25%;
	}
	.presentation-main .main-lf {
		width: 100%;
	}
	.presentation-main .main-rt {
		width: 100%;
		margin-top: 30px;
	}
	/*.course-section-one .course-list li {
		width: calc(33.33% - 10px);
		margin: 7.5px 0;
	}*/
/*	.course-section-two .course-list li {
		width: calc(33.33% - 10px);
		margin: 7.5px 0;
	}*/
	.course-section-one .course-list,
	.course-section-two .course-list{margin:0 -7.5px;}
	.course-section-one .course-list li,
	.course-section-two .course-list li{padding:7.5px;}
	.course-section-three .course-list{margin:0 -7.5px;}
	.course-section-three .course-list li {
		width: calc(50% - 15px);
		margin: 7.5px;
		background: #fff;
		/*padding: 10px;*/
		box-sizing: border-box;
	}
	.course-section-three .course-con{padding-right:10px;    width: calc(100% - 200px);}
	.course-section-three .course-list .pic{width:180px;}
	.course-section-five .course-con h2 {
		font-size: 20px;
	}
	.course-section-five .course-con h6 {
		font-size: 16px;
	}
	.course-section-five .course-con .teacher {
		font-size: 18px;
	}
	.course-section-five .course-con .btn {
		font-size: 20px;
		line-height: 46px;
	}
	.course-section-five .img-box {
		width: 50%;
		/*height:250px;*/
	}
	.course-section-six {
		padding: 20px 15px 0;
	}
	.course-section-six .course-list{margin:0 -7.5px;}
	.course-section-six .course-list li {
		width:33.33%;
		padding: 7.5px 7.5px;
		display:inline-block;vertical-align:middle;box-sizing:border-box;
	}
	.course-section-six .course-con {
		padding:20px 10px;
	
	}

	.course-list-main .main-rt {
		width: 100%;
	}
	.course-section-four .course-list li {
		width: 50%;
		margin:7.5px 0;
	}
	.course-section-four .course-con {
		/*padding: 0;
		vertical-align:middle;*/
	}
	.course-section-four .course-con-bottom{
		/*padding:0;
		position:static;
		width:100%;*/
		left:200px;
	}
	.course-section-four .course-list .img-box{
	
		width:180px;
	}
	.course-section-four .pic {
		width: calc(50% - 20px);
	}
	.course-section-four .course-con h3{
		font-size:16px;
	}
	.course-section-four .course-con .time .icon{
		width:20px;
		
	}
	.course-section-four .course-con .teacher {
		margin-bottom: 10px;
	}
}
@media screen and (max-width:1024px) {
	.course-category .course-category-sub {
		margin-top: 0;
	}
	.course-category>ul {
		padding: 0 15px;
	}
	.course-category2 .course-category-sub {
		margin-top: 0;
	}
	.course-category2 .traning-tit3 {
		margin: 0 15px;
	}
	.course-category2>ul {
		padding: 0 15px;
	}
	.course-section-five {
		padding: 20px 15px;
	}
	.course-section-five .course-con h6 {
		margin-bottom: 15px;
	}
	.course-section-five .course-con h2 {
		margin-bottom: 10px;
	}
	.course-section-five .course-con .btn {
		font-size: 18px;
		line-height: 40px;
		margin-top: 20px;
	}
	.course-section-five .course-con .teacher {
		font-size: 16px;
	}
	.tab-box .tab-bar {
		padding: 0 15px;
	}
	.tab-box .tab-bar:after {
		left: 15px;
		right: 15px;
	}
	.tab-box .tab-content {
		padding: 20px 15px;
	}
	.tab-box .tab-content .h3 {
		font-size: 16px;
	}
	.tab-box .tab-bar h2 {
		font-size: 16px;
		padding: 0 15px;
	}
	.presentation-main .main-rt .lecturer {
		padding: 30px 15px;
	}
	.course-section-four .course-list {
		padding: 15px;
	}
	/*.course-section-two .course-list li .pic{height:130px;}*/
	/*.course-section-one .course-list li a{height:130px;}*/
}
@media screen and (max-width:1023px) {
	.course-section-five .course-con {
		padding:0 20px;
	}
	/*course-section-five .course-con h2 {
		font-size: 18px;
		margin-bottom: 8px;
	}
	course-section-five .course-con h6 {
		margin-bottom: 8px;
		font-size: 14px;
	}
	course-section-five .course-con .teacher {
		margin-bottom: 8px;
		font-size: 14px;
	}
	course-section-five .course-con .btn {
		font-size: 16px;
		line-height: 36px;
		margin-top: 10px;
	}
	course-section-five .img-box {
		width: 100%;
	}
	course-section-five .course-con {
		width: 100%;
		padding: 15px;
	}
	course-section-five {
		padding: 20px 0;
	}
*/
	/*.course-section-one .course-list li {
		width: 100%;
	}*/
	/*.course-section-two .course-list li {
		width: calc(50% - 7.5px);
	}*/
	
	
	.course-section-three .course-list .pic{width:150px;}
	.course-section-three .course-con{width:calc(100% - 170px);}
	.course-section-two .course-con h3 {
		font-size: 14px;
		line-height: 20px;
	}
	.course-section-two .course-con .teacher {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.course-section-two .course-con .time,
	.course-section-two .course-con .learn-num {
		font-size: 12px;
		line-height: 20px;
	}
	.course-section-two .course-con .time .icon {
		width: 20px;
		height: 20px;
	}
	.course-section-three .course-list li {
		/*width: 100%;*/
	}
	.course-section-three .course-con h3 {
		font-size: 14px;
		line-height: 20px;
		-webkit-line-clamp: 2;
	}
	.course-section-three .course-con .teacher {
		display: block;
		margin-bottom: 5px;
		font-size: 12px;
	}
	.course-section-three .course-con .course-con-row {
		display: block;
	}
	.course-section-three .course-con .time,
	.course-section-three .course-con .learn-num {
		font-size: 12px;
		line-height: 20px;
	}
	.course-section-three .course-con .time .icon {
		width: 20px;
		height: 20px;
	}

	.course-section-four .course-list li{
		width:100%;
	}
	.course-section-four .course-con h3 {
		font-size: 14px;
		line-height: 20px;
	}
	.course-section-four .course-con .teacher {
		display: block;
		margin-bottom: 5px;
		font-size: 12px;
	}
	.course-section-four .course-con .course-con-row {
		display: block;
	}
	.course-section-four .course-con .time,
	.course-section-four .course-con .learn-num {
		font-size: 12px;
		line-height: 20px;
	}
	.course-section-four .course-con .time .icon {
		width: 20px;
		height: 20px;
	}
	.course-section-six .course-con h3 {
		font-size: 14px;
		line-height: 20px;
		-webkit-line-clamp: 2;
	}
	.course-section-six .course-con .teacher {
		margin-bottom: 5px;
		font-size: 12px;
	}
	.course-section-six .course-con .time,
	.course-section-six .course-con .learn-num {
		font-size: 12px;
		line-height: 20px;
	}
	.course-section-six .course-con .time .icon {
		width: 20px;
		height: 20px;
	}
	.course-section-five .course-con h2 {
		font-size: 18px;
	}
	.course-section-five .course-con h6 {
		font-size: 14px;
	}
	.course-section-five .course-con .teacher {
		font-size: 14px;
	}
	.course-section-five .course-con .time,
	.course-section-five .course-con .learn-num {
		font-size: 12px;
		line-height: 20px;
	}
	.course-section-five .course-con .time .icon {
		width: 20px;
		height: 20px;
	}
	.course-section-five .course-con .btn {
		font-size: 16px;
	}
	.course-section-four .course-list .img-box{width:150px;}
	.course-section-four .course-con{width:calc(100% - 170px);}
	.course-section-four .course-con-bottom{left:170px;}
	
	.traning-detail .traning-detail-top{
		flex-direction: column;
	}
	.traning-detail .traning-detail-top .traning-detail-top-left{
		width: 100%;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right{
		width: 100%;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-1{
		padding: 20px;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail{
		max-height: 100%;
	}
	.traning-detail .course-list{
		grid-template-columns: repeat(2,1fr);
		grid-row-gap: 24px;
		grid-column-gap: 24px;
	}
	
	.traning .section-1 .traning-banner a{
		height:auto;
	}
	.traning .section-1 .traning-banner a img.pc{
		display:none;
	}
	.traning .section-1 .traning-banner a img.wap{
		display:block;
	}
	.presentation-main .live-box{
		flex-direction: column;
	}
	.presentation-main .live-box .live-left{
		width:100%;
	}
	.presentation-main .live-box .live-right{
		width: 100%;
		margin-top: 40px;
	}
	.presentation-main .live-box .live-right .video-live-rt{
		padding:50px 0;
	}	
	.course-list{
		grid-template-columns: repeat(2,1fr);
		grid-row-gap: 24px;
		grid-column-gap: 24px;
	}
}
@media screen and (max-width:767px) {
	.watch-live-pop .watch-live-con{
	    width: calc(100% - 30px);
	    box-sizing: border-box;
	}
	.traning .traning-box {
		max-width: 100%;
		padding: 0 15px;box-sizing:border-box;
	}
	
	/*.course-section-one .course-list li a{height:100px;}*/
	.course-section-two .course-list li{width:50%;}
	/*.course-section-two .course-list li .pic{height:100px;}*/
	.course-section-two .course-con{padding:10px;}
	.course-section-three .course-list li {width:calc(50% - 15px);}
	.course-section-three .course-list .pic{/*width:calc(50% - 15px);height:80px;*/margin:0;width:100%;}
	.course-section-three .course-con{width:100%;padding:10px;}
	.course-section-three .course-con h3{    -webkit-line-clamp: 1;}
	/*.course-section-six .course-list li .pic{height:100px;}*/
	.course-section-six .course-list li {
		/*width: 50%;*/
		width:100%;
	}
	.course-section-four .course-list li {
		width: 100%;margin:7.5px 0;
	}
	.course-category .course-category-sub.has-img li {
		width: 33.33%;
	}
	.course-category .course-category-sub img {
		max-width: 85%;
	}
	.course-category2 .course-category-sub.has-img li {
		width: 33.33%;
	}
	.course-category2 .course-category-sub img {
		max-width: 85%;
	}
	.traning-tit {
		line-height: 20px;
	}
	.traning-tit span {
		font-size: 20px;
		padding-left: 15px;
	}
	.traning-tit a {
		font-size: 14px;
	}
	.course-category2 .traning-tit3 {
		font-size: 20px;
		padding-left: 15px;
	}
	.presentation-main .main-lf .tab-content .course-list .li>div p {
		font-size: 14px;
	}
	.course-section-five .img-box {
		padding:0;width:100%;margin:0 auto;display:block;
		
	}
	.course-section-five .course-con {
		width:100%;
		padding:20px 0 0 0;
	}
	.course-category2 .li .course-category-option {
		font-size: 14px;
	}
	.course-category2 .li {
		padding: 0 10px;
	}
	.course-category .li .course-category-option {
		font-size: 14px;
	}
	.course-category>ul{padding:0 10px;}
	.course-category .li {
		padding: 0 10px;
	}
	.swiper-pagination-bullet{
		width:15px;
		height:2px;
		margin:0 2px !important;
	}
	.course-section-five .course-con h2{margin-bottom:5px;}
	.course-section-five .course-con h6{}
	.course-list-main .load-more{margin-top:0;}
	.course-section .li{padding:15px;}
	.videodiv-wapper {}

	.course-section-four .course-con-row{
		width:100%;max-width:400px;
	}
	.traning-detail .traning-detail-top .video-icon{
		margin:-30px 0 0 -30px;
	}
	.traning-detail .traning-detail-top .video-icon svg{
		width:60px;
		height:60px;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-2{
		padding: 0 20px;
		height: 100px;
	}
	.lecturer-detail,
	.traning-detail .lecturer{
		padding:20px;
	}
	.lecturer-detail:before {
		left: 20px;
		width: calc(100% - 40px);
	}
	.traning-detail .lecturer .portrait{
		width: 80px;
		height: 80px;
	}
	.traning-detail .lecturer .lecturer-right{
		width: calc(100% - 100px);
	}
	.traning-detail .course-list {
		grid-template-columns: repeat(1,1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
	.presentation-main .live-box .live-right{
		margin-top:20px;
	}
	.course-list {
		grid-template-columns: repeat(1,1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
	
}
@media screen and (max-width:400px) {
.course-section-one .course-list{white-space:nowrap;overflow-x:auto;margin:0;}
.course-section-one .course-list li{width:100%;padding:0;margin-right:15px;}
.course-section-one .course-list li:last-child{margin-right:0;}

.course-section-five .img-box {width: 100%;}
.course-section-five .course-con {width: 100%;padding: 15px 0;}
	.course-section-four .course-list .img-box{
		width:100%;
		height:auto;
	}
	.course-section-four .course-con{
		width:100%;
		height: auto;
		
		padding:10px 0;
		
	}
	.course-section-four .course-con-bottom{
		position:relative;
		left:0;
	}

}
@media screen and (max-width:350px) {
	.course-section-three .course-list li {width:calc(100% - 15px);}
	.course-section-six .course-list li {
		width: 100%;
	}
	.course-section-one .course-list li{width:100%;}
	.course-section-two .course-list li {
		width: 100%;
	}
	.course-section-three .course-list .pic {
		margin: 0;
		width: 100%;
	}
	.course-section-three .course-con {
		width: 100%;
		padding:10px;
	}
	.traning-tit span {
		font-size: 18px;
	}
	.course-category2 .traning-tit3 {
		font-size: 18px;
		line-height: 49px;
	}
	.tab-box .tab-bar h2 {
		line-height: 50px;
	}
	.course-section-four .course-list .img-box {
		width: 100%;
		margin: 0;
	}
	.course-section-four .course-con {
		width: 100%;
		padding: 10px 0 0;
	}
	.course-section .li {
		padding: 15px;
	}
	.course-section .li .i {
		width: 30px;
		height: 30px;
	}
	.course-section .li .i:before {
		border-top-width: 6px;
		border-bottom-width: 6px;
		border-left-width: 9px;
		left: 11.5px;
	}
	.course-section .li>div {
		margin-left: 10px;
		width: calc(100% - 44px);
	}
	.course-section .li>div h6 {
		font-size: 14px;
	}
	.course-section .li>div p {
		font-size: 12px;
	}
	.course-section-six .pic {
		width: 100%;
		margin: 0;
	}
	.course-section-six .course-con {
		width: 100%;
		padding: 15px 0;
	}
	.course-section-four .course-con-bottom{position:static;width:100%;}
}


/* video live */
.live_tag{
	font-size: 13px;
    color: #fff;
    background: #ff6600;
    border-radius: 5px;
    line-height: 24px;
    padding: 0 8px;
    text-decoration: none;
	position:absolute;
	top:0;
	right:5px;
	margin-top:5px;
	display:inline-block;
	}
.book-box{}


.live-content-box {
    position: relative;
}

.live-bar {
    font-size: 0;
    padding: 10px 0;
    background: #fff;
}

.live-wapper {
    padding: 0 30px;
}

.live-bar .bar-lf {
	text-align:left;
    font-size: 20px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    white-space: nowrap;
    font-weight: normal;
}

.live-bar .bar-lf .bar-btn {
    font-size: 14px;
    color: #fff;
    background: #ff6600;
    border-radius: 5px;
    line-height: 30px;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    text-decoration: none;
}

.live-bar .bar-rt {
    font-size: 14px;
    color: #333;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.live-bar .bar-rt p {
    margin: 5px 0;
	line-height:1;
}

.live-notice {
    position: absolute;
	transform:translateY(-50%);
    top: 50%;
    right: 0;
	left:0;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
	z-index:1;
}	
.live-notice h3 {
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 20px;

}

.live-notice .notice-btn {
    font-size: 16px;
    color: #fff;
    background: #7b69f1;
    display: inline-block;
    line-height: 50px;
	width:125px;
	text-align:center;
    /*padding: 0 40px;*/
    border-radius: 5px;
    /*border: 2px solid transparent;*/
    text-decoration: none;
}

.live-notice .notice-btn:hover {

    background: #5e50b8;
    /*color: #7b69f1;*/
    transition: all 0.3s ease;
    border-color: #7b69f1;
	box-shadow:none;
}

.live-notice .notice-timecounter {
    margin-bottom: 30px;
}

.live-notice .notice-timecounter #endtime {
    display: none;
}

.live-notice .timecounter {
    color: #0C0C0C;
}

.live-notice .timecounter .premium {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    padding: 5px 0;
    color: #fff;
    border: 1px solid #fff;
    margin: 0 2px;
    font-size: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;

}

.live-notice .timecounter .premium p {
    font-size: 14px;
    font-weight: 100;
}

.live-notice .notice-p {
    margin-bottom: 40px;
    font-size: 24px;
}
.video-live-cont {
    position: relative;
}

.video-live-cont .video-live-lf {
    width: 75%;
    background: #666;
	position:relative;
	/*height:500px;*/
}
.video-live-cont .video-live-lf .cover_img{
	display:block;
	/*max-width:100%;
	max-height:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);*/
	width:100%;
	
	
	}
.video-live-cont .video-live-lf video{
	display:none;
	}
.video-live-cont .course-section-five{
	min-height:400px;
	margin:0;
	
	
	}
.video-live-cont .course-section-five .img-box{
	width:50%;
	
	}
.video-live-cont .course-section-five .course-con{
	padding:0 15px;
	}	
	
.video-live-cont .video-live-rt {
    width: 25%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #333;
    box-sizing: border-box;
}

.video-live-cont .video-live-rt .speak-list {
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    max-height:100%;
    color: #fff;
    line-height: 1.3;
    font-size:13px;
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:70px;
	padding:10px;
	
}
.video-live-cont .video-live-rt .speak-li{
	margin-bottom:8px;
}
.video-live-cont .video-live-rt .speak-id{
    padding-right:5px;
}

.video-live-cont .video-live-rt .speak-list .speak-li.administrator {
    color: #6758d1;
}

.video-live-cont .video-live-rt .send-box {
    padding: 15px;
    background: #333;
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	display:none;
}

.video-live-cont .video-live-rt .send-txt {
    padding: 10px;
    background: #fff;
    color: #333;
    font-size: 14px;
    padding: 10px;
    height: 40px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 60px);
    border: 0;
	border-radius:0;
}

.video-live-cont .video-live-rt .send-btn {
    background: #7b69f1;
    color: #fff;
    font-size: 16px;
    width: 60px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border: 0;
    line-height: 40px;
	border-radius:0;
}

/*滚动条样式*/
.scrollbar::-webkit-scrollbar {
    width: 8px;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.2);
    height: 50px;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.1);
}

/*滚动条样式*/


.traning .section-1 .section1-wap-nav,
.traning .section3-mobile1-container,
.traning .section3-mobile2-container{
	display:none;
}


























@media screen and (max-width: 1440px){
	.traning .section-3 .section-3-list li{
		height:173px;
	}
	.traning .section-3 .section-3-list li img{
		height:143px;
	}
	.traning .section-3 .section-3-list li .course-con{
		width: calc(100% - 240px);
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-1{
		padding: 30px;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail{
		max-height: 110px;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-2{
		height: 90px;
		padding: 0 30px;
	}
}
@media screen and (max-width: 1366px){
	.traning .section-1 .traning-banner a{
		height:320px;
	}
	.traning .section-3 .section-3-list li{
		height:169px;
	}
	.traning .section-3 .section-3-list li img{
		height:139px;
	}
	.traning .section-3 .section-3-list li .course-con{
		width: calc(100% - 225px);
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-2{
		height:80px;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail{
		max-height: 90px;
	}
}
@media screen and (max-width: 1280px){
	.traning .section-1 .traning-banner a{
		height:300px;
	}
	.live-notice .timecounter .premium{
		width:40px;
		font-size:20px;
	}
	.live-bar .bar-lf{
		font-size:18px;
	}
	.traning .section-3 .section-3-list li{
		height:165px;
	}
	.traning .section-3 .section-3-list li img{
		height:135px;
	}
	.traning .section-3 .section-3-list li .course-con{
		width: calc(100% - 215px);
	}
}
@media screen and (max-width: 1024px){
	.traning .section-1 .traning-banner a{
		height:265px;
	}
	.video-live-cont .course-section-five{
		min-height:auto;
	}
	.video-live-cont .course-section-five .img-box{width:100%;}
	.video-live-cont .course-section-five .course-con{width:100%;}
	.video-live-cont .video-live-rt{width:30%;}
	.video-live-cont .video-live-lf{width:70%;}
	.live-bar .bar-lf .bar-tip{display:none;}
	.live-bar .bar-lf{
		font-size:16px;
		}
	.live-wapper{padding:0 15px;}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-1{
		padding:20px;
	}
	.traning-detail .traning-detail-top .traning-detail-top-right .box-1 .detail{
		max-height: 70px;
	}
}
@media screen and (max-width: 1023px){
	.video-live-cont .video-live-rt .speak-list{
		font-size:12px;
		bottom:50px;
	}
	.video-live-cont .video-live-rt .send-box{
		padding:10px;
	}
	/*.video-live-cont .video-live-rt .send-txt{
		padding:5px 10px;
		height:30px;
		}
	.video-live-cont .video-live-rt .send-btn{
		line-height:30px;
		font-size:14px;
	}*/
	.live-notice h3{font-size:20px;}
	
}

@media screen and (max-width: 992px){	
	.traning .section-1 .traning-banner a{
		height:240px;
	}
	.live-bar .bar-rt{
		width:100%;
		text-align:left;
		}
	.live-bar .bar-lf{width:100%;white-space: normal;}
	
	.traning .section-2 .section-2-list ul{
		grid-template-columns: repeat(2,1fr);
		grid-row-gap: 40px;
		grid-column-gap: 24px;
	}
	.traning .section-3{
		flex-direction: column;
	}
	.traning .section-3 .section-3-left, .traning .section-3 .section-3-right{
		width:100%;
	}
	.traning-list .traning-list-content-items ul{
		grid-template-columns: repeat(2,1fr);
		grid-row-gap: 40px;
		grid-column-gap: 24px;
	}
	
	
	
	
	
	
}
@media screen and (max-width: 768px){	
	.traning .section-1 .traning-banner a{
		height:auto;
	}
	.traning .section-1 .traning-banner a img{
		width:auto;
		height:auto;
		object-fit:inherit;
	}
	.traning-box .watch-live-con{
		width:90%;
	}
}
@media screen and (max-width: 767px){	
	.live-wapper{
		padding:0 15px;
	}
	.live-bar .bar-lf .bar-btn{
		font-size:13px;
		padding:0 10px;
		line-height:25px;
		margin-left:5px;
	}
	.video-live-cont .video-live-lf{
		width:100%;
		height:auto;
		}
	/*.video-live-cont .video-live-lf .cover_img{
		position:static;
		transform:none;
		}*/
	.video-live-cont .video-live-rt{
		width:100%;
		position:relative;
		}
	.live-notice{
		position:static;
		transform:none;
		padding:20px 15px;
	}
	.video-live-cont .video-live-rt .speak-list{
		padding:20px 15px 20px 15px;
		max-height:300px;
		position: static;
	}
	.video-live-cont .video-live-rt .send-box{
		position: static;
		}
	/*.video-live-cont .video-live-rt{
		width:45%;
		}
	.video-live-cont .video-live-lf{
		width:55%;
	}*/
	.live-notice h3{
		font-size:20px;
	}
	.live-notice .notice-p{
		font-size:20px;
		margin-bottom:30px;
	}

	.live-bar .bar-rt p{
		display:inline-block;
	}	
	
	
	.traning .section-1 .section-1-nav{
		display:none;
	}
	.traning .section-1 .section1-wap-nav{
		display:block;
		background:#fff;
		padding:0 20px;
	}
	
	
	.traning .section-1 .section1-wap-nav li{
		border-bottom:1px solid #eee;
	}
	.traning .section-1 .section1-wap-nav li > a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		color: #1D2345;
	}
	.traning .section-1 .section1-wap-nav li > a svg{
		transition:all 0.3s ease;
	}
	.traning .section-1 .section1-wap-nav li .course-category-sub{
		background:#f5f5f5;
		padding:5px 0;
		display:none;
	}
	.traning .section-1 .section1-wap-nav li .course-category-sub dt{}
	.traning .section-1 .section1-wap-nav li .course-category-sub dd{}
	.traning .section-1 .section1-wap-nav li .course-category-sub a{
		display:block;
		height:50px;
		line-height:50px;
		text-indent:15px;
		color: #1D2345;
	}
	.traning .section-1 .section1-wap-nav li .course-category-sub dd a{}

	.traning .section-1 .section1-wap-nav li.on > a svg{
		transform:rotate(180deg);
	}
	.traning .section-1 .section1-wap-nav li.on .course-category-sub{
		display:block;
	}
	.traning .section-3 .section-2-list ul,
	.traning .section-2 .section-2-list ul{
		grid-template-columns: repeat(1,1fr);
		grid-row-gap: 20px;
	}
	.traning .section-3 .section-3-list li{
		height: auto;
		margin-bottom: 20px;
	}
	.traning .section-3 .section-3-list li a{
		flex-direction: column;
	}
	.traning .section-3 .section-3-list li img{
		max-width: 100%;
		max-height: 100%;
	}
	.traning .section-3 .section-3-list li .course-con{
		padding: 0;
		width: 100%;
		margin-top: 15px;
	}
	.traning .section-3 .section-3-list li .course-bom{
		margin-top: 10px;
	}
	.traning .mobile-more{
		display:block;
		text-align:center;
		margin-top:30px;
	}
	.traning .view-more{
		display:none;
	}
	.traning .courses-title {
		justify-content: center;
	}
	.traning .section-3 .section-3-left .section-2-list,
	.traning .section-3-list{
		display:none;
	}
	.traning .section3-mobile1-container, 
	.traning .section3-mobile2-container{
		display:block;
	}

	.traning .section3-mobile1-container .pic {
		border-radius: 8px 8px 0 0;
		overflow: hidden;
		position: relative;
	}
	.traning .section3-mobile1-container .pic img {
		max-width: 100%;
		display: block;
	}
	.traning .section3-mobile1-container .course-con {
		background: #fff;
		border-radius: 0 0 8px 8px;
		overflow: hidden;
	}
	.traning .section3-mobile1-container .course-top {
		padding: 15px;
	}
	.traning .section3-mobile1-container .course-top h3 {
		font-size: 16px;
		color: #333;
		line-height: 24px;
		height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.traning .section3-mobile1-container .teacher {
		font-size: 14px;
		color: #999;
		margin-top: 15px;
	}
	.traning .section3-mobile1-container .live_start_time {
		font-size: 14px;
		color: #999;
		margin-top: 15px;
	}
	.traning .section3-mobile1-container .course-bom {
		height: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px;
		color: #999;
		border-top: 2px solid #eee;
	}
	.traning .section3-mobile1-container .time {
		display: flex;
		align-items: center;
	}
	.traning .section3-mobile1-container .time svg {
		width: 20px;
		height: 20px;
		fill: #999;
		margin-right: 10px;
	}
	
	.traning .section3-mobile2-container a{
		display: block;
		background: #fff;
		border-radius: 8px;
		padding: 15px;
	}
	.traning .section3-mobile2-container .pic{
		display: block;
	}
	.traning .section3-mobile2-container .pic img{
		max-width: 100%;
		max-height: 100%;
	}
	.traning .section3-mobile2-container .course-con{
		padding: 0;
		width: 100%;
		margin-top: 15px;
	}
	.traning .section3-mobile2-container .course-bom{
		margin-top: 10px;
	}
	.traning .section3-mobile2-container .mark{
		margin-top: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 24px;
		max-height: 48px;
	}
	
	
	.traning .section-3 .section3-mobile1-pagination,
	.traning .section-3 .section3-mobile2-pagination{
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}
	.traning .section-3 .swiper-pagination-bullet{
		width: 20px;
		height: 4px;
		background: #1D2345;
		border-radius: 0;
		opacity: 0.1;
		margin: 0 10px;
	}
	.traning .section-3 .swiper-pagination-bullet-active{
		opacity: 1;
	}
	.traning-list .traning-list-content-items ul{
		grid-template-columns: repeat(1,1fr);
		grid-row-gap: 20px;
	}


}
@media screen and (max-width: 700px){	

	
		

}
@media screen and (max-width: 480px){	
	.traning-box .watch-live-list input{
		font-size:14px;
		padding:8px 15px;
		line-height:25px;
	}
	.traning-box .watch-live-list span{
		margin: 8px 0;
		height:25px;
	}
	
}	
@media screen and (max-width: 320px){	
	.traning-box .watch-live-list input{
		font-size:13px;
		padding:8px 10px;
		line-height:20px;
	}
	.traning-box .watch-live-list span{
		margin: 8px 0;
		height:20px;
	}
	
}