#jesong_chat_min {
			z-index: 9;
		}
		.live-row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 1146px;
			margin: 0 auto!important;
			line-height: 28px;
			/*padding: 15px;*/
			padding:16px 27px;
			background: #fff;
			/*box-shadow: 0px 1px 2px 0px rgba(16,60,231,0.15);*/
			box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
			border-radius: 12px 12px 12px 12px;
		}
		.live-row .province {
			color: #000000;
			/*margin-right: 60px;*/
			display: flex;
			font-size: 20px;
			height: 40px;
			width: 100px;
			/*padding: 0 8px;*/
			cursor: pointer;
			align-items: center;
		}
		.live-row .province .location {
			width: 18px;
			height: 22px;
			margin-right:11px;
		}
		.live-row li {
			margin-right: 20px;
		}
		.live-row a {
			margin-bottom: 0;
			text-underline-position: under;

			font-size: 18px!important;
			color: #666666;
			padding: 0 6px;
			text-align: center;
			display: inline-block;
			/*padding-bottom: 5px;*/
			/*display: flex;*/
			/*width: 92px;*/
		}
		.live-row a.gwy {
			width: 75px;
		}
		.live-row .search-item-list {
			/*height: 28px;*/
			width: 1068px;
			display: flex;
			justify-content: space-evenly;
			margin: 0;
		}
		.live-row .active a,
		.live-row .search-item-list a:hover {
			color: #333333!important;
			/*background-color: #00aaee;*/
			font-size: 20px;
			border-radius: 4px;
			/*border-bottom: 2px solid #00a0ff;*/
			/*height: 30px;*/
			font-weight: bold;

			text-decoration: none;
		}
		.live-row .active a{
			font-weight: bold;
		}
		.nav-border {
			display: none;
			width: 20px;
			height: 38px;
			border-bottom: 2px solid #00a0ff;
			margin-left: -50%;
		}
		.live-row .active .nav-border,
		.live-row .search-item-list a:hover .nav-border {
			display: inline-block;
		}
		/*选择省份弹窗*/
		.mask {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: rgba(0,0,0,0.5);
			justify-content: center;
			align-items: center;
			z-index: 999;
			display: none;
		}
		.close-mask {
			cursor: pointer;
			font-size: 30px;
			color: #999;
			height: 28px;
			line-height: 28px;
		}
		.mask .province-header .province-title {
			font-size: 22px;
			display: flex;
			justify-content:space-between;
			padding: 17px 35px 17px 44px;
			border-bottom: 1px solid #e8e8e8;
		}
		.province-title li::before {
			content: "";
			display: inline-block;
			vertical-align: middle;
			background: url("https://www.32xueyuan.com/static/edu/images/location2.png") center center no-repeat;
			background-size: 18px 27px;
			margin-right: 5px;
			width: 18px;
			height: 27px;
			margin-top: -3px;
		}
		.mask .province-header .province-tips {
			font-size: 16px;
			color: #999;
			padding: 10px;
		}
		.mask .province-content {
			width: 800px;
			/*height: 535px;*/
			background-color: #fff;
		}

		.mask .change-province {
			display: flex;
			flex-wrap: wrap;
			padding: 31px 44px 10px;
			margin: 0;
			background: #f2f6fa;
		}
		/* 省份选择器*/
		.region-selector-classPack {
			display: none;
			position: absolute;
			padding: 8px;
			z-index: 1000;
			width: 200px;
			height: 236px;
			background: #FFFFFF;
			border-radius: 4px;
			overflow-y: auto; /* 添加竖向滚动 */
			box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.06)
		}
		.region-selector-classPack::-webkit-scrollbar {
			display: none;
		}
		.fav-province-list > li:hover,
		.fav-province-list > li.active {
			background: #FAFAFA;
			color: #333333 !important;
		}
		.change-province li {
			float: none;
			width: 86px;
			height: 41px;
			align-items: center;
			line-height: 41px;
			border: 1px solid #e8e8e8;
			margin: 0 16px 30px 0;
			cursor: pointer;
			background-color: #fff;
			position: relative;
		}
		.change-province li:nth-child(7n) {
			/*margin-right: 0;*/
		}
		.change-province li:hover,
		.change-province li.active{
			/*border: 1px solid #E1251B;*/
			background: rgba(16,60,231,0.1);
			color: #E1251B;
		}
		.change-province li:hover div,
		.change-province li.active div{
			/*color: #00a0ff;*/
			background: rgba(16,60,231,0.1);
			color: #E1251B;
		}
		.change-province li.active:after {
			/*content: '';*/
			/*display: inline-block;*/
			/*background: url("https://www.32xueyuan.com/static/edu/images/province-active.png") center center no-repeat;*/
			/*background-size: 27px 27px;*/
			/*width: 27px;*/
			/*height: 27px;*/
			/*position: absolute;*/
			/*right: 0;*/
			/*bottom: 0;*/
		}
		.change-province li a {
			font-size: 16px;
		}
		.confirm-province {
			width: 144px;
			height: 42px;
			/*background-color: #00aaee;*/
			background: #E1251B;
			border-radius: 2px;
			text-align: center;
			line-height: 42px;
			color: #fff;
			font-size: 14px;
			margin: 18px auto;
			cursor: pointer;
			display: block!important;
		}
		.confirm-province:hover,
		.confirm-province:focus,
		.confirm-province:visited {
			text-decoration: none;
			color: #ffffff;
		}
		.search-list-height {
			float: none!important;
		}

		/*价格筛选行*/
		.price-row {
			padding: 14px 0;
			margin-left: 0;
		}
		.price-row li {
			padding: 2px 8px!important;
			border-radius: 5px;
		}
		.price-row a {
			margin-bottom: 0!important;
            font-size: 16px!important;
			text-decoration: none;
		}

		.price-row .active {
			background: #F4F4F4;
			/*border: 1px solid #00aaee;*/
			/*background: rgba(16, 60, 231, 0.15);*/
			text-decoration: none;
			border-radius: 4px 4px 4px 4px;
		}
		.price-row .active a {
			color: #333333!important;
			font-weight: bold;
		}
		.price-row.search-right-list a{
			font-size: 14px!important;
		}

		#second-subject-search {
			padding-bottom: 0;
			line-height: 28px;
			padding-top: 10px;
			display: none;
		}
		#second-subject-search .searchItem {
			margin-right: 15px;
		}
		#second-subject-search .searchItem:hover a{
			text-decoration: none;
			color: #333333;
			font-weight: bold;
		}


		/*网课列表*/
		.live-info {
			padding: 11px 0 0;
			background: #FFFFFF;
			/*box-shadow: 0px 0px 12px 0px rgba(16,60,231,0.1);*/
			border-radius: 12px 12px 12px 12px;
		}
        .live-info .live-header {
            margin-bottom: 10px;
        }
		.live-info .live-title {
			display: flex;
			margin-bottom: 0;
			padding: 0 22px;
			cursor: pointer;
		}
		.live-info .live-title p {
			font-size: 18px;
			line-height: 20px;
			overflow: hidden;
			margin-bottom: 12px;
			white-space: nowrap;
    		text-overflow: ellipsis;
			color: #333333;
			font-weight: bold;
		}
		.liveContent {
			/*background-color: #eceef0!important;*/
			padding: 0!important;
		}
		.liveContent li {
			width: 384px;
			height: 261px;
			margin-right: 24px;
			margin-bottom: 25px;
			border-radius: 10px;
			box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.06);
            /*box-shadow: rgba(0,0,0,.1) 0 0 10px;*/
			/*box-shadow: 0px 0px 12px 0px rgba(16,60,231,0.1);*/
		}
        .liveContent li a:hover,
        .liveContent li a:visited,
        .liveContent li a:active,
        .liveContent li a:link{
            text-decoration: none;
        }
		.try-video {
			width: 42px;
			height: 58px;
			margin-right: 5px;
			margin-top: -3px;
			position: absolute;
			right: -10px;
			top: -7px;
		}

		.live-teacher-list {
			/*width: 100%;*/
			height: 84px;
			display: flex;
			overflow: hidden;
			border-bottom: 1px solid #f1f1f1;
			margin-bottom: 0!important;
			flex-wrap: wrap;
			padding-bottom: 5px;
            margin-left: 20px;
            margin-right: 20px;
		}
		.teacher-item {
			width: 50px;
			margin-right: 15px;
			text-align: center;
			margin-bottom: 30px;
		}
		.teacher-pic {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			overflow: hidden;
			margin: 0 auto 5px;
			border: solid 1px #ddd;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.teacher-pic img {
			height: 100%;
		}
		.teacher-name {
			font-weight: 400;
			font-size: 12px;
			color: #999999;
		}
		.live-label {
			color: #00AAEE;
			padding: 2px 22px;
			font-size: 12px;
			margin-right: 10px;
		}
		.arrow-right {
			width: 0;
			height: 0;
			border-width: 6px 0 6px 8px;
			border-style: solid;
			border-color: transparent transparent transparent #c9c9c9;
			margin-right: 5px;
		}
		.live-detail {
			display: flex;
			align-items: center;
			margin-bottom: 13px!important;
			padding: 0 12px 0 22px;
			font-size: 14px;
			color: #666666;
		}
		.live-detail span {
			margin-right: 4px!important;
			color: #999;
		}
		.live-item-footer {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 60px;
			margin-bottom: 0!important;
			padding: 0 22px;
		}
		.live-item-footer .has-buy {
			color: #818a92;
			font-size: 14px;
		}

        /*网课搜索*/
        .live-search {
            width: 100%;
            height: 196px;
            background: url("/static/edu/images/u-center/u-center-new2024/Slice 51.png") center center no-repeat;
            background-size: cover;
			margin-bottom: -36px;
        }
        .live-search .search-content {
            width: 1200px;
            margin: 0 auto;
            /*display: flex;*/
            /*justify-content: space-between;*/
            /*align-items: center;*/
            height: 100%;
			padding-top: 74px;
			/*cursor: pointer;*/
        }
		.live-search .search-content-section{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.live-search .content-title{
			font-weight: 400;
			font-size: 36px;
			color: rgba(255,255,255,0.8);
			cursor: pointer;
			text-decoration: none;
		}
		.live-search .content-title:hover{
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
		}
		.live-search .content-title.active{
			font-weight: bold;
			color: #FFFFFF;
		}
        .live-search .search-info {
            width: 640px;
			/*height: 18px;*/
			/*margin-top: 36px;*/
        }
		.live-search .live-appointment {
			background: url("https://www.32xueyuan.com/static/edu/images/appointment-bg.png") center center no-repeat;
			background-size: 388px 212px;
			width: 388px;
			height: 212px;
		}
		.live-search .appointment-title {
			letter-spacing: 2px;
			color: #afc0d5;
			font-size: 14px;
			padding: 8px 0 8px 32px;
		}
		.live-search .appointment-title span {
			color: #549bde;
			font-size: 12px;
		}
		.live-search .appointment-row {
			color: #fff;
			display: flex;
			padding-left: 25px;
			padding-top: 10px;
			font-size: 14px;
			width: 316px;
		}
		.live-search .appointment-time {
			width: 100px;
		}
		.live-search .appointment-detail {
			flex: 1.0;
            cursor: pointer;
            color: #fff;
            -webkit-line-clamp: 2;
            flex-grow: 1;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
		}
        .live-search .appointment-detail:before {
            content: '';
            vertical-align: middle;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #fff;
            margin-right: 5px;
            display: inline-block;
            margin-top: -1px;
        }
        .live-search .appointment-detail:hover {
            color: #fff;
        }
		.live-search .search-module{
			width: 270px;
			height: 36px;
		}
        .live-search .search-row {
            display: flex;
			/*margin-top: 10px;*/
        }
        .live-search .recommend-content {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            margin-top: 20px;
            max-height: 90px;
            overflow: hidden;
        }
        .live-search .recommend-item {
            color: #afc0d5;
            font-size: 14px;
            margin-right: 30px;
            margin-bottom: 10px;
        }
        .live-search .recommend-item:hover {
            color: #afc0d5;
        }
        .live-search .search-input {
            /*width: 260px;*/
			height: 36px;
            border-radius: 4px 0 0 4px;
            color: #555555;
            font-size: 16px;
            border: none;
            padding: 0 10px;
			line-height: 36px;
        }
	  .live-search .search-input::placeholder {
			color: #999999; /* 设置你想要的颜色 */
		}

			/* 为了兼容不同浏览器，建议添加以下前缀 */
		.live-search .search-input::-webkit-input-placeholder { /* Chrome/Safari/Opera */
				color: #999999;
			}
		.live-search .search-input::-moz-placeholder { /* Firefox */
				color: #999999;
			}
		.live-search .search-input:-ms-input-placeholder { /* IE/Edge */
				color: #999999;
			}
        .live-search .live-search-btn {
            width: 47px;
			height: 36px;
            background-color: #FFFFFF;
            border-radius: 0px 4px 4px 0px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        .live-search .live-search-btn img {
            width: 18px;
            height: 18px;
        }

         .live-info .live-info-content {
            margin-bottom: 0;
            height: 111px;
            overflow: hidden;
        }
        .live-info .live-label {
            display: flex;
			font-size: 12px;
            margin-bottom: 12px;
            flex-wrap: wrap;
        }
        .live-info .live-label-item {
            border-radius: 3px;
            padding: 5px 8px;
            margin-right: 10px;
        }
        .live-info .lable1 {
			background: #FFFBFB;
            color: #0052D9;
        }
        .live-info .lable2 {
			background-color: #E3F9E9;
			color: #2BA471;
        }
        .live-info .lable3 {
			background: #F3F3F3;
			color: rgba(0,0,0,0.9);
        }
        .live-info .live-class {
            display: flex;
            flex-wrap: wrap;
        }
        .live-info .class-item {
            padding: 0 7px;
            background-color: #ffffff;
            border-radius: 2px;
            border: solid 1px #c7d1da;
            color: #818a92;
            margin-right: 12px;
            margin-bottom: 10px;
            height: 28px;
            line-height: 26px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 160px;
        }
	.custom-select {
		/*width: 200px;*/
		cursor: pointer;
		width: 100px;
		padding: 10px;
		font-size: 16px;
		border: 1px solid #F7FAFF;
		border-radius: 4px;
		color: #333333;
		appearance: none; /* 去除默认样式（部分浏览器支持） */
		-webkit-appearance: none; /* Safari and Chrome */
		-moz-appearance: none; /* Firefox */
		background: none;
		/*background: url('data:image/svg+xml;base64,...') no-repeat right 10px center; !* 这里应该放置一个base64编码的对号图标，但为了简化，我们省略了它 *!*/
		background-size: 20px 20px;
	}
	.custom-select:focus,
	.custom-select:valid {
		border: 1px solid #F7FAFF;
		outline: none; /* 去除默认聚焦轮廓 */
	}
	.custom-select option{
		width: 153px;
		border: 1px solid #F7FAFF;
	}
	.custom-select option:checked {
		background-color: #FFFBFB;
		color: #E1251B;
	}
	.custom-select option{
		width: 153px;
		border: 1px solid #F7FAFF;
	}
	.custom-select option:hover {
		background-color: #FFFBFB;
		color: #E1251B;
	}

	.search-item-list-type{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 200px;
		padding-left: 100px;
	}
	#search-item-param{
		display: flex;
		padding: 24px 0;
		justify-content: space-between;
	}
	.search-item-type{
		display: flex;
		align-items: center;
		position: relative;
	}

	.side-bar {
		display: none;
	}
	.side-bar-course-list {
		/*position: absolute;*/
		position: fixed;
		top: 360px;
		right: 67px;
		/*bottom: 50px;*/
		width: 185px;
		/*box-shadow: -2px 0 6px rgba(0,0,0,0.2);*/
		/*height: 450px;*/
		/*background:url("/static/edu/images/u-center/u-center-new2024/Slice 54.png") center no-repeat;*/
		/*height: 361px;*/
		/*background:url("/static/edu/images/u-center/u-center-new2024/Slice 54(1).png") center no-repeat;*/
		/*height: 275px;*/
		/*background:url("/static/edu/images/u-center/u-center-new2024/Slice 54(2).png") center no-repeat;*/
		transition: right .5s;
	}
	.bar-course-bg1{
		height: 275px;
		background:url("/static/edu/images/u-center/u-center-new2024/Slice 54(2).png") center no-repeat;
	}
	.bar-course-bg2{
		height: 361px;
		background:url("/static/edu/images/u-center/u-center-new2024/Slice 54(1).png") center no-repeat;
	}
	.bar-course-bg3{
		height: 450px;
		background:url("/static/edu/images/u-center/u-center-new2024/Slice 54.png") center no-repeat;
	}
	.side-bar-course-list .tel-box {
		display: none;
		position: absolute;
		right: 80px;
		top: 91px;
	}

	.side-bar-course-list .app-box {
		display: none;
		position: absolute;
		right: 80px;
		top: 64px;
	}
	.side-bar-course-list .live-appointment{
		margin: 172px 18px 0px 18px;

	}
	.appointment-row{
		background: url("/static/edu/images/u-center/u-center-new2024/Slice 56.png") center no-repeat;
		font-size: 14px;
		color: #6A77AA;
		line-height: 21px;
		padding: 7px;
		margin-bottom: 8px;
		/*width: 147px;*/
		/*height: 81px;*/
	}
	.appointment-time{
		font-weight: 500;
		font-size: 14px;
		color: #E1251B;
		line-height: 14px;
		margin-bottom: 8px;
		display: flex;
		align-items: center;
	}
	.appointment-detail {
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 限制显示的行数 */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis; /* 省略号 */
		white-space: normal; /* 允许文本换行 */
		font-weight: 400;
		font-size: 14px;
		color: #6A77AA;
		text-decoration: none;
	}
