@import url("startStudent.css");

/*头部导航*/
.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;
}
/*悬浮菜单效果*/
.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: .8rem;
	height: .8rem;
}
/*结束 */
/*尾部置顶菜单*/
.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;
	font-family: "DIN LIGHT";
}
/*结束 */
body{
	background: #fff;
}
.diySwiper .swiper-pagination{
	bottom: .3rem;
}
.nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #ffffff;
	margin-top: .3rem;
}

.nav a{
	width: 1.8rem;
	height: 1.2rem;
	background: #E6E6E6;
	display: block;
	text-align: center;
	border-radius: .1rem;
	margin-bottom: .02rem;
	margin-top: .02rem;
}
.nav a img{
	width: .45rem;
	height: .45rem;
	display: block;
	margin: .15rem auto;
}
.nav a p{
	font-size: .25rem;
	line-height: 100%;
	color: #333;
}



/* 关于我们 */
.aboutBox{
	overflow: hidden;
	background: #f9f9f9;
	height: 4.1rem;
	border: .02rem solid #eaeaea;
	border-bottom: .08rem solid #267737;
	border-radius: .1rem;
}
.aboutBox .fl{
	width: .94rem;
	height: 100%;
	background: url(../../img/victory.png) center calc(100% - .23rem) no-repeat;
	background-size: .63rem .18rem;
	border-right: .02rem solid #dfdfdf;
}
.aboutBox .fl img{
	width: .57rem;
	height: 1.41rem;
	display: block;
	margin: .28rem auto 0 auto;
}
.aboutBox .txtBox{
	width: calc(6.25rem - .44rem);
	height: calc(100% - .48rem);
	padding: .24rem .22rem;
	background: url(../../img/icon_hy.png) no-repeat calc(100% - .25rem) calc(100% - .23rem);
	background-size: 2.87rem .13rem;
}
.aboutBox .txtBox a{
	display: block;
}
.aboutBox .txtBox a p{
	font-size: .23rem;
	letter-spacing: -.01rem;
	line-height: 150%;
	margin-bottom: 0.23rem;
	color: #666666;
}
.aboutBox .txtBox a p.more{
	font-size: .25rem;
	color: #333;
	margin-bottom: 0px;
}

/* 核心优势 */
.hxysSwiper .swiper-slide img{
	border: 0px;
	width: 100%;
}

/* 最新资讯 */
.newBox{
	border: .02rem solid #E9E9E9;
	border-radius: .1rem;
	padding: .15rem 0px;
	background: #F9F9F9;
}

.newBox .zixun-title{
	display: flex;
	flex-direction: column;
	position: relative;
	cursor: pointer;
	margin-left: .2rem;
	margin-right: .2rem;
	margin-top: .2rem;
}

.newBox .zixun-title img {
	width: 100%;
	height: 3.5rem;
}

.newBox .zixun-title p{
	width: calc(100% - 20px);
	color: #ffffff;
	font-size: .28rem;
	font-weight: 500;
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}


.newBox .item{
	/*width: 6.8rem;*/
	height: 1.32rem;
	margin: .3rem 0.2rem 0rem 0.2rem;
	padding-bottom: .3rem;
	border-bottom: .02rem solid #d7d7d7;

}
.newBox .item a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
.newBox .item:last-child{
	border: 0px;
}
.newBox .item .imgBox{
	width: 1.4rem;
	height: 100%;
	overflow: hidden;
	border-radius: .1rem;
	background: #e3e3e3;
}
.newBox .item .imgBox img{
	height: 100%;
	/*width: auto;*/
	margin: 0px auto;
}
.newBox .item .txtBox{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;
	position: relative;
	margin-right: .2rem;
}
.newBox .item .txtBox .title{
	font-size: .28rem;
	color: #333333;
	/*line-height: .4rem;*/
}
.newBox .item .txtBox .actBox{
	height: .25rem;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0rem;
	display: flex;
	justify-content: space-between;
	line-height: 100%;
}
.newBox .item .txtBox .actBox span{
	display: block;
	font-size: .25rem;
	color: #b2b2b2;
}
.newBox .item .txtBox .actBox span.see{
	background: url(../../img/see_black.png) no-repeat left center;
	background-size: .35rem;
	text-indent: .4rem;
}

