/* 页面颜色渲染 */

/*.mouseLeft {*/
/*	cursor: url(/static/page/img/l.ico), auto !important;*/
/*}*/

/*.mouseRight {*/
/*	cursor: url(/static/page/img/r.ico), auto !important;*/
/*}*/
body * {
	font-family: 'Microsoft YaHei UI';
}


.yellowBtn {
	height: 52px;
	width: 168px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--yellow);
	color: #fff;
	font-size: 14px;
	border-radius: var(--border-radius-4);
	margin-right: -30px;
}

.whiteBtn {
	height: 52px;
	width: 168px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--rgba-white-30);
	color: var(--rgba-white-100-text);
	font-size: 14px;
	border-radius: var(--border-radius-4);
}

.quesTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.quesTitle>p{
	font-weight: 700;
	margin-bottom: 0;
	font-size: var(--size16);
	line-height:var(--size24);
	color: var(--blue1);
}

@media only screen and (max-width: 792px) {
	.course_question .course_answer li .answer_content{
		color: var(--grey-coloful) !important;
	}
	.course_question .course_answer{
		padding: 0 !important;
	}
	.course_question .course_answer li:nth-child(2n+1){
		margin-right:  0 !important;
	}
	#accordion .panel .panel-heading .panel-title a img {
		display: inline-block;
		float: left;
		width: 10%;
		margin: 1% 10% 0 0px;
	}
	.panel-group {
		padding-bottom:15px !important;
	}
	.MoBannerImg {
		width: 94%;
		margin-top: 52px;
		margin: 52px 12px 30px;
		border-radius: 6px;
	}
	 #accordion .panel .panel-heading .panel-title a span {
		font-size: 12px;
		/* font-weight: bold; */
		font-weight: normal;
		color: var(--grey-58);
	}
	 #accordion .panel .panel-heading .panel-title {
		height: 44px;
	}
	.main .jobTop img {
		width: 100%;
		margin-bottom: 3em;
	}
	.main .jobTop .salary_title {
		margin-bottom: 2em;
	}
	.main .jobBottom img {
		width: 100%;
		margin-bottom: 3em;
	}
	.main .jobBottom .salary_title {
		margin-bottom: 2em;
	}
	.white_title {
		letter-spacing: 0px;
	}
	.main .choose_content {
		color: var(--grey-9);
		font-size: 14px;
		line-height: 30px;
		text-indent: 24px;
	}
	.main .speakCourse img {
		width: 70%;
		margin: 0px auto;
	}
	.main .openclassInfo {
		min-height: 62px;
    	height: 62px;
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		z-index:1;
	}
	.main .openclassInfo div {
    float: left;
    font-size: 16px;
    color: var(--deep-blue);
}
.schoolAddr {
    line-height: 60px;
    margin-left:30px;
}
	.main .openclassInfo .time {
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: left;
		color: var(--dee-blue);
		height: 36px;
    	min-width: 1px;
	}
	.main .openclassInfo .countdown {
		font-size: 28px;
		/* font-weight: bold; */
		font-weight: normal;
		color: var(--dee-blue);
		margin: 9px 8% 10px 13%;
		heihgt:100px;
	}
	.main .openclassInfo .addr {
		font-size: 22px;
		margin-top: 30px;
		margin-bottom: 30px;
		width: 100%;
		z-index:1;
	}
	.class_time {
		display: none;
	}
	.moArea {
		    /* padding: 5px 10px; */
    background-color: rgba(153, 153, 153, 0.1);
    color: #9e9d9d;
    border-radius: var(--border-radius-4);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 50px;
    height: 40px;
	}
	.moArea.active {
		background-color: var(--deep-blue) !important;
		color: var(--rgba-white-100-text);
	}
}

@media only screen and (min-width: 1124px) {
	#example .content .content .bottom .info .left{
		overflow-y: auto;
	}
	/*body {*/
	/*	background: var(--basic2) !important;*/
	/*}*/
	/*banner*/
	.banner_box {
		 --banner-height: calc((640 * 100vw) / 1920);
		 min-width: 100%;
		 height: var(--banner-height);
		overflow: hidden;
		background: url(../img/banner/border.svg) no-repeat;
		background-size: contain;
		transition: all 200ms;
		position: relative;
 }
	.banner-border{
		width: 100%;
		height: var(--banner-height);
		-webkit-mask-image: url(../img/banner/Mask.svg);
		mask-image: url(../img/banner/Mask.svg);
		-webkit-mask-position: 0 0.644vw;
		mask-position: 0 0.644vw;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
		transition: all 0s;
		position: relative;
	}

	    .banner_box .hd {
		 width: 100%;
		 position: absolute;
		bottom: 0.644vw;
		z-index: 1
 }

	.slideBox .bd {
		 width: 100%;
		 height: var(--banner-height);
		 -webkit-mask-image: url(../img/banner/Mask.svg);
		mask-image: url(../img/banner/Mask.svg);
		-webkit-mask-position: 0 0.644vw;
		mask-position: 0 0.644vw;
		 -webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		 mask-size: contain;
		 transition: all 0s;
	position: relative;
		background-color: var(--rgba-white-100-bg);
		 }

	    .slideBox .bd::after{
		 z-index: 99999;
		 position: absolute;
		 left: 0px;
		top: 0.644vw;
		 width: 100vw;
		height: calc(64000vw / 1920);
		 content: url(../img/banner/Inset-Shadow.svg);
		 mix-blend-mode: multiply;
		 }

	    .slideBox .bd li {
		 display: block;
		width: 100%;
		height: var(--banner-height);
		 text-align: center
 }
	/*banner*/
	.major-name {
		color: var(--weakColor1);
		font-size: 16px;
		line-height: 24px;
		/*margin-bottom: 20px;*/
	}
	.showImgBox>.imgActive {
		opacity: 1;
	}
	.course_answer.bg_deep_blue{
		background:var(--basic2) !important;
	}
	.to_mobile{
		display: none;
	}
	/* Min_box */
	/*body{*/
	/*	background: var(--basic2) !important;*/
	/*}*/
	/*学习资料获取start*/
	.receive-information{
		width: 100%;
		margin: 0 auto 120px;
	}
	.course_integrated{
		padding-bottom: 80px;
		background-color: #E7E1DE;
	}
	.receive-information .resources{
		width: var(--mainWidth);
		display: flex;
		margin: 50px auto 0;
		position: relative;
	}
	.resources-one{
		position: absolute;
		right: -162px;
		top: 20px;
		z-index: -1;
	}
	.resources-two{
		position: absolute;
		left: 207px;
		bottom: -60px;
		z-index: -1;
	}
	.resources .left {
		width: 200px;
		padding: 20px;
		border-radius: var(--border-radius-10);
		background: var(--linear1);
		/* 浮雕按钮（小） */
		box-shadow: var(--shadow3);
		margin-right: 20px;
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		align-items: center;
	}
	.resources .left img{
		width: 142px;
		height: 142px;
		/*background: url("/static/page/img/Cyber_QQ_QR.png");*/
		mix-blend-mode: multiply;
	}
	.resources .left p:nth-of-type(1) {
		font-size: var(--size18);
		line-height: var(--size27);
		color: var(--textColor1);
		margin-bottom: 20px;
	}
	.resources .left p:nth-of-type(2) {
		font-size: var(--size14);
		line-height: var(--size24);
		color: var(--weakColor2);
		margin-bottom: 20px;
	}
	.resources .btn {
		cursor: pointer;
		margin-top: 20px;
		padding: 12px 40px;
		border-radius: var(--border-radius-4);
		background-color: var(--red);
		font: normal 14px/24px var(--font-family);
		color: var(--rgba-white-100-text);
		box-shadow: 4px 4px 4px 0px rgb(242 87 103 / 30%);
	}
	.resources .right {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.resources .right a:nth-of-type(-n+2) {
		margin-bottom: 20px;
	}
	.resources .right a:nth-of-type(2n+1) {
		margin: 0 24px 0px 0px;
	}
	.resources .right a {
		display: block;
		width: 478px;
		padding: 20px;
		border-radius: 10px;
		box-shadow: var(--shadow3);
		background: var(--linear1);
	}
	.resources .right a:hover{
		background:var(--mainColor3) ;
	}
	.resources .right a .content-box{
		display: flex;
		justify-content: space-between;
	}
	.resources .right a .content-box img{
		margin-right: 20px;
		align-self: flex-start;
	}
	.resources .right a .content-box .content-right{
		width: 328px;
	}
	.resources .right a:hover .stage-num{
		color: #ffffff;
	}
	.resources .right a .stage-num{
		font-family: 'Microsoft YaHei UI';
		width: 100%;
		font-size: var(--size18);
		line-height: var(--size27);
		color: var(--mainolor1);
		padding-bottom: 10px;
		border-bottom: 1px solid var(--bg2);
	 }
	.resources .right a:hover .stage-name{
		color:var(--white7);
	}
	.resources .right a:hover .stage-notice{
		color:var(--white7);
	}
	.resources .right a .stage-name{
		font-family: 'Microsoft YaHei UI';
		font-size: var(--size14);
		line-height: var(--size24);
		color: var(--blue1);
	}
	.resources .right .content-right p:nth-child(2){
		margin-bottom: 0;
	}
	.resources .right a .stage-notice{
		/*margin-top: 10px;*/
		font-size: var(--size14);
		line-height: var(--size24);
		color: var(--weakColor2);
	}
	/*学习资料获取end*/
	/*课程亮点*/
	.course-highlights{
		width: 100%;
		padding: 128px 0;
		background: #E7E1DE;
	}
	.course-highlights .course-main{
		width: 1200px;
		margin: 50px auto 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		padding: 10px;
	}
	.course-main-one{
		position: absolute;
		right: -132px;
		bottom: 215px;
	}
	.course-main-two{
		position: absolute;
		left: 40px;
		bottom:-40px;
	}
	.course-highlights .course-main .highlights-one{
		width: 575px;
		padding: 20px;
		margin-bottom: 20px;
		background: var(--linear1) ;
		/* 浮雕按钮（小） */
		box-shadow: var(--shadow4);
		border-radius:var(--border-radius-20);
		display: flex;
		justify-content: space-between;
	}
	.course-highlights .course-main .highlights-one .text-box{
		width: 491px;
	}
	.course-highlights .highlights-one .highlights-title{
		font-family: 'Microsoft YaHei UI';
		font-size: var(--size18);
		line-height: var(--size27);
		text-align: right;
		/* 主色1 */
		color: var(--mainolor1);
		margin-bottom: 10px;
	}
	.course-highlights .highlights-one:nth-child(2n+2) .highlights-title{
		text-align: left;
	}
	.highlights-desc{
		font-family: 'Microsoft YaHei UI';
		font-size: var(--size14);
		line-height: var(--size24);
		color: var(--blue1);
	}
	.zhuanshi{
		width: 24px;
		height: 24px;
		/* 主色1 */
		border: 2px solid var(--mainolor1);
		border-radius: 50%;
	}
	.zhuanshi-red{
		/* 装饰颜色/红色 */
		background:var(--red1);
	}
	.zhuangshi-yellow{
		/* 装饰颜色/黄色 */
		background: var(--yellow1);
	}
	.zhuanshi-gary{
		/* 装饰颜色/灰色 */
		background: var(--gary2);
	}
	.zhuanshi-green{
		/* 装饰颜色/绿色 */
		background: var(--green1);
	}
	.zhuanshi-cyan{
		/* 装饰颜色/青色 */
		background: var(--cyan1);
	}
	.zhuanshi-blueSky{
		/* 装饰颜色/天蓝 */
		background: var(--blue-sky);
	}
	.zhuanshi-deepBlue{
		/* 装饰颜色/深蓝 */
		background: var(--blue-deep);
	}

	/*课程亮点end*/
/*<!--课程核心start-->*/
	.course-core .core-main{
		width: 1200px;
		margin: 40px auto 120px;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.core-main-one{
		position: absolute;
		right: 0;
		bottom: -42px;
		z-index: -1;
	}
	.course-core .core-main .core-one{
		width:180px;
		height: 180px;
		background:var(--basic2);
		box-shadow: inset -4px -4px 8px #FFFFFF, inset 4px 4px 8px #D1D9E6;
		border-radius:50%;
		padding: 8px;
	}
	.course-core .core-main .core-inside{
		width: 164px;
		height: 164px;
		border-radius:50%;
		display: flex;
		align-items: center;
		font-size: var(--size14);
		line-height: var(--size24);
		color: var(--blue1);
		padding: 0 12px;
		text-align: center;
	}
	.border-gary{
		border: 2px solid var(--gary2);
	}
	.border-red{
		border: 2px solid var(--red1);
	}
	.border-yellow{
		border: 2px solid var(--yellow1);
	}
	.border-green{
		border: 2px solid var(--green1);
	}
	.border-cyan{
		border: 2px solid var(--cyan1);
	}
	.border-deep-blue{
		border: 2px solid var(--blue-deep);
	}
	/*课程核心end-*/
#min_box {
/* 	height: 239px; */
	padding-bottom: 100px;
	padding-top:40px;
width:100vw;
}

.fontSize18{
	font-size: var(--size18);
	line-height: var(--size27);
	color: var(--mainolor1);/* 主色1 */
	margin-bottom: 10px;
}

.fontSize12{
	font-size: var(--size14);
	line-height:var(--size24);

	color: var(--blue1);/* AA */
}

#min_box>.FlexBox>div {
	width: 285px;
	height: 240px;
	padding: 20px 20px 0 20px;
	background: var(--linear1);
	/* 纯白色 */
	/*border: 1px solid #FFFFFF;*/
	/* 毛玻璃阴影+背景模糊 */
	box-shadow: var(--shadow3);
	border-radius: var(--border-radius-20);
	margin-bottom: 20px;
}



#min_box>.FlexBox>div>svg {
	margin-top:26px;
}

#min_box svg>path {
	fill: var(--yellow) !important;
}
#min_box>.FlexBox>div>div {
	margin-bottom: 20px;
}

.WebContentBox {
    display: flex;
    justify-content: space-between;
}
.WebContentItem {
    /* display: flex; */
    width: 129px;
}
.WebContentImgBox {
    width: 129px;
    height: 129px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--grey-10);
    border-radius:var(--border-radius-4);
}
.WebContentImgBox>svg>path{
	fill:var(--deep-blue) !important;
}
.WebContentText {
    text-align: center;
    margin-top: 20px;
    font-size: 24px;
    color: var(--deep-blue);
}
.treeBox {
    margin-top: 20px;
}
.treeBottom {
    height: 35px;
    width: 2px;
    background: var(--deep-blue);
    margin: 0 auto;
}
.treeTop {
    width: 1076px;
    height: 18px;
    border: 2px solid var(--deep-blue);
    border-top: 0;
    margin: 0 auto;
}
.WebTradeBox {
    width: 100%;
    height: 180px;
    background: var(--red);
    border-radius: var(--border-radius-4);
    display: flex;
    flex-wrap: wrap;
    padding: 30px 100px;
    align-items: center;
    justify-content: space-between;
}
.WebTradeItem {
    font-size: 24px;
    margin-right: 63px;
}

.FlexBox{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position: relative;
}
	.FlexBox-one{
		position: absolute;
		top: -60px;
		right: -286px;
		mix-blend-mode:multiply;
	}
	.FlexBox-two{
		position: absolute;
		left: -126px;
		bottom: 182px;
	}
	.FlexBox-three{
		position: absolute;
		right: -160px;
		bottom: -50px;
	}
	.TestBgImg{
	    width: 940px;
	    height: 495px;
	    position: relative;
	    display: flex;
	}
	.imgBox {
	    position: absolute;
	    left: -353px;
	    top: 0;
	    height: 100%;
	    width: 100%;
	}
	.ShowImg{
		opacity:0;
		position:absolute;
		width:100%;
	}
	.ShowImg.active{
		opacity:1
	}
	.TestAbContent{
		position: absolute;
	    left: 588px;
	    width: 600px;
	    padding-left: 20px;
	}
	.TestContentTitle{
		font-size:32px;
		color:var(--deep-blue);
		line-height:100px;
	}
	.TestContentItemBox {
	    display: flex;
	    cursor:pointer;
	}
