* {
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-family: '微软雅黑';
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	/* Firefox */
	-webkit-box-sizing: content-box;
	/* Safari */

}

a,
a:hover,
a:visited {
	text-decoration: none;
}

ul li,
ol li {
	list-style: none;
}

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

i,
em {
	font-style: normal;
}

img {
	vertical-align: top;
}

input,
select,
img {
	outline: none;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.clear {
	clear: both;
}


a:link,
a:visited,
a:active {
	text-decoration: none !important;
	color: #333;
}

a:hover {
	color: #333;
}

a {
	cursor: pointer;
}

input {
	outline: none;
}

a,
input {
	-webkit-tap-highlight-color: transparent;
}

input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.maincon {
	width: 1200px;
	margin: 0 auto;
}

.header {
	width: 100%;
	height: 110px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.head-mt {
	margin-top: 110px !important;
}

.head-mt-d {
	width: 100%;
	display: block;
	height: 110px;
}

.logo {
	width: 369px;
	height: 70px;
	float: left;
	margin: 20px 0 0;
	cursor: pointer;
}

.btn_writing {
	width: 118px;
	height: 32px;
	display: block;
	background-color: #ffffff;
	border: solid 1px #e60012;
	margin: 40px 0 0;
	box-sizing: border-box !important;
	font-size: 16px;
	line-height: 32px;
	color: #e90000 !important;
	text-align: center;
}

.header_login {
	margin: 35px;
	cursor: pointer;
}

.header_login img {
	width: 38px;
	height: 38px;
	float: left;
}

.header_login span {
	font-size: 16px;
	line-height: 40px;
	color: #154897;
	margin-left: 10px;
}

.header_select {
	width: 175px;
	height: 32px;
	border: solid 1px #154897;
	margin: 40px 0 0 0;
	font-size: 16px;
	line-height: 32px;
	color: #154897;
}

.header_select select {
	width: 68px;
	height: 100%;
	float: left;
	border: none;
	text-align: center;
	color: #154897;
}

.header_select input {
	width: 107px;
	border: none;
	height: 100%;
	float: left;
	color: #154897;
}

.indexBanner {
	width: 100%;
	/* height: 576px; */
	background: #154897;
}

.indexBanner .swiper-slide {
	width: 100%;
	height: 100%;
}

.indexBanner .swiper-pagination-bullet {
	width: 18px !important;
	height: 18px !important;
	background: #cecece !important;
	opacity: 1 !important;
	margin: 0 15px !important;
}

.indexBanner .swiper-pagination-bullet-active {
	background: #fff !important;
}

.indexTitle {
	text-align: center;
	font-size: 30px;
	color: #333333;
	position: relative;
	padding: 40px 0 20px;
}

.indexTitle:after {
	content: '';
	position: absolute;
	width: 66px;
	height: 4px;
	background-color: #ff7d00;
	bottom: 0;
	left: 50%;
	margin-left: -33px;
}

.indexFiltercon {
	margin-top: 46px;
}

.indexFiltercon>div {
	margin-bottom: 40px;
}

.indexFilter_tit {
	float: left;
	font-size: 20px;
	color: #000000;
	line-height: 36px;
	margin-right: 35px;
}

.indexFilter_list {
	float: left;
	width: 1100px;
}

.indexFilter_list span {
	font-size: 18px;
	color: #666;
	line-height: 36px;
	width: 116px;
	height: 36px;
	display: inline-block;
	float: left;
	margin-left: 30px;
	text-align: center;
	cursor: pointer;
}

.seleted {
	background-color: #1c58d7;
	border-radius: 10px;
	color: #fff !important;
}

.index_left {
	width: 590px;
}

.index_courseList {
	margin-right: -22px;
}

.index_courseItem {
	float: left;
	width: 284px;
	height: 274px;
	background: #f2f2f2;
	margin: 0 22px 28px 0;
	cursor: pointer;
	position: relative;
}

.index_coursePic {
	width: 284px;
	height: 202px;
}

.index_courseName {
	font-size: 16px;
	color: #333;
	margin: 16px;
	position: relative;
}

.index_courseName img {
	width: 25px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10.5px;
}

.index_courseInfo {
	margin-left: 16px;
}

.index_courseInfo span {
	font-size: 14px;
	color: #1c58d7;
	margin-right: 25px;
}

.index_right {
	width: 565px;
}

.index_newsItem {
	/* height: 60px; */
	border-bottom: 1px #f2f2f2 solid;
	padding-bottom: 15px;
}

.index_newsItem p {
	font-size: 14px;
	color: #999999;
}

.index_newsItem a {
	font-size: 16px;
	color: #333;
	line-height: 60px;
	position: relative;
	/* text-indent: 20px; */
	/* padding-left: 50px; */
}

.index_newsItem a img {
	width: 25px;
	height: 22px;
	margin-left: 10px;
}

.index_newsItem span {
	float: right;
	line-height: 60px;
}

.index_newsItem:last-child {
	border: none;
}

.indexTeacher {
	background: #f5f5f5;
	padding-bottom: 30px;
}

.index_teacherList {
	margin: 55px -24px 0 0;
}

.index_teacherItem {
	width: 282px;
	height: 200px;
	float: left;
	margin: 0 24px 27px 0;
	cursor: pointer;
}

.teaTitle,
.ctitle,
.cItem {
	cursor: pointer;
}

.teacher1 {
	background: #1c58d7;
}

.teacher2 {
	background: #ffb006;
}

.index_teachePic {
	width: 74px;
	height: 74px;
	overflow: hidden;
	/* border-radius: 50%; */
	margin: 20px 0 10px 20px;
	position: relative;
}

.index_teachePic img.teaGood {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 35px;
	height: 35px;
	z-index: 100;
	object-fit: contain;
}

.teacherPic img.teaGood {
	position: absolute;
	bottom: 35px;
	right: 0;
	width: 55px;
	height: 55px;
	z-index: 100;
	object-fit: contain;
	display: none;
}

.index_teachePic img.img-zan {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 16px;
	z-index: 100;
	object-fit: contain;
	cursor: pointer
}

.teacherPic img.img-zan {
	/* position: absolute;
	right: 0;
	bottom: 0; */
	width: 40px;
	height: 30px;
	z-index: 100;
	object-fit: contain;
	cursor: pointer
}

.index_teachePic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.index_teacherInfo {
	width: 160px;
	margin: 40px 15px 10px 0;
}

.index_teacherSchool {
	font-size: 16px;
	color: #fff;
}

.index_teacherName {
	font-size: 18px;
	color: #fff;
	margin: 10px 0;
	font-weight: bold;
}

.index_teacherIntro {
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	width: 90%;
	margin-left: 5%;
	margin-top: 0;
}

.pageNum {
	text-align: center;
	margin: 17px 0 30px;
}

.pageTurn {
	width: 26px;
	height: 26px;
	display: inline-block;
}

.prevPage {
	background: url(../images/prevPage.png) no-repeat;
}

.nextPage {
	background: url(../images/nextPage.png) no-repeat;
}

.pageCount {
	line-height: 26px;
	font-size: 16px;
	color: #999 !important;
	vertical-align: top;
	margin: 0 15px;
}

.pageSeled {
	color: #1c58d7 !important;
}

.footer {
	background: #333;
	padding: 35px 0;
	text-align: center;
}

.footer span {
	font-size: 14px;
	color: #a9a9a9;
	line-height: 27px;
}

/*登录*/
.loginCon {
	width: 100%;
	height: 780px;
	background: url(../images/loginBg.png) top center no-repeat;
}

.loginCon>div {
	position: relative;
}

.loginPic {
	margin: 53px 0 0 -70px;
	width: 791px;
	height: 655px;
}

.loginBox {
	width: 328px;
	height: 396px;
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top: -188px;
	right: 0;
	border-radius: 5px;
}

.registerBox {
	height: 640px;
	margin-top: -284px;
}

.loginTit {
	text-align: center;
	font-size: 20px;
	color: #154897;
	margin: 26px 0 48px;
}

.loginList input {
	width: 274px;
	height: 42px;
	display: block;
	border: solid 1px #d3d3d3;
	margin: 0 auto 20px;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	box-sizing: border-box !important;
	padding: 0 0 0 13px;
}

.changeWin {
	font-size: 14px;
	color: #154897 !important;
	margin: 35px 0 0 30px;
}

.loginBtn {
	width: 277px;
	height: 43px;
	background-color: #154897;
	border-radius: 5px;
	border: solid 1px #154897;
	display: block;
	margin: 35px auto 0;
	font-size: 20px;
	line-height: 40px;
	color: #ffffff !important;
	text-align: center;
}

/*添加课程*/
.leftNav {
	width: 330px;
	background: #ecf3f8;
}

.userInfo {
	margin: 45px 0 0;
}

.userAvatar {
	width: 140px;
	height: 140px;
	overflow: hidden;
	/* border-radius: 50%; */
	margin: 0 auto;
	position: relative;
}

.userAvatar img {
	width: 100%;
	border-radius: 50%;
}

.userAvatar .baiqiang {
	position: absolute;
	width: 50px;
	right: 0;
	bottom: 0;
	border-radius: 0;
}

.userName {
	font-size: 22px;
	color: #666666;
	margin: 35px 0 20px;
	text-align: center;
}

.userPhone {
	font-size: 18px;
	line-height: 40px;
	color: #666666;
	text-align: center;
}

.userStatus {
	font-size: 14px;
	line-height: 40px;
	color: #E90000;
	text-align: center;
}

.userStatusError {
	color: #E90000;
}

.userStatusWait {
	color: #ff9800;
}

.userStatusSuccess {
	color: #8bc34a;
}

.logoutBtn {
	width: 154px;
	height: 36px;
	background-color: #1c58d7;
	border-radius: 10px;
	text-align: center;
	display: block;
	font-size: 18px;
	line-height: 36px;
	color: #ffffff !important;
	margin: 25px auto 30px;
}

.leftNav_tit {
	margin: 0 20px;
	border-bottom: 1px #e1e1e1 solid;
	font-size: 24px;
	line-height: 57px;
	letter-spacing: 0px;
	color: #000000;
}

.leftNav_list {
	width: 294px;
	margin: 10px auto;
}

.leftNav_item {
	height: 62px;
	padding: 0 0 0 63px;
	background-image: url(../images/right.png);
	background-position: right 63px center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.leftNav_item span {
	line-height: 62px;
	font-size: 18px;
	color: #666;
}

.addCourse,
.leftNav_item:hover {
	background-color: #1c58d7;
	background-image: url(../images/right_white.png);
}

.addCourse span,
.leftNav_item:hover span {
	color: #fff;
}

.rightCon {
	width: 830px;
}

.rightTit {
	border-bottom: 1px #e1e1e1 solid;
	font-size: 24px;
	color: #000;
	padding: 50px 0 30px;
}

.addCourse_con {
	margin: 70px 0 0;
}

.addCourse_item {
	margin: 0 0 40px;
}

.addCourse_tit {
	width: 150px;
	text-align: right;
	margin-right: 20px;
	line-height: 40px;
}

.addCourse_item input {
	width: 348px;
	height: 42px;
	border-radius: 5px;
	border: solid 1px #e1e1e1;
	padding-left: 15px;
	box-sizing: border-box !important;
	font-size: 16px;
	line-height: 40px;
	color: #e1e1e1;
}

.addCourse_select select {
	width: 170px;
	height: 42px;
	border-radius: 5px;
	border: solid 1px #e1e1e1;
	margin-right: 10px;
	padding-left: 15px;
	box-sizing: border-box !important;
	font-size: 16px;
	line-height: 40px;
	color: #e1e1e1;
}

.uploadBtn {
	width: 88px;
	height: 88px;
	border-radius: 10px;
	background: url(../images/uploadPic.png) center no-repeat;
}

.saveBtn {
	width: 348px;
	height: 42px;
	background-color: #1c58d7;
	border-radius: 5px;
	display: block;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff !important;
	box-sizing: border-box;
	margin: 0 0 50px 116px;
	text-align: center;
}

.myCourse_con table {
	width: 100%;
	margin: 15px 0 0;
}

.myCourse_con table th {
	height: 60px;
	background-color: #ecf3f8;
	font-size: 20px;
	color: #000;
}

.myCourse_con table td {
	text-align: center;
	height: 80px;
	border-bottom: 1px #e1e1e1 solid;
	font-size: 18px;
	color: #666;
	line-height: 30px;
}

.audit_passed {
	color: #089c55;
}

.audit_failed {
	color: #de0000;
}

.areaChoose_select select {
	width: 105px !important;
}

.cnav {
	padding-left: 23px;
	background: url(../images/cnav_home.png) left center no-repeat;
}

.cnav a {
	font-size: 18px;
	line-height: 40px;
	color: #333;
}

.cnav span {
	color: #1c58d7;
	font-size: 18px;
	line-height: 40px;
}

.courseList {
	margin-right: -22px;
}

.teacher_course .index_courseItem {
	height: 252px;
	position: relative;
}

.teacherInfo {
	width: 100%;
	height: 260px;
	background: url(../images/teacherBg.png) center no-repeat;
	margin-bottom: 80px;
}

.teacherPic {
	width: 157px;
	/* height: 157px; */
	overflow: hidden;
	margin: 55px 0 0 20px;
	float: left;
	position: relative;
	text-align: center;
}

.teacherPic img {
	width: 157px;
	height: 157px;
	object-fit: cover;
	border-radius: 50%;
	/* border: 3px #fff solid; */
}

.zan-num {
	color: #fff;
	margin-top: 10px;
}

.teacherIntro {
	float: left;
	margin: 39px 0 0 45px;
	width: 955px;
}

.teacherName {
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	float: left;
}

.teacherSchool {
	font-size: 24px;
	color: #fff;
	line-height: 40px;
	margin-left: 30px;
	float: left;
}

.teacherInfocon {
	margin-top: 25px;
	font-size: 20px;
	color: #fff;
	line-height: 30px;
}

.subjectTypeItem {
	margin-bottom: 10px;
}

.regSelect {
	width: 274px;
	height: 42px;
	display: block;
	border: solid 1px #d3d3d3;
	margin: 0 auto 20px;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	box-sizing: border-box !important;
	padding: 0 0 0 13px;
}

a.index-more {
	font-size: 16px;
	line-height: 40px;
	color: #1c58d7;
	position: absolute;
	right: 0;
}

/*课程详情*/
.course_lfcon {
	width: 870px;
	margin: 25px 0 50px;
}

.courseDeinfo {
	width: 100%;
	background: #fff;
	padding: 20px 25px;
	box-sizing: border-box !important;
}

.courseDepic {
	width: 284px;
	height: 202px;
	overflow: hidden;
}

.courseDepic img {
	width: 100%;
}

.courseDecon {
	margin-left: 30px;
}

.courseDename {
	font-size: 20px;
	color: #333;
	line-height: 30px;
}

.courseDetime {
	font-size: 14px;
	color: #8d8d8d;
	margin: 20px 0 0;
}

.courseDelike {
	font-size: 14px;
	color: #8d8d8d;
	padding-left: 25px;
	background: url(../images/zan0.png) left center no-repeat;
	margin: 26px 0 0;
	line-height: 16px;
	background-size: 18px;
}

.courseDeliked {
	font-size: 14px;
	color: #8d8d8d;
	padding-left: 25px;
	background: url(../images/zan1.png) left center no-repeat;
	margin: 26px 0 0;
	line-height: 16px;
	background-size: 18px;
}

.showCourse {
	width: 122px;
	height: 36px;
	background-color: #1c58d7;
	border-radius: 5px;
	text-align: center;
	line-height: 36px;
	display: block;
	color: #fff !important;
	font-size: 16px;
	margin: 30px 0 0;
}

.courseDe_cmtbox {
	background-color: #fff;
	margin: 2px 0;
	padding-bottom: 30px;
}

.courseDe_cmtTit {
	font-size: 20px;
	color: #333;
	padding: 30px 0 0 20px;
}

.courseDe_cmtItem {
	padding: 40px 0 0;
	margin: 0 20px;
}

.courseDe_cmtAvatar {
	width: 66px;
	height: 66px;
	overflow: hidden;
}

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

.courseDe_cmtcon {
	margin-left: 15px;
	padding-bottom: 20px;
	border-bottom: 1px #f8f8f8 solid;
	width: 730px;
}

.courseDe_cmtuname {
	font-size: 18px;
	color: #333333;
	line-height: 34px;
	margin-bottom: 10px;
}

.courseDe_cmtInfo {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	margin-bottom: 30px;
}

.courseDe_cmtTime {
	font-size: 14px;
	color: #666;
}

.pageCount {
	width: 32px;
	height: 32px;
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	color: #888;
	border: solid 1px #dadada;
	line-height: 32px;
	margin: 0 5px;
}

.pageSeled_new {
	color: #fff !important;
	background: #1c58d7;
	border: none;
}

.pageTurn_new {
	width: 86px;
	height: 32px;
	display: inline-block;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #dadada;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #888888 !important;
}

.sendCmt {
	background: #fff;
	padding: 30px 0 20px;
}

.sendCmt_tit {
	font-size: 20px;
	color: #333;
	text-align: center;
}

.sendCmt textarea {
	resize: none;
	width: 800px;
	height: 118px;
	background-color: #f8f8f8;
	border-radius: 10px;
	border: solid 1px #dadada;
	display: block;
	margin: 30px auto 20px;
	font-size: 14px;
	color: #8d8d8d;
	line-height: 2;
	padding: 10px;
	box-sizing: border-box !important;
	outline: none;
}

.sendCmt_btn {
	width: 111px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	color: #fff !important;
	background-color: #1c58d7;
	border-radius: 5px;
	display: block;
	float: right;
	margin: 0 35px 0 0;
}

.courseDe_rtcon {
	width: 300px;
	margin: 25px 0 0;
}

.courseDe_teacherInfo {
	background: #fff;
	cursor: pointer;
}

.courseDe_teacherPic {
	width: 74px;
	height: 74px;
	border-radius: 50%;
	margin: 0 auto;
	overflow: hidden;


}

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

.courseDe_teacherName {
	font-size: 20px;
	color: #333;
	margin: 30px 0 10px;
	text-align: center;
}

.courseDe_schoolName {
	font-size: 14px;
	color: #8d8d8d;
	text-align: center;
}

.courseDe_teacherIntro {
	font-size: 14px;
	color: #8d8d8d;
	line-height: 21px;
	padding: 30px 25px;
}

.courseDe_teacherLike {
	width: 100%;
	height: 44px;
	background-color: #e7e7e7;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	color: #8d8d8d;
}

.courseDe_teacherLike span {
	color: #000;
}

.courseDe_teacherLike img {
	vertical-align: middle;
	margin-right: 10px;
	width: 22px;
}

.aboutCourse {
	background: #fff;
	margin-top: 10px;
}

.aboutCourse_tit {
	font-size: 20px;
	color: #333;
	padding: 15px 0 0 12px;
}

.aboutCourse .index_courseList {
	padding: 25px 0;
	margin: 0;
}

.aboutCourse .index_courseItem {
	float: none;
	margin: 0 auto;
}

.zan-show {
	font-size: 12px !important;
	color: #0084ff;
	background-color: #e5f2ff;
	border-radius: 5px;
	padding: 2px 10px;
	font-weight: normal;
	margin-left: 10px;
	float: none !important;
	line-height: 10px !important;
}

.zan-show.zan-fix {
	position: absolute;
	right: 10px;
	bottom: 80px;
	padding: 5px 10px;
}

.goodCTip {
	font-size: 12px !important;
	color: #fff;
	background-color:rgb(255, 85, 0);
	border-radius: 5px;
	padding: 2px 10px;
	font-weight: normal;
	margin-right: 8px;
	float: none !important;
	line-height: 10px !important;
}

.hide{
	display: none;
}