/* 联考/校考成绩 */
.jointExaminationTitleBox, .hotClassTitleBox, .teachersTitleBox, .schoolTitleBox, .environmentBox .environmentTitleBox {
	display: flex;
	justify-content: space-between;
	height: 1.15rem;
	overflow: hidden;
}
.jointExaminationTitleBox .item, .hotClassTitleBox .item, .teachersTitleBox .item, .schoolTitleBox .item, .environmentBox .environmentTitleBox .item{
	border: .02rem solid #f0f0f0;
	width: calc(50% - .04rem);

}
.jointExaminationTitleBox .item:first-child, .hotClassTitleBox .item:first-child, .teachersTitleBox .item:first-child, .schoolTitleBox .item:first-child, .environmentBox .environmentTitleBox .item:first-child{
	border-radius: .1rem 0 0 .1rem;
}
.jointExaminationTitleBox .item:last-child, .hotClassTitleBox .item:last-child, .teachersTitleBox .item:last-child, .schoolTitleBox .item:last-child, .environmentBox .environmentTitleBox .item:last-child{
	border-radius: 0 .1rem .1rem 0;
}
.jointExaminationTitleBox .item img, .hotClassTitleBox .item img, .teachersTitleBox .item img, .schoolTitleBox .item img, .environmentBox .environmentTitleBox .item img{
	width: .45rem;
	height: .45rem;
	margin: .18rem auto .1rem auto;
}
.jointExaminationTitleBox .item p, .hotClassTitleBox .item p, .teachersTitleBox .item p, .schoolTitleBox .item p, .environmentBox .environmentTitleBox .item p{
	font-size: .25rem;
	color: #909090;
	text-align: center;
	line-height: 100%;
}
.jointExaminationTitleBox .item.hover, .hotClassTitleBox .item.hover, .teachersTitleBox .item.hover, .schoolTitleBox .item.hover, .environmentBox .environmentTitleBox .item.hover{
	background: #017234;
	border-color: #017234;
}
.jointExaminationTitleBox .item.hover p, .hotClassTitleBox .item.hover p, .teachersTitleBox .item.hover p, .schoolTitleBox .item.hover p, .environmentBox .environmentTitleBox .item.hover p{
	color: #ffffff;
}

.jointExaminationContBox{
	background: #f9f9f9;
	border-radius: .1rem;
	border: .02rem solid #E9E9E9;
}
.jointExaminationContBox ul{
	width: calc(100% - .4rem);
	margin: .3rem auto;
}
.jointExaminationContBox ul.hide{
	display: none;
}
.jointExaminationContBox ul li{

}
.jointExaminationContBox ul li a{
	width: 100%;
	display: block;
	font-size: .28rem;
	color: #333333;
	line-height: .62rem;
}
.jointExaminationContBox ul li a::before{
	content: "•";
	color: #b2b2b2;
	margin-right: .2rem;
}


/* 热门班型 */
.hotClassTitleBox .item{
	width: 33.33%;
}

