/* 评论 */
@import url("../../css/comment.css");

body{
	background-color: #ffffff!important;
}

/*头部导航*/
.m-header {
	width: 100%;
	height: 1rem;
	background-color: #fff;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.24);
	z-index: 999;
	position: fixed;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0px;
	right: 0px;
}
.m-header .menu {
	display: inline-block;
	padding: 0 0.3rem;
	height: 100%;
	line-height: 1rem;
	position: absolute;
	left: 0;
	top: 0;
}
.m-header .menu i {
	/*font-size: 18px;*/
	color: rgba(51, 51, 51, 0.6);
	font-size: 2em;
	line-height: 1rem;
}
.m-header .menu i.open {
	display: block;
}
.m-header .menu i.close {
	display: none;
}
.m-header .menu.active i.open {
	display: none;
}
.m-header .menu.active i.close {
	display: block;
}
.m-header .logo {
	display: flex;
	align-items: center;
}
.m-header .logo img {
	width: auto;
	height: .7rem;
}
.m-header .logo span {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	font-family: 'syhtB';
	display: none;
}
.m-header .tel {
	padding: 0 0.3rem;
	height: 100%;
	line-height: 1rem;
	position: absolute;
	right: 0;
	top: .1rem;
}

.m-header .tel .icon {
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}


.listBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: .2rem;
	padding-bottom: .5rem;
}
.listBox .item{
	width: 3.49rem;
	border-radius: .1rem;
	background: #f9f9f9;
	margin-bottom: .38rem;
	border: .02rem solid #e1e1e1;
	overflow: hidden;
}

.listBox .item:nth-last-of-type(-n+2){
	margin-bottom: 0px;
}

.listBox .item a.imgBox{
	display: block;
	width: 100%;
	height: 5rem;
	overflow: hidden;
	/*border-bottom: .06rem solid #ffd200;*/
}

.listBox .item .title, .listBox .item .descBox{
    width: calc(100% - 0.5rem);
    padding: .15rem 0.25rem;
	overflow: hidden;
}

.listBox .item .title{
	padding-bottom: 0rem;
	margin-bottom: 0.15rem;	
}

.listBox .item  .title a{
	font-size: .28rem;
	color: #333;
	line-height: .32rem;
}

.listBox .item .descBox{
	border-top: .02rem solid #e1e1e1;
	padding-top: .13rem;
	padding-bottom: 0;
	margin-bottom: .13rem;
	font-size: .28rem;
	color: #909090;
}


/* 详情页 */
.titlBox{
	padding: .4rem 0px .4rem 0px;
	text-align: center;
	border: .02rem solid #c5c5c5;
	border-radius: .1rem .1rem 0 0 ;
}
.titlBox h1{
	font-size: .32rem;
	color: #333333;
	font-family: "SOURCEHANSANSCN-BOLD";
	line-height: 100%;
}
.titlBox .other{
	font-size: .25rem;
	color: #9b9b9b;
	margin-top: .18rem;
}
.titlBox .other span{
	display: inline-block;
	line-height: 100%;
}
.contBox{
	border: .02rem solid #c5c5c5;
	border-radius: 0 0 .1rem .1rem;
	padding-top: .3rem;
}
.contBox .avatarBox, .contBox .titleStyle, .contBox .line, .contBox .descBox, .contBox .bookBox{
	width: calc(100% - .4rem);
	margin: 0px auto;
}
.contBox .descBox img{
	max-width: 100%;
	height: auto !important;
}

/* 头像 */
.contBox .avatarBox{
	display: flex;
	justify-content: space-between;
	
}

.contBox .avatarBox .avatar{
	width: 1.92rem;
	height: 2.79rem;
	overflow: hidden;
	border-radius: .1rem;
}

.contBox .avatarBox .avatar img{
	width: 100%;
	height: 100%;
}

.contBox .avatarBox .attrBox {
	width: calc(100% - 2.1rem);
}

.contBox .avatarBox .attrBox .txtItem{
	font-size: .25rem;
	color: #666666;
	line-height: .3rem;
	margin-bottom: .1rem;
}

.contBox .avatarBox .attrBox .txtItem span{
	display: inline-block;
	width: .25rem;
	height: .25rem;
	line-height: 0px;
	padding-right: .12rem;
	margin-right: .12rem;
	border-right: .02rem solid #acabac;
}

.contBox .avatarBox .attrBox .txtItem span img{
	width: 100%;
	height: 100%;
}

.contBox .avatarBox .attrBox .txtItem strong{
	font-weight: normal;
	font-family: "SOURCEHANSANSCN-BOLD";
	color: #666666;
}
.contBox .avatarBox .attrBox .txtItem strong.br{
	display: block;
	padding-left: .5rem;
}
.contBox .line{
	height: .02rem;
	background: #d9d9d9;
	margin: .3rem auto;
}

/* 标题 */
.contBox .titleStyle{
	display: flex;
	justify-content: flex-start;
	overflow: hidden;
	margin-bottom: .1rem;
	height: .5rem;
	overflow: hidden;
	
}
.contBox .titleStyle h2{
	font-size: .28rem;
	color: #666666;
	font-family: "SOURCEHANSANSCN-BOLD";
	line-height: .55rem;
}
.contBox .titleStyle .en{
	font-size: .17rem;
	font-family: "din-bold";
	line-height: 100%;
	color: #909090;
	text-transform:uppercase;
	/* padding-top: .03rem; */
	margin-left: .13rem;
	padding-left: .13rem;
	border-left: .04rem solid #b3b3b3;
}