/* 	.TestContentItemBox.active>.TestContentItemLine{ */
/* 		height:auto-31 !important; */
/* 		transition: */
/* 	} */
	.rightItemBox {
    text-align: left;
}

	.TestContentItemBox>div:last-child{
		width:556px;
		overflow:hidden;
	}
	.TestContentItemTitle {
	    padding: 0 20px;
	    font-size:24px;
	}
	.TestContentItemText {
	    margin: 20px;
	    opacity:0;
		height:0;
	}
	.TestContentItemBox.active>div:last-child>.TestContentItemText{
		opacity:1;
		height:auto;
	}
	.TestContentItemLine{
		width:24px;
		height:24px;
		border-radius:var(--border-radius-4);
		margin-top:6px;
	}
	.posiBox {
	    display: flex;
	    justify-content: center;
	}
	.posiItemBox {
	    border-radius: var(--border-radius-4);
	    height:358px;
	    width:590px;
	}
	.posiItemTitle {
        text-align: center;
	    padding: 31px 0 25px;
	    font-size: 34px;
	    letter-spacing: 5px;
	}
	.posiItem {
        display: flex;
	    text-align: center;
	    padding: 40px 116px 40px 50px;
	    justify-content: space-between;
	    height:100%;
        align-items: center;
	}
	.leftItemBox {
	    font-size: 36px;
	    width: 39px;
	    letter-spacing: 0;
	    line-height: 43px;
	}
	.TestTreeBox {
	    height: 272px;
	    width: 40px;
	    display: flex;
	    align-items: center;
	}
	.TestTreeLeft {
	    width: 20px;
	    height: 2px;
	    background: var(--rgba-white-100-bg);
	}
	.TestTreeRight {
	    height: 100%;
	    width: 20px;
	    border: 2px solid var(--rgba-white-100-bg);
	    border-right: 0;
	}
	.leftItemBox>div,.rightItemBox>div {
	    font-size: 23px;
	    margin-bottom: 6px;
	    letter-spacing: 2px;
	    white-space: nowrap;
	}
	/* 明星学员就业分享 */
	.employment_share ul::after {
		content: '\0020';
		height: 0;
		display: block;
		clear: both;
	}

	.fontSize36 {
	    font-size: 60px;
	    font-weight: bold;
	    height: 69px;
	}

	.InduTitleBox{
		display:flex;
		align-items:flex-end;
		justify-content:center;
		margin-bottom:15px;
		height:69px;
	}
	.InduContent{
		text-align:center;
		font-size:16px;
	}
	.CourseFlexBox {
		display: flex;
		justify-content: space-around;
		margin:0 auto;
		width:943px;
	}
	.CourseFlexBox>div{
		width: 20%;
    	padding: 12px 0 15px;
    	border-radius:var(--border-radius-2);
   	    width: 221px;
    	height: 137px;
	}

	.employment_share ul {
		width: 1224px;
		margin: 0px auto;
		padding-bottom: 80px;
	}

	.employment_share ul li {
		width: 282px;
		margin: 12px;
		float: left;
		cursor: pointer;
		box-shadow: var(--shadow);
		border-radius: var(--border-radius-4);
		overflow: hidden;
		height: 241px;
		background: white;
	}

	.employment_share ul li:hover {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}

	.employment_share ul li .img_box {
		position: relative;
	}

	.employment_share ul li .img_box .salary {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 110px;
		background-color: var(--rgba-white-100-bg);
		text-indent: 20px;
		padding-right: 5px;
		padding-top: 12px;
		color: var(--grey-58);
		/* font-weight: bold; */
		font-weight: normal;
		border-top-left-radius: 30px;
	}

	.employment_share ul li .img_box img {
		width: 100%;
		height: 158px;
	}

	.employment_share ul li .info_box {
		background-color: var(--rgba-white-100-bg);
		padding: 20px;
	}

	.employment_share ul li .info_box .info_name {
		color: var(--grey-9);
		margin-bottom: 2px;
		padding-left: 22px;
		background: url(../img/icon/ziyuan.png) left center no-repeat;
	}

	.employment_share ul li .info_box .info_company {
		color: var(--grey-9);
		padding-left: 22px;
		background: url(../img/icon/woshou.png) left center no-repeat;
	}

	.employment_share ul .share_more {
		height: 240px;
		position: relative;
	}

	.employment_share ul .share_more>a>div {
		color: var(--rgba-white-100-text);
		font-size: 16px;
		/* font-weight: bold; */
		font-weight: normal;
		position: absolute;
		top: 60px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.moreShare {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height:100%;
	}

	.employment_share ul .share_more img {
		position: absolute;
		bottom: 72px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	/* 明星学员就业分享END */

	/* 就业信息START */
	.employment_imformation_content {
		/*position: absolute;*/
		/*left:0;*/
		/*width: 100%;*/
		/*height: 700px;*/
	}
	.employment_imformation_content .main>span:nth-child(1) {
		float: left;
		padding-right: 70%;
		display: block;
		height: 64px;
		font-size: 24px;
		font-weight: normal;
	}
	.employment_imformation_content .main>span:nth-child(2) {
		display: block;
		height: 64px;
		font-size: 24px;
		font-weight: normal;
	}
	.employment_imformation_content #index_table {
		height: 530px;
	}
	.table_tittle {
		height: 34px;
		border-bottom: 1px solid var(--bg2);
		background-blend-mode: multiply;
	}

	.employment_imformation_content #index_table ul {
		display: block;
		width: 100%;
		margin-top: 60px;
		height: 462px;
	}
	.employment_imformation_content #index_table .table_tittle>div {
		float: left;
		text-align: center;
		line-height:24px;
		font-size: 14px;
		color: var(--textColor1);
		font-weight: normal;
	/*background: var(--basic2);*/
		border-right: 2px solid var(--rgba-white-0);
	}
	.employment_imformation_content #index_table .table_tittle div:first-child{
		padding-left: 10px;
		text-align: left;
	}
	.employment_imformation_content #index_table .table_tittle div:nth-child(5),.employment_imformation_content #index_table .table_tittle div:nth-child(6){
		padding-left: 46px;
	}
	.employment_imformation_content #index_table .table_tittle div:last-child{
		padding-right: 10px;
		text-align: right;
	}
	.employment_imformation_content #index_table .table_tittle>div:nth-child(7) {
		border-right: none;
		width: 14%;
	}
	.employment_imformation_content #index_table .table_tittle>div:nth-child(1), .employment_imformation_content #index_table .table_tittle>div:nth-child(2), .employment_imformation_content #index_table .table_tittle>div:nth-child(6) {
		width: 10%;
	}
	.employment_imformation_content #index_table .table_tittle>div:nth-child(3), .employment_imformation_content #index_table .table_tittle>div:nth-child(5) {
		width: 14%;
	}
	.employment_imformation_content #index_table .table_tittle>div:nth-child(4) {
		width: 28%;
	}
	.employment_imformation_content #index_table .table_content{
		width:100%;
		height:480px;
		/*border-top:2px solid var(--yellow);*/
	}
	.employment_imformation_content #index_table .table_content ul li {
		display: block
	}
	.employment_imformation_content #index_table .table_content ul li span {
		float: left;
		text-align: center;
		line-height: 36px;
		font-size: 14px;
		font-weight: normal;
		height: 36px;
		overflow: hidden;
		color:var(--grey-coloful);
		opacity:0.7;
	}
	.employment_imformation_content #index_table .table_content ul li span:first-child{
		text-align: left;
		padding-left: 10px;
	}
	.employment_imformation_content #index_table .table_content ul li span:last-child{
		text-align: right;
		padding-right: 10px;
	}
	.employment_imformation_content #index_table .table_content ul li:nth-child(2n+1) span{
		background: var(--bg1);
		background-blend-mode: multiply;
	}
	.employment_imformation_content #index_table .table_content ul li span:nth-child(7) {
		border-right: none;
		width: 12%;
	}
	.employment_imformation_content #index_table .table_content ul li span:nth-child(1), .employment_imformation_content #index_table .table_content ul li span:nth-child(2), .employment_imformation_content #index_table .table_content ul li span:nth-child(6) {
		width: 10%;
	}
	.employment_imformation_content #index_table .table_content ul li span:nth-child(3), .employment_imformation_content #index_table .table_content ul li span:nth-child(5) {
		width: 14%;
	}
	.employment_imformation_content #index_table .table_content ul li span:nth-child(4) {
		width: 30%;
	}
	.employment_imformation_content .right_box {
		/*margin-top: -10px;*/
		display: flex;
		justify-content: space-between;
	}
	.employment_imformation_content .right_box>a {
		display: block;
		width: 282.5px;
		height: 201.46px;
		padding: 10px;
		background: var(--bg1);
		background-blend-mode: multiply;
		border-radius: var(--border-radius-10);
	}
	.stu-interview{
		margin-top: 20px;
	}
	.employment_imformation_content .right_box>a img {
		width: 262.5px;
		height: 147.46px;
		border-radius: var(--border-radius-10);
		margin-bottom: 10px;
	}
	.inter-stu-info {
		 width: 100%;
		 padding: 0 10px;
		 display: flex;
		 justify-content: space-between;
	}
	.inter-stu-info span {
		font-size: var(--size14);
		line-height: var(--size24);
		color: var(--blue1);
		margin-right: 10px;
	}
	/* 首页就业模块标题1 */

	.emTitle1 {
		width: var(--mainWidth);
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	.em-title {
		font-size: var(--size18);
		line-height: var(--size27);
		color: var(--mainolor1);
	}

	/* 首页就业模块标题2 */
	.emTitle2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
		font-size: 24px;
		font-weight: normal;
		white-space: nowrap;
	}


	}
@media only screen and (max-width:1850px){
	.banner_box {
		/*--banner-height:--banner-height  !important;*/
	}
}
.seeMore {
		font-size: var(--size14);
		margin-left: 30px;
		color: var(--blue1);
		white-space: nowrap;
		display: flex;
		align-items: center;
	}
	.seeMore img{
		margin-left:10px ;
	}
	.seeMore:hover {
		text-decoration: underline;
	}
	/* 课程亮点 */
	/* 就业信息END */
	.uiMobile_classTime {
		display: none;
	}
	.control-box ul li {
		display: block;
		position: absolute;
		cursor: pointer;
		filter: drop-shadow(var(--smallest-shadow));
		padding: 20px 16px;
		border-radius: var(--border-radius-4);
	}
	.colorful_title>.coucomTitle {
		font-size: 36px;
		color: white;
		text-align: center;
		font-weight: normal;
		letter-spacing: 6px;
	}
.course-zhuangshi{
	width: var(--mainWidth);
	margin: 0 auto;
	position: relative;
}

.course-zhuangshi-one{
	position: absolute;
	left: -252px;
	bottom: 184px;
	mix-blend-mode: multiply;
	z-index: -1;
}
.course-zhuangshi-two{
	position: absolute;
	right: -102px;
	top: 30%;
	z-index: -1;
}
.course-zhuangshi-three{
	position: absolute;
	left: 209px;
	bottom: 202px;
	z-index: -1;
	mix-blend-mode: multiply;
}
	#example {
		user-select: none;
	}
	.answerBox {
		display: flex;
		flex-wrap: wrap;
		width: 1200px;
	}
	.course_question .course_answer li {
		height: 65px;
		transition: height ease-in 0.2s;
	}
	.course_question .course_answer li.active {
		height: auto;
		transition: height ease-in 0.2s;
	}
	.course_question .course_answer li .answer_title span {
		transform: translate(0, 0) rotate(-deg);
		transition: all 0.2s
	}
	.course_question .course_answer li.active .answer_title span {
		transform: translate(0, -50%) rotate(-45deg)
	}
	.course_question .course_answer li.active .answer_title {
		height: auto;
		transition: height ease-in 0.2s;
	}
	.course_question .course_answer li.active .answer_content {
		visibility: initial;
		opacity: 1;
		transition: all 0.2s;
		height: auto;
	}
	/*为什么选择该专业*/
	.data-analysis{
		width: 1200px;
		margin: 10px auto 0;
		padding-top: 47px;
		padding-bottom: 80px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;

	}
	.data-analysis-one{
		position: absolute;
		right: -284px;
		top: 0;
		mix-blend-mode: multiply;

	}
	.data-analysis-two{
		position: absolute;
		left: 23px;
		top: 7px;
		mix-blend-mode: multiply;
	}
	 .data-analysis .data-one{
		 width: 283.5px;
		 padding: 20px;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
	 }
	.data-analysis .data-one .data-score span:first-child{
		font-family: DIN-Bold;
		font-weight: bold;
		font-size: var(--size72);
		color: var(var(--titleCOlor1));
	}
	.data-analysis .data-one .data-score span:last-child{
		font-family: Microsoft YaHei UI;
		font-size: var(--size18);
		line-height: var(--size27);
		color: var(var(--titleCOlor1));
	}
	.data-analysis .data-one .data-desc{
		font-size: var(--size14);
		line-height:var(--size24);
		color: var(--blue1);/* AA */
	}
	.line-one{
		width: 2px;
		height: 64px;
		background:var(--bg3);
		background-blend-mode: multiply;
	}
	/*数据分析tab图*/
	.analysis-tab{
		width: 100%;
		background:var(--bg1);
		background-blend-mode: multiply;
		/* 深槽按钮 */
		box-shadow:var(--shadow5);
		padding: 80px 0;
	}
	.analysis-tab .analysis-main{
		 width: var(--mainWidth);
		margin: 0 auto;
		padding: 41px 0;
		display: flex;
		position: relative;
	 }
.analysis-main-one{
	position: absolute;
	right: -284px;
	top: 0;
	mix-blend-mode: multiply;
}
	.analysis-tab .analysis-main .nav-pills li{
		width: 486px;
		padding: 10px 0;
		float: none;
		border-bottom: 1px solid var(--bg2);
		background-blend-mode: multiply;
		cursor: pointer;
	}
	.analysis-tab .analysis-main li .pills-one{
		width: 100%;
		padding: 10px 20px;
		display: flex;
	}
.analysis-tab .analysis-main li .pills-one:hover{
	background: var(--bg1);
	background-blend-mode: multiply;
}
	.analysis-tab .analysis-main .nav-active .pills-one{
	    background:var(--bg1) ;
		background-blend-mode: multiply;
	}
	.analysis-tab .analysis-main li .pills-one .num{
		font-size:var(--size36);
		line-height:var(--size48);
		/* AA */
		color: var(--blue1);
		margin-right: 20px;
		font-family: DIN-Bold;
	}
	.analysis-tab .analysis-main li .pills-one .desc p:first-child{
		font-family: 'Microsoft YaHei UI';
		font-size:var(--size18);
		line-height:var(--size27);
		color: var(--blue1);
		margin-bottom: 0;
	}
	.analysis-tab .analysis-main .nav-active .pills-one .desc p:first-child{

		color: var(--mainolor1);
	}
	.analysis-tab .analysis-main li .pills-one .desc p:last-child{
		font-family: 'Microsoft YaHei UI';
		font-size:var(--size12);
		line-height:var(--size20);
		color: var(--blue1);
		margin-bottom: 0;
	}
	.analysis-tab .analysis-main .nav-content{
		height: 506px;
		padding-left: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 80px;
	}
.analysis-tab .analysis-main ul{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	.analysis-tab .analysis-main .nav-content .nav-item{
		display: none;
	}
	.analysis-tab .analysis-main .nav-content .nav-show{
		display:block;
	}
	/*教师团队*/
	.teacher-box{
		padding-top: 80px;
	}


.showImgBox>.imgActive {
	opacity: 1;
}

/* .course_introduction2 { */
/* 	padding-bottom: 80px; */
/* } */

.showImgBox {
	width: 480px;
	height: 318px;
	margin: 10px;
	position: relative;
}

.proTitle1 {
	float: left;
	width: 157px;
	height: 50px;
	background-color: rgba(248, 249, 250, 0.1);
	border-radius: var(--border-radius-4);
	cursor: pointer;
	opacity: 0.1;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--rgba-white-100-text);
	margin-right: 17px;
}

.couTitle>.active {
	width: 157px;
	height: 50px;
	background-color: var(--yellow);
	border-radius: var(--border-radius-4);
	opacity: 1;
}

.showImgUl>li:hover {
	cursor: pointer
}
.showImgBox-box{
	height: 338px;
	background: var(--white3);
	/* 纯白色 */
	background-blend-mode: multiply;
	border: 1px solid #FFFFFF;
	/* 毛玻璃阴影+背景模糊 */
	box-shadow: var(--shadow1);
	backdrop-filter: blur(8px);
margin-top: 10px;
	border-radius: var(--border-radius-10);
}
.showImgBox img {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

/* 课程项目START */

#example {
	padding-bottom: 128px;
	background: #E7E1DE;
}

#example .content .content .top {
	display: flex;
	justify-content: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	flex-wrap: wrap;
}

