*{
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
/*谷歌、safari、qq浏览器、360浏览器滚动条样式*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
	width: 5px;
	height: 6px;
	background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #bdbdbd;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.4);
}
/*IE滚动条颜色*/
html {
	scrollbar-face-color:#bfbfbf;/*滚动条颜色*/
	scrollbar-highlight-color:#000;
	scrollbar-3dlight-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-Shadow-color:#adadad;/*滑块边色*/
	scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/
	scrollbar-track-color:#eeeeee;/*背景颜色*/
}
/*loading效果*/
#loading{
	background-color: rgba(0,0,0,0.4);
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999999;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	margin-left: -25px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: loading-center-absolute 1.5s infinite;
	animation: loading-center-absolute 1.5s infinite;

}
.object{
	width: 25px;
	height: 25px;
	background-color: #5cbed4;
	float: left;
}
#object_one {
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
}
#object_three {
	-webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
}
#object_four {
	-webkit-animation: object_four 1.5s infinite;
	animation: object_four 1.5s infinite;
}


@-webkit-keyframes loading-center-absolute {
	100% { -webkit-transform: rotate(-45deg); }

}

@keyframes loading-center-absolute {
	100% {
		transform:  rotate(-45deg);
		-webkit-transform:  rotate(-45deg);
	}
}
@-webkit-keyframes object_one {
	25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }

}

@keyframes object_one {
	25% {
		transform: translate(0,-50px) rotate(-180deg);
		-webkit-transform: translate(0,-50px) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: translate(0,0) rotate(-180deg);
	}
}
@-webkit-keyframes object_two {
	25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_two {
	25% {
		transform: translate(50px,0) rotate(-180deg);
		-webkit-transform: translate(50px,0) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: translate(0,0) rotate(-180deg);
	}
}

@-webkit-keyframes object_three {
	25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_three {
	25% {
		transform:  translate(-50px,0) rotate(-180deg);
		-webkit-transform:  translate(-50px,0) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: rtranslate(0,0) rotate(-180deg);
	}
}
@-webkit-keyframes object_four {
	25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
	100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_four {
	25% {
		transform: translate(0,50px) rotate(-180deg);
		-webkit-transform: translate(0,50px) rotate(-180deg);
	}
	100% {
		transform: translate(0,0) rotate(-180deg);
		-webkit-transform: translate(0,0) rotate(-180deg);
	}
}


body{
	background-color: #f5f5f5;
}
a{
	text-decoration: none;
}
.swiper-container img{
    width: 100%;
    height: auto;
}
/*一键置顶*/
.mod-side-operation{
	height: auto;
	position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 3001;
}
/*导航固定*/
.nav-fixed{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999999;
	background-color: rgba(42, 58, 74, 0.9) !important;
	color: #fff !important;
	display: none;
}
.nav-fixed .navbar-brand,
.nav-fixed .navbar-nav a{
	color: #fff !important;
}

/*左边报名入口固定*/
.box-left{
	width: 10%;
	height: auto;
	position: fixed;
	top: 25%;
	left: 10px;
	z-index: 9999;
	cursor: pointer;
}
.box-right{
	width: 10%;
	height: auto;
	position: fixed;
	top: 25%;
	right: 10px;
	z-index: 9999;
	cursor: pointer;
}
.box-left img,
.box-right img{
	width: 100%;
	height: auto;
}




#top,#reply{display:block;width:50px;height:52px;overflow:hidden;cursor:pointer;margin: 10px 0;}
#top{background:url(../img/top.png) no-repeat;}
#reply{background:url(../img/reply.png) no-repeat;}
#top:hover{background:url(../img/toped.png) no-repeat;}
#reply:hover{background:url(../img/replyed.png) no-repeat;}
a{
	text-decoration:none;
}
.navbar{
	margin-bottom: 0;
}
/*.navbar-inverse{
	margin-bottom: 5px;
}*/
.swipers{
	width: 100%;
	margin-top: 15px;
}
.swiper-container{
	height: auto;
	padding: 0;
	background-color: #d4dbea;
}
.swiper-slide{
	text-align: -webkit-center;
}
.swiper-container img{
	width: auto;
	height: auto;
}
.swiper-wrapper-left{
	width: 200px;
	height: 90%;
	position: absolute;
	top: 12px;
	right: 10px;
	background-color:rgba(0,0,0,.5);
	z-index: 999;
	overflow: hidden;
	overflow-y: auto;
	border-radius: 3%;
}
.swiper-wrapper-left li{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*滚动条样式*/
.swiper-wrapper-left::-webkit-scrollbar {
    width: 4px;    
    /*height: 4px;*/
}
.swiper-wrapper-left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.7);
    background: rgba(0,0,0,0.2);
}
.swiper-wrapper-left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.7);
    border-radius: 0;
    background: rgba(0,0,0,1);
}
.swiper-wrapper-left li{
	color: #fff;
	font-size: 16px;
	padding: 14px 15px 14px 14px;
}