/* 出版书籍 */
.contBox .bookBox{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.contBox .bookBox .item{
	width: 2.15rem;
	margin-right: .15rem;
	border: .02rem solid #999999;
	margin-bottom: .1rem;
	border-radius: .1rem;
	overflow: hidden;
}
.contBox .bookBox .item .imgBox{
	width: 100%;
	height: 2.6rem;
	overflow: hidden;
}
.contBox .bookBox .item .imgBox img{
	width: 100%;
	height: 100%;
}
.contBox .bookBox .item:nth-child(3n){
	margin-right: 0px;
}
.contBox .bookBox .item:nth-last-of-type(-n+3){
	margin-bottom: 0px;
}
.contBox .bookBox .item .txtBox{
	width: 100%;
	height: .83rem;
	background: #666666;
	padding-top: .15rem;
}
.contBox .bookBox .item .txtBox p{
	width: calc(100% - .3rem);
	margin: 0px auto;
	color: #FFF;
	text-align: center;
	font-size: .24rem;
	line-height: 150%;
}

/* 上一篇 */
.last_next{
	width: calc(100% - .6rem);
	padding: .25rem .2rem;
	background: #cfcfcf;
	border-radius: .1rem;
	color: #333;
	font-size: .25rem;
}
.last_next a{
	color: #333;
}

/* 教师作品 */
.teacherBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.teacherBox .item{
	width: 3.47rem;
	border-radius: .1rem;
	background: #f9f9f9;
	margin-bottom: .38rem;
	border: .02rem solid #ebebeb;
	overflow: hidden;
}
.teacherBox .item:nth-last-of-type(-n+2){
	margin-bottom: 0px;
}
.teacherBox .item a.imgBox{
	display: block;
	width: 100%;
	border-bottom: .06rem solid #333333;
}
.teacherBox .item .title{
    width: calc(100% - 0.5rem);
    padding: .15rem 0.25rem;
	overflow: hidden;
}
.teacherBox .item .title{
	padding-bottom: 0rem;
	margin-bottom: 0.15rem;	
}
.teacherBox .item  .title a{
	font-size: .25rem;
	color: #333;
	line-height: .32rem;
}

/* 教师视频 */
.teacherVideoBox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.teacherVideoBox .item{
	width: 3.49rem;
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	border-radius: .1rem;
	overflow: hidden;
	margin-bottom: .38rem;
}
.teacherVideoBox .item:nth-last-of-type(-n+2){
	margin-bottom: 0px;
}
.teacherVideoBox .item .imgBox{
	position: relative;
	width: 100%;
	height: 1.97rem;
	overflow: hidden;
}
.teacherVideoBox .item .title, .teacherVideoBox .item .actBox, .teacherVideoBox .item .imgBox .timeBox{
	width: calc(100% - 0.4rem);
	padding: 0px 0.2rem;
}

.teacherVideoBox .item .imgBox .timeBox{
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: .05rem;
	left: 0px;
	z-index: 1;
	height: .35rem;
	line-height: .35rem;
}

.teacherVideoBox .item .imgBox .timeBox span{
	color: #ffffff;
	font-size: .25rem;
}


.teacherVideoBox .item .title{
	padding-top: .13rem;
	padding-bottom: .13rem;
	border-bottom: .02rem solid #dadada;
}
.teacherVideoBox .item .title a{
	font-size: .28rem;
	color: #333;
	line-height: .32rem;
}
.teacherVideoBox .item .actBox{	
	height: 0.35rem;
	display: flex;
	justify-content: flex-start;
}
.teacherVideoBox .item .actBox span{
	color: #9b9b9b;
	display: block;
	margin-right: .14rem;
	text-indent: .34rem;
	height: .35rem;
	line-height: .35rem;
	font-size: .18rem;
}

.teacherVideoBox .item .actBox span.see{
	background: url(../../img/see_black.png) no-repeat left center;
	background-size: .3rem;
}

.teacherVideoBox .item .actBox span.comment{
	background: url(../../img/comment_black.png) no-repeat left center;
	background-size: .3rem;
}

.teacherVideoBox .item .actBox span.fabulous{
	background: url(../../img/fabulous_black.png) no-repeat left center;
	background-size: .3rem;
}
.teacherVideoBox .item .actBox span.time{
	margin-left: auto;
}

/*尾部置顶菜单*/
.m-foot-link {
	height: 1rem;
	display: flex;
	align-items: center;
	background-color: #267737;
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.m-foot-link .item {
	width: 33.333%;
	text-align: center;
	font-size: .28rem;
	color: #fff;
	border-right: 1px solid #eee;
	position: relative;
	font-weight: bold;
}
.m-foot-link .item:last-child {
	border: 0;
}
.m-foot-link .item .badge {
	position: absolute;
	width: .2rem;
	height: .2rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #E60113;
	color: #fff;
	text-align: center;
	line-height: .2rem;
	font-size: .2rem;
	top: -.08rem;
	left: calc(50% + .52rem);
	font-weight: bold;
}


/*悬浮菜单效果*/
.floatMenu_bj{
	width: 100%;
	height: 0%;
	position: fixed;
	background: rgba(0, 0, 0, .6);
	z-index: 9999;
	left: 0px;
	right: 0px;
	top: 1rem;
	transition: all 500ms;
	overflow: hidden;
}
.floatMenu_bj.floatMenu_bjShow{
	height: 100%;
}
.floatMenu_bj .floatMenu{
	width: 2.5rem;
	position: relative;
}
.floatMenu .item{
	line-height: .7rem;
	height: .7rem;
}