#example .content .content .top .nameBtn {
	transition: all 0s;
	transition-property: opacity, visibility, transform, background-color;
	transition-duration: 0.3s;
	filter: blur(2px);
	transform: scaleY(.85);
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: var(--rgba-white-100-text);
	/* display: block; */
	white-space: nowrap;
	padding: 17px 45px;
	border-radius: var(--border-radius-4);
	background-color: var(--rgba-white-10);
	opacity: 0;
	visibility: hidden;
}

#example .content .content .top .nameBtn.visibles {
	/* opacity: 0.3;
		visibility: initial; */
}

#example .content .content .top .nameBtn.visible:hover {
	background-color: var(--rgba-white-30);
}

#example .content .content .top .nameBtn.visible.active {
	background-color: var(--yellow);
}

#example .content .content .top .nameBtn.visible {
	cursor: pointer;
	opacity: 1;
	visibility: initial;
	filter: none;
	transform: none;
	margin: 0 24px 20px 0;
}

#example .content .content .top .nameBtn.visible:last-child {
	margin: 0 0 20px 0;
}
.right-box .imgLazeLoad_course{
	display: none;
}
.right-box .imgLazeLoad_course.active{
	display: block;
}
#example .content .content .top .nameBtn.visible:active {
	transform: scale(0.95);
}

#example .content .content .bottom .info {

	display: none;
	opacity: 0;
	transition-delay: 0.2s;
	margin-bottom: 40px;
}

#example .content .content .bottom .info.active {
	display: flex;
	opacity: 1;
	transition-delay: 0s;
}

#example .content .content .bottom .info .left {
	display: flex;
	flex-direction: column;
	width: 300px;
	padding: 20px;
	background: var(--linear1);
	/* 浮雕按钮 */
	box-shadow:var(--shadow4);
	border-radius: var(--border-radius-20);
	margin-right: 20px;
	height: 556px;

}
.carousel-point{
	width: 100%;
	display: flex;
	justify-content: center;
}
.carousel-point .small-point{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--bg3);
	background-blend-mode: multiply;
	margin-right: 20px;
	border: 1px solid transparent;
	cursor: pointer;
}
.carousel-point .small-point.point-active{
	background: var(--blue1);
	border-color: var(--bg3);
}
.carousel-point .small-point:last-child{
	margin-right: 0;
}
#example .content .content .bottom .info.active .right-box.active {
	width: 100vw;
	height: 100vh;
	border-top: transparent solid 10vh;
	border-bottom: transparent solid 10vh;
	/* background-color: var(--rgba-black-30); */
	background-color: var(--deep-blue);
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	top: 0px;
	left: 0px;
	box-shadow: var(--shadow);
	cursor: url(../img/sx.ico), auto !important;
	z-index: 999999;
	display: flex;
	justify-content: center;
}
#example .content .content .bottom .info .left .title {
	color: var(--rgba-white-100-text);
	font-size: 2rem;
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
	transform: translateX(25px);
	transition-delay: 0.2s;
}

#example .content .content .bottom .info.active .left .title {
	opacity: 1;
	visibility: initial;
	transform: translateX(0px);
	transition-delay: 0s;
	font-size: var(--size18);
	line-height: var(--size27);
	color: var(--mainolor1);
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bg2);
}

#example .content .content .bottom .info .left .content {
	font-size: var(--size14);
	line-height: var(--size24);
	padding-top: 10px;
	color: var(--blue1);
	text-align: justify;
	opacity: 0;
	visibility: hidden;
}

#example .content .content .bottom .info.active .left .content {
	opacity: 1;
	visibility: initial;
}
#example .content .content .bottom .info.active .left .content ul{
	list-style-position:inside !important;
}
#example .content .content .bottom .info.active .left .content ul li{
	list-style-type: square !important;

}

#example .content .content .bottom .info .left .btn {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	white-space: nowrap;
	padding: 17px 0;
	text-align: center;
	width: 144px;
	border-radius: var(--border-radius-4);
	background-color: var(--rgba-white-10);
	cursor: pointer;
	color: var(--rgba-white-100-text);
}

#example .content .content .bottom .info .left .btn:hover svg {
	transform: translateX(5px);
}

#example .content .content .bottom .info .left .btn:hover {
	background-color: var(--rgba-white-30);
}

#example .content .content .bottom .info .left .btn:active {
	background-color: var(--yellow);
}

#example .content .content .bottom .info .left .btn:active svg {
	transform: translateX(10px);
}

#example .content .content .bottom .info .left .btn svg path {
	fill: var(--rgba-white-100-text);
}

#example .content .content .bottom .info .right {
	width: 788px;
	border-radius: var(--border-radius-4);
	transition-delay: 0.2s;
}
#example .content .content .bottom .info .right .right-box{
	width: 100%;
	height:476px;
	padding:25px 10px;
	background: var(--linear1);
	/* 浮雕按钮 */
	cursor: url(../icon/left.svg), auto;
	box-shadow: var(--shadow3);
	border-radius: var(--border-radius-20);
	display: flex;
	justify-content: center;
	align-items: center;
}
#example .content .content .bottom .info .btn-box{
	padding: 10px;
	height: 70px;
	margin-bottom: 10px;
}

#example .content .content .bottom .info .btn-box .btn-prev{
	margin-right: 10px;
}
#example .content .content .bottom .info .btn-box .btn{
	/*height: 50px;*/
	/*padding: 0 20px;*/
	margin-top: 0;
	float: right;
	/*background: var(--linear1);*/
	/*!* 浮雕按钮 *!*/
	/*box-shadow: var(--shadow3);*/
	/*border-radius: var(--border-radius-10);*/
	/*color: var(--mainColor3-deep);*/
	/*font-size: var(--size14);*/
	/*line-height: var(--size50);*/
	width: fit-content;
	border-radius: 999px;
	padding: 13px 20px;
	background: #F50 ;
	color:  #FFF ;
	font-family: "Microsoft YaHei";
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	cursor: pointer;
	border: none;
	box-shadow: 4px 4px 12px 0px rgba(255, 172, 203, 0.75) inset, -4px -4px 12px 0px #FFF2DB inset, 8px 8px 24px 0px rgba(255, 107, 2, 0.35);

}
#example .content .content .bottom .info .btn-box .btn:hover{
	/*background: var(--mainColor3);*/
	/*color: var(--white);*/
	box-shadow: 4px 4px 12px 0px #FF6CA2 inset, -4px -4px 12px 0px #FFDC9B inset, 4px 4px 12px 0px rgba(255, 107, 2, 0.35);

}
#example .content .content .bottom .info .btn-box .btn:active{
	/*background: var(--mainColor3);*/
	/*color: var(--white);*/

	box-shadow: 4px 4px 12px 0px #FE327D inset, -4px -4px 12px 0px #FFB731 inset, 2px 2px 4px 0px rgba(255, 107, 2, 0.35);

}
#example .content .content .bottom .info.active .right {
	width: 880px;
	opacity: 1;
	visibility: initial;
	transition-delay: 0s;
	position: relative;

}
.example-zhuangshi-one{
	display: block !important;
	width: 77.12px !important;
	height: 62.55px !important;
	position: absolute;
	left: 0;
	top: 0;
}
#example .content .content .bottom .info.active .right img {
	height: 100%;
	width: auto;
}
#example .content .content .bottom .info.active .right.active img {
	height: unset;
	width: auto;
}
#example .content .content .bottom .info.active .right.active {
	width: 100vw;
	height: 100vh;
	border-top: transparent solid 10vh;
	border-bottom: transparent solid 10vh;
	/* background-color: var(--rgba-black-30); */
	background-color: var(--deep-blue);
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	top: 0px;
	left: 0px;
	box-shadow: var(--shadow);
	cursor: url(../img/sx.ico), auto;
	z-index: 999999;
	display: flex;
	justify-content: center;
}

#example .content .content .bottom .info .right>img {
	position: absolute;
	width: 788px;
	transform: translateX(40px);
	transition-delay: .3s;
	display: none;
}

#example .content .content .bottom .info .right img.active {
	display: block;
}

#example .content .content .bottom .info.active .right img {
	transform: none;
	transition-delay: 0s;
}

#example .content .content .bottom .info.active .right.active img {
	/*cursor: auto;*/
	/*width: 1432px;*/
	/*left: calc(50% - 1432px/ 2);*/
	z-index: 99999;
	top: calc((100vh - 600px)/2);
}

/* 项目案例END */

.authentication>img {
	width: 85px;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 0;
}

.class_time .colorful_title .main_colorful_title div {
	font-size: 24px;
}

.class_time .colorful_title>div:nth-child(1) {
	padding-top: 0;
	margin-bottom: 16px;
}

.colorful_title .main_colorful_title div {
	font-size: 36px;
}

.colorful_title .first_title {
	padding-top: 12px;
}

.colorful_title div div {
	display: inline;
	padding: 0 2px;
	font-size: 36px;
	font-weight: normal;
	color: var(--deep-blue);
}

.h1_colorful {
	/*margin-top:0 !important;*/
	margin-bottom: 24px;
}
.h1_colorful.margin{
	padding-top: 100px;
}
.h1_colorful>div {
	text-align: center;
}

.h1_colorful>div>div {
	display: inline;
	padding: 0 1px;
	line-height: 1;
	color: var(--deep-blue) !important;
	font-size: 3rem;
	/* font-weight: 600; */
	font-weight: normal;
	letter-spacing: 4px;
/* 	text-shadow: 1px 2px 4px rgba(76, 110, 245, .2); */
}
.jiuye .h1_colorful>div>div{
	color: white !important;
}
.jiuye .h1_colorful_small{
	color: rgba(255,255,255,.7) !important;
}
/* .colorful_title.colorful_title1>div>div { */
/* 	font-weight: bold; */
/* } */

.colorful_title div div:nth-child(1) {
	color: var(--simple-green);
}

.colorful_title div div:nth-child(2) {
	color: var(--yellow);
}

.colorful_title div div:nth-child(3) {
	color: var(--deep-blue);
}

.colorful_title div div:nth-child(4) {
	color: var(--sky-blue);
}

.colorful_title div div:nth-child(5) {
	color: var(--violet);
}

.colorful_title div div:nth-child(6) {
	color: var(--sky-blue);
}

.colorful_title div div:nth-child(7) {
	color: var(--simple-green);
}

.colorful_title div div:nth-child(8) {
	color: var(--yellow);
}

.colorful_title div div:nth-child(9) {
	color: var(--deep-blue);
}

.colorful_title div div:nth-child(10) {
	color: var(--sky-blue);
}

.colorful_title div div:nth-child(11) {
	color: var(--simple-green);
}

.colorful_title div div:nth-child(12) {
	color: var(--yellow);
}

.colorful_title div div:nth-child(13) {
	color: var(--deep-blue);
}

.colorful_title div div:nth-child(14) {
	color: var(--sky-blue);
}

.colorful_title div div:nth-child(15) {
	color: var(--violet);
}

.colorful_title div div:nth-child(16) {
	color: var(--sky-blue);
}

.colorful_title div div:nth-child(17) {
	color: var(--simple-green);
}

.colorful_title div div:nth-child(18) {
	color: var(--yellow);
}

.colorful_title div div:nth-child(19) {
	color: var(--deep-blue);
}

.colorful_title div div:nth-child(20) {
	color: var(--sky-blue);
}

.colorful_title div div:nth-child(21) {
	color: var(--violet);
}

.colorful_title div div:nth-child(22) {
	color: var(--sky-blue);
}

.colorful_title div div:nth-child(23) {
	color: var(--simple-green);
}

.colorful_title div div:nth-child(24) {
	color: var(--yellow);
}

.colorful_title div div:nth-child(25) {
	color: var(--deep-blue);
}



.colorful_title>div {
	padding-top: 12px;
}

.colorful_title>div:nth-child(1) {
	padding-top: 64px;
}

.colorful_title>div:nth-child(2) {
	margin-bottom: 50px;
}

.white_title {
	font-size: 36px;
	color: var(--rgba-white-100-text);
	text-align: center;
	padding-top: 180px;
	/* font-weight: 600; */
	font-weight: normal;
	letter-spacing: 6px;
}
/*white_title替换成plate-title*/
.plate-title{
	font-size: var(--size36);
	line-height: var(--size48);
	text-align: center;
	color: var(--blue1);
	margin-bottom:12px ;
	font-weight: 700;
}
/*.white_small_title替换*/
.plate-title-small{
	font-family: 'Microsoft YaHei UI';
	font-size:var(--size14);
	line-height:var(--size24);
	text-align: center;
	color: var(--mainColor3);
	margin-bottom: 10px;
}
.white_small_title {
	text-align: center;
	padding-bottom: 60px;
	letter-spacing: 6px;
	color: var(--rgba-white-90);
	font-size: 24px;
}

.white_smaller_title {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 60px;
	letter-spacing: 6px;
	color: var(--rgba-white-100-text);
	font-size: 14px;
}

.area ul {
	width:100%;
	margin: 0 auto;
	display: flex;justify-content: center;
}

.area ul div {
	/*width: 120px;*/
	/*height: 40px;*/
	/*float: left;*/
	/*background: url(../img/course/Icon.png) center center no-repeat;*/
	/*margin: 0 20px;*/
}
.open-class-new .area ul li{
	margin: 0;
	height: 50px;
	padding: 0 20px;
	font-size:var(--size14);
	color: var(--textColor1);
	line-height: 50px;
	border: none;
	border-radius: var(--border-radius-4);
	opacity: 1;

}
.area ul li {
	float: left;
	color: var(--rgba-white-100-text);
	cursor: pointer;
	opacity: .3;
	font-size: 16px;
	/* font-weight: bold; */
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	margin: 0 12.5px;
	border: 1px solid var(--deep-blue);
}

.area ul li:hover {
	opacity: 1;
}
.open-class-new .area ul .active{
	background: var(--bg1);
	background-blend-mode: multiply;
	border: none;

}
.area ul .active {
	opacity: 1;
	border: 1px solid var(--rgba-white-100-bg);
	border-radius: var(--border-radius-4);

}

.area ul::after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}
.time-ctiy-box{
	margin: 40px 0 120px;
}
.time-ctiy-box .area{
	position: relative;
}
.open_class-one{
	position: absolute;
	right: 151px;
	bottom: 0;
	z-index: -1;
}
.open_class {
	padding: 7px 0 110px 0;
}
/*除cs外得开班时间样式*/
.open-class-new .open_class{
	height: 108px;
	margin-bottom: 40px;
	padding: 10px;
	/* 背景色/纯白-30% */
	background: var(--white3);
	/* 纯白色 */
	border: 1px solid #FFFFFF;
	/* 毛玻璃阴影+背景模糊 */
	box-shadow: var(--shadow1);
	backdrop-filter: blur(8px);
	border-radius:var(--border-radius-20);
}
.open_class li {
	color: var(--rgba-white-100-text);
	opacity: .3;
	position: relative;
	height: 80px;
}

.open_class li::after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}
.open-class-new .left-box{
	width: 951px !important;
	padding: 0 20px !important;
}
.open-class-new .open_class li div{
	height: 86px;
	width: unset;
	font-size:var(--size18);
	color: var(--blue1);/* AA */
	margin-right: 10px;
	line-height: 86px;
}
.open_class li div {
	float: left;

}

.open_class li div:nth-child(1) {
	padding-left: 24px;
}
.open-class-new .open_class li div:nth-child(2){
	margin: 0;
}
.open_class li div:nth-child(2) {
	margin:0 24px;
}
.open-class-new .open_class li .open-one,.open-class-new .open_class li .open-two {

	height: 86px;
	display: flex;
	align-items: center;

}
/* .open_class li div:nth-child(3) { */
/* 	padding-left: 84px; */
/* 	padding-right: 83px; */
/* } */

.open_class li div span {
	font-size: 18px;
}

.open_class li .connect_class {
	display: none;
}
.open-class-new .open_class .active{
	height: 100%;
	width: 100%;
	border: none;
}
.open_class .active {
	height: 110px;
    border: 1px solid var(--rgba-white-100-bg);
    opacity: 1;
    width: 896px;
}

/* .open_class .active div { */
/* 	height: 110px; */
/* 	line-height: 120px; */
/* } */

.open_class .active .gary-btn-one span {
	font-size: 36px;
	 font-weight: bold;
	/*font-weight: normal;*/
	font-family: DIN-Bold;
	line-height: 86px;

}
.open_class .active .gary-btn-two span{
	font-size: 36px;
	 font-weight: bold;
	/*font-weight: normal;*/
	font-family: DIN-Bold;

	margin:0 10px;
 }
