.banner-title{
			width: 100%;
			height: 700px;
			/* background-color: red; */
			/* background: url(./images/banner1.jpg); */
			background-size: cover;
			background-position: center;
			position: absolute;
			top: 0px;
			z-index: -1;
		}
		.body_title{
			width: 100%;
			height: 60px;
			background-color: rgb(255 255 255 / 48%);
			border-bottom: 1px solid rgb(0 0 0 / 20%);
		}
		.title_div{
			
			width: 1200px;
			height: 60px;
			margin: 0 auto;
			display: flex;
			    justify-content: space-between;
		}
		.logo{
			width: 50px;
			height: 50px;
			/* background: linear-gradient( to right ,#3f7ef8,#2cb2f7); */
			background-image: url("../images/logo2.png");
			background-size: 100% 100%;
			background-position: center;
			position: absolute;
			margin-top: 5px;
			/* margin-left: 901px; */
		}
		.login{
			height: 36px;
			width: 110px;
			border: black 1px solid;
			border-radius: 8px;
			text-align: center;
			font-size: 16px;
			line-height: 36px;
			margin-top: 6px;
			float: right;
		}
		.menu_div{
			width: 1200px;
			height: 50px;
			margin: 0 auto;
		}
		.body_menu{
			width: 100%;
			height: 44px;
			background-color: rgb(255 255 255 / 48%);
			padding-top: 6px;

		}
		.layui-btn{
			background-color: unset;
			color: #000;
			font-size: 16px;
			margin-right:30px;
			
		}
		.layui-btn .active {
			border-bottom: 2px solid #0d6efd;
		}
		.layui-btn:hover{
			background-color: unset;
			color: #000;
			font-weight: 600;
		}
		.layui-dropdown{
			margin-left: -40px;
		}
		.layui-dropdown-menu{
			width: 200px;
			text-align: center;
			font-size: 16px;
			
		}
		.layui-menu-body-title{
			font-size: 16px;
		}
		.user_type_menu{
			width: 1100px;
			height: 75px;
			background: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			margin: 0 auto;
			position: relative;
			border-radius: 45px;
			top: 330px;
			padding-top: 15px;
		}
		.user{
			
		}
		.user_flag{
			margin-left: 40px;
			margin-right: 160px;
			float: left;
		}
		.pic1{
			background: url("../images/txpic_1.png");
			background-size: cover;
			background-position: center;
		}
		.pic2{
			background: url("../images/txpic_2.png");
			background-size: cover;
			background-position: center;
		}
		.pic3{
			background: url("../images/txpic_3.png");
			background-size: cover;
			background-position: center;
		}
		.pic4{
			background: url("../images/txpic_4.png");
			background-size: cover;
			background-position: center;
		}
		.user_pic{
			width: 60px;
			height: 60px;
			background-color: red;
			border-radius: 50%;
		}
		.user_name{
			color: white;
			position: absolute;
			top: 22px;
			margin-left: 80px;
			line-height: 22px;
			font-size: 18px;
		}
		.body_zyk{
			width: 100%;
			height: 900px;
			/* background-color: red; */
			margin-top: 460px;
		}
		
		.body_zyk::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			/* background: url(../images/bg_zyk.jpg); */
			background-size: cover;
			background-position: center;
			opacity: 0.2;
			z-index: -2; /* 确保背景图在内容下方 */
		}
		.body_zyk_main{
			width: 1100px;
			margin: 0 auto;
			padding-top: 120px;
		}
		.body_zyk_title{
			margin-bottom: 30px;
		}
		.body_zyk_title p{
			font-size: 32px;
			font-weight: 600;
		}
		.body_zyk_msg{
			width: 1100px;
			height: 300px;
			background: linear-gradient( to right ,#3f7ef8,#2cb2f7);
		}
		.zyk_msg{
			padding: 20px;
			color: white;
			width: 500px;
			height: 220px;
			font-size: 16px;
			line-height: 30px;
			text-indent: 37px;
			overflow-y: scroll;
		}
		.zyk_more{
			padding-left: 20px;
			color: white;
			font-size: 16px;
		}
		.zyk_video{
			width: 500px;
			height: 370px;
			/* background-color: red; */
			position: relative;
			margin-top: -322px;	
			margin-left: 550px;
			overflow: hidden;
		}
		.zyk_video video{
			width: 100%;
			height: 100%;
		}
		.zyk_title{
			text-align: center;
			color: white;
			width: 300px;
			font-weight: 400;
			font-size: 20px;
			transform: rotate(90deg);
			margin-top: -200px;
			margin-left: 926px;
			opacity: 0.4;
		}
		.body_zyk_sum{
			width: 1200px;
			margin: 0 auto;
			margin-top: 150px;
		}
		.zyk_sum{
			width: 400px;
			margin: 0 auto;
		}
		.zyk_sum_title{
			font-size: 32px;
			font-weight: 600;
			width: 200px;
		}
		.zyk_sum_title_en{
			width: 170px;
			opacity: 0.4;
			margin-top: -36px;
			margin-left: 250px;
			font-weight: 500;
		}
		.zyk_sum_soil{
			width: 150px;
			height: 50px;
			border: solid 2px;
			border-image-source: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			border-image-slice: 1;
			margin-top: -44px;
			margin-left: 40px;
		}
		.zyk_list{
			margin-top: 50px;
		}
		.zyk_list_chi{
			width: 270px;
			height: 100px;
			background-color: white;
			float: left;
			margin-left: 20px;
			box-shadow: 5px 5px 15px #88888863; /* 添加阴影效果 */
		}
		.sum_icon{
			width: 60px;
			height: 60px;
			border-radius: 50%;
			margin: 14px;
			background: linear-gradient( to right ,#3f7ef8,#2cb2f7);
		}
		.icon1{
			background: url("../images/icon1.png");
			background-size: cover;
			background-position: center;
		}
		.icon2{
			background: url("../images/icon2.png");
			background-size: cover;
			background-position: center;
		}
		.icon3{
			background: url("../images/icon3.png");
			background-size: cover;
			background-position: center;
		}
		.icon4{
			background: url("../images/icon4.png");
			background-size: cover;
			background-position: center;
		}
		.sum_number{
			font-size: 32px;
			font-weight: 700;
			margin-top: -60px;
			margin-left: 92px;
		}
		.sum_or_text{
			font-size: 20px;
			/* font-weight: 700; */
			margin-top: -27px;
			margin-left: 192px;
			background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			color: transparent;
			background-clip: text;
			-webkit-background-clip: text;
		}
		.sum_text{
			font-size: 16px;
			/* font-weight: 700; */
			margin-top: -26px;
			margin-left: 200px;
		}
		.body_zyk_center{
			width: 1100px;
			height: 360px;
			margin: 0 auto;
			margin-top: 300px;
			/* background-color: rebeccapurple; */
		}
		.zyk_bzzx_list{
			margin-top: 50px;
			width: 250px;
			height: 150px;
			background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			float: left;
			margin-right: 16px;
		}
		.bzzx_bg1{
			background: url("../images/zyjs_bg.png");
			background-size: cover;
			background-position: center;
		}
		.bzzx_bg2{
			background: url("../images/pyfa_bg.png");
			background-size: cover;
			background-position: center;
		}
		.bzzx_bg3{
			background: url("../images/jxbz_bg.png");
			background-size: cover;
			background-position: center;
		}
		.bzzx_bg4{
			background: url("../images/kcbz_bg.png");
			background-size: cover;
			background-position: center;
		}
		.zyk_bzzx_list_title{
			font-size: 22px;
			margin-top: 160px;
			text-align: center;
		}
		.body_zyk_cx{
			width: 100%;
			height: 400px;
		}
		.body_zyk_cx::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 400px;
			background: url(../images/cx_bg.jpg);
			background-size: cover;
			background-position: center;
			opacity: 0.2;
			z-index: -2; /* 确保背景图在内容下方 */
			
		}
		.zyk_cx_main{
			width: 1100px;
			height: 360px;
			margin: 0 auto;
			padding-top: 40px;
		}
		.zyk_cx_list{
			/* margin-top: 50px; */
			width: 385px;
			/* height: 220px;
			background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7); */
			float: left;
			margin-right: 16px;
		}
		.tscx1{
			background: url(../images/tscx1.png);
			background-size: cover;
			background-position: center;
		}
		.tscx2{
			background: url(../images/tscx2.png);
			background-size: cover;
			background-position: center;
		}
		.tscx3{
			background: url(../images/tscx3.png);
			background-size: cover;
			background-position: center;
		}
		.zyk_cx_more{
			width: 140px;
			height: 40px;
			background-image: linear-gradient( to right ,#3f7ef8,#3f7ef8);
			text-align: center;
			margin-left: 880px;
			margin-top: -50px;
			color: white;
			font-size: 18px;
			line-height: 40px;
		}
		.body_zyk_zyhxk{
			width: 100%;
			height: 800px;
		}
		.zyk_zyhxk_main{
			width: 1100px;
			height: 360px;
			margin: 0 auto;
			padding-top: 60px;
		}
		.zyk_zyhxk_list{
			/* margin-top: 50px; */
			width: 254px;
			height: 150px;
			background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			float: left;
			/* margin-right: 16px; */
			text-align: center;
			/* line-height: 150px; */
			color: white;
			font-size: 22px;
			font-weight: 800;
		}
		.zyk_zyhxk_list2{
			/* clear: both; */
			display: flex;
			flex-direction: column;
			align-items: stretch;
		}
		.hxk1{
			/* background: url(./images/hxk1.jpg); */
			width: 100%;
			height: 150px;
			background-size: 100% 100%;
			background-position: center;
		}
		.hxk2{
			background: url(../images/hxk2.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.hxk3{
			background: url(../images/hxk3.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.hxk4{
			background: url(../images/hxk4.png);
			width: 100%;
			background-size: 100% 100%;
			background-position: center;
		}
		.hxk5{
			/* background: url(./images/hxk5.jpg); */
			background-size: 100% 100%;
			width: 100%;
			background-position: center;
		}
		.hxk6{
			/* background: url(./images/hxk6.png); */
			background-size: 100% 100%;
			width: 100%;
			background-position: center;
		}
		.hxk7{
			/* background: url(./images/hxk7.jpg); */
			background-size: 100% 100%;
			width: 100%;
			background-position: center;
		}
		.hxk8{
			/* background: url(./images/hxk8.jpg); */
			background-size: 100% 100%;
			width: 100%;
			background-position: center;
		}
		.course_hover {
			cursor: pointer;
		}
		.list_font_center{
			line-height: 150px;
		}
		.list_title{
			margin-top: 20px;
			font-weight: 400;
			font-size: 20px;
		}
		.list_span{
			margin-top: 20px;
			font-weight: 400;
			font-size: 12px;
			text-align: center;
			cursor: pointer;
			font-size: 16px;
			color: #fff;
			line-height: 16px;
			width: 100%;
			height: 32px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			
		}
		.body_zyk_zyjck{
			width: 100%;
			height: 590px;
		}
		.body_zyk_zyjck::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 590px;
			background: url(../images/cx_bg.jpg);
			background-size: cover;
			background-position: center;
			opacity: 0.2;
			z-index: -2; /* 确保背景图在内容下方 */
			
		}
		.zyk_zyjck_main{
			width: 1100px;
			height: 550px;
			margin: 0 auto;
			padding-top: 40px;
		}
		.zyk_zyjck_list{
			background-color: white;
			width: 520px;
			height: 160px;
			float: left;
			margin-right: 10px;
			margin-top: 10px;
			box-shadow: 5px 5px 15px #88888863; /* 添加阴影效果 */
			padding: 10px;
		}
		.zyjck_title_bg{
			float: left;
			width: 250px;
			height: 100%;
			background-color: #006ef4;
		}
		.jck1{
			background: url(../images/jck1.jpg);
			background-size: 100% 100%;
			background-position: center;
		}
		.course_img {
			background-size: 100% 100%;
			background-position: center;
			margin-right: 10px;
			width: 250px;
			height: 100%;
		}
		.jck2{
			background: url(../images/jck2.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.jck3{
			background: url(../images/jck3.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.jck4{
			background: url(../images/jck4.jpg);
			background-size: 100% 100%;
			background-position: center;
		}
		.zyjck_title{
			width: 40%;
			margin-left: 25px;
			font-size: 20px;
			float: left;
		}
		.zyjck_school{
			width: 40%;
			margin-left: 45px;
			font-size: 14px;
			float: left;
		}
		.zyjck_button{
			width: 80px;
			height: 32px;
			background-color: #006ef4;
			margin-left: 450px;
			margin-top: 130px;
			text-align: center;
			color: white;
			line-height: 32px;
		}
		.zyjck_user{
			margin-left: 270px;
			font-size: 12px;
			margin-top: -20px;
		}
		.body_zyk_zytzk{
			width: 100%;
			height: 320px;
			padding-top: 40px;
			margin-bottom: 50px;
		}
		.zyk_zytzk_main{
			width: 1100px;
			height: 320px;
			margin: 0 auto;
			/* padding-top: 40px; */
		}
		.zytzk_list{
			margin-top: 40px;
			width: 350px;
			height: 180px;
			background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			text-align: center;
			font-size: 18px;
			float: left;
			
		}
		.zytzk_list p{
			margin-top: 10px;
		}
		.tzk1{
			/* background: url(./images/tzk1.png); */
			background-size: 100% 100%;
			background-position: center;
			width: 100%;
			height: 200px;
		}
		.tzk2{
			background: url(../images/tzk2.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.tzk3{
			background: url(../images/tzk3.jpg);
			background-size: 100% 100%;
			background-position: center;
		}
		.body_zyk_dxgzrw{
			width: 100%;
			height: 340px;
			padding-top: 40px;
		}
		.body_zyk_dxgzrw::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 380px;
			/* background: url(../images/cx_bg.jpg); */
			background-size: cover;
			background-position: center;
			opacity: 0.2;
			z-index: -2; /* 确保背景图在内容下方 */
			margin-top: -40px;
		}
		.zyk_dxgzrw_main{
			width: 1100px;
			height: 310px;
			margin: 0 auto;
		}
		.dxgzrw_left{
			width: 44%;
			height: 100%;
			background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			float: left;
			background: url(../images/news_bg.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.dxgzrw_right{
			width: 52%;
			height: 100%;
			/* background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7); */
			float: left;
			margin-left: 20px;
		}
		.dxgzrw_info{
			margin-top: 60px;
			margin-left: 80px;
			font-size: 16px;
		}
		.body_zyk_tszy{
			width: 100%;
			height: 600px;
			padding-top: 40px;
		}
		.zyk_tszy_main{
			width: 1100px;
			height: 500px;
			margin: 0 auto;
		}
		.tszy_info{
			width: 1040px;
			height: 410px;
			background: url(../images/tszy_bg.png);
			background-size: 100% 100%;
			background-position: center;
			padding-top: 70px;
			padding-left: 100px;
		}
		.tszy_list_1{
			width: 220px;
			height: 340px;
			background-color: #006ef4;
			float: left;
			margin-left: 10px;
			border-radius: 20px;
		}
		.tszy_list_2{
			width: 220px;
			height: 165px;
			background-color: #006ef4;
			float: left;
			margin-left: 10px;
			border-radius: 20px;
			margin-bottom: 10px;
		}
		.tszy_list_3{
			width: 450px;
			height: 165px;
			background-color: #006ef4;
			float: left;
			margin-left: 10px;
			border-radius: 20px;
		}
		.ts1{
			background: url(../images/ts1.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.ts2{
			background: url(../images/ts2.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.ts3{
			background: url(../images/ts3.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.ts4{
			background: url(../images/ts4.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.ts5{
			background: url(../images/ts5.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.body_zyk_ywpx{
			width: 100%;
			height: 560px;
			
			
		}
		.body_zyk_ywpx::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 600px;
			/* background: url(../images/cx_bg.jpg); */
			background-size: cover;
			background-position: center;
			opacity: 0.2;
			z-index: -2; /* 确保背景图在内容下方 */
			margin-top: -40px;
		}
		.zyk_ywpx_main{
			width: 1100px;
			height: 500px;
			margin: 0 auto;
			margin-top: 40px;
		}
		.ywpx_lb{
			margin-top: 80px;
			width: 100%;
			/* height: 430px; */
			/* background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7); */
			/* background: url(./images/ywpx.png); */
			background-size: cover;
			background-position: center;
		}
		
		.el-carousel__item h3 {
		    color: #475669;
		    font-size: 18px;
		    opacity: 0.75;
		    line-height: 300px;
		    margin: 0;
		  }
		  
		  .el-carousel__item:nth-child(2n) {
		    background-color: #99a9bf;
		  }
		  
		  .el-carousel__item:nth-child(2n+1) {
		    background-color: #d3dce6;
		  }
		  
		.body_zyk_zstp{
			width: 100%;
			height: 560px;
			
			
		}
		.zyk_zstp_main{
			width: 1100px;
			height: 500px;
			margin: 0 auto;
			margin-top: 40px;
		}
		.zstp_lb{
			margin-top: 40px;
			width: 100%;
			height: 600px;
			/* background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7); */
		}
		.body_zyk_jstd{
			width: 100%;
			height: 700px;
		}
		.body_zyk_jstd::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 740px;
			background: url(../images/foot_1.png);
			background-size: cover;
			background-position: center;
			opacity: 0.8;
			z-index: -2; /* 确保背景图在内容下方 */
			margin-top: -40px;
		}
		.zyk_zstp_main{
			width: 1100px;
			height: 700px;
			margin: 0 auto;
			margin-top: 40px;
			text-align: center;
		}
		.school_logo{
			width: 420px;
			margin: 0 auto;
			margin-top: 20px;
			margin-bottom: 40px;
		}
		.school_logo_left{
			width: 140px;
			height: 140px;
			background-color: #006ef4;
			background: url(../images/schoollogo_1.png);
			background-size: 100% 100%  ;
			background-position: center;
		}
		.school_logo_right{
			width: 140px;
			height: 140px;
			background-color: #006ef4;
			position: absolute;
			margin-top: -140px;
			margin-left: 220px;
			background: url(../images/schoollogo_2.png);
			background-size: 100% 100%  ;
			background-position: center;
		}
		.school_name{
			width: 1100px;
			margin: 0 auto;
			margin-top: 20px;
			margin-bottom: 40px;
		}
		.school_name_list{
			font-size: 16px;
			text-align: left;
			width: 220px;
			height: 40px;
			line-height: 40px;
			margin-left: 40px;
			float: left;
			/* background-color: #006ef4; */
		}
		.body_zyk_foot{
			width: 100%;
			height: 200px;
			color: white;
		}
		.body_zyk_foot::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 242px;
			/* background: url(../images/foot_2.png); */
			background-color: black;
			background-size: cover;
			background-position: center;
			opacity: 1;
			z-index: -2; /* 确保背景图在内容下方 */
			margin-top: -40px;
		}
		.zyk_foot_main{
			width: 1100px;
			height: 200px;
			margin: 0 auto;
			margin-top: 40px;
			text-align: center;
		}
		.zyk_foot_left{
			width: 500px;
			height: 200px;
			/* background-color: #006ef4; */
			float: left;
			
		}
		.zyk_foot_right{
			margin-left: 100px;
			float: left;
			width: 500px;
			height: 200px;
			/* background-color: #006ef4; */
		}
		.foot_list{
			font-size: 16px;
			text-align: left;
			width: 200px;
			height: 40px;
			line-height: 40px;
			margin-left: 40px;
			float: left;
			/* background-color: #006ef4; */
		}
		.gjs_logo{
			margin: 0 auto;
			margin-top: 60px;
			width: 176px;
			height: 33px;
			background-image: linear-gradient( to right ,#3f7ef8,#2cb2f7);
			background: url(../images/gjs_logo.png);
			background-size: 100% 100%;
			background-position: center;
		}
		.bq_info{
			margin-top: 20px;
			color: white;
			font-size: 16px;
			font-weight: 600;
			color: white;
		}
		
		.hover {
			cursor: pointer;
		}
		
		
		
		 .rightBox {
			 margin-top: 10px;
		    position: relative;
		    -webkit-box-flex: 1;
		    -ms-flex: 1;
		    flex: 1;
		    background: #f0f8ff;
		    padding: 15px 20px;
		}
		
		 .rightBox .item {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex
		;
		    line-height: 42px;
		    height: 42px;
		    margin-bottom: 15px;
		    cursor: pointer;
		}
		
		 .rightBox .item .time {
			 width: 100px;
		    padding: 0 6px;
		    background: #eee;
		}
		
		 .rightBox .item .title {
		    width: 580px;
		    padding: 0 6px;
		    background: #fff;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		
		 .teacherRecommendations {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
			margin-right: 20px;
			margin: 10px;
		}
		
		 .teacherRecommendations .item {
		    position: relative;
		    cursor: pointer;
		}
		
		 .teacherRecommendations .item img {
		    width: 350px;
		    height: 420px;
			object-fit: cover;
		}
		
		 .teacherRecommendations .item .nameBox {
		    position: absolute;
		    bottom: 4px;
		   /* height: 84px; */
		    background: rgba(0, 0, 0, .4);
		    color: #fff;
		    padding: 15px;
		}
		
		 .teacherRecommendations .item .nameBox p {
		    margin: 0;
		    width: 100%;
		    font-size: 20px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		
		 .teacherRecommendations .item .nameBox span {
		    display: block;
		    font-size: 15px;
		    width: 320px;
		    margin-top: 5px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		
		.content {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -ms-flex-direction: column;
		    flex-direction: column;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center;
		}
		
		.content img {
		    width: 350px;
		    height: 350px;
			border-radius: 50%;
			border: 1px solid firebrick;
		}
		
		.content h4 {
		    margin: 10px 0;
		    font-size: 24px;
		    color: #333;
		    line-height: 33px;
		    letter-spacing: 2px;
		}
		
		.logo_name {
			margin-left: 75px;
			line-height: 60px;
			font-size: 35px;
			font-weight: 500;
		}
		
		
		
		.support .supTop[data-v-052e2fcc], .support[data-v-052e2fcc] {
		    height: -webkit-fit-content;
		    height: -moz-fit-content;
		    height: fit-content;
		}
		.support[data-v-052e2fcc] {
		    width: 46px;
		    background: linear-gradient(225deg, #c87af9, #2529ef);
		    -webkit-box-shadow: 0 2px 9px 1px rgba(88, 76, 224, .5);
		    box-shadow: 0 2px 9px 1px rgba(88, 76, 224, .5);
		    border-radius: 7px;
		    position: fixed;
		    top: 680px;
		    right: 12px;
		    z-index: 10000;
		    cursor: pointer;
		    text-align: center;
		    padding-left: 7px;
		    padding-right: 7px;
		}
		
		.support .supTop[data-v-052e2fcc] {
		    width: 100%;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex
		;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    justify-content: center;
		    overflow: hidden;
		    padding-top: 12px;
		    padding-bottom: 12px;
		    border-bottom: 1px solid #eee;
		}
		
		.support p[data-v-052e2fcc] {
		    margin: 0;
		    font-size: 12px !important;
		    color: #fff;
		}
		
		
		
		
		
		
		
		
		.top {
		    height: 18px;
		    font-size: 16px;
		    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
		    font-weight: 400;
		    margin: 20px 0;
		    color: #333;
		}
		
		.courseInfo, .courseInfo .avatur {
		    border-radius: 6px 6px 6px 6px;
		    opacity: 1;
			display: flex;
		}
		
		.courseInfo .avatur {
		    width: 250px;
		    height: 250px;
		    margin-right: 20px;
		}
		.courseInfo, .courseInfo .avatur {
		    border-radius: 6px 6px 6px 6px;
		    opacity: 1;
		}
		
		.courseInfo .avatur img {
		    width: 100%;
		    height: 100%;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail {
		    -webkit-box-flex: 1;
		    -ms-flex: 1;
		    flex: 1;
			width: 45%;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .coursetop {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex
		;
		    -webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
		    font-size: 24px;
		    font-family: PingFangSC-Medium, PingFang SC;
		    font-weight: 500;
		    color: #333;
		    line-height: 33px;
		    margin-bottom: 33px;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .coursetop .courseTil {
		    width: 480px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .coursetop .courseicon {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex
		;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .coursetop .courseicon .share {
		    width: 32px;
		    height: 21px;
		    font-size: 16px;
		    font-family: PingFangSC-Regular-, PingFangSC-Regular;
		    font-weight: 400;
		    color: #333;
		    line-height: 21px;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .coursetop .courseicon .iconfont {
		    font-size: 24px;
		    line-height: 24px;
		    display: inline-block;
		    width: 26px;
		    height: 26px;
		    color: #fff;
		    margin-left: 10px;
		    cursor: pointer;
		}
		.iconfont[data-v-7597e2b6] {
		    font-family: iconfont !important;
		    font-size: 16px;
		    font-style: normal;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .coursetop .courseicon .iconfont {
		    font-size: 24px;
		    line-height: 24px;
		    display: inline-block;
		    width: 26px;
		    height: 26px;
		    color: #fff;
		    margin-left: 10px;
		    cursor: pointer;
		}
		.iconfont[data-v-7597e2b6] {
		    font-family: iconfont !important;
		    font-size: 16px;
		    font-style: normal;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .course-hour, .courseInfo .courseDetail .teacher {
		    height: 16px;
		    font-size: 16px;
		    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
		    font-weight: 400;
		    color: #666;
		    line-height: 0;
		}
		.courseInfo .courseDetail .teacher {
		    margin-bottom: 12px;
		}
		
		.courseInfo .courseDetail .course-hour {
		    margin-bottom: 70px;
		}
		.courseInfo .courseDetail .static {
		   /* width: 640px; */
		    height: 104px;
		    background: #f8f9fb;
		    border-radius: 6px 6px 6px 6px;
		    opacity: 1;
		    padding: 24px 19px 24px 32px;
		    -webkit-box-sizing: border-box;
		    box-sizing: border-box;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex
		;
		}
		*, :after, :before {
		    -webkit-box-sizing: inherit;
		    box-sizing: inherit;
		}
		
		.courseInfo .courseDetail .static>div {
		    width: 200px;
		    text-align: center;
		}
		
		.courseInfo .courseDetail .static>div .number {
		    font-size: 30px;
		    font-family: Arial-Regular, Arial;
		    font-weight: 400;
		    color: #456bea;
		}
		
		.courseInfo .courseDetail .static>div .name {
		    font-size: 14px;
		    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
		    font-weight: 400;
		    color: #666;
		    text-align: center;
		}
		
		.layui-carousel {
			top: 110px;
		}