<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> /*班级套餐*/
        .liveContent .combo {
            /*background: url(https://www.32xueyuan.com/static/edu/images/combo-bg.png) -9px -7px no-repeat;*/
            background-size: 402px 256px;
            /*background-color: transparent;*/
            background-color: #FFFFFF;
            border: none;
            box-shadow: -4px 7px 7px -7px rgba(0,0,0,.2);
        }
        .liveContent .combo:hover {
            box-shadow: none;
        }
		.liveContent li {
			height: auto;
			float: left;
			width: 384px;
			margin-right: 24px;
			/*border: 1px solid #fff;*/
			position: relative;
			background: #fff;
            /*box-shadow: rgba(0,0,0,.1) 0 0 10px;*/
            /*box-shadow: 0px 0px 12px 0px rgba(16,60,231,0.1);*/
            box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.06);
			-webkit-transition: box-shadow 0.5s;
			-moz-transition: box-shadow 0.5s;
			-ms-transition: box-shadow 0.5s;
			-o-transition: box-shadow 0.5s;
			transition: box-shadow 0.5s;
            border-radius: 10px;
		}
		ul.liveContent{
			padding:0;
			background-color:transparent;
		}
        .live-info{
            padding:0 11px 20px 23px;
            font-size: 14px;
        }
		.live-info .live-title{
            user-select: text; /* 允许用户选择文本 */
            cursor: text; /* 鼠标悬停时显示文本光标 */
			font-size: 18px;
			color: #333333;
			margin-bottom: 17px;
			overflow: hidden;
			text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
            font-weight: bold;
            cursor: pointer;
		}
        .live-info .live-info-content {
            margin-bottom: 0;
            height: 111px;
            overflow: hidden;
        }
        .live-info .live-label {
            display: flex;
            font-size: 12px;
            margin-bottom: 17px;
            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: #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: 1px solid #F1F1F1;
            color: #999999;
            margin-right: 12px;
            margin-bottom: 10px;
            height: 28px;
            line-height: 26px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 160px;
            position: relative;
        }
        .combo .class-item {
            padding: 0 22px 0 7px;
        }
        .combo .combo-info {
            width: 21px;
            height: 19px;
            line-height: 19px;
            font-size: 12px;
            color: #fff;
            background: url("https://www.32xueyuan.com/static/edu/images/combo-icon.png") center center no-repeat;
            background-size: cover;
            text-align: center;
            position: absolute;
            right: 2px;
            top: 4px;
        }
        .live-bottom {
            border-top: 1px solid #f1f1f1;
            height: 54px;
            display: flex;
            justify-content: flex-end;
            line-height: 53px;
            padding-right: 21px;
            overflow: hidden;
            font-weight: bold;
            font-size: 20px;
            color: #EF4023;
        }
        .live-bottom span:first-child {
            font-size: 16px;
        }
		.liveDetail{
			display: block;
			padding: 15px 0 0;
		}
		.live-list-img{
			width: 332px;
			height: 186px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 332px 186px;
			-webkit-transition: background-size 0.5s;
			-moz-transition: background-size 0.5s;
			-ms-transition: background-size 0.5s;
			-o-transition: background-size 0.5s;
			transition: background-size 0.5s;
			position: relative;
		}
        .liveContent li a:hover,
        .liveContent li a:visited,
        .liveContent li a:active,
        .liveContent li a:link{
            text-decoration: none;
        }
		.liveContent li:nth-child(4n){
			margin-right:24px;
		}
		.liveContent li:nth-child(3n){
			margin-right:0;
		}
		.liveContent li:hover .live-list-img{
			background-size: 332px 186px;
		}
        .class-row .search-item-list{
            width: 1068px;
            display: flex;
            justify-content: space-evenly;
            margin: 0;
        }
		#search-item-param .search-item-list.query-child-list&gt;li&gt;a{
			font-size:12px;
		}
		.search-item-list.query-child-list&gt;li{
			margin:0;
            text-decoration: none;

		}
		.search-item-list.query-child-list&gt;li:first-child{
			padding-left:0;
		}
		#search-item-param ul.search-item-list &gt; li &gt; a{
			padding: 0 10px;
		}
		#search-item-param ul.search-item-list &gt; li.active &gt; a{
			/*background-color: #00a0ff;*/
            color: #E1251B;
            font-weight: bold;
		}
		#search-item-param ul.search-item-list.query-child-list &gt; li.active &gt; a{
            color: #E1251B;
		}
		ul#search-item-param a, ul#search-item-param .search-list-height, #search-item-param span{
			margin-bottom:14px;
		}

		/*顶部筛选模块*/
		#search-item-param li {
			display: block;
		}

        .liveTabList-wrapper {
            padding-left: 0;
            margin-bottom: 0;
            background: transparent;
        }
        .liveTabList-wrapper li {
            margin-right: 40px;
        }
        .liveTabList-wrapper li.active {
            /*background: #e5f8ff;*/
            background: #F4F4F4;
            color: #333333;
            font-weight: bold;
            padding: 2px 8px;
            text-align: center;
            border-radius: 4px 4px 4px 4px;
        }
        .liveTabList-wrapper a {
            font-size: 16px;
            padding: 0;
            font-weight: normal!important;
            text-decoration: none;
        }

        .class-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(0,0,0,0.15);
            border-radius: 12px 12px 12px 12px;
        }
        .class-province {
            color: #000000;
            display: flex;
            font-size: 20px;
            height: 40px;
            width: 100px;
            cursor: pointer;
            align-items: center;
            margin-right: 15px;
        }
        .class-province img {
            width: 18px;
            height: 22px;
            margin-right: 11px;
        }
        .class-row .search-item-list-first a {
            font-size: 18px!important;
            color: #515151;
            padding: 0 6px;
            text-align: center;
            display: inline-block;
            text-decoration: none;
        }
        .class-row .search-item-list-first li.active a {
            /*color: #103CE7!important;*/
            /*background-color: #00aaee;*/
            border-radius: 4px;
            font-weight: bold;
        }
         .class-row .search-item-list-first li:hover a {
             /*color: #103CE7!important;*/
             color: #333333;
             font-weight: bold;
         }
        .class-row .search-item-list-first .gwy {
            width: 75px;
        }
        .search-item-list-first li{
            margin-right:10px;
        }
        /*选择省份弹窗*/
        .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;
        }
        .mask .mask-content {
            background-color: #f2f6fa;
        }
        .mask .province-header .province-title {
            font-size: 22px;
            display: flex;
            align-items: center;
            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;
            margin-left: 10px;
        }
        .mask .province-content {
            width: 800px;
            background-color: #fff;
        }
        .mask .change-province {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            padding: 31px 44px 10px;
            margin: 0;
        }
        .change-province li {
            float: none;
            width: 86px;
            height: 41px;
            align-items: center;
            line-height: 41px;
            border: solid 1px #e8e8e8;
            margin:0 16px 30px 0;
            cursor: pointer;
            color: #515151;
            font-size: 14px;
            background: #fff;
            position: relative;
        }
        .change-province li:nth-child(7n) {
            /*margin-right: 0;*/
        }
        .change-province li:hover,
        .change-province li.active{
            /*border: 1px solid #29a1f7;*/
            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:hover div,
        .change-province li.active div{
            /*color: #00a0ff;*/

            background: rgba(16,60,231,0.1);
            color: #E1251B;
        }
        .change-province li a {
            font-size: 16px;
        }
        .confirm-province {
            border-radius: 2px;
            text-align: center;
            line-height: 42px;
            color: #fff;
            font-size: 14px;
            margin: 18px auto;
            cursor: pointer;
            display: block !important;
            width: 144px;
            height: 42px;
            background: #E1251B;

        }
        .confirm-province:hover,
        .confirm-province:focus,
        .confirm-province:visited {
            text-decoration: none;
            color: #fff;
        }
        .search-list-height {
            float: none!important;
        }

        /*.fav-area-list {*/
        /*    color: #898989;*/
        /*    font-size: 14px;*/
        /*    border-top: 1px dashed #b9b9b9;*/
        /*    padding-top: 15px;*/
        /*    padding-bottom: 20px;*/
        /*    margin-top: -5px;*/
        /*    display: flex;*/
        /*    flex-wrap: wrap;*/
        /*}*/
        /*.fav-area-list .devide {*/
        /*    margin:  0 10px!important;*/
        /*}*/
        /*.fav-area-list .active {*/
        /*    color: #00aaee;*/
        /*    border-bottom: 1px solid #00aaee;*/
        /*}*/
        .fav-area-list .class-city-item {
            float: none;
            margin-bottom: 10px!important;
            cursor: pointer;
        }
        .fav-area-list .class-city-item:hover {
            color: #00aaee;
        }

        /*班级搜索*/
        .live-search {
            width: 100%;
            height: 196px;
            background: url("/static/edu/images/u-center/u-center-new2024/classPack-bg.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;

     }
     .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;
        }
        .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 .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;
     }
        .search-item-list {
            margin: 0;
        }
     ul.liveTabList-wrapper &gt; li.active a {
         /*color: #E1251B;*/
         color: #333333;
         font-weight: bold;
     }
     ul.liveTabList-wrapper &gt; li:hover a {
         /*color: #E1251B;*/
         color:#333333;
         text-decoration: none;
         font-weight: bold;
     }
     .side-bar{
         display: none;
     }

 .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;
 }
 .city-selector-classPack {
     display: none;
     position: absolute;
     padding: 8px;
     z-index: 1001;
     left: 100%;
     top: 0;
     width: 200px;
     height: 236px;
     background: #FFFFFF;
     border-radius: 4px;
     overflow-y: auto; /* 添加竖向滚动 */
     box-shadow: 0px 0px 12px 0px rgba(16, 60, 231, 0.1)
 }
 .city-selector-classPack::-webkit-scrollbar{
     display: none;
 }

.fav-area-list &gt; li {
     /* display: inline-block; */
     /* vertical-align: middle; */
     /* cursor: pointer; */
     font-size: 14px;
     height: 32px;
     margin: 1px 0;
     background: #FFFFFF;
     border-radius: 3px 3px 3px 3px;
     font-weight: 400;
     font-size: 16px;
     padding-left: 12px;
     line-height: 32px;
     color: #333333;
 }
.fav-province-list &gt; li:hover, .fav-province-list &gt; li.active {
    background: #F4F4F4;
    color: #333333 !important;
 }

.fav-area-list &gt; li:hover, .fav-area-list &gt; li.active {
     background: #FFFBFB;
     color: #333333;
 }
</pre></body></html>