.JobTitle {
    display: flex;
    padding: 100px 0 60px 0;
    justify-content: space-around;
    /* height: 70px; */
}

.JobTitle>div{
	height:24px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
}

.width26px{
	width:26px;
	border-radius:var(--border-radius-4);
}
.open-class-new .open_class .active .connect_class{
	position: static;
	height: 50px;
	width: unset;
	padding: 0 20px;
	float: right;
	color: var(--mainColor3);
	line-height: 50px;
	margin-top: 18px;
}
.open_class .active .connect_class {
	    color: var(--rgba-white-100-text);
    display: block;
    width: 282px;
    /* height: 160px; */
    text-align: center;
    /* line-height: 160px; */
    font-size: 24px;
    /* font-weight: bold; */
    font-weight: normal;
    position: absolute;
    top: -1px;
    right: -306px;
    background-color: var(--yellow);
    border-radius: var(--border-radius-2);
    cursor: pointer;
}

.fontW{
	font-weight:bold;
}

.JobContent {
    display: flex;
    justify-content: space-between;
}
.jobTipsZYJ_svg {
	opacity: 0;
}
.jobTipsZYJ {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.jobTipsZYJ .jobTipsZYJ_Font {
	color: var(--white);
}
.jobTipsZYJ:hover .jobTipsZYJ_svg{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
}
.PayBox {
    width: 49%;
    background:var(--rgba-white-10);
    border-radius:var(--border-radius-2);
}

.JobDemand {
    width: 49%;
    height: 371px;
    border-radius:var(--border-radius-2);
}

.PayBoxTitle {
    padding: 40px 0 36px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
}

.PayBoxContent>.PayBoxFlexBox:last-child{
	margin-bottom:40px;
}

.PayBoxFlexBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:30px;
}

.progressBarBox {
    width: 350px;
    margin: 0 20px;
    position:relative;
}

.progressBarBg {
    background: var(--grey-9);
    height: 8px;
    border-radius: var(--border-radius-4);
    width: 100%;
}

.progressBarPlan1 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--yellow);
    border-radius: var(--border-radius-4);
    width:100%
}
.progressBarPlan2 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--yellow);
    border-radius: var(--border-radius-4);
    width:60%
}
.progressBarPlan3 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--yellow);
    border-radius: var(--border-radius-4);
    width:50%
}
.progressBarPlan4 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--yellow);
    border-radius: var(--border-radius-4);
    width:40%
}
.progressBarPlan5 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--yellow);
    border-radius: var(--border-radius-4);
    width:30%
}

/* .open_class .active div:nth-child(2) { */
/* 	padding: 0 76px 0 50px; */
/* } */

.course_introduction2 .box2 {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 1200px;
	padding: 40px 0;
	border-radius: var(--border-radius-4);
	color: var(--rgba-white-70);
}

.course_introduction2 .box2 p {
	width: 90%;
	transform: translateX(5%);
	line-height: 2.25;
	text-align: justify;
}

.course_introduction2 .box2 .line {
	position: absolute;
	bottom: 0;
	height: 4px;
	width: 100%;
	background-color: var(--yellow);
	border-radius: var(--border-radius-4);
}

.core_of_curriculum {
	padding-bottom:100px;
}

.core_of_curriculum>div {
	height: 101px;
}

.core_of_curriculum>div>div {
	position: relative;
	float: left;
	height: 100%;
	background-color: var(--rgba-white-30);
	border-radius: var(--border-radius-4);
	width: 180px;
	margin-right: 24px;
	box-shadow: var(--smallest-shadow);
}

.core_of_curriculum>div>div:nth-last-child(1) {
	margin-right: 0px;
}

.core_of_curriculum>div>div p {
	margin-top: 24px;
	width: 60%;
	font-size: 12px;
	/* font-weight: bold; */
	font-weight: normal;
	color: var(--rgba-white-100-text);
	text-align: center;
	position: absolute;
	left: 20%;
}

.core_of_curriculum>div>div>div {
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	border-radius: var(--border-radius-4);
}

.about_course {
	padding-bottom: 100px;
}

.about_course .row {
	margin-top: 70px;
}

.about_course .row .float_left:nth-child(1) {
	width: 50%;
	overflow: hidden;
}

.about_course .row .float_left img {
	display: block;
	float: right;
}

.about_course .row .float_left:not(:nth-child(1)) {
	width: 600px;
}

.about_course .row .float_left:nth-child(even) {
	padding-left: 40px;
}

.about_course .choose_title {
	font-size: 24px;
	/* font-weight: bold; */
	font-weight: normal;
	color: var(--grey-58);
	margin: 32px 0 12px 0;
}

.about_course .choose_content {
	color: var(--grey-9);
	font-size: 14px;
	line-height: 30px;
	text-indent: 24px;
}

.about_course .choose_row div {
	color: var(--grey-9);
	font-size: 12px;
	margin: 49px 0 18px 0;
}

.about_course .float_left ul {
	margin-top: 32px;
}

.about_course .float_left li {
	line-height: 30px;
	color: var(--grey-58);
}

.company_box {
	position: relative;
}

/* .course_advantage {} */

.course_advantage>img {
	display: block;
	margin: 160px auto;
	width: 210px;
}

.company_compre_box>img {
	position: absolute;
	left: 50%;
	bottom: 80px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.company_box .company_compre {
	width: 350px;
	padding-left: 80px;
}

.company_box .company_compre .imgLeft {
	position: absolute;
	left: 0;
	top: 0;
}

.company_box .company_compre .compre_title {
	font-size: 24px;
	/* font-weight: bold; */
	font-weight: normal;
}

.company_box .company_compre .compre_people {
	margin: 2px 0 8px 0;
}

.company_box .company_compre .compre_info {
	font-size: 12px;
	color: var(--grey-9);
	line-height: 24px;
}

.company_box .company_compre:nth-child(odd) {
	text-align: right;
	padding-left: 0;
	padding-right: 80px;
}

.company_box .company_compre .imgRight {
	position: absolute;
	right: 0;
	top: 0;
}

.company_box .company_compre:nth-child(2) {
	position: absolute;
	left: 120px;
	top: 25px;
}

.company_box .company_compre:nth-child(3) {
	position: absolute;
	right: 120px;
	top: 25px;
}

.company_box .company_compre:nth-child(4) {
	position: absolute;
	left: 0px;
	top: 240px;
}

.company_box .company_compre:nth-child(5) {
	position: absolute;
	right: 0px;
	top: 240px;
}

.course_salary {
	background-color: var(--rgba-white-100-bg);
	padding-bottom: 80px;
}

.course_salary .float_left {
	width: 50%;
}

.course_salary .salary_title {
	color: var(--grey-58);
	line-height: 160px;
	/* font-weight: bold; */
	font-weight: normal;
	padding-left: 20px;
	font-size: 18px;
}

.course_salary img {
	margin: 0 auto;
}

/* 师资介绍模块样式 */

.control-box .bigbox>* {
	transition: auto !important;
}

.control-box {
	width: 1366px;
	background-size: 1055px;
	background-repeat: no-repeat;
	background-position: 60px 165px;
	margin-left: auto;
	margin-right: auto;
	transition: none;
	padding-bottom: 80px;
}

.control-box ul {
    height: 380px;
    width: 1382px;
    position: absolute;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.recruit {
	transform: translateX(200px);
	min-width: 200px;
	height: 50px;
	bottom: 0;
	position: absolute;
	background: var(--yellow);
	color: var(--rgba-white-100-text);
	/* font-weight: bold; */
	font-weight: normal;
	font-size: 14px;
	border-radius: var(--border-radius-2);
	display: block;
	line-height: 50px;
	text-align: center;
}

.recruit:hover {
	color: var(--rgba-white-100-text);
}

.control-box ul li {
	display: block;
	position: absolute;
	cursor: pointer;
	filter: drop-shadow(var(--smallest-shadow));
}

.control-box ul li:hover {
	filter: drop-shadow(var(--small-shadow));
}

.teachers_team_prev {
	left: 0;
}

.teachers_team_next {
	right: 0;
}

.bigbox {
	overflow: hidden;
	width: 1248px;
	margin: auto 70px;
	height: 372px;
}

#switcher {
	height: 450px;
	left: 0px;
}

.content_1.content_2 {
	width: 100%;
	float: left;
}

.box {
	transition: all .7s ease 0s;
    width: 288px;
    height: 353px;
    float: left;
    margin-top: 10px;
    margin-right: 24px;
    background-color: var(--simple-white);
    border-radius: var(--border-radius-2);
}

.box.shadow1{
	box-shadow:none !important;
}

.box>div:first-child {
	display: block;
	margin: 40px auto;
	z-index: 1;
	width: 44px;
	height: 48px;
}

.img_black {
	width: 100%;
	height: 60px;
	margin-top: 0px;
	color: var(--rgba-white-100-text);
	font-size: 14px;
}

.img_black a span {
	display: block;
	text-align: center;
	width: 80%;
	color: var(--grey-58);
}

.img_black a .teacher_name {
	font-size: 12px;
	line-height: 18px;
	color: var(--grey-58);
	text-align: left;
	/* font-weight: bold; */
	font-weight: normal;
	width: 80%;
	margin: 0 10%;
	height: 54px;
}

.img_black a .teacher_information {
	font-size: 12px;
	line-height: 24px;
	color: var(--grey-9);
	text-align: left;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

.btn_box {
	position: relative;
	bottom: -130px;
	left: 45%;
	width: 10%;
}

/* 师资介绍END */

/*.course_integrated {*/
/*	padding-bottom: 100px;*/
/*}*/

.integrated_box {
	position: relative;
}

.integrated_box .box_nav {
	width: 280px;
}

.integrated_box .box_nav ul {
	padding: 65px 0 80px 0;
	background-color: var(--deep-blue);
	color: var(--rgba-white-100-text);
	height: 635px;
}

.integrated_box .box_nav ul li {
	height: 98px;
	border-top: 1px solid var(--sky-blue);
	border-bottom: 1px solid var(--sky-blue);
	cursor: pointer;
	padding: 26px 0 0 40px;
}

.integrated_box .box_nav ul li::after {
	content: "\0020";
	height: 0;
	display: block;
	clear: both;
}

.integrated_box .box_nav ul li .float_left:nth-child(1) {
	margin-right: 20px;
}

.integrated_box .box_nav ul li .float_left:nth-child(2) {
	margin-top: -8px;
}

.integrated_box .box_nav ul li .nav_title {
	font-size: 24px;
	/* font-weight: bold; */
	font-weight: normal;
}

.integrated_box .box_nav ul li img:nth-child(1) {
	display: block;
}

.integrated_box .box_nav ul li img:nth-child(2) {
	display: none;
}

.integrated_box .box_nav ul .active img:nth-child(1) {
	display: none;
}

.integrated_box .box_nav ul .active img:nth-child(2) {
	display: block;
}

.integrated_box .box_nav ul .active {
	background-color: var(--rbga--white-100-bg);
	color: var(--deep-blue);
	border-right: 1px solid var(--sky-blue);
}

.integrated_box .box_content {
	padding: 65px 0 65px 45px;
	height: 635px;
	overflow: hidden;
	display: none;
}

.integrated_box .active {
	display: block;
}

.integrated_box .box_content {
	width: 918px;
	position: relative;
	cursor: pointer;
	transition:0;
}

.integrated_box .box_content .move_line {
	width: 500px;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.integrated_box .box_content .move_line .move_tap {
	height: 8px;
	position: absolute;
	border-radius: var(--border-radius-4);
	width: 100%;
	top: 1px;
	left: 0;
	cursor: pointer;
	transition: 0;
}

.integrated_box .box_content .content_box {
	width: 1320px;
}

.integrated_box .box_content .float_left {
	margin-right: 40px;
}

.integrated_box .box_content .col .col_title {
	width: 400px;
	line-height: 40px;
	font-size: 16px;
	color: white;
	/* font-weight: bold; */
	font-weight: normal;
	background-color: var(--deep-blue);
	border-radius: var(--border-radius-2);
	position: relative;
	padding-left: 65px;
	margin-bottom: 10px;
}

.integrated_box .box_content .col .col_blank {
	width: 30px;
	height: 30px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: var(--rbga-white-100-bg);
	position: absolute;
	top: 0;
	left: 22px;
}

.integrated_box .box_content .col .col_content {
	padding: 0 20px 16px 20px;
	font-size: 12px;
	color: var(--grey-9);
	width: 400px;
	line-height: 24px;
}

.integrated_box .box_content .col .col_content .col_content_title {
	font-size: 18px;
	/* font-weight: bold; */
	font-weight: normal;
	color: var(--deep-blue);
	line-height: 36px;
}

.course_lesson img {
	margin: 40px 0 80px 0;
	width: 100%;
	display: block;
}

.family {
	background-color: var(--deep-blue);
}

.family .family_box {
	height: 684px;
	position: relative;
}

.family .family_box .family_content li {
	width: 100%;
	position: absolute;
	display: block;
	opacity: 0;
	visibility: hidden;
}

.family .family_box .family_content li.active {
	opacity: 1;
	visibility: initial;
}

.family .family_box .family_content li .left_box {
	display: block;
	transform: translate(10rem, 0);
	width: 100%;
	transition-delay: 1s;
}

.family .family_box .family_content li.active .left_box {
	transition-delay: 0s;
	transform: none;
}

.family .family_box .family_content li .left_box>div {
	/* font-weight: bold; */
	font-weight: normal;
	color: aliceblue;
	margin: 50px auto 40px;
	font-size: 24px;
	text-align: start;
}

.family_des {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.couContent {
	width: 332px;
	height: 283px;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: var(--rgba-white-100-text);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 12;
	-webkit-box-orient: vertical;
}

.family .family_box .family_content li .left_box img {
	width: 760px;
	height: 426px;
}

.family .family_box .family_content li .right_box {
	width: 374px;
	float: right;
}

.family .family_box .family_content li .right_box .family_title {
	font-size: 24px;
	/* font-weight: bold; */
	font-weight: normal;
	color: var(--rbga-white-100-text);
	transform: translate(4rem, 0);
	opacity: 0;
}

.family .family_box .family_content li.active .right_box .family_title {
	opacity: 1;
	transform: none;
}

.family .family_box .family_content li .right_box .family_des {
	height: 285px;
	background-color: var(--rgba-white-100-bg);
	/* padding:30px; */
	color: var(--grey-9);
	line-height: 28px;
	text-indent: 28px;
	margin-top: 36px;
	position: relative;
	border-radius: var(--border-radius-4);
	box-shadow: var(--smallest-shadow);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.family .family_box .family_content li .right_box .family_des p {
	overflow-y: scroll;
	height: 180px;
	background-color: var(--rgba-white-100-bg);
	/* padding: 30px;  */
	color: var(--grey-9);
	line-height: 28px;
	text-indent: 28px;
	margin: 33px;
}

.family .family_box .family_content li .right_box .family_des p::-webkit-scrollbar {
	display: none
}

.family .family_box .family_content li .right_box .family_des p::-webkit-scrollbar {
	width: 8px;
}

.family .family_box .family_content li .right_box .family_des p::-webkit-scrollbar-thumb {
	background-color: rgba(47, 5, 5, 0.2);
	border-radius: var(--border-radius-4);
}

.family .family_box .family_content li .right_box .family_des p::-webkit-scrollbar-thumb:hover {
	background-color: var(--yellow);
}

.family .family_box .family_content li .right_box .family_des img {
	height: 100%;
}

.family .family_box .family_content li .right_box .family_des img:hover {
	transform: scale(2, 2);
}

.family .family_box .family_content li .right_box .family_des .family_more {
	width: 180px;
	line-height: 42px;
	background-color: var(--yellow);
	text-align: center;
	display: block;
	/* font-weight: bold; */
	font-weight: normal;
	border-radius: var(--border-radius-4);
	cursor: pointer;
	color: var(--rbga-white-100-text);
	text-indent: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	font-size: 16px;
	box-shadow: var(--smallest-shadow);
}

.cutBtnBox {
	display: none;
}

.family .family_box .family_content li::after {
	content: "\0020";
	height: 0;
	display: block;
	clear: both;
}

.family .family_box .family_list {
	position: absolute;
	right: 21%;
	bottom: 136px;
	width: 345px;
	padding: 0 39px;
}

.couBtn {
	width: 144px;
	height: 50px;
	background-color: var(--yellow);
	border-radius: var(--border-radius-4);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--rgba-white-100-text);
	cursor: pointer;
}

.family .family_box .family_list li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--rbga-white-100-bg);
	float: left;
	margin: 0 9px;
	cursor: pointer;
	box-sizing: content-box;
}

.family .family_box .family_list li:first-child {
	margin-left: 0;
}

.family .family_box .family_list li:last-child {
	margin-right: 0;
}

.family .family_box .family_list .active {
	border: 2px solid var(--yellow);
	background-color: var(--rbga-white-100-bg);
	margin-top: -2px;
	transition: all 0s;
}

.cutBtnBox>.banBtn {
	display: block !important;
	opacity: 0.4 !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	width: calc(( 100vw - 1200px)/2) !important;
	background-size: cover !important;
}

.cutBtnBox>.banBtn:hover {
	opacity: 1 !important;
	cursor: pointer;
}

.cutBtnBox>.prev {
	left: 5%;
}

.cutBtnBox>.next {
	right: 5%;
}

#example .content .content .bottom .info .right>img {
	position: absolute;
	width: 788px;

	transition-delay: .3s;
	/* display: none; */
}

#example .content .content .bottom .info .right img.active {
	display: block;
}