.opens .title{
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 50px;
	
}
.opens .title span{
	font-weight: 500;
	text-align: center;
	display: block;
	font-size: 28px;
}
.opens .title p{
	font-size: 16px;
	color: #919191;
	text-align: center;
	padding:10px;
}
.opens .title a{
	float: right;
}
.course-item .course-img{
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.course-item .course-img img{
	width: 100%;
	height: 100%;
}
/*.row{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}*/
.section-more-btn{
	text-align: center;
	padding: 30px 0;
}
.more{
	color: #616161;
    background-color: #f5f5f5;
    border-color: #dcdcdc;
    font-size: 16px;
    margin: 0 auto;
}
.opens{
	margin-bottom: 25px;
}
._blank{
	margin: 20px 0;
	cursor: pointer;
	padding: 10px;
	transition:all 1s;
}

._blank:hover{
	transform:translate(0,-20px);
}
._blank_body{
	padding: 13px;
	background-color: #fff;
}
._blank_body:hover{
	box-shadow: 1px 1px 8px #ccc;
}
.course-info .text-overflow{
	padding: 10px 0;
}
.course-info .text-o-show{
	display: flex;
	justify-content: space-between;
}
.course-info .text-overflow .teacher{
	display: flex;
	line-height: 28px;
	color: #999;
	font-size: 14px;
}
.course-info .text-overflow .teacher .img{
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 5px;
}
.course-info .text-overflow .teacher .img img{
	width: 100%;
	height: 100%;
}
.course-info .text-overflow p{
	float: right;
	color: #CCCCCC;
	font-size: 14px;
}
.course-info .text-overflow p span{
	margin-left: 5px;
	color:#43bc60;
}
.course-info a{
	width: 100%;
	padding: 6px 12px;
	text-align: center;
	display: inline-block;
	border: 1px solid #46c37b;
	color: #46c37b;
}
.course-info a:hover{
	background-color: #46c37b;
	color: #fff;
	text-decoration:none;
}
.input-group{
	margin-top: 8px;
}
.register{
	margin-top: 1%;
	text-align: right;
	/*display: flex;
	justify-content: flex-end;*/
	position: relative;
}
.register .face{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	background:url(../img/user-logo.jpg) no-repeat;
	background-size: 100% 100%;
	margin-left: 10px;
	cursor: pointer;
}
.register .face img{
	width: 100%;
	height: 100%;
}
.register a{
	color: #000;
	line-height: 27px;
}
.dropdown{
	width: 290px;
	min-height: 200px;
	background-color: #fff;
	position: absolute;
    bottom: -230px;
    right: -130px;
    z-index: 9999;
    border-radius: 4px;
    padding:28px 28px 0 28px;
    text-align: left;
    font-size: 12px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.02), 0 0 8px 0 rgba(0,0,0,.04), 0 8px 8px 0 rgba(0,0,0,.06);
    display: none;
}
.dropdown img{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	box-shadow: 2px 2px 5px #333333;
}
.user-dropdown__link{
	margin: 20px 0;
	font-size: 14px;
	text-align: center;
}
.user-dropdown__link div:hover{
	cursor: pointer;
}
.user-dropdown__link div:first-child{
	border-right: 1px solid #000;
}
.user-dropdown__logout{
	margin: 10px 0;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid rgb(0,0,0,.1);
	cursor: pointer;
}
.content{
	background-color: #f5f5f5;
	padding-bottom: 20px;
	min-height: 700px;
}
.es-banner{
	font-size: 20px;
	height: 80px;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
}
/*.content-container{  
	
}*/
.content-container .tabs-wrapper{
	border: 1px solid #e4ecf3;
    border-radius: 4px;
    margin-bottom: 30px;
    background-color: #fff;
}
.content-container .tabs-wrapper li{
	border-bottom: 1px dashed #e4ecf3;
	padding-left: 10px!important;
	padding-top: 10px!important;
	line-height: 40px;
	display: flex;
	flex-wrap: wrap;
}
.content-container .tabs-wrapper li:last-child{
	border: none;
}
.content-container .tabs-wrapper li p{
	margin: 0 20px;
	cursor: pointer;
}
.content-container .tabs-wrapper li .active{
	color:#009eef;
}
.content-container .tabs-wrapper li div{
	margin-right: 25px;
}
.es-filter{
	background-color: #fafafa;
}
.es-filter ul{
	display: flex;
	margin: 0;
}
.es-filter ul li{
	padding: 10px;
	cursor: pointer;
}
.es-filter ul .active{
	background-color: #43bc60;
	color: #fff;
}
.es-filter ul li:hover{
	background-color: #43bc60;
	color: #fff;
}
.course-list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.course-list li{
	padding: 10px;
	/*background-color: #fff;
	border:1px solid #e4ecf3;*/
	margin-bottom: 30px;
	border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
	cursor: pointer;
}
.course-body{
	border: 1px solid #e4ecf3;
	background-color: #fff;
	padding: 10px;
	position: relative;
}
.course-body .course-publish-status{
	position: absolute;
	left: -6px;
	top: 20px;
	padding: 9px 16px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	background-color: #707070;
}
.course-list li div:first-child{
	overflow: hidden;
}
.course-list li img{
	width: 100%;
	height: auto;
	cursor: pointer;  
    transition: all 0.8s;  
}
.course-list li img:hover{
	transform: scale(1.3);  
}
.course-list li p{
	padding-top: 10px;
	line-height: 24px;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.course-list li .metas{
	display: flex;
	justify-content: space-between;
	color: #43bc60;
}
.course-list li .metas .teacher{
	color: #999;
	font-size: 14px;
	display: flex;
	line-height: 25px;
}
.course-list li .metas .img{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 5px;
}
.list-teacher li{
	padding: 5px;
	display: flex;
	margin: 15px 0;
	padding: 15px 0;
	background-color: #f5f8fa;
}
.list-teacher li:hover{
	box-shadow: 0 0 10px #ccc;
	z-index:99;
	cursor: pointer;
}
.teacher-left{
	width: 25%;
	margin: auto 10px;
}
.teacher-left img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.teacher-right{
	width: 75%;
}
/*个人中心*/
.ux-user-info{
	width: 100%;
	height: auto;
	background:url(../img/user.png) no-repeat;
	text-align: center;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.user-img{
	width: 80px;
    height: 80px;
    margin: 0 auto;
    border: 4px solid rgba(250, 250, 250, 0.6);
    border-radius: 50%;
    overflow: hidden;
    margin-top: 30px;
    background: url(../img/user-img.jpg) no-repeat;
    background-size: 100% 100%;
}
.user-img img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.user-name{
	color: #fff;
	margin-top: 20px;
	font-size: 18px;
}
.user-name .user-name-pr{
	font-size: 16px;
	cursor: pointer;
}
.nav-tabs{
	display: flex;
}
.nav-tabs .active{
	color: #43bc60;
	border-bottom: 2px solid #43bc60;
}
.nav-tabs li{
	line-height: 22px;
	padding: 5px 30px 15px;
	font-size: 18px;
	cursor: pointer;
}
.nav-tabs li:hover{
	color: #43bc60;
}
.content-tabs{
	min-height: 300px;
}
/*面包屑*/
.breadcrumbs{
	margin: 20px 0;
	color: #919191;
}
.es-section{
	padding: 32px 0 32px 24px;
	background-color: #fff;
	border: 1px solid #e4ecf3;
	position: relative;
}
.es-section .course-detail__collection{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.es-section .course-detail__collection .collection{
	cursor: pointer;
}
.navbar-inverse{
	background-color: rgb(47,52,65);
}
.footer{
	background-color: #474443;
	color: #fff;
}
.course-detail-img img{
	width: 100%;
	height: 100%;
}
.course-detail-info__text{
	font-size: 18px;
}
.course-detail-info__text .course-detail__label .jg{
	font-size: 14px;
	color: #919191;
}
.course-detail-info__text .course-detail__label .num{
	font-size: 22px;
	color: #43bc60;
	font-weight: bold;
	margin-left: 10px;
}
.course-detail-info__text .course-detail-gray{
	background-color: #fafafa;
	padding: 16px 0 16px 16px;
	font-size: 13px;
	color: #919191;
}
.course-detail-info__text .course-detail-gray span{
	margin: 0 10px;
}
.cd-container{
	margin-top: 30px;
    min-height: 500px;
}
.cd-container .course-detail-content{
	background-color: #fff
}
.cd-container .nav-btn-tab{
	display: flex;
	margin: 0;
}
.cd-container .nav-btn-tab li{
	padding: 0 20px;
	line-height: 50px;
	font-size: 16px;
	cursor: pointer;
}
.cd-container .nav-btn-tab .active{
	color: #43bc60;
	border-bottom: 2px solid #43bc60;
}
.cd-container .nav-btn-tab li:hover{
	color:#43bc60;
}






/*验证码样式*/
.verification{
	width: 100%;
	background-color: #eee;
	padding: 10px 15px;
	display: flex;
}
.verification input{
	width: 40%;
	padding: 0 !important;
	margin: 0 !important;
}
.verification span{
	width: 60%;
	height: 100%;
}
.nav-btn-content{
	width: 100%;
	margin-top: 10px;
}
.nav-btn-content .infinite-container .es-icon{
	left: 20px;
    top: 17px;
    width: 16px;
    height: 16px;
    border: 1.5px solid #919191;
    display: block;
    border-radius: 50%;
    margin: 0 10px;
}
.nav-btn-content .infinite-container li{
	padding: 10px;
	color: #919191!important;
	background:#f5f5f5!important;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.myStudy{
	margin-top: .6%;
}


/*背景图*/
.hidden-xs{
    font-size: 18px;
    position: relative;
    margin-bottom: 50px;
    min-height: 222px;
}
.statistic-bg{
	width: 100%;
    height: 100%;
    background: 50% no-repeat fixed;
	background-image: url(https://qiniu.hlyykp.cn/52c018688b4932dea8fbf740cfe60bd.png);
	background-size: cover;
	position: absolute;
}
.hidden-xs .cover{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	position: absolute;
}
.course-detail_label{
	font-size: 14px;
	color: #919191;
	padding: 18px 0;
}


.navbar-inverse .navbar-brand:hover{
	color: #9d9d9d;
}

/*模态框 出现的高度*/
.modal.fade.in{
	top:90px;
}

.teacher-right .um-live-live-card-tit{
	font-size: 16px;
	line-height: 24px;
	word-break: break-all;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.teacher-right .um-live-live-card-subtit{
	font-size: 12px;
	line-height: 16px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.course-info .text-title{
	height:50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}