.hotClassBoxCont .tabList.hide{
	display: none;
}
.hotClassBoxCont .item{
	border-radius: .1rem;
	overflow: hidden;
	background: #f9f9f9;
	border: .02rem solid #f2f2f2;
	margin-bottom: .38rem;
}
.hotClassBoxCont .item:last-child{
	margin-bottom: 0px;
}
.hotClassBoxCont .item img{
	border-bottom: .08rem solid #017234;
}
.hotClassBoxCont .item .title, .hotClassBoxCont .item .actBox{
	width: calc(100% - 0.4rem);
	padding: 0px 0.2rem;
}
.hotClassBoxCont .item .title{
	font-size: .28rem;
	font-family: "SOURCEHANSANSCN-BOLD";
	color: #333;
	line-height: .54rem;
	height: .54rem;
	border-bottom: .02rem solid #e4e4e4;
}
.hotClassBoxCont .item .title span{
	color: #939393;
	font-family: "DINCond-Medium";
	text-transform:uppercase;
	display: inline-block;
	margin-left: .1rem;
}
.hotClassBoxCont .item  .actBox{
	display: flex;
	justify-content: flex-start;
	height: .8rem;
}
.hotClassBoxCont .item  .actBox a{
	height: .36rem;
	display: block;
	line-height: .36rem;
	background: #017234;
	font-size: .25rem;
	color: #333333;
	padding: 0px .15rem;
	border-radius: .05rem;
	margin-top: .23rem;
}
.hotClassBoxCont .item  .actBox a.playBtn{
	margin-left: .23rem;
}
.hotClassBoxCont .item  .actBox a.contrastBtn::after{
	content: "+" ;
	margin-left: .05rem;
}
.hotClassBoxCont .item  .actBox a.playBtn::after{
	content: "" ;
	background: url(../../img/icon_play_black.png) no-repeat center center;
	width: .36rem;
	height: .36rem;
	margin-left: .05rem;
	display: block;
	background-size: .25rem;
	float: right;
}

/* 师资 */
.teachersTitleBox .item{
	width: calc(25% - .04rem);
}

.teachersContBox{
}
.teachersContBox .tabList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.teachersContBox .tabList.hide{
	display: none;
}
.teachersContBox .item{
	width: 3.49rem;
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	border-radius: .1rem;
	overflow: hidden;
	margin-bottom: .35rem;
}
.teachersContBox .item:nth-last-of-type(-n+2){
	margin-bottom: 0px;
}
.teachersContBox .item a{
	display: block;
}
.teachersContBox .item .title, .teachersContBox .item .other{
	width: calc(100% - .4rem);
	padding: 0px .2rem;
}
.teachersContBox .item .title{

	font-size: .28rem;
	font-family: "SOURCEHANSANSCN-BOLD";
	color: #333;
	line-height: .54rem;
	height: 0.54rem;
	border-bottom: 0.02rem solid #e4e4e4;
}
.teachersContBox .item .other{
	padding-top: .06rem;
	padding-bottom: .06rem;
	font-size: .28rem;
	color: #909090;
}


.houyiOnlineBox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.houyiOnlineBox .item{
	width: 3.49rem;
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	border-radius: .1rem;
	overflow: hidden;
	margin-bottom: .38rem;
}
.houyiOnlineBox .item:nth-last-of-type(-n+2){
	margin-bottom: 0px;
}
.houyiOnlineBox .item .imgBox{
	position: relative;
	width: 100%;
	height: 1.97rem;
	overflow: hidden;
}
.houyiOnlineBox .item .title, .houyiOnlineBox .item .actBox, .houyiOnlineBox .item .imgBox .timeBox{
	width: calc(100% - 0.4rem);
	padding: 0px 0.2rem;
}
.houyiOnlineBox .item .imgBox .timeBox{
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: .05rem;
	left: 0px;
	z-index: 1;
	height: .35rem;
	line-height: .35rem;
}
.houyiOnlineBox .item .imgBox .timeBox span{
	color: #ffffff;
	font-size: .25rem;
	font-family: "DINPro-Regular";
}


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

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

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

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