#example .content .content .bottom .info.active .right img {
	transform: none;
	transition-delay: 0s;
	max-width: 885px;
}

#example .content .content .bottom .info.active .right.active img {
	/*cursor: auto;*/
	/*width:899px;*/
	/*height: 100%;*/
	/*left: calc(50% - 1432px/ 2);*/
}

/* 项目案例END */

.course_question .course_answer {
	padding:20px;
	margin: 50px 0 120px;
	background: var(--basic2);
	/* 深槽按钮 */

	box-shadow: var(--shadow5);
	border-radius: var(--border-radius-20);
	position: relative;
}
.qa-one{
	position: absolute;
	left: -247px;
	bottom: -122px;
	z-index: -1;
	mix-blend-mode: multiply;
}
.qa-two{
	position: absolute;
	right: -145px;
	bottom: 146px;
	z-index: -1;
}
.qa-three{
	position: absolute;
	left: 240px;
	bottom: -100px;
	z-index: -1;
}
.course_question .course_answer li {
	width: 550px;
	border-bottom: 1px solid var(--bg3);
	margin-bottom: 10px;
	cursor: pointer;
	height: 65px;
	overflow: hidden;
	transition: all 0.2s;
}
.course_question .course_answer li:nth-child(2n+1){
	margin-right: 40px;
}

.course_question .course_answer li.active {
	/* font-weight: bold; */
	font-weight: normal;
	position: relative;

	margin-bottom: 10px;
	cursor: pointer;
	height: auto;
	color: var(--grey-0e);
}
#footerLefr1,#footerLefr2 {
	display: unset;
}
.btnwidth {
	width: calc(( 1432px - 400px)/2) !important;
	height: 752px;
}

.onpro {
	float: left;
	margin-left: 200px;
}

.onpro:hover {
	cursor: url(../img/l.ico), auto;
}

.onnext {
	float: right;
	margin-right: 200px;
}

.onnext:hover {
	cursor: url(../img/r.ico), auto;
}

.course_question .course_answer li span {
	width: 12px;
	height: 12px;
	position: absolute;
	left: 20px;
	top: 32px;
	border-left: 2px solid var(--grey-9);
	border-bottom: 2px solid var(--grey-9);
	-webkit-transform: translate(0, -50%) rotate(-135deg);
	transform: translate(0, -50%) rotate(-135deg);
}

.course_question .course_answer .float_left {
	width: 560px;
}

.course_question .course_answer .float_right {
	width: 560px;
}

.course_question .course_answer .float_left li:nth-child(1) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_left li:nth-child(2) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_left li:nth-child(3) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_left li:nth-child(4) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_left li:nth-child(5) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_right li:nth-child(1) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_right li:nth-child(2) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_right li:nth-child(3) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_right li:nth-child(4) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_right li:nth-child(5) {
	color: var(--grey-coloful);
}

.course_question .course_answer .float_left li:nth-child(1) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer .float_left li:nth-child(2) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer .float_left li:nth-child(3) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer .float_left li:nth-child(4) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer .float_right li:nth-child(1) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer .float_right li:nth-child(2) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer .float_right li:nth-child(3) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer .float_right li:nth-child(4) span {
	border-color: var(--grey-coloful);
	margin-left: 12px;
}

.course_question .course_answer li .answer_title {
	display: flex;
	align-items: center;
	height: 65px;
	font-weight: normal;
	font-size: 14px;
	padding: 10px;
	transition: all 0.2s;
	color: var(--deep-blue);
}

.course_question .course_answer li .answer_title.active {
	line-height: 65px;
	/* font-weight: bold; */
	font-weight: normal;
	line-height: 65px;
	font-size: 14px;
	padding-left: 50px;
	height: auto !important;
}

.course_question .course_answer li .answer_content {
	line-height: 30px;
	padding:10px;
	opacity: 0;
	visibility: hidden;
	font-weight: normal;
	color:var(--blue1);
	background: var(--bg1);
	background-blend-mode: multiply;
}

.course_question .course_answer li .active {
	opacity: 1;
	visibility: initial;
	height: auto;
}

.course_promise ul {
	margin-bottom: 60px;
}

.course_promise ul::after {
	content: "\0020";
	height: 0;
	display: block;
	clear: both;
}

.course_promise ul li {
	width: 384px;
	height: 240px;
	border-radius: var(--border-radius-4);
	text-align: center;
	float: left;
	background-color: var(--rgba-white-100-bg);
	margin-bottom: 24px;
}

.course_promise ul li:nth-child(1) {
	background-color: var(--yellow);
	margin-right: 24px;
	color: white;
}

.course_promise ul li:nth-child(3) {
	margin-left: 24px;
	background-color: var(--simple-green);
	color: var(--rgba-white-100-text);
}

.course_promise ul li:nth-child(5) {
	margin-right: 24px;
	margin-left: 24px;
	background-color: var(--deep-blue);
	color: var(--rgba-white-100-text);
}

.course_promise ul li img {
	display: block;
	margin: 45px auto 0 auto;
}

.course_promise ul li .promise_title {
	width: 328px;
	margin: 20px auto 0 auto;
	font-size: 16px;
	/* font-weight: bold; */
	font-weight: normal;
}

.course_promise ul li .promise_content {
	width: 328px;
	margin: 10px auto 0 auto;
	font-size: 12px;
}

.benefits_box {
	display: flex;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 160px;
}

.benefits_box li {
	margin-bottom: 40px;
}

.benefits_box li::after {
	content: "\0020";
	height: 0;
	display: block;
	clear: both;
}

.benefits_box>.float_left {
	padding: 10px;
	width: 330px;
	margin-right: 20px;
}

.benefits_box>.float_left li {
	display: flex;
}

.benefits_box>.float_right {
	padding: 10px;
	width: 330px;
	margin-left: 20px;
}

.benefits_box>.float_right li {
	display: flex;
	flex-direction: row-reverse;
}
.benefits_box>.float_right li>div{
	width: 100%;
}
.benefits_box>.float_left .benefits_title {
	text-align: right;
	font-size: var(--size18);
	line-height:var(--size27);
	font-weight: normal;
	color: var(--mainolor1);
}

.benefits_box>.float_right .benefits_title {
	text-align: right;
	font-size: var(--size18);
	line-height: var(--size27);
	font-weight: normal;
	color: var(--mainolor1);
}

.benefits_box>.float_left .benefits_content {
	text-align: right;
	font-size: var(--size16);
	line-height:var(--size24);
	color: var(--blue1);
	margin-top: 10px;
}

.showImgUl>li>div:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    width:85px;
    height:85px;
    border-radius: var(--border-radius-2);
}

.showImgUl>li>div:nth-child(2)>svg>path{
	fill:var(--rgba-white-100-bg);
}

.benefits_box>.float_right .benefits_content {
	text-align: right;
	font-size: var(--size16);
	line-height: var(--size24);
	color: var(--blue1);
	margin-top: 10px;
}

.course_youth {
	margin-bottom: 100px;
}

.youth_box ul {
	float: left;
}

.youth_box ul::after {
	content: "\0020";
	height: 0;
	display: block;
	clear: both;
}

.youth_box ul li {
	float: left;
	width: 210px;
	float: left;
	background-color: var(--rgba-white-100-bg);
	border-radius: var(--border-radius-2);
	margin-right: 24px;
	height: 440px;
	cursor: pointer;
}

.youth_box ul li:nth-last-child(1) {
	margin-right: 0;
}

.youth_box ul li>div:nth-last-child(1) {
	display: none;
}

.youth_box ul .active {
	width: 260px;
}

.youth_box ul .active>div {
	display: none;
}

.youth_box ul .active>div:nth-last-child(1) {
	display: block;
}

.youth_box .img_box {
	width: 210px;
	height: 235px;
	position: relative;
}

.youth_box .img_box img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.youth_box .line {
	width: 194px;
	height: 1px;
	margin: 0 auto;
}

.youth_box .youth_content {
	font-size: 16px;
	color: var(--grey-58);
	line-height: 32px;
	text-align: center;
	/* font-weight: bold; */
	font-weight: normal;
	margin-top: 60px;
}

.youth_manager {
	color: var(--rgba-white-100-text);
	float: right;
	width: 260px;
	height: 440px;
	background-color: var(--violet);
}

.youth_manager .manager_title {
	font-size: 24px;
	line-height: 48px;
	/* font-weight: bold; */
	font-weight: normal;
	text-align: center;
	margin: 36px 0 24px 0;
}

.youth_manager .manager_line {
	width: 194px;
	height: 1px;
	margin: 0 auto;
	background-color: white;
}

.youth_manager .manager_content {
	font-size: 12px;
	width: 194px;
	margin: 24px auto 0 auto;
	line-height: 24px;
}

.course_system ul {
	margin-bottom: 100px;
	margin-top: 80px;
}

.course_system ul::after {
	content: "\0020";
	height: 0;
	display: block;
	clear: both;
}

.course_system li {
	width: 260px;
	float: left;
	margin: 0 70px;
}

.course_system li img {
	margin: 0 auto;
}

.course_system .system_img {
	height: 100px;
}

.course_system .system_title {
	text-align: center;
	font-size: 24px;
	/* font-weight: bold; */
	font-weight: normal;
	margin: 40px 0 24px 0;
}

.course_system .system_small_title {
	text-align: center;
	font-size: 14px;
	/* font-weight: bold; */
	font-weight: normal;
	color: var(--grey-58);
	margin-bottom: 24px;
}

.course_system .system_content {
	font-size: 12px;
	color: var(--grey-9);
	line-height: 24px;
}

.mobile_show {
	display: none;
}

.mobile_hide {
	display: block;
}

@media only screen and (max-width: 1124px) {
	.to_mobile{
		display: block;
	}
	.course_answer.bg_deep_blue{
		background:var(--deep-blue) !important; ;
	}
	/*body {*/
	/*	background-color: var(--simple-white) !important;*/
	/*}*/
	.course_question .course_answer li .answer_title {
	display: flex;
	align-items: center;
	height: 65px;
	font-weight: normal;
	font-size: 14px;
	padding-left: 50px;
	transition: all 0.2s;
	color: var(--rgba-white-100-text);

}
	.main .jobBottom .salary_title {
		margin-bottom: 32px !important;
	}
	.main .jobTop .salary_title {
		margin-bottom: 32px !important;
	}
	.firChat {
		width: 330px;
		height: 302px;
		margin: 0 auto;
	}
	.secChat {
		width: 310px;
		height: 312px;
		margin: 0 auto;
	}
	.morecru {
		display: block;
		/* margin-top: 30px; */
		height: 40px;
		width: 200px;
		text-align: center;
		margin: 0 auto 54px;
		line-height: 40px;
		background: var(--yellow);
		color: var(--rgba-white-100-text);
		font-size: 14px;
		/* font-weight: bold; */
		font-weight: normal;
	}
	.morecru:hover {
		color: var(--rgba-white-100-text);
	}
	.main {
		width: calc(100% - 24px) !important;
		margin: 0 12px !important;
		height: auto !important;
		/* border-top: 1px solid #e8e8e8; */
		overflow-x: hidden !important;
	}
	.course_question .course_answer li .answer_content{
		background: unset;
	}
	.benefits_box>.float_right .benefits_title{
		text-align: left;
		font-size: 14px;
		color: #7f7f7f;
	}
	.benefits_box>.float_right{
		padding: 0;
		margin-left: 0;

	}
	.main1 {
		width: calc(100% - 24px);
		margin: 0 12px;
		border-top: 1px solid #e8e8e8;
		margin-bottom: 20px
	}

	.mobile_show {
		display: block;
		font-weight: normal;
	}
	.benefits_box {
		padding-bottom: 0 !important;
	}
	.mobile_hide {
		display: none;
	}
	.white_title {
		font-size: 18px;
		color: var(--deep-blue);
		text-align: left;
		padding: 20px 0px 30px 0;
		letter-spacing: 0px;
		font-weight: normal;
		white-space: nowrap;
	}

	.white_title>div:first-child {
		font-size: 18px;
		color: var(--deep-blue);
		text-align: center;
		padding-top: 20px;
		letter-spacing: 0px;
		font-weight: normal;
		white-space: nowrap;
	}
	.white_title>div:last-child {
		font-size: 18px;
		color: var(--deep-blue);
		text-align: center;
		letter-spacing: 0px;
		font-weight: normal;
		white-space: nowrap;
	}
	.paddtop {
		padding: 0px 0px 20px 0 !important;
	}
	.salary_title {
		font-size: 15px;
		color: #838383;
	}
	.white_smaller_title {
		display: none;
	}
	.family .family_box .family_content {
		margin-top: 16px;
	}
	.family .family_box .family_content li .left_box {
		width: 100%;
	}
	.family .family_box .family_content li .left_box img {
		height: auto;
		height: 100%;
	}
	.family .family_box .family_content li .right_box {
		width: 100%;
	}
	.family .family_box .family_content li .right_box .family_title {
		font-size: 16px;
		font-weight: normal;
		text-indent: 32px;
		margin-top: 16px;
		color: #000;
	}
	.family .family_box .family_content li .right_box .family_des {
		margin-top: 16px;
		box-shadow: 1px 2px 16px rgba(76, 110, 245, 0.4);
	}
	.family .family_box .family_list li {
		background-color: var(--grey-9);
	}
	.family {
		background-color: var(--rgba-white-100-bg);
	}
	.family .family_box {
		padding-bottom: 80px
	}
	.family .family_box .family_list {
		bottom: 40px;
	}
	.answerBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
	}
	.course_question .course_answer li {
		width: 100%;
		/* font-weight: bold; */
		font-weight: normal;
		position: relative;
		border: 1px solid var(- -grey-coloful);
		border-radius: var(--border-radius-4);
		margin-bottom: 20px;
		cursor: pointer;
		height: 65px;
		overflow: hidden;
		box-shadow: 0px 2px 8px 0px rgba(76, 110, 245, 0.15);
		transition: all 0.2s;
	}
	.course_question .course_answer .shadow {
		box-shadow: none;
	}
	.course_question .course_answer li {
		width: 100%;
		color: var(--rgba-white-100-text) !important;
		border: none;
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 0;
		border-radius:0 !important;
	}
	.course_question .course_answer li .answer_title {
		font-weight: normal;
		padding: 0 9px 0 44px;
	}
	.course_question .course_answer li span {
		transform: translate(0, -50%) rotate(-135deg);
	}
	.course_question .course_answer li.active .answer_title span {
		transform: translate(0, -50%) rotate(-45deg);
		transition: all 0.2s;
	}
	.course_question .course_answer li .answer_content {
		padding: 0 32px 20px 32px;
	}
	.course_question .course_answer {
		padding-bottom: 0;
	}
	.course_question .course_answer li.active .answer_title {
		height: auto;
		transition: all 0.2s;
	}
	.course_question .course_answer li.active .answer_content {
		visibility: initial;
		opacity: 1;
		transition: all 0.2s;
	}
	.orange_line {
		width: 100%;
		height: 1px;
		background-color: var(--yellow);
		margin-top: 16px;
	}
	.mobile_color_title {
		font-size: 20px;
		color: #000;
		text-align: left;
		padding: 40px 0px 20px 12px;
		letter-spacing: 0px;
	}
	.course_promise ul li {
		width: 100%;
		height: auto;
		margin-left: 0 !important;
		margin-right: 0 !important;
		position: relative;
	}
	.course_promise ul li img {
		display: block;
		width: 10%;
		position: absolute;
		top: 0;
		left: 4%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.course_promise ul li .promise_title {
		width: 80%;
		margin: 0;
		float: right;
		text-align: left;
		padding-top: 10px;
	}
	.course_promise ul li .promise_content {
		width: 80%;
		margin: 0;
		float: right;
		text-align: left;
		padding-right: 8%;
		padding-top: 6px;
		padding-bottom: 10px;
	}
	.course_promise ul {
		margin-bottom: 30px;
	}
	.benefits_box .float_left {
		width: 100%;
	}
	.benefits_box .float_right {
		width: 100%;
	}
	.benefits_box>.float_left .float_left {
		float: right !important;
		width: 76%;
	}
	.benefits_box>.float_left .float_right {
		float: left !important;
		width: 20%;
		margin-right: 4%;
	}
	.benefits_box>.float_left .float_right img {
		width: 100%;
	}
	.benefits_box>.float_left .benefits_title {
		text-align: left;
	}
	.benefits_box>.float_left .benefits_content {
		width: 100%;
		text-align: left;
	}
	.benefits_box li {
		margin-bottom: 20px;
	}
	.benefits_box>.float_right .float_right {
		width: 76%;
	}
	.benefits_box>.float_right .float_left {
		width: 20%;
		margin-right: 4%;
	}
	.benefits_box>ul>li>div:nth-child(2){
		width: 47.5px;
	    height: 47.5px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    border-radius:var(--border-radius-2);
	}
	.benefits_box>ul>li>div:nth-child(2)>svg{
		transform:scale(0.6);
	}
	.benefits_box>ul>li>div:nth-child(2)>svg>path{
		fill:var(--rgba-white-100-bg);
	}
	.benefits_box>.float_right .float_left img {
		width: 100%;
	}
	.benefits_box>.float_right .benefits_content {
		width: 100%;
	}
	.benefits_box {
		margin-bottom: 30px;
	}
	.youth_box {
		margin-bottom: 40px;
	}
	.youth_box ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	.youth_box .img_box {
		width: 30%;
		height: 50px;
		float: left;
	}
	.youth_box .img_box img {
		width: 30%;
	}
	.youth_box .line {
		display: none;
	}
	.youth_box .youth_content {
		float: right;
		width: 70%;
		margin-top: 0;
		line-height: 50px;
	}
	.youth_box ul li {
		height: auto;
	}
	.youth_manager {
		width: 100%;
		height: auto;
	}
	.youth_manager .manager_title {
		margin: 16px 0 12px 0;
		font-size: 18px;
		line-height: 27px;
	}
	.youth_manager .manager_line {
		width: 80%;
	}
	.youth_manager .manager_content {
		width: 80%;
		margin: 12px auto 12px auto;
	}
	.course_system li {
		width: 100%;
		margin: auto;
	}
	.course_system .system_img {
		float: left;
		width: 30%;
	}
	.course_system .system_img img {
		width: 60%;
	}
	.course_system .system_title {
		float: right;
		width: 70%;
		margin: 16px 0 0 0;
		text-align: left;
	}
	.course_system .system_small_title {
		float: right;
		width: 70%;
		margin: 10px 0 6px 0;
		text-align: left;
		font-weight: normal
	}
	.course_system .system_content {
		padding: 0 16px;
		margin-bottom: 32px;
	}
	.course_system ul {
		margin-bottom: 0;
		margin-top: 0;
	}
	.open_class li {
		display: none;
	}
	.open_class .active {
		display: block;
	}
	.open_class .active .connect_class {
		display: none;
	}
	/* .bg_deep_blue {} */
	.class_time .main {
		border-top: none;
	}
	.about_course {
		padding-bottom: 40px;
	}
	.course_advantage>img {
		display: none;
	}
	.company_box .company_compre {
		position: relative !important;
		left: 0 !important;
		right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.company_box .company_compre:nth-child(2) {
		top: 35px;
	}
	.company_box .company_compre:nth-child(3) {
		top: 80px;
	}
	.about_course .row {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 0 12px;
	}
	.about_course .bg_sky_blue {
		margin: 16px 0;
	}
	.about_course .row .float_left:nth-child(1) {
		width: 100%;
	}
	.about_course .row .float_left img {
		width: 100%;
	}
	.about_course .row .float_left:not(:nth-child(1)) {
		width: 100%;
	}
	.about_course .row .float_left:nth-child(2n) {
		padding-left: 0;
	}
	/* 项目案例START */
	#example {
		margin-bottom: 60px;
		padding: 20px;
	}
	#example>.content {
		height: 750px;
	}
	#example .main{
		position: static;
	}
	#example .content .content .top {
		display: flex;
		justify-content: left;
		height: 50px;
		-moz-user-select: none;
		/*火狐*/
		-webkit-user-select: none;
		/*webkit浏览器*/
		-ms-user-select: none;
		/*IE10*/
		-khtml-user-select: none;
		/*早期浏览器*/
		user-select: none;
		overflow: scroll;
		flex-wrap: nowrap;
	}
	#example .content .content .top .nameBtn.visible:last-child {
		margin: 0;
		margin-bottom: 10px;
	}
	#example .content .content .top .nameBtn {
		transition: all 0s;
		transition-property: opacity, visibility, transform, background-color;
		transition-duration: 0.3s;
		filter: blur(2px);
		transform: scaleY(.85);
		font-size: 16px;
		line-height: 1;
		font-weight: bold;
		color: var(--rgba-white-100-text);
		/* display: block; */
		white-space: nowrap;
		padding: 14px 15px;
		border-radius: var(--border-radius-4);
		background-color: var(--rgba-white-10);
		position: relative;
		opacity: 1;
		visibility: initial;
		margin-right: 10px;
	}
	#example .content .content .top .nameBtn.visibles {
		cursor: pointer;
		opacity: 1;
		visibility: initial;
		filter: none;
		transform: none;
		color: rgba(255, 255, 255, 0.5);
		background-color: var(--deep-blue);
	}
	#example .content .content .top .nameBtn.visible:hover {
		background-color: var(--rgba-white-30);
	}
	#example .content .content .top .nameBtn.visible.active {
		background-color: var(--deep-blue);
		color: var(--rgba-white-100-text);
	}
	#example .content .content .top .nameBtn.visible {
		cursor: pointer;
		opacity: 1;
		visibility: initial;
		filter: none;
		transform: none;
		color: var(--rgba-white-50);
		background-color: var(--deep-blue);
		margin-right: 20px;
		margin-bottom: 10px;
	}
	#example .content .content .top .nameBtn.visible:active {
		transform: scale(0.95);
	}
	#example .content .content .bottom .info {
		position: absolute;
		top: 206px;
		opacity: 0;
		visibility: hidden;
		transition-delay: 0.2s;
	}
	#example .content .content .bottom .info.active {
		opacity: 1;
		visibility: initial;
		transition-delay: 0s;
		position: relative;
		display: block;
	}
	#example .content .content .bottom .info{
		margin-bottom: 0;
	}
	#example .content .content .bottom .info .right{
		position: absolute;
	}
	#example .content .content .bottom .info .left {
		display: flex;
		flex-direction: column;
		width: auto;
		height: auto;
		padding: 0px;
		background: transparent;
		box-shadow: unset;
		border-radius: unset;
		margin-right:0;
		position: absolute;
		top: 0;
	}
	.scrTitle {
		padding: 47px 0 0 12px;
	}
	.show4 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		/* -webkit-line-clamp: 4; */
		-webkit-box-orient: vertical;
	}
	#example .content .content .bottom .info .left .title {
		color: var(--grey-0e);
		font-size: 20px;
		font-weight: normal;
		opacity: 0;
		visibility: hidden;

		transition-delay: 0.2s;
		margin: 23px 0;
		text-align: center;
    	color: var(--deep-blue);
	}
	#example .content .content .bottom .info.active .left .title {
		opacity: 1;
		visibility: initial;
		transform: translateX(0px);
		transition-delay: 0s;

	}
	#example .content .content .bottom .info .left .content{
		line-height: 1;
	}
	#example .content .content .bottom .info .left .content {
		font-size: 14px;
		text-indent: 2rem;
		text-align: justify;
		opacity: 0;
		visibility: hidden;
		color: #A8A8A8;
		border: 1px solid #cfd0d5;
		padding: 34px 24px;
		background-color: var(--rgba-white-100-bg);
	}
	#example .content .content .bottom .info.active .left .content {
		opacity: 1;
		visibility: initial;
	}
	#example .content .content .bottom .info .left .btn {
		font-size: 16px;
		line-height: 1;
		font-weight: bold;
		white-space: nowrap;
		padding: 17px 0;
		text-align: center;
		width: 100%;
		border-radius: var(--border-radius-4);
		background-color: var(--yellow);
		cursor: pointer;
		margin: 0 auto;
		margin-top: -27px;
		color: var(--rgba-white-100-text);
		z-index: 22;
		position: absolute;
		bottom: -26px;
	}
	#example .content .content .bottom .info .left .btn:hover svg {
		transform: translateX(5px);
	}
	#example .content .content .bottom .info .left .btn:hover {
		background-color: var(--rgba-white-30);
	}
	#example .content .content .bottom .info .left .btn:active {
		background-color: var(--yellow);
	}
	#example .content .content .bottom .info .left .btn:active svg {
		transform: translateX(10px);
	}
	#example .content .content .bottom .info .left .btn svg path {
		fill: var(--rgba-white-100-text);
	}
	#example .content .content .bottom .info .right {
		width: 100%;
		cursor: pointer;
		height: 204px;
		opacity: 0;
		visibility: hidden;
		border-radius: var(--border-radius-4);
		/*transform: translateX(25px);*/
		transition-delay: 0.2s;
		top: -197px;
		left: 412px;
	}
	#example .content .content .bottom .info.active .right {
		width: 100vw;
		opacity: 1;
		visibility: initial;
		cursor: url(../img/fd.ico), auto;
		transform: translateX(0px);
		transition-delay: 0s;
		height: 204px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		top: -197px;
		left: 0;
	}
	#example .content .content .bottom .info.active .right.active {
		width: 100vw;
		height: 80vh;
		border-top: transparent solid 10vh;
		border-bottom: transparent solid 10vh;
		/* background-color: var(--rgba-black-30); */
		background-color: var(--deep-blue);
		overflow-x: hidden;
		overflow-y: scroll;
		position: fixed;
		top: 0px;
		left: 0px;
		box-shadow: var(--shadow);
		cursor: url(../img/sx.ico), auto;
		border-radius: 0px;
	}
	#example .content .content .bottom .info .right img {
		position: absolute;
		width: 100%;
		/*transform: translateX(40px);*/
		transition-delay: .3s;
		display: none;
	}
	#example .content .content .bottom .info .right img.active {
		display: block;
	}
	#example .content .content .bottom .info.active .right img {
		transform: none;
		transition-delay: 0s;
	}
	/* #example .content .content .bottom .info.active .right.active img {
		cursor: auto;
		width: 1432px;
		left: calc( 50% - 1432px / 2);
	} */
	/* 项目案例END */

	.mobile_table {
		box-shadow: 0 -1px 2px 0px rgba(76, 110, 245, 0.13);
	}
	.mobile_table .table_tittle {
		width: 94%;
		margin: 0 auto;
		border-bottom: 2px solid var(--yellow);
		padding: 22px 0 10px 0;
		color: var(--rgba-white-100-text);
	}
	.mobile_table .table_tittle::after {
		content: "\0020";
		height: 0;
		display: block;
		clear: both;
	}
	.mobile_table .table_tittle>div {
		float: left;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
	}
	.mobile_table .table_tittle>div:nth-child(1) {
		width: 12%;
		padding: 0 1%;
	}
	.mobile_table .table_tittle>div:nth-child(2) {
		width: 12%;
		padding: 0 1%;
	}
	.mobile_table .table_tittle>div:nth-child(3) {
		width: 24%;
		padding: 0 1%;
	}
	.mobile_table .table_tittle>div:nth-child(4) {
		width: 24%;
		padding: 0 1%;
	}
	.mobile_table .table_tittle>div:nth-child(5) {
		width: 16%;
		padding: 0 1%;
	}
	.mobile_table .table_tittle>div:nth-child(6) {
		width: 12%;
		padding: 0 1%;
	}
	.mobile_table .table_content {
		width: 94%;
		margin: 0 auto;
	}
	.mobile_table .table_content ul {
		max-height: 430px;
		overflow-y: auto;
		white-space: normal;
	}
	.mobile_table .table_content ul li {
		border-bottom: 1px solid #e8e8e8;
		display: block;
	}
	.mobile_table .table_content ul li:nth-child(1) {
		margin-top: 10px;
	}
	.mobile_table .table_content ul li::after {
		content: "\0020";
		height: 0;
		display: block;
		clear: both;
	}
	.mobile_table .table_content ul li>span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		float: left;
		text-align: center;
		line-height: 36px;
		font-size: 12px;
	}
	.mobile_table .table_content ul li>span:nth-child(1) {
		width: 12%;
		padding: 0 1%;
	}
	.mobile_table .table_content ul li>span:nth-child(2) {
		width: 12%;
		padding: 0 1%;
	}
	.mobile_table .table_content ul li>span:nth-child(3) {
		width: 24%;
		padding: 0 1%;
		text-align: left;
	}
	.mobile_table .table_content ul li>span:nth-child(4) {
		width: 24%;
		padding: 0 1%;
	}
	.mobile_table .table_content ul li>span:nth-child(5) {
		width: 16%;
		padding: 0 1%;
	}
	.mobile_table .table_content ul li>span:nth-child(6) {
		width: 12%;
		padding: 0 1%;
	}
	.table_tittle {
		width: 94%;
		margin: 0 auto;
		border-bottom: 2px solid var(--yellow);
		height: 50px;
		color: #585858 !important;
		display: flex;
	}
	.table_content{
		height: 480px;
		overflow-y: auto;
		/*border-top: 2px solid var(--yellow)*/
	}
	.table_tittle div {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
		color: var(--grey-coloful);
		font-weight: normal;
		/*height: 50px;*/
		/*border-right: 2px solid;*/
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.rowupjob li{
		width: 94%;
		margin: 0 auto;
		display: flex;
	}
	.rowupjob li span{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: wrap;
		font-size: 12px;
		color: var(--grey-coloful);
		font-weight: normal;
		height: 50px;
		flex: 1;
		text-align: center;
	}
	.panel-title>a{
	    width: 100%;
    	height: 100%;
    	display: block;
	}

	.fontSize36 {
	    font-size: 60px;
	    font-weight: bold;
	    height: 69px;
	}

	.InduTitleBox{
		display:flex;
		align-items:flex-end;
		justify-content:center;
		margin-bottom:20px;
		height:69px;
	}
	.InduContent{
		text-align:center;
		font-size:14px;
	}
	.moCourseFlexBox {
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
		margin:0 auto 20px;
	}
	.moCourseFlexBox>div{
		width:49%;
		padding:0 20px 20px;
		margin-bottom:10px;
		background:var(--rgba-white-100-bg);
		border-radius:var(--border-radius-2);
	}
	.JobTitle {
	display:block !important;
    padding: 30px 0;
    /* height: 70px; */
}
.JobTitle>div{
	display:flex;
	justify-content:space-around;
	margin-bottom:20px;
}
.JobTitle>div:last-child{
	margin-bottom:0;
}

.JobTitle>div>div{
	height:24px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
}

.width26px{
	width:26px;
	border-radius:var(--border-radius-4);
}
.PayBox {
    width: 100%;
    background: var(--rgba-white-10);
    border-radius: var(--border-radius-2);
}
.progressBarBox {
    width: 60%;
    margin: 0 10px;
    position: relative;
}
.PayBoxTitle {
    padding: 20px 0 15px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
}
.JobDemand {
    width: 100% !important;
    height:100% !important;
    border-radius: var(--border-radius-2);
}
.PayBoxContent>.PayBoxFlexBox:last-child {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.tradeItem {
    background: var(--rgba-white-100-bg);
    padding: 10px;
    display: flex;
    margin-bottom:10px;
}
.tradeTitle {
    font-size: 16px;
    text-indent: 10px;
    color: var(--grey-9);
    margin-bottom:10px;
}

.tradeItem.active>.tradeItemConten>.tradeItemText{
	opacity:1;
	height:auto;
}

.tradeItem.active>.tradeItemConten{
	height:auto;
}

.tradeItemLine {
    width: 12px;
    height: 12px;
    border-radius:var(--border-radius-2);
    margin-right:10px;
    margin-top:5px;
    transition:all 0.2s;
}
.tradeItemConten {
    width: 89%;
    height:0;
}
.tradeItemTitle {
    font-size: 16px;
    color: var(--deep-blue);
}
.tradeItemText {
    white-space:none;
    font-size: 12px;
    margin-top: 7px;
    opacity:0;
    height:0;
    overflow:hidden;
    transition:all 0.2s;
}
.moTestImg {
    width: 100%;
    height:218px;
}
img.ShowImg {
    position: absolute;
    height: 218px;
    opacity: 0;
}
img.ShowImg.active{
	opacity:1;
}
.moTestImg>img {
    width: 100%;
    margin-top:10px;
}
.posiItemBox {
    border-radius: var(--border-radius-4);
    margin-bottom: 10px;
}
.posiItemTitle {
    font-size: 18px;
    text-align: center;
    padding: 20px 0 15px;
}
.posiItem {
    display: flex;
    text-align: center;
    padding: 20px 75px 20px 50px;
    align-items:center;
    height:100%;
}
.leftItemBox {
    width: 20px;
    line-height: 25px;
    font-size: 18px;
    margin-right:50px;
}
.TestTreeBox {
    height: 136px;
    width: 20px;
    display: flex;
    align-items: center;
    margin-right:40px;
}
.TestTreeRight {
    width: 10px;
    height: 100%;
    border: 1px solid var(--rgba-white-100-text);
    border-right: 0;
}
.TestTreeLeft {
    width: 10px;
    height: 1px;
    background: var(--rgba-white-100-bg);
}

.rightItemBox {
    width: 89px;
}
.rightItemBox>div{
	white-space:nowrap;
}
.mar20{
		margin:0 10px;
	}
.moIndexFirTitle{
		text-align:center;
		font-size:16px;
		padding: 15px 0;
	}
	.moFirItemTitle {
		font-size: 17px;
	}
	.moFirItem {
		padding: 10px;
		background: var(--rgba-white-10);
		border-radius:var(--border-radius-4);
		margin-bottom:10px;
	}
	.moFirItem:last-child {
		padding: 10px;
		background: var(--rgba-white-10);
		border-radius:var(--border-radius-4);
		margin-bottom:0;
	}
	.moFirItemBox {
    padding-bottom: 12px !important;
}
.moWebContentItem {
    width: 37px;
}
.moWebContentBox {
    background: var(--grey-10);
    padding: 16px 40px 10px;
}
.moWebContentBox>.moWebContentTop, .moWebContentBox>.moWebContentBottom{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.moWebContentTop {
    margin-bottom: 23px;
}
.moWebContentImg {
    display: flex;
    justify-content: center;
    align-items: center;
    height:52px;
}
.moWebContentImg>svg>path{
	transform: scale(0.6);
}
.moWebCotentText {
    text-align: center;
    font-size: 12px;
    color: var(--deep-blue);
    margin-top: 11px;
}
.moTreeBox {
    height: 20px;
    width: 67%;
    margin: 10px auto 10px;
}
.moTreeTop {
	border: 1px solid var(--deep-blue);
    border-top: 0;
    height:50%;
    width:100%;
}
.moTreeBottom {
	height:10px;
	width:1px;
	background:var(--deep-blue);
	margin:0 auto;
}
.moTradeBox {
    background: var(--red);
    color: var(--rgba-white-100-text);
    border-radius: var(--border-radius-4);
    padding: 25px 40px 23px;
    display: flex;
    flex-wrap: wrap;
    height: 150px;
    justify-content: space-between;
    margin-bottom: 30px;
}
.moWebTradeItem {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: center;
    width: 37%;
}
	.course-mobile-new .course-banner-box{
		/*margin-top:70px ;*/
		width: calc(100% - 40px);
		height: 300px;
		background: linear-gradient(104.04deg, rgba(1, 196, 255, .3) 0%, rgba(1, 116, 246, .3) 100%);
		box-shadow: 0px 5px 10px rgba(20,186,255,.3);
		border-radius: 20px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.test-mobile-new .course-banner-box{
		background: linear-gradient(104.04deg, rgba(255, 191, 36, .3) 0%,rgba(225, 64, 14, .3) 100%);
		box-shadow: 0px 5px 10px rgba(255,120,116,.3);
	}
	.web-mobile-new .course-banner-box{
		background: linear-gradient(0deg,rgba(165, 135, 249, .3) 0%, rgba(137, 135, 249, .3) 25.4%, rgba(108, 147, 247, .3) 100%);

		box-shadow: 0px 5px 10px rgba(129,134,248,.3);
	}
	.course-mobile-new .course-intro{
		width: 100%;
		padding: 10px 20px;
	}
	.course-mobile-new .course-intro .course-name{
		font-size: var(--font28);
		line-height: var(--font36);
		text-align: center;
		/* 文本颜色/强调+2【标题色-1】 */
		color: var(--mainColor2);
		margin: 0;
		margin-bottom: 10px;
	}
	.course-mobile-new .course-intro .course-desc{
		font-size: var(--font16);
		line-height: var(--font24);
		text-align: center;
		/* 文本颜色/强调-1【弱层级文本】 */
		color: var(--weakColor);
		margin-bottom: 10px;

	}
	.course-mobile-new .course-intro .course-desc:last-of-type{
		margin-bottom: 0;
	}
	.course-mobile-new .salary-hire{
		width: 100%;
		padding: 20px;
		display: flex;
		/*justify-content: space-between;*/
		position: relative;
		z-index: 1;
	}
	.course-mobile-new .salary-hire .salary-one {
		flex: 1;
		padding: 20px;
		background:var(--gary9);
		border-radius: 10px;

	}
	.course-mobile-new .salary-hire .salary-one:first-child{
		margin-right: 10px;
	}
	.course-mobile-new  .salary-one .salary-title{
		font-size: var(--font12);
		line-height: var(--font20);
		/* 文本颜色/文本颜色-基准 */
		color: var(--weakColor);
		 margin: 0;
	}
	.course-mobile-new  .salary-one .salary-detail{
		font-size: var(--font36);
		line-height: var(--font44);
		font-weight: 700;
		/* 文本颜色/强调+2【标题色-1】 */
		background: linear-gradient(104.04deg, #01C4FF 0%, #0174F6 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;

		text-fill-color: transparent;
		margin: 0;
		margin-bottom: 6px;
	}
	.test-mobile-new  .salary-one .salary-detail{
		background: linear-gradient(104.04deg, #FFBF24 0%, #E1400E 100%);
		-webkit-background-clip: text;
	}
	.web-mobile-new  .salary-one .salary-detail{
		background: linear-gradient(0deg, #A587F9 0%, #8987F9 25.4%, #6C93F7 100%);
		-webkit-background-clip: text;
	}
	.course-mobile-new .open-time{
		width: 100%;
		padding: 20px 0 20px 20px;
		position: relative;

	}
	.open-time-zhuangshi{
		position: absolute;
		right: 0;
		bottom: -27px;
		z-index: 0;
	}
	.course-mobile-new .open-content{
		width: 100%;
		display: flex;
		overflow-x: scroll;
		position: relative;
		z-index: 1;
	}
	.course-mobile-new .open-content .open-one{
		padding: 16px 12px;
		/* 背景色/深层背景色 */
		background: var(--gary9);
		/* 一层卡片阴影 */
		box-shadow: 0px 4px 12px rgba(0, 17, 43, 0.04);
		border-radius: 20px;
		margin-right: 10px;
		flex-shrink: 0;
	}
	.course-mobile-new .open-content .open-one-active{
		/* 背景色/主色-4 */
		background: var(--mainColor4);
	}
	.course-mobile-new .open-content .open-one .time{
		font-weight: 700;
		font-size:var(--font20);
		line-height:var(--font28);
		text-align: center;
		/* 文本颜色/强调+2【标题色-1】 */
		color: var(--titleColor1);
		margin-bottom: 6px;
		margin: 0;
		margin-bottom: 6px;
	}
	.course-mobile-new .open-content .open-one-active .time{
		color: #ffffff;

	}
	.course-mobile-new .open-content .open-one .area{
		font-size:var(--font12);
		line-height:var(--font20);
		text-align: center;
		/* 文本颜色/文本颜色-基准 */
		color: var(--mainColor2);
		margin: 0;

	}
	.course-mobile-new .open-content .open-one-active .area{
		color: var(--whiteColor9);

	}
	.course-mobile-new .course-features{
		width: 100%;
		padding: 20px;
	}
	.course-mobile-new .course-features .features-box{
		width: 100%;
		padding: 10px;
		background: var(--mainColor4);
		border-radius: 20px;
	}
	.course-mobile-new .course-features .features-box .features-one{
		width: 100%;
		padding: 10px;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
	}
	.course-mobile-new .course-features .features-box .features-one:last-child{
		margin-bottom: 0;
	}
	.course-mobile-new  .features-one .fea-cont-box{
		margin-left: 10px;
	}
	.course-mobile-new  .features-one .fea-cont-box p{
		font-size: var(--font16);
		line-height: var(--font24);
		/* 文本颜色/纯白色 */
		color: #FFFFFF;
		margin-bottom: 6px;

	}
	.course-mobile-new  .features-one .fea-cont-box span{
		font-size: var(--font14);
		line-height: var(--font22);
		/* 文本颜色/纯白色 */
		color: var(--whiteColor7);

	}
	.course-mobile-new .knowledge-core{
		width: 100%;
		padding: 20px;
	}
	.course-mobile-new .knowledge-core .knowledge-box{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.course-mobile-new .knowledge-core .knowledge-box .know-one{
		width: calc((100% - 10px)/2);
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 1px;
		background: var(--gary9);
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(2n){
		margin-right: 0;
	}
	/*!*.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(2n){*!*/
	/*!*	border-left: 1px solid var(--bg2);*!*/
	/*!*	!*margin-left: 1px;*!*!*/
	/*!*}*!*/
	/*.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(5),*/
	/*.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(6){*/
	/*	!*border-bottom: none;*!*/
	/*	margin-bottom: 0;*/
	/*}*/
	/*.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(1){*/
	/*	border-radius: 20px 0 0 0;*/
	/*}*/
	/*.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(2){*/
	/*	border-radius:0 20px 0 0 ;*/
	/*}*/
	.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(5){
		margin-bottom: 0;
	}
	.course-mobile-new .knowledge-core .knowledge-box .know-one:nth-child(6){
		margin-bottom: 0;
	}
	.course-mobile-new .comment-btn{
		width: 100%;
		padding: 12px 0;
		margin: 20px auto 0;
		/* 背景色/深层背景色 */
		background: var(--mainColor4);
		/* 一层卡片阴影 */
		box-shadow: 0px 4px 12px rgba(0, 17, 43, 0.08);
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.course-mobile-new .knowledge-btn{
		width: calc(100% - 40px);
		display: none;
	}
	.course-mobile-new .comment-btn p{
		margin: 0;
		margin-right: 10px;
		font-size: var(--font16);
		line-height: var(--font24);
		color: #ffffff;
	}
	.course-mobile-new .know-one .konw-num{
		font-weight: 500;
		font-size: var(--font14);
		line-height: var(--font22);
		/* 装饰颜色/红色 */
		/*color: var(--zhuanshi-red);*/
		color: var(--weakColor) !important;
		margin-bottom: 6px;
	}
	.course-mobile-new .know-one:nth-child(2) .konw-num{
		/* 装饰颜色/黄色 */
		color: var(--zhuanshi-yellow);
	}
	.course-mobile-new .know-one:nth-child(3) .konw-num{
		/* 装饰颜色/绿色 */
		color: var(--zhuanshi-green);
	}
	.course-mobile-new .know-one:nth-child(4) .konw-num{
		color:var(--zhuanshi-blue);
	}
	.course-mobile-new .know-one:nth-child(5) .konw-num{
		color: var(--zhuanshi-skyblue);
	}
	.course-mobile-new .know-one:nth-child(6) .konw-num{
		color: var(--zhuanshi-deepblue);
	}
	.course-mobile-new .know-one .konw-con{
		font-size: var(--font14);
		line-height: var(--font22);
		color: var(--mainColor2);
		margin-bottom: 6px;
	}
	.course-mobile-new .teacher-team{
		width: 100%;
		padding: 20px;
		padding-left: 0;
		position: relative;
	}
	.course-mobile-new .teacher-team .sub-title{
		padding-left: 20px;
	}
	.course-mobile-new .teacher-team .teacher-box{
		width: 100%;
		padding-bottom: 20px;
		display: flex;
		overflow-x: scroll;
		position: relative;
		z-index: 1;
		padding-top: 0;
	}
	.course-mobile-new .teacher-team .zhuangshi-small-blue-teacher{
		position: absolute;
		left: 0;
		top: 66px;
		z-index: 0;
	}
	.course-mobile-new .teacher-box .teacher-one{
		width: 200px;
		height: 306px;
		margin-right: 10px;
		position: relative;
		flex-shrink: 0;
	}
	.course-mobile-new .teacher-box .teacher-one:first-of-type{
		margin-left: 20px;
	}
	.course-mobile-new .teacher-one .teacher-head{
		width: 120px;
		height: 120px;
		border-radius: 50%;
		/*border: 1px solid;*/
		/*background: #ffffff;*/
		position: absolute;
		top: 0px;
		left: calc((100% - 120px)/2);
		z-index: 2;
	}
	.course-mobile-new .teacher-one .teacher-head img{
		width: 120px;
		height: 120px;
		border-radius: 50%;
	}
	.course-mobile-new .teacher-one .teacher-desc{
		width: 100%;
		padding: 50px 20px 20px 20px ;
		height: 216px;
		/* 背景色/纯白-30% */
		background: var(--mainColor4);
		box-shadow: 0px 8px 16px rgba(56, 71, 101, 0.08);
		backdrop-filter: blur(4px);
		border-radius: 20px;
		margin-top: 90px;
	}
	.course-mobile-new .teacher-desc .tea-name{
		font-size: var(--font16);
		line-height: var(--font24);
		text-align: center;
		/* 文本颜色/强调+2【标题色-1】 */
		color:#ffffff;
	}
	.course-mobile-new .teacher-one .tea-line0{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-red);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line1{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-yellow);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line2{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-green);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line3{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-blue);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line4{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-red);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line5{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-yellow);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line6{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-green);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line7{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-blue);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line8{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-skyblue);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-one .tea-line9{
		width: 50px;
		height: 2px;
		/* 装饰颜色/红色 */
		background: var(--zhuanshi-deepblue);
		border-radius: 1px;
		margin: 10px auto;
	}
	.course-mobile-new .teacher-desc .tea-intro{
		font-size: var(--font12);
		line-height: var(--font20);
		text-align: justify;
		color: var(--whiteColor7);
		overflow:hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	}
	.course-mobile-new .progress-box{
		display: flex;
		width: 30px;
		margin: 0 auto 20px;
		height: 4px;
		border-radius: 2px;
		/* 背景色/负一层 */
		background: var(--bg1);
		background-blend-mode: multiply;
		overflow: hidden;
	}
	.course-mobile-new .progress-box .progress-one{
		width: 5px;
		height: 100%;
		background: var(--zhuanshi-yellow);
		/*border-radius: 2px;*/
		/*margin-left: -2px;*/
	}
	.course-mobile-new .progress-box .progress-one:first-child{
		border-radius: 2px 0 0 2px;
	}

	.course-mobile-new .subject-project{
		width: 100%;
		position: relative;
	}
	.pro-zhuangshi{
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
	.course-mobile-new .subject-project .project-content-box{
		width: 100%;
		overflow-x: scroll;
		padding:20px ;
		display: flex;
		position: relative;
		z-index: 1;
	}
	.course-mobile-new .project-content-box .project-one{
		width: 335px;
		min-height: 322px;
		flex-shrink: 0;
		padding: 10px;
		background: var(--gary3);
		/* 毛玻璃阴影+背景模糊 */
		/*box-shadow: 0px 8px 16px rgba(56, 71, 101, 0.08);*/
		/*backdrop-filter: blur(8px);*/
		border-radius: 20px;
		margin-right: 10px;
		align-self: flex-start;
	}
	.course-mobile-new .project-one .pro-banner-box{
		width: 100%;
		height: 200px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.course-mobile-new .project-one img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
	}
	.course-mobile-new .project-one .project-title{
		font-size: var(--font14);
		line-height: var(--font22);
		color: var(--mainColor2);
		margin-bottom: 10px;
	}
	.subject-project .wrapper {
		display: flex;
		width: 100%;
	}

	.subject-project .text {
		width: 100%;
		font-size:var(--font12);
		line-height: var(--font20);
		color: var(--mainColor2);
		overflow: hidden; /* 将超出的部分隐藏掉 */
		/*text-overflow: hidden;*/
		text-align: justify;
		display: flex;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		position: relative;
	}

	.subject-project .text::before {
		width: 1px;
		content: '';
		height: calc(100% - 24px);
		float: right;
		right: 0;
	}


	.subject-project .vi-btn {
		float: right;
		clear: both;
		font-size:var(--font12);
		line-height: var(--font26);
		/* 文本颜色/输入框提示文本色 */
		color: var(--gary10);
		box-sizing: border-box;
		cursor: pointer;
		border: 0;
	}

	.subject-project .exp {
		position: absolute;
		visibility: hidden;
	}

	.subject-project .exp:checked + .text {
		display: block; /* 让3行省略的效果失效 */
	}

	.subject-project .vi-btn::after {
		content: '展开' /*采用content生成*/
	}

	.subject-project .exp:checked + .text .vi-btn::after {
		content: '收起'
	}

	.subject-project .exp:checked + .text .vi-btn::before {
		visibility: hidden; /*在展开状态下隐藏省略号*/
	}
	.course-mobile-new .employment-info{
		width: 100%;
		padding: 20px;
	}
	.course-mobile-new .employment-info .employment-box{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.course-mobile-new .employment-box .emp-one{
		width: calc((100% - 10px)/2);
		height: 98px;
		padding: 20px;
		/* 背景色/主色-4 */
		background: var(--gary9);
		border-radius: 20px;
		margin-bottom: 10px;
	}
	.course-mobile-new .employment-box .emp-one:first-of-type{
		margin-right: 10px;
	}
	.course-mobile-new .employment-box .emp-one-big{
		width: 100vw;
		text-align: center;
		margin-bottom: 0;
	}
	.course-mobile-new .emp-one .emp-title{
		font-size: var(--font12);
		line-height: var(--font20);
		color: var(--weakColor);
		margin-bottom: 6px;
	}
	.course-mobile-new .emp-one .emp-desc{
		font-weight: 700;
		font-size: var(--font36);
		line-height: var(--font44);
		color: var(--titleColor1);
		margin: 0;
	}
	.course-mobile-new .emp-one:first-child{
		margin-right: 10px;
	}
	.course-mobile-new .student-interview{
		width: 100%;
		position: relative;

	}
	.course-mobile-new .stu-zhuangshi{
		position: absolute;
		left: 0;
		bottom: -42px;
	}
	.course-mobile-new .student-interview .interview-box{
		width: 100%;
		padding: 20px;
		display: flex;
		overflow-x: scroll;
		position: relative;
		z-index: 2;
	}
	.course-mobile-new .interview-box .inter-one{
		width: 240px;
		/* 背景色/纯白-30% */
		background: rgba(255, 255, 255, 0.3);
		/* 毛玻璃阴影+背景模糊 */
		box-shadow: 0px 8px 16px rgba(56, 71, 101, 0.08);
		backdrop-filter: blur(8px);
		border-radius: 20px;
		padding: 10px;
		margin-right: 10px;
	}
	.course-mobile-new .inter-one .stu-img-box{
		width: 220px;
		height: 124px;
		border-radius: 10px;
		margin-bottom: 10px;
	}
	.course-mobile-new .inter-one .stu-img-box img{
		width: 100%;
		border-radius: 10px;
	}
	.course-mobile-new .interview-box .inter-one .stu-info{
		font-size: var(--font14);
		line-height: var(--font22);
		color: var(--mainColor2);
		margin-bottom: 0;
	}
	.course-mobile-new  #tea-progress-box,.course-mobile-new #interview-progress-box{
		 margin-top: 0;
	 }
	.course-mobile-new .student-interview  .progress-box .progress-one{
		width: 26%;
		margin-left: -1%;
	}
	.course-mobile-new .teach-system{
		width: 100%;
		padding: 20px;
	}
	.course-mobile-new .teach-system .system-box{
		width: 100%;
		padding: 10px;
		/* 背景色/主色-4 */
		background: #151327;
		border-radius: 20px;
	}
	.course-mobile-new .system-box .system-one{
		width: 100%;
		padding: 10px;
		filter: drop-shadow(0px 4px 12px rgba(56, 71, 101, 0.04));
		backdrop-filter: blur(8px);
		border-radius: 20px;
		display: flex;
		margin-bottom: 10px;
		align-items: center;
	}
	.course-mobile-new .system-box .system-one:last-child{
		margin-bottom: 0;
	}
	.course-mobile-new .system-one .system-content{
		margin-left: 10px;
	}
	.course-mobile-new .system-one .system-content p{
		font-size: var(--font16);
		line-height: var(--font24);
		color: var(--white);
		margin-bottom: 6px;
	}
	.course-mobile-new .system-one .system-content span{
		font-size: var(--font14);
		line-height: var(--font22);
		color: var(--white7);
	}
	.course-mobile-new .free-video{
		width: 100%;
		position: relative;
	}
	.video-zhuangshi{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.course-mobile-new .free-video .video-box{
		width: 100%;
		padding: 20px;
		position: relative;
		z-index: 2;
	}
	.course-mobile-new .video-box .video-one{
		width: 100%;
		/* 背景色/纯白-30% */
		background: var(--white3);
		/* 毛玻璃阴影+背景模糊 */
		box-shadow: 0px 8px 16px rgba(56, 71, 101, 0.08);
		backdrop-filter: blur(8px);
		border-radius: 20px;
		padding: 20px 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
	}
	.course-mobile-new .video-box .video-one:last-child{
		margin-bottom: 0;
	}
	.course-mobile-new .video-one .video-left p{
		font-size: var(--font16);
		line-height: var(--font24);
		color: var(--mainColor2);
		margin-bottom: 6px;
	}
	.course-mobile-new .video-one .video-left span{
		font-size: var(--font14);
		line-height: var(--font22);
		color: var(--weakColor);
	}
	 .sub-title{
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
	 .sub-title span{
		margin-left: 4px;
		font-weight: 500;
		font-size: var(--font16);
		line-height: var(--font24);
		text-align: center;
		 font-family: "Noto Sans SC";
		/* 文本颜色/强调+2【标题色-1】 */
		color: var(--titleColor1);
		margin-top: -4px;
	}
}

.table-open-time-style{
	border-radius: 30px;
	border: 2px solid #FF701D;
	background: #F4772E;
	padding: 20px;
	box-shadow: 0px 0px 8px 0px #C32E0D inset;
	margin:40px 0 120px;
}
.table-open-time .cover{
	background: var(--basic2);
	border-radius: 20px;
	border: 1px solid  #FFF;
	box-shadow: 0px 8px 16px 0px rgba(56, 71, 101, 0.08);
	backdrop-filter: blur(4px);
	overflow: hidden;
}
.table-open-time ul{
	display: flex;
	padding: 10px;
	border-bottom: 1px solid #FFF;
}
.table-open-time ul li{
	height: 50px;
	flex: 1;
	font-size: 18px;
	line-height: 50px;
	color: #616175;
	text-align: center;

}
.table-open-time ul li:last-child{
	text-align: right;
}
.table-open-time ul .area-name{
	width: 132px;
	flex: unset;
}
.table-open-time ul .light-text{
	padding: 0 10px;
	color:  #FF701D;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "Microsoft YaHei UI";

}

/*.sort-open-class{*/
/*	width: calc(100% + 20px);*/
/*	padding: 56px 0 60px 0;*/
/*	background: rgb(229,232,236);*/
/*	box-shadow: 4px 4px 8px 0px #D1D9E6 inset, -4px -4px 8px 0px #FFF inset;*/
/*	margin:30px auto 120px;*/
/*}*/
/*.sort-open-class .main-open{*/
/*	width: 1400px	;*/
/*	margin: 0 auto;*/
/*	position: relative;*/
/* }*/
/*.sort-open-class .class-one{*/
/*	width: 148px;*/
/*	border-radius: 10px;*/
/*	background: var(--basic2);*/
/*	box-shadow: 0px 8px 16px 0px rgba(56, 71, 101, 0.08);*/
/*	backdrop-filter: blur(4px);*/
/*	padding: 40px 40px 20px 40px;*/
/*	position: relative;*/
/*	margin-right: 24px;*/
/*	height: fit-content;*/
/*}*/
/*.sort-open-class .class-one:last-child{*/
/*	margin-right: 0;*/
/*}*/
/*.class-one .area-name{*/
/*	padding: 10px 20px;*/
/*	border-radius: 10px;*/
/*	background:rgba(255, 255, 255, 0.70);*/
/*	box-shadow: 0px 8px 16px 0px rgba(56, 71, 101, 0.08);*/
/*	backdrop-filter: blur(4px);*/
/*	color: var(--deep-blue);*/
/*	font-size: 18px;*/
/*	line-height: 27px;*/
/*	position: absolute;*/
/*	top: -24px;*/
/*	right: 17px;*/
/*}*/
/* .class-one .periods{*/
/*	 width: 66px;*/
/*	 display: flex;*/
/*	 justify-content: space-between;*/

/*	 color: var(--blue1);*/
/*	 font-feature-settings: 'clig' off, 'liga' off;*/
/*	 font-size: 18px;*/
/*	 line-height: 27px;*/
/*	 margin-bottom: 10px;*/
/*  }*/
/*.class-one .periods:last-of-type{*/
/*	margin-bottom: 0;*/
/*}*/
/*.class-one  .middle-border{*/

/*	width: 100%;*/
/*	height: 1px;*/
/*	background: var(--yellow1);*/
/*	margin-bottom: 10px;*/
/*}*/
/*  .border-box{*/
/*	  width: 100%;*/
/*	  padding: 40px;*/
/*	  position: absolute;*/
/*	  top: 50%;*/
/*	  left: 50%;*/
/*	  transform: translate(-50%, -50%);*/

/*	  z-index: 0;*/

/*  }*/
/*    .border-one{*/
/*		width: 100%;*/
/*		height: 4px;*/
/*		margin-bottom: 20px;*/
/*		border-radius: 20px;*/
/*		background: var(--weakColor2);*/
/*		box-shadow: 4px 4px 8px 0px #D1D9E6 inset, -4px -4px 8px 0px #FFF inset;*/
/*	}*/
/*	.border-one:last-child{*/
/*		margin-bottom: 0;*/
/*	}*/
/*	.class-list{*/
/*		display: flex;*/

/*		width: calc(100% - 160px);*/
/*		margin: 0 auto;*/
/*		justify-content: space-evenly;*/
/*	}*/
/*.class_time{*/
/*	width: 100%;*/

/*}*/

.salary-box{
	width: 100%;
	padding: 128px 0;
	background: #E7E1DE;

}
 .plate-title-small.text-left{
	text-align: left;
}
  .service-box{
	  width: 1200px;
	  margin: 0 auto 40px;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;

	 padding-top: 10px;
 }
 .salary-box .line-chart > p{
	 color: var(--blue1);
	 font-size: 16px;
	 line-height: 24px;
	 margin-bottom: 28px;
 }
.salary-box .line-chart{
	 width: 1200px;
	 margin: 0 auto ;
 }
.salary-box .line-chart .chart-box{
	width: 100%;
	margin-bottom:28px;
	display: flex;
	justify-content: space-between;

}
.salary-box .chart-box .chart-one{
	position: relative;
  }
.salary-box .chart-one .line{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 154px;
	height: 300px;
	border-radius: 10px;
	background:  rgba(24, 22, 34, 0.02);
	box-shadow: 4px 4px 8px 0px #D1D9E6 inset, -4px -4px 8px 0px #FFF inset;
	position: relative;
	z-index: 2;
}
.salary-box .chart-one  .data-num{
	 width: 100%;
	height: 45px;
	background-color:var(--bg-blue) ;
	margin-bottom: 3.46px;
	position: absolute;
	 bottom:45px;
	left: 0;
	border-radius: 0 0 10px 10px;
 }

.salary-box .chart-one .line > span{
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: var(--bg-blue);
	margin-bottom:50px;
}
.salary-box .chart-one:nth-child(2)   .data-num{

	height: 57px;
	background-color: var(--bg-pirple);
}
.salary-box .chart-one:nth-child(2) .line > span{
	color: var(--bg-pirple);
	margin-bottom: 62px;
}
.salary-box .chart-one:nth-child(3)   .data-num{

	height: 57px;
	background-color: var(--bg-red);
}
.salary-box .chart-one:nth-child(3) .line > span{
	color: var(--bg-red);
	margin-bottom: 62px;
}
.salary-box .chart-one:nth-child(4)   .data-num{

	height: 183px;
	background-color: var(--bg-orange);
}
.salary-box .chart-one:nth-child(4) .line > span{
	color: var(--bg-orange);
	margin-bottom: 188px;
}
.salary-box .chart-one:nth-child(5)   .data-num{

	height: 207px;
	background-color: var(--bg-green);
}
.salary-box .chart-one:nth-child(5) .line > span{
	color: var(--bg-green);
	margin-bottom:213px;
}
.salary-box .chart-one:nth-child(6) .data-num{

	height: 198px;
	background-color: var(--bg-blue);
}
.salary-box .chart-one:nth-child(6) .line > span{
	color: var(--bg-blue);
	margin-bottom: 203px;
}
.salary-box .chart-one:nth-child(7)   .data-num{

	height: 99px;
	background-color: var(--bg-pirple);
}
.salary-box .chart-one:nth-child(7) .line > span{
	color: var(--bg-pirple);
	margin-bottom:104px;
}
.salary-box .chart-one .sa-limit{
	text-align: center;
	margin-top: 10px;
	color: #4D4B5B;
	font-size: 14px;
	line-height: 24px;
}

.work-area{
	padding: 80px 0;
}
.work-area  .work-content{
	width: 1200px;
	margin: 0 auto;
 }


.work-area  .post-detail{
	display: flex;
  }
.work-area  .post-detail .post{
	 margin-right: 40px;
	border-radius: 8px;
	border: 2px solid #FFF;
	background: var(--simple-white);
	/* 修饰阴影&大阴影 */
	box-shadow: 0px 20px 50px 0px rgba(56, 71, 101, 0.08);
	padding: 10px;
 }
.work-area  .post-detail .post li{
	display: flex;
	margin-bottom: 2px;
}
.work-area  .post-detail .post li:first-child{
	padding-left: 135px;
}
.work-area  .post-detail .post li:first-child h3{
	color: var(--blue1);
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin: 0 0 10px 0;
}

.work-area  .post-detail .post li .ai-name{
	border-radius: 8px 0px 0px 8px;
	padding: 10px 11px;
	width: 77px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 2px;
	font-feature-settings: 'clig' off, 'liga' off;
	text-transform: uppercase;
	margin-right: 2px;
	background-color: var(--red1);
	flex-shrink: 0;
}
.work-area  .post-detail .post li:nth-child(2) .ai-name{
	background-color: var(--yellow1);
}
.work-area  .post-detail .post li:nth-child(3) .ai-name{
	background-color: var(--green1);
}
.work-area  .post-detail .post li:nth-child(4) .ai-name{
	background-color: var(--cyan1);
}
.work-area  .post-detail .post li:nth-child(5) .ai-name{
	background-color: var(--blue-sky);
	white-space: nowrap;
}
.work-area  .post-detail .post li:nth-child(6) .ai-name{
	background-color: var(--blue-deep);
}
.work-area  .post-detail .post li .job-positions{
	border-radius: 4px;
	background:   rgba(160, 168, 174, 0.10);
	background-blend-mode: multiply;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 20px;
	margin-right: 2px;
}
.work-area  .post-detail .post li .job-positions:last-child{
	margin-right: 0;
}
.work-area  .post-detail .post li .job-positions p{
	color: #464953;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
}
.work-area  .post-detail .post li .job-positions p span{
	color: var(--yellow1);
	font-weight: 700;
}
.work-area  .post-detail .need h3{
	color: var(--blue1);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin: 0 0 20px 0;
 }
.work-area  .need .top-ten li{
	margin-bottom: 18px;
}
.work-area  .need .top-ten span{
	color: #464953;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 2px;
	margin-right: 10px;
}
hr{
	border-top-color: rgba(160, 168, 174, 0.30);
	width: 1200px;
	margin: 0 auto ;
}

/*教师轮播点*/
.tea-small-point{
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 75px;
}
.tea-point-one{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(160, 168, 174, 0.30);
    background-blend-mode: multiply;
    margin-right: 20px;
    cursor: pointer;
}
.tea-point-one:hover{
    background-color: var(--blue1);
}
.tea-point-one:last-child{
    margin-right: 0;
}
 .tea-point-one-active{
    background-color: var(--blue1);
}