/* 九大美院 */
.schoolTitleBox div.item{
	background: #fff;
	border-radius: .1rem !important;
}
.schoolContBox{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.schoolContBox .item{
	width: 2.26rem;
	height: 2.69rem;
	position: relative;
	margin-right: .22rem;
	margin-bottom: .38rem;
	overflow: hidden;
	border-radius: .1rem;
}
.schoolContBox .item:nth-last-of-type(-n+3){
	margin-bottom: 0px;
}
.schoolContBox .item a{
	display: block;
}
.schoolContBox .item:nth-child(3n){
	margin-right: 0px;
}
.schoolContBox .item  img{
	display: block;
	position: relative;
	z-index: 0;
}
.schoolContBox .item p{
	width: 100%;
	text-align: center;
	font-size: .2rem;
	color: #97C968;
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	height: .44rem;
	background: rgba(0, 0, 0, .6);
}

/* 高分卷 */
.higScoreBox{
	display: flex;
	justify-content: flex-start;
}
.higScoreBox .item{
	width: 2.26rem;
	position: relative;
	margin-right: 0.22rem;
	overflow: hidden;
	border-radius: 0.1rem;
	background: #fff;
	border: .02rem solid #cccbc8;
}
.higScoreBox .item img{
	border-bottom: .06rem solid #017234;
}
.higScoreBox .item:last-child{
	margin-right: 0px;
}
.higScoreBox .item p{
	width: calc(100% - .3rem);
	margin: 0px auto;
	color: #333333;
	font-size: .25rem;
	line-height: .32rem;
	padding-top: .05rem;
	padding-bottom: 0;
	margin-bottom: .05rem;
}

/* 联考/校考成绩 */
.achTitleBox{
	height: .6rem;
	display: flex;
	justify-content: space-between;
	border-radius: .1rem;
	overflow: hidden;
}
.achTitleBox .item{
	width: 50%;
	line-height: .6rem;
	text-align: center;
	background: #fff;
	font-size: .28rem;
	color: #909090;
	font-weight: bold;

}
.achTitleBox .item.hover{
	background: #017234;
	color: #ffffff;
	font-weight: bold;
}
.achContBox{
	background: #fff;
	border-radius: .1rem;
}
.achContBox ul{
	width: calc(100% - .4rem);
	margin: 0 auto;
	padding: .32rem 0px;
}
.achContBox ul.hide{
	display: none;
}
.achContBox ul li a{
	width: 100%;
	display: flex;
	justify-content: space-between;
	line-height: .62rem;
}
.achContBox ul li a::before{
	content: "•";
	color: #333333;
	margin-right: .2rem;
}
.achContBox ul li a span{
	font-size: .28rem;
	color: #333333;
	width: 70%;
	display: block;
	margin-right:auto;
}
.achContBox ul li a span.date{
	color: #9b9b9b;
	width: auto;
	margin-right: 0px;
}

.message{
	background: #ffffff;
	padding-bottom: .8rem;
}

.message .inputData{
	display: flex;
	flex-direction: column;
	margin-left: .2rem;
	margin-right: .2rem;
	margin-top: .5rem;
}




.message .inputData p{
	color: #333333;
	font-size: .3rem;
}

.message .inputData input{
	color: #333333;
	border: 2px solid #DFE3E6;
	border-radius: 6px;
	height: .7rem;
	font-size: .3rem;
	padding-left: .2rem;
	padding-right: .2rem;
	margin-top: .2rem;
}


.message .inputData textarea{
	color: #333333;
	border: 2px solid #DFE3E6;
	border-radius: 6px;
	height: 2rem;
	font-size: .3rem;
	padding: .2rem;
	margin-top: .2rem;

}

.message .messagePost{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: .5rem;
}

.message .messagePost p{
	font-size: .3rem;
	font-weight: 400;
	color: #FFFFFF;
	background: #267737;
	padding-right:  1.5rem;
	padding-left: 1.5rem;
	border-radius: 40px;
	padding-top: .2rem;
	padding-bottom: .2rem;
}

/*20220115 新增*/
.environmentBox .tipsBox{
	height: .64rem;
	font-size: .4rem;
	color: #888888;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: .3rem;
	padding-bottom: .3rem;
	font-weight: bold;
}
.environmentBox .tipsBox img{
	display: block;
	width: .5rem;
	height: .5rem;
}
.environmentBox .tipsBox span{
	display: block;
	margin: 0px .5rem;
}

#environmentVideoPlayBox{
	position: relative;
	border-radius: .1rem;
	overflow: hidden;
}
#environmentVideoPlayBox .nameBox{
	height: 0.5rem;
	font-size: .28rem;
	line-height: .5rem;
	width: calc(100% - 0.6rem);
	padding: 0px 0.3rem;
	font-family: "SOURCEHANSANSCN-BOLD";
	position: absolute;
	z-index: 2;
	left: 0px;
	background: rgba(255, 255, 255, .3);
	color: #fff;
	bottom: 0px;
}