body{font-family: "SF Compact Display","PingFang SC","Helvetica","Source Han Sans-Regular","Microsoft YaHei","Arial";}
.page{font-size:12px;  padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span{
padding:5px 10px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#c59100;
color: #ffffff;
font-weight:bold;
}
.page .current a{color:#ffffff}
.page a {text-decoration:none}
.page span:hover{
border:1px #333333 solid;
background:#c59100;
text-decoration:none;
}
a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #c59100;
}

ul{list-style: none;margin-bottom: 0;padding-left: 0;}

.btn.btn-sm{font-size: 12px;color: #FFFFFF;font-weight: 500;padding: 4px 13px;border-radius: 2px;}
.btn.btn-outline-secondary{color: #6c757d;}
.btn.btn-outline-secondary:hover{color: white;}
.btn-danger{color: white;background-color: #FF2933;border-color: #FF2933;}
.btn-warning{color: white;background-color: #FF8E3B;border-color: #FF8E3B;}
.btn-danger:hover{background-color: #E30000;border-color:#E30000; }
.btn-warning:hover{background-color: #E66100;border-color: #E66100;}
.form-check-input:checked{border-color:#FF2933;background-color:#FF2933; }
.text-danger{color: #FF2933!important;}
.jsb-label{display: inline-block;border-radius: 2px;height: 20px;line-height: 20px; padding: 0 4px;margin: 0 2px;font-size: 12px;font-weight: 400;}
.jsb-label.label-danger{background: #FAEEEF;color: #FF2933;border-radius: 10px;border: 1px solid #ffa39e;line-height: 19px;padding: 0 10px;}
.jsb-label.label-warning{background: #FFF1E6;color: #FF8E3B;border-radius: 10px;border: 1px solid #ffd591;line-height: 19px;padding: 0 10px;}
.jsb-label.label-grey{background: #F6F6F8;color: #999999;}
.jsb-label.label-grey a{color: #999;}
.jsb-label.label-grey a:hover{color: #FF2932;}
.jsb-icon{display: inline-block;height: 20px;background-position: left center;background-repeat: no-repeat;padding-left: 22px;}
.jsb-icon.icon-chat{background-image: url('../image/icon-chat.png');background-position: 0 2px;}
.jsb-icon.icon-video{background-image: url('../image/icon-video.png');}
.dropdown-box .dropdown-toggle::after{border: 0;content: ''; mask: url('../image/down.svg');-webkit-mask: url('../image/down.svg');font-size: 12px;position: absolute;right: 0;top: 8px;transition: transform .35s ease;transform-origin: .5em 50%;height: 12px;width: 12px;background-color: #666;}
.dropdown-box .dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
  background-color: #FF2933;
}
.dropdown-box .dropdown-toggle.show{color: #FF2933;}
.dropdown-box .dropdown-menu{background: #FFFFFF;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);border-radius: 8px;border: 0;z-index: 2000;}
.dropdown-box .dropdown-menu .dropdown-item{padding: 2px 14px;height:30px;line-height:30px; }
.dropdown-box .dropdown-menu .dropdown-item:hover{color: #FF2933;}
.top-site-nav{width: 450px;right: 0}
.top-site-nav dt{font-size: 14px;}
.top-site-nav dd{margin-bottom: 0;line-height: 30px;}

.hd_shortcut{height: 40px;line-height: 40px; width: 100%;min-width: 1200px;background: #383838;}
.w{width: 1200px;margin: 0 auto;}
.hd_shortcut a{color: #ffffff;font-size: 12px;text-decoration: none;}
.hd_shortcut a:hover{color: #c59100;}
.hd_shortcut .user-login{line-height: 43px;}
.hd_shortcut .user-login a:hover{color: #c59100;}
.welcome a{margin-right: 20px;}


.site-logo{margin: 20px 0;}
.top-search{margin-top: 32px;}
.top-search-box{width: 480px;height: 44px;background: #FFFFFF;border: 1px solid #FF2933;border-radius: 4px;}
.top-search-box .dropdown-box{padding-left: 20px;margin-top: 7px;height: 28px; border-right: 1px solid #D8D8D8; padding-right: 16px;}
.top-search-box a.btn-link{color: #3D3D3D;font-size: 12px;text-decoration: none;padding: 0;padding-right: 15px;line-height: 28px;}
.top-search-box .search-item{width: 100px;min-width: 100px;}
.top-search-box .search-item .dropdown-item{font-size: 12px;}
.top-search-box .search-item .dropdown-item:focus{background-color: white;}
.top-search-box input{height: 42px;line-height: 42px;width: 260px; border: 0;outline: none;}
.top-search-box input::-webkit-search-cancel-button{-webkit-appearance: none;width: 16px;height: 16px;background: url('../image/close.png') center no-repeat;background-size: 16px 16px; cursor: pointer;position: relative;}
.top-search-box input:focus{border: 0;outline: none;}
.top-search-box .associate{position: absolute;left: 0;top: 43px;background: #FFFFFF;border-radius: 0 0 4px 4px; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);width: 316px;padding: 12px;z-index: 1100;display: none;}
.top-search-box .associate ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.top-search-box .associate ul li{height: 28px;line-height: 28px;}
.top-search-box .associate ul li a{font-size: 14px;color: #666666;}
.top-search-box .associate ul li a:hover{color: #FF2933;}
.top-search-box button{font-size: 16px;font-weight: 500;line-height: 42px;height: 42px;width: 74px;text-align: center;border: 0;background-color: #c59100;color: white;border-top-right-radius: 4px;border-bottom-right-radius: 4px;margin-right: -1px;}
.top-search-hot{font-size: 12px;color: #666666;padding-top: 10px;}
.top-search-hot a{font-size: 12px;color: #666666;margin-right: 8px;}
.top-search-hot a:hover{color: #FF2933}
.top-search-min{margin-left: 30px;margin-top: 26px;width: 142px;height: 40px;}
.top-search-min-area{width: 142px;height: 40px;background: #FFFFFF;border-radius: 4px 4px 4px 4px;border: 1px solid #EEEEEE;position: relative;overflow: hidden;transition:width 0.2s;position: absolute;right: 0;}
.top-search-min-area input{height: 38px;line-height: 38px;width: 100px; border: 0;outline: none;padding-left: 10px;font-size: 14px;color: #999999;}
.top-search-min-area input::-webkit-search-cancel-button{-webkit-appearance: none;width: 16px;height: 16px;background: url('../image/close.png') center no-repeat;background-size: 16px 16px; cursor: pointer;position: relative;}
.top-search-min-area button{display: block;width: 20px;height: 20px;position:absolute;border: 0;right:12px;top:10px; mask: url('../image/search.svg');-webkit-mask: url('../image/search.svg');background-color: #333;}
.top-search-min-area.active{width: 280px;border: 1px solid #FF2933;}
.top-search-min-area.active button{background-color: #FF2933;}
.top-search-min-area.active input{width: 238px;color: #333;}

.top-myteacher{width: 120px;height: 36px;border-radius: 4px;border: 1px solid #666666;margin-top: 36px;padding-top: 7px;padding-left: 10px;font-size: 14px;}
.top-myteacher span{font-size: 14px;color: #666;display: inline-block;}
.top-myteacher i{display: block; mask: url('../image/myteacher.svg');-webkit-mask: url('../image/myteacher.svg');font-size: 16px;width: 16px;height: 16px;background-color: #666;margin-top: 2px}
.top-myteacher .number{position: absolute;top:-6px;right: -6px;border-radius: 8px 8px 8px 0;background-color: #FF2933;color: white;font-size: 12px;width: 16px;height: 16px;text-align: center;}
.top-myteacher:hover{color:#FF2933;border: 1px solid #FF2933; }
.top-myteacher:hover i{background-color: #FF2933}

.top-sevre{width: 120px;height: 44px;border-radius: 4px;margin-top: 32px;padding-top: 10px;padding-left: 10px;font-size: 14px;margin-left: 24px;}
.top-sevre span{font-size: 14px;color: #666;display:block;height: 20px;line-height: 20px;padding-top: 2px;padding-left: 4px;}
.top-sevre i{display:block;  mask: url('../image/denglu.svg');-webkit-mask: url('../image/denglu.svg');font-size: 16px;width: 20px;height: 20px;background-color: white;margin-top: 2px}
.top-sevre .number{position: absolute;top:-6px;right: -6px;border-radius: 8px 8px 8px 0;background-color: #FF2933;color: white;font-size: 12px;width: 16px;height: 16px;text-align: center;}
.top-sevre:hover{color:#FF2933;border: 1px solid #FF2933; }
.top-sevre:hover i{background-color: #FF2933}
.top-sevre:hover span{color: #FF2933}

.top-sevre1{width: 120px;height: 44px;border-radius: 4px;margin-top: 32px;padding-top: 10px;padding-left: 10px;font-size: 14px;margin-left: 24px;}
.top-sevre1 span{font-size: 14px;color: #666;display:block;height: 20px;line-height: 20px;padding-top: 2px;padding-left: 4px;}
.top-sevre1 i{display:block;  mask: url('../image/ruzhu.svg');-webkit-mask: url('../image/ruzhu.svg');font-size: 16px;width: 20px;height: 20px;background-color: white;margin-top: 2px}
.top-sevre1 .number{position: absolute;top:-6px;right: -6px;border-radius: 8px 8px 8px 0;background-color: #FF2933;color: white;font-size: 12px;width: 16px;height: 16px;text-align: center;}
.top-sevre1:hover{color:#FF2933;border: 1px solid #FF2933; }
.top-sevre1:hover i{background-color: #FF2933}
.top-sevre1:hover span{color: #FF2933}

.site-nav{height: 48px;}
.site-nav .site-nav-list {line-height: 48px;padding-left: 272px;}
.site-nav .site-nav-list a{color: #333333;font-size: 16px;font-weight: 400;margin-right: 36px;}
.site-nav .site-nav-list a.active,.site-nav .site-nav-list a:hover{color: #FF2933;}
.site-nav .site-nav-list a:last-child{margin-right: 0}
.site-nav.site-nav-min{margin-top: 24px;}
.site-nav.site-nav-min .site-nav-list{padding-left: 0;}
.site-nav.site-nav-min .site-nav-list a.active{position: relative;}
.site-nav.site-nav-min .site-nav-list a.active:after{display: block;position: absolute;bottom: -10px;left: 50%;margin-left: -12px;width: 24px;height: 4px;content: '';background: #FF2832;border-radius: 2px;}

.home-teacher-nav{position: absolute;left: 0;top: 0;z-index: 1000;width: 240px;height: 400px;background: #FFFFFF;box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;}
.home-teacher-nav.active{border-radius: 8px 8px 0px 8px;}
.home-teacher-nav .teacher-nav-title{width: 200px;height: 48px;line-height: 48px; font-weight: 700;font-size: 16px;color: #FF2933;text-align: center;border-bottom: 1px solid #EEEEEE;margin: 0 auto;}
.home-teacher-nav .domain-list{list-style: none;color: #666;margin-bottom: 0;padding:0px;margin-top: 5px;}
.home-teacher-nav .domain-list li{height: 33px;line-height: 33px;padding: 0 21px;}
.home-teacher-nav .domain-list li:hover,.home-teacher-nav .domain-list li.active{background: #FFE9EA;}
.home-teacher-nav .domain-list a.domain-parent{font-weight: 700;font-size: 14px;color: #3D3D3D;width: 70px;display: inline-block;}
.home-teacher-nav .domain-list a.domain-son{font-weight: 400;font-size: 12px;color: #666666;}
.home-teacher-nav .domain-list a:hover{color: #FF2933;}
.home-teacher-nav .teacher-nav-right{width: 640px;height: 353px; position: absolute;top: 47px;left: 240px;background:white url('../image/home-teacher-nav.png') top right no-repeat;padding: 24px 32px;border-radius: 0px 8px 8px 0px;display: none;}
.home-teacher-nav .teacher-nav-right .list_item{display: none;}
.home-teacher-nav .teacher-nav-right .list_item .list_itemtitle{font-size: 20px;font-weight: 500;color: #333;}
.home-teacher-nav .teacher-nav-right .list_item .list_itemtext{
	line-height: 24px;
	font-size: 12px;
	color: #666;
	text-indent: 20px;
	position: relative;
	min-height: 72px;
}
.home-teacher-nav .teacher-nav-right .list_item .list_itemtext:before{display: block; position:absolute;content:'';width: 14px;height: 11px; background:url('../image/yinhao01.png') center no-repeat;left:0;top:-1px; }
.home-teacher-nav .teacher-nav-right .list_item .list_itemtext .after{display: inline-block;width: 14px;height: 11px; background:url('../image/yinhao02.png') center no-repeat;}
.home-teacher-nav .teacher-nav-right .list_item dt{font-size: 12px;color: #333;font-weight: 500;}
.home-teacher-nav .teacher-nav-right .list_item .list_itemfield{padding-top: 32px;}
.home-teacher-nav .teacher-nav-right .list_item .list_itemfield dd{height: 126px;overflow: hidden;}
.home-teacher-nav .teacher-nav-right .list_item .list_itemfield dd a{
	font-size: 12px;
	color: #666;
	padding: 4px 12px;
	border: 1px solid #EEEEEE;
	line-height: 20px;
	display: inline-block;
	border-radius: 3px;
	margin-right: 8px;
	margin-top: 12px;
}

.home-teacher-nav .teacher-nav-right .list_item .list_itemfield dd a:hover{
	color: #FF2933;
	border-color: #FF2933;
}


.banner-news{width: 100%;min-width: 1200px;position: relative;}
.hd_banner .carousel-indicators{}
.hd_banner .carousel-control-prev{left: 50%;margin-left: -360px;width: 50px;}
.hd_banner .carousel-control-next{right: 50%;margin-right: -376px;width: 50px;}
.hd_banner .banner_img{	width: 100%;	height: 400px;	overflow: hidden;	margin: 0 auto;}
.hd_banner .banner_img>div a{	height: 400px;	width: 100%;	display: block;}
.hd_banner .banner_img>div img{	position: absolute;	left: 50%;	margin-left: -960px;
	width: 1920px;}


.site-news{position: absolute;z-index: 999;top: 52px;right: 50%;margin-right: -600px;width: 224px;height: 308px;background: white;box-shadow: 0px 5px 8px 0px rgba(255,67,67,0.05);border-radius: 8px;overflow: hidden;}
.site-news .site-news-user{padding: 16px 16px 0 16px;background-color: white;}
.site-news .site-news-user .site-news-user-avatar{width: 48px;height: 48px;overflow: hidden;}
.site-news .site-news-user .site-news-user-name{margin-left: 8px;padding-top: 4px;}
.site-news .site-news-user .site-news-user-name h5{font-size: 14px;color: #3D3D3D;font-weight: 400;}
.site-news .site-news-user .site-news-user-name p{font-size: 12px;color: #999999;font-weight: 400;line-height: 16px;}
.site-news .site-news-user-btn{margin-top: 16px;display: flex;justify-content: space-between;}
.site-news-block{padding:0 16px 8px 16px;background-color: white;position: relative; z-index: 5;box-shadow: 0px 5px 8px 0px rgba(255,67,67,0.05);border-radius: 0 0 8px 8px;}
.site-news .site-news-nav{margin-top: 20px;background-color: white;justify-content: space-between !important;}
.site-news .site-news-nav button{font-size: 13px;font-weight: 400;color: #333333;padding:0;line-height: 20px;}
.site-news .site-news-nav button.active{color: #FF2933;background-color: white;}
.site-news .site-news-list{padding-top: 6px;height: 78px;}
.site-news .site-news-list ul{padding-left: 0;margin-bottom: 0;}
.site-news .site-news-list a{font-size: 12px;font-weight: 400;color: #666666;line-height: 16px;}
.site-news .site-news-list a:hover{color: #FF2933;}  
.site-news .site-brand-block{background: linear-gradient(to bottom, #EEEEEE, #FFFFFF);padding: 66px 16px 16px 16px;margin-top: -50px;position: relative; z-index: 1;}
.site-news .site-brand-block h5{font-size: 12px;font-weight: 400;color: #333;line-height: 20px;margin-bottom: 0;}
.site-news .site-brand-block h5 strong{font-size: 16px;font-weight: 700;color: #333;line-height: 20px;}
.site-news .site-brand-block p{font-size: 12px;font-weight: 400;color: #666;line-height: 12px;margin-bottom: 0;}

.banner-nav{width: 100%;min-width: 1200px;background: #F5F7FB url('../image/bg21.png') top center no-repeat;height: 500px;padding: 16px 0;}
.banner-nav .domain-nav-block{width: 244px;height: 468px;background: #FFFFFF;border-radius: 4px 4px 4px 4px;position: relative;padding: 4px 0;}
.banner-nav .domain-nav-block ul{padding-top: 12px;}
.banner-nav .domain-nav-block li{line-height: 40px;height: 40px;margin-bottom:4px;color: #999;padding:0 24px;}
.banner-nav .domain-nav-block li.active{background: #FFE9EA;}
.banner-nav .domain-nav-block li a.domain-parent{font-size: 16px;color: #333333;margin-right: 16px;}
.banner-nav .domain-nav-block li a.domain-son{font-size: 14px;color: #999;}
.banner-nav .domain-nav-block li a:hover{color: #FF2932;}
.banner-nav .banner-nav-right{width: 640px;height: 468px; position: absolute;top: 0px;left: 244px;background:white url('../image/bgd21.png') top right no-repeat;padding: 24px 32px;border-radius: 0px 8px 8px 0px;display: none;z-index: 1022;}

.banner-nav .banner-nav-right .list_item{display: none;}
.banner-nav .banner-nav-right .list_item .list_itemtitle{font-size: 20px;font-weight: 500;color: #333;}
.banner-nav .banner-nav-right .list_item .list_itemtext{
	line-height: 24px;
	min-height: 72px;
	font-size: 12px;
	color: #666;
	text-indent: 20px;
	position: relative;
}
.banner-nav .banner-nav-right .list_item .list_itemtext:before{display: block; position:absolute;content:'';width: 14px;height: 11px; background:url('../image/yinhao01.png') center no-repeat;left:0;top:-1px; }
.banner-nav .banner-nav-right .list_item .list_itemtext .after{display: inline-block;width: 14px;height: 11px; background:url('../image/yinhao02.png') center no-repeat;}
.banner-nav .banner-nav-right .list_item dt{font-size: 12px;color: #333;font-weight: 500;}
.banner-nav .banner-nav-right .list_item .list_itemfield{padding-top: 32px;}
.banner-nav .banner-nav-right .list_item .list_itemfield dd a{
	font-size: 12px;
	color: #666;
	padding: 4px 12px;
	border: 1px solid #EEEEEE;
	line-height: 20px;
	display: inline-block;
	border-radius: 3px;
	margin-right: 8px;
	margin-top: 12px;
}
.banner-nav .banner-nav-right .list_item .list_itemfield dd a:hover{
	color: #FF2933;
	border-color: #FF2933;
}
.banner-min{margin-left: 16px;width: 701px;height: 332px;border-radius: 4px 4px 4px 4px;overflow:hidden;}
.banner-min .carousel-control-next, .banner-min .carousel-control-prev{width: 7%;}
.banner-guide{width: 223px;height: 332px;background: url('../image/banner-guide.png') top center no-repeat;margin-left: 16px;border-radius: 4px 4px 4px 4px;overflow: hidden;}
.banner-guide .banner-guide-title{width: 223px;height: 36px;background: #FF2933;font-size: 14px;font-weight: 700;padding: 0 8px;color: #FFFFFF;line-height: 36px;}
.banner-guide ul li{margin:16px 12px 0 12px;padding-left: 56px;}
.banner-guide ul li:first-child{margin-top: 14px;}
.banner-guide ul li.guide-news{background: url('../image/guide1.png') left top no-repeat;}
.banner-guide ul li.guide-video{background: url('../image/guide2.png') left top no-repeat;}
.banner-guide ul li.guide-ping{background: url('../image/guide3.png') left top no-repeat;}
.banner-guide ul li h6{font-size: 16px;color: #333333;font-weight: 600;line-height: 24px;margin-bottom: 2px;}
.banner-guide ul li p{margin-bottom: 0;font-size: 12px;color: #999999;line-height: 20px;}
.banner-guide .banner-guide-serve{margin-top: 14px;}
.banner-guide .banner-guide-serve a{font-size: 12px;color: #FF2933;display: block;width: 152px;height: 28px;line-height: 28px;background: #FFFFFF;border-radius: 2px 2px 2px 2px;border: 1px solid #FF2933;margin: 0 auto;text-align: center;}
.banner-guide .banner-guide-serve a:hover{color: #FFFFFF;background: #FF2933;}
.banner-brand{position: absolute;left: 260px;top: 350px;width: 956;height: 120px;display: flex;}
.banner-brand .banner-brand-item{margin-right: 16px;width: 223px;height: 120px;background:white url('../image/banner-brand.png') right center no-repeat;border-radius: 4px 4px 4px 4px;overflow: hidden;position: relative;}
.banner-brand .banner-brand-item .label{display: block;position: absolute; width: 72px;height: 24px;;border-radius: 4px 0px 4px 0px;padding-left: 20px;font-size: 12px;line-height: 24px;font-weight: 500;color: #FFFFFF;background:#FF2832 url('../image/good.png') 4px 5px no-repeat;}
.banner-brand .banner-brand-item h5{font-size: 16px;color: #333333;font-weight: 600;line-height: 24px;margin-left: 16px;margin-top: 32px;margin-bottom: 0;}
.banner-brand .banner-brand-item .teacher-label{margin-left: 16px;margin-top: 0px;}
.banner-brand .banner-brand-item .avatar{position: absolute;top: 16px;right: 12px;border-radius: 50%;overflow: hidden;}
.banner-brand .banner-brand-item .tel{font-size: 12px;color: #666666;line-height: 16px;background: url(../image/icon-tel.png) 0 2px no-repeat;background-size: 12px 12px;padding-left: 14px;margin-left: 16px;margin-top: 10px;}
.banner-brand .banner-brand-item.noteacher h5{margin-top: 16px;}
.banner-brand .banner-brand-item .chat{margin-left: 16px;margin-top: 20px;}
.banner-brand .banner-brand-item .chat a{width: 78px;height: 24px;padding: 2px;line-height: 20px;}
.banner-brand .banner-brand-item .chat a span{background-size: 12px 12px;background-position: 0px 4px;padding-left: 15px;}

.devote-teacher-block{margin-top: 44px;}
.devote-teacher-block h4{font-size: 28px; font-weight: 600; color: #3D3D3D; line-height: 40px; margin-bottom: 0;}
.devote-teacher{width: 1220px;margin-top: 10px;}
.devote-teacher .devote-teacher-item{width: 185px;padding: 10px;margin-right: 18px;border: 1px solid #EEEEEE; position: relative;  transition: transform .35s ease;
    border-radius: 8px;}
.devote-teacher .devote-teacher-item.union::before{display: block;width: 32px;height: 32px;content: '';background-image: url('../image/devote-icon.png');background-size: contain;position: absolute;top: 13px;left: 16px;z-index: 20;}
.devote-teacher .devote-teacher-item .avatar {width: 160px;height: 160px;margin:0 auto; overflow: hidden; border-radius: 8px;}
.devote-teacher .devote-teacher-item .avatar img{transition: transform .35s ease}
.devote-teacher .devote-teacher-item .avatar:hover img {transform: scale(1.2);}
.devote-teacher .devote-teacher-item .teacher-name{margin-top: 12px;}
.devote-teacher .devote-teacher-item .teacher-name h4{line-height: 28px; margin-bottom: 8px;text-align: center;}
.devote-teacher .devote-teacher-item .teacher-name h4 a {    font-weight: 600;    font-size: 20px;    color: #333333;}
.devote-teacher .devote-teacher-item .teacher-name .union { width: 108px;  height: 20px; margin: 0 auto; border-radius: 10px;  padding-left: 16px;  padding-right: 6px; line-height: 20px; font-size: 12px; position: relative; font-weight: 600; background: #fbd98b; color: #b2703c;}
.devote-teacher .devote-teacher-item .teacher-name .union::before {    position: absolute;    display: block;    width: 22px;    height: 22px;    content: '';    left: -5px;    top: -1px; background: url('../image/icon-union-i.png') left center no-repeat;  background-size: 22px 22px;}
.devote-teacher .devote-teacher-item .major {  margin-top: 4px;   font-size: 12px;   font-weight: 400;    color: #999999;    line-height: 20px;    text-align: center;    padding: 0 10px;}

.devote-teacher .devote-teacher-item.style-6{background: linear-gradient( 225deg, #E2E6F1 0%, #EFF4FA 100%);}
.devote-teacher .devote-teacher-item.style-3{background: linear-gradient( 225deg, #DEEBF3 0%, #F8F5F0 100%);}
.devote-teacher .devote-teacher-item.style-4{background: linear-gradient( 180deg, #E2ECE7 0%, #F7FBF8 100%);}
.devote-teacher .devote-teacher-item.style-2{background: linear-gradient( 225deg, #F1E2E2 0%, #EFF4FA 100%);}
.devote-teacher .devote-teacher-item.style-5{background: linear-gradient( 180deg, #DEEBF3 0%, #F5F9FC 100%, #F5F9FC 100%);}
.devote-teacher .devote-teacher-item.style-1{background: linear-gradient( 225deg, #F1E2E2 0%, #EFF4FA 100%);}

.home-content-nav{height: 64px;background: #FFFFFF;box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.1);padding-top: 14px;}
.home-content-nav ul{width: 1200px;margin:0 auto;list-style: none;padding-left: 0;}
.home-content-nav ul li{}
.home-content-nav ul li a{font-size: 16px;font-weight: 500;color: #3D3D3D;line-height: 28px;display: block;padding: 0 6px;height: 28px;position: relative;transition:font-size 0.2s; width: 100px;text-align: center;}
.home-content-nav ul li a.active{font-size: 18px;font-weight: 600;}
.home-content-nav ul li a:after{display: block;content: '';width:0px;height: 4px;bottom: -10px;left: 50%;margin-left: -20px;background: #FF2832;border-radius: 4px 4px 4px 4px;position: absolute;transition:width 0.2s;}
.home-content-nav ul li a.active:after{width: 40px;}

.home-union-block{width: 100%;min-width: 1240px;background: url('../image/home-teacher-bg.png') top center no-repeat;height: 1420px;}
.home-union-title{padding-top: 40px;text-align: center;}
.home-union-title h5{font-weight: 700;font-size: 28px;color: #333333;line-height: 40px;}
.home-union-title p{font-weight: 500;font-size: 20px;color: #999999;line-height: 32px;margin-bottom: 0;}
.home-union-teacher{width: 1200px;height: 650px; margin: 0 auto;margin-top: -30px; background: url('../image/home-union-bg.png') no-repeat;background-position: 0 50px;}

.home-union-teacher .union-teacher-image{width: 363px;height: 414px;margin-left: 79px;}
.home-union-teacher .union-teacher-info{width: 700px;margin-left: 48px;padding-top: 134px;position: relative;height: 414px;}
.home-union-teacher h4{font-weight: 600;font-size: 24px;color: #333333;line-height: 32px;position: relative;display: inline-block;margin-bottom: 0;}
.home-union-teacher h4:after{display: block; position:absolute;content:'';width: 71px;height: 24px; background:url('../image/icon-union.png') center no-repeat;right:-78px;top:-1px;}
.home-union-teacher h6{font-weight: 500;font-size: 16px;color: #333333;line-height: 24px;margin-top: 12px;display: block;margin-bottom: 0;width: 300px;}
.home-union-teacher .h6-line{width: 44px;height: 4px;background-color: #FF2932; margin-top: 20px;}
.home-union-teacher p{font-weight: 500;font-size: 16px;color: #3D3D3D;line-height: 28px;margin-top: 36px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;height: 56px;width: 650px;}
.home-union-teacher .teacher-data{margin-top: 36px;display: flex;}
.home-union-teacher .teacher-data .item{margin-right: 20px;min-width: 80px;}
.home-union-teacher .teacher-data .item .data{font-size: 24px;color: #333333;line-height: 32px;font-weight: 500;}
.home-union-teacher .teacher-data .item .name{margin-top: 4px;font-size: 14px;color: #3D3D3D;line-height: 28px;}
.home-union-teacher .union-teacher-btn{margin-top: 40px;position: absolute;right: 80px;top: 108px;}
.home-union-teacher .union-teacher-btn .btn{ margin-right: 16px;border-radius: 4px;padding: 5px 13px;}
.home-union-teacher .union-teacher-btn .btn span{display: inline-block;font-size: 14px;}
.home-union-teacher .union-teacher-list{width: 1044px; margin: 0 auto; margin-top: 44px;display: flex;justify-content: space-between;align-items: center;height: 164px;}
.home-union-teacher .union-teacher-list .teacher-list-item{text-align: center;width: 120px;cursor: pointer;}
.home-union-teacher .union-teacher-list .item-avatar{width: 100px;height: 100px;border-radius: 50%;transition: transform .35s ease;transform-origin: 50px 50px;overflow: hidden;margin: 0 auto;}
.home-union-teacher .union-teacher-list h6{margin-top: 16px; text-align: center;line-height: 28px;font-size: 14px;color: #333333;opacity:1;transition:opacity .35s ease;width: 120px;}
.home-union-teacher .union-teacher-list .teacher-list-item img{width: 100%;height: 100%;opacity: 0.5;transition:opacity .35s ease;}
.home-union-teacher .union-teacher-list .teacher-list-item.active .item-avatar{transform: scale(1.32);}
.home-union-teacher .union-teacher-list .teacher-list-item.active .item-avatar img{opacity: 1;}
.home-union-teacher .union-teacher-list .teacher-list-item.active h6{}

.home-union-block.teacher-channle{background: none;height: 698px;}
.teacher-channle .home-union-teacher{background: url('../image/bg23.png') no-repeat;background-position:center;height: 272px;width: 960px;box-shadow: 0px 4px 40px -10px rgba(255,41,51,0.1);margin-top: 80px;position: relative;}
.teacher-channle .home-union-teacher .union-teacher-play{position: absolute;bottom: 0;width: 960px;height: 342px;}
.teacher-channle .home-union-teacher .union-teacher-info{position: relative;}
.teacher-channle .home-union-teacher .union-teacher-info h6{font-weight: 600;}
.teacher-channle .home-union-teacher .union-teacher-info .union-teacher-btn{position: absolute;bottom: 20px;margin-top: 0;}
.teacher-channle .teacher-tel{margin-top: 10px;background: url('../image/icon-tel.png') left center no-repeat;font-size: 16px;font-weight: 600;color: #3D3D3D;line-height: 24px;height: 24px;padding-left: 26px;}
.teacher-channle .home-union-teacher .union-teacher-image{width: 300px;height: 342px;margin-left: 20px;}
.teacher-channle .home-union-teacher .union-teacher-info{width: 533px;margin-left: 47px;padding-top: 130px;}
.teacher-channle .home-union-teacher p{color: #666;margin-top: 20px;line-height: 24px;font-size: 14px;height: 48px;font-weight: 400;width: 533px;}
.teacher-channle .home-union-teacher .union-teacher-btn{margin-top: 36px;}
.channel-teacher-roll{width: 1200px;margin: 0 auto;position: relative;height: 140px;margin-top: 36px;}
.channel-teacher-roll .teacher-block{position: relative;width: 1200px;height: 140px;overflow: hidden;}
.channel-teacher-roll .teacher-list{width: auto;position: absolute;height: 140px;display: flex;flex-wrap: nowrap;left: -1440px;}
.channel-teacher-roll .teacher-list .teacher-item{width: 140px;height: 140px;margin-right: 20px;cursor: pointer;border-radius: 4px;overflow: hidden;}
.channel-teacher-roll .teacher-item .teacher-info{width: 140px;height: 44px;background: rgba(0,0,0,0.2);position: absolute;bottom: 0;padding:4px 8px 0 8px;border-radius: 0 0 4px 4px;}
.channel-teacher-roll .teacher-item .teacher-info h6{font-size: 14px;color: white;margin-bottom: 0;line-height: 20px;font-weight: 500;}
.channel-teacher-roll .teacher-item .teacher-info p{font-size: 12px;line-height: 16px;color: white;}
.channel-teacher-roll .teacher-item.active .teacher-info{background: #FF2933;}
.channel-teacher-roll .mask-left{position: absolute;left: 0px; top: 0; width: 80px;height: 140px;background-image: linear-gradient(to right,rgba(255,255,255,1), rgba(255,255,255,0));}
.channel-teacher-roll .mask-right{position: absolute;right: 0px;top: 0; width: 80px;height: 140px;background-image: linear-gradient(to right,rgba(255,255,255,0), rgba(255,255,255,1));}
.channel-teacher-roll .control-prev{position: absolute;left: -60px;width: 48px;height: 48px;background: url('../image/control-left.png');top: 46px;}
.channel-teacher-roll .control-prev:hover{background: url('../image/control-left2.png');cursor: pointer;}
.channel-teacher-roll .control-next{position: absolute;right: -60px;width: 48px;height: 48px;background: url('../image/control-right.png');top: 46px;}
.channel-teacher-roll .control-next:hover{background: url('../image/control-right2.png');cursor: pointer;}

.activeTeacher{width: 1200px;margin: 0 auto;margin-top: 16px;position: relative;}
.activeTeacher .teacher-block{overflow: hidden;width: 1200px;height: 188px;position: relative;}
.activeTeacher .teacher-list{width: auto;position: absolute;height: 188px;display: flex;flex-wrap: nowrap;left: -151px;}
.activeTeacher .teacher-list .teacher-item{width: 140px;height: 188px;margin-right: 11px;}
.activeTeacher .teacher-list .teacher-item .teacher-thumb{width: 140px;height: 140px;border-radius: 4px;overflow: hidden;}
.activeTeacher .teacher-list .teacher-item img{transition: transform .35s ease;}
.activeTeacher .teacher-list .teacher-item img:hover{transform: scale(1.1);}
.activeTeacher .teacher-item .teacher-info{width: 140px;height: 44px;padding:6px 8px 0 8px;border-radius: 0 0 4px 4px;}
.activeTeacher .teacher-item .teacher-info h6{font-size: 14px;color: #333;margin-bottom: 0;line-height: 20px;font-weight: 500;}
.activeTeacher .teacher-item .teacher-info span.score{font-size: 14px;color: #FF2932;font-weight: bold;}
.activeTeacher .teacher-item .teacher-info p{font-size: 12px;line-height: 16px;color: #666;}
.activeTeacher .control-prev{position: absolute;left: -60px;width: 48px;height: 48px;background: url('../image/control-left.png');top: 46px;}
.activeTeacher .control-prev:hover{background: url('../image/control-left2.png');cursor: pointer;}
.activeTeacher .control-next{position: absolute;right: -60px;width: 48px;height: 48px;background: url('../image/control-right.png');top: 46px;}
.activeTeacher .control-next:hover{background: url('../image/control-right2.png');cursor: pointer;}


.home-recommend-teacher{padding-top: 28px;margin-left: -10px; margin-right: -10px;display: flex;flex-wrap: wrap;}
.recommend-teacher-item{width: 224px;height: 260px;background: white;margin: 34px 10px;position: relative;transition: transform .35s ease;border-radius: 8px;}
.recommend-teacher-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);transform: translate(0,-8px);}
.recommend-teacher-item .recommend-teacher-avatar{width: 180px;height: 180px;margin-left: 22px;margin-top: -40px;overflow: hidden;border-radius: 8px;background-color:white;}
.recommend-teacher-item .recommend-teacher-avatar img{width: 180px;height: 180px;border-radius: 8px;transition: transform .35s ease}
.recommend-teacher-item .recommend-teacher-avatar:hover  img{transform: scale(1.1);}
.recommend-teacher-item .recommend-teacher-name{margin-top: 16px;text-align: center;line-height: 28px;margin-bottom: 0;}
.recommend-teacher-item .recommend-teacher-name a{font-weight: 600;font-size: 20px;}
.recommend-teacher-item .recommend-teacher-major{margin-top: 8px;font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;text-align: center;padding: 0 24px;}
.recommend-teacher-item .recommend-teacher-label{margin-top: 8px;text-align: center;}

.home-online-course{margin-top: 20px;}
.home-online-course h4{font-size: 28px;font-weight: 600;color: #3D3D3D;line-height: 40px;margin-bottom: 0;}
.home-online-course .course-block{margin-top: 10px;display: flex;flex-wrap: wrap;width: 1220px;margin-left: -10px;margin-right: -10px;}
.home-online-course .course-item{width: 285px;height: 302px;background: white;
border-radius: 8px 8px 8px 8px;border: 1px solid #EEEEEE;margin: 10px;overflow: hidden;transition: transform .35s ease}
.home-online-course .course-item-thumb{width: 285px;height: 162px;overflow: hidden;}
.home-online-course .course-item-thumb img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform .35s ease;}
.home-online-course .course-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);transform: translate(0,-8px);}
.home-online-course .course-item .course-item-thumb:hover img{transform: scale(1.1);}
.home-online-course .course-item-title{line-height: 24px;height: 48px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;margin-top: 12px;padding: 0 12px;font-size: 16px;font-weight: 600;}
.home-online-course .course-item-info{font-size: 12px;font-weight: 400;color: #666666;line-height: 20px;padding: 0 12px;}
.home-online-course .course-item-info span{margin: 0 8px;}
.home-online-course .course-item-price{margin-top: 8px;display: flex; justify-content: space-between;padding: 0 12px;align-items: center;height: 32px;}
.home-online-course .price-time{font-size: 12px;font-weight: 400;color: #FFF1E6;line-height: 20px;height: 20px;padding: 0 0 0 4px;background: #FF8E3B;border-radius: 2px 4px 4px 2px;}
.home-online-course .price-time span{display: inline-block;background: #FFF1E6 url('../image/course-time.png') left center no-repeat;color: #FF8E3B;border-radius: 0 2px 2px 0;margin-left: 4px;padding: 0 4px 0 8px;}
.home-online-course .price-v{font-size: 24px;color: #FF2933;font-weight: 700;line-height: 32px;font-family: "DIN-Bold","SF Compact Display", "PingFang SC", "Helvetica", "Arial";}
.home-online-course .price-v i{font-size: 14px;font-style: normal;}
.home-online-course .price-v span.free{font-size: 16px;font-weight: 700;}
.home-online-course .vip{position: relative;width: 210px;height: 32px;margin-left: auto;}
.home-online-course .vip .vip-t{width: 210px;height: 32px;background: linear-gradient( 91deg, #F5D7B8 0%, #F5D7B8 100%, #F5D7B8 100%);border-radius: 16px;font-size: 14px;color: #7E521D;line-height: 32px;padding-left: 46px;z-index: 5;position: absolute;left: 0;top: 0}
.home-online-course .vip-t:before{position: absolute;display: block;content: '';width: 30px;height: 21px; background:url('../image/iconvv.png') no-repeat;background-position:0 -2px;left:8px;top:6px; }
.home-online-course .vip-t:after{position: absolute;right: 8px;top: 10px; display: block; content: ''; mask: url('../image/down.svg');-webkit-mask: url('../image/down.svg');font-size: 12px;height: 12px;width: 12px;background: #7E521D;transform: rotate(-90deg);transition: transform 0.3s ease;}

.home-teacher-floor{margin-top: 8px;}
.home-teacher-floor .teacher-floor-title{display: flex;justify-content: space-between;align-items: end;border-bottom: 1px solid #DDDDDD;padding: 12px;}
.home-teacher-floor .teacher-floor-title h4{height:44px;width: 110px;line-height: 44px;padding-left: 10px;background: url('../image/teacher-floor-title.png') left center no-repeat;font-size: 24px;font-weight: 600;color: #3D3D3D;margin-bottom: 0;}
.home-teacher-floor .teacher-floor-title .floor-subclass a{font-size: 12px;font-weight: 400;color: #333333;line-height: 16px;margin-left: 24px;}
.home-teacher-floor .teacher-floor-title .floor-subclass a:hover{color: #FF2933;}
.teacher-floor-block{display: flex;margin-top: 20px;}
.teacher-floor-block .brand-teacher{width: 216px;height: 400px;border-radius: 12px 12px 12px 12px;border: 1px solid #EEEEEE;overflow: hidden;position: relative;}
.teacher-floor-block .brand-teacher-avatar{width: 216px;height: 300px;}
.teacher-floor-block .brand-teacher-avatar img{width: 216px;}
.teacher-floor-block .brand-teacher-info{position: absolute;left: 0;bottom: 0; width: 216px;height: 138px;padding: 12px;background: white;}
.teacher-floor-block .brand-teacher-info h5{display: inline-block;font-size: 20px;font-weight: 600;color: #333333;line-height: 28px;position: relative;margin-bottom: 0;}
.teacher-floor-block .brand-teacher-info h5:after{display: block; position:absolute;content:'';width: 71px;height: 24px; background:url('../image/icon-union.png') center no-repeat;right:-78px;top:-1px;}
.teacher-floor-block .brand-teacher-info .brand-teacher-major{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;margin-top: 4px;}
.teacher-floor-block .brand-teacher-info .brand-teacher-label{margin-top: 4px;}
.teacher-floor-block .brand-teacher-info .brand-teacher-tel{margin-top: 10px;background: url('../image/icon-tel.png') left center no-repeat;font-size: 16px;font-weight: 700;color: #3D3D3D;line-height: 24px;height: 24px;padding-left: 26px;font-family: "DIN-Bold","SF Compact Display", "PingFang SC", "Helvetica", "Arial";}
.teacher-floor-block .hot-teacher-block{width: 678px;}
.teacher-floor-block .carousel-indicators{width: 50px;height: 8px;top: -14px;left: 600px;margin: 0;}
.teacher-floor-block .carousel-indicators [data-bs-target]{background: #D8D8D8;width: 8px;height: 8px;	border:0;border-radius: 6px;margin:0 4px;}
.teacher-floor-block .carousel-indicators .active{width: 36px;height: 8px;background: #FF2933;border-radius: 6px}
.teacher-floor-block .hot-teacher{width: 678px; display: flex;flex-wrap: wrap;}
.teacher-floor-block .hot-teacher-item{width: 206px;height: 190px;margin-left: 20px;border: 1px solid #EEEEEE;margin-bottom: 20px;border-radius: 12px;}
.teacher-floor-block .hot-teacher-avatar{width: 206px;height: 130px;border-radius: 12px 12px 0px 0px;overflow: hidden;}
.teacher-floor-block .hot-teacher-info{padding:0 12px;position: relative;}
.teacher-floor-block .hot-teacher-info h5{display: inline-block;font-size: 14px;font-weight: 600;color: #333333;line-height: 20px;margin-bottom: 0;position: relative;margin-top: 6px;}
.teacher-floor-block .hot-teacher-info h5:after{display: block; position:absolute;content:'';width: 12px;height: 16px; background:url('../image/icon-u.png') center no-repeat;right:-18px;top:-1px;}
.teacher-floor-block .hot-teacher-info .hot-teacher-label{margin-top: 0;}
.teacher-floor-block .hot-teacher-info .hot-teacher-tel{position: absolute;z-index: 2; width: 24px;height: 24px;background: #FAEEEF url('../image/icon-tel.png') left center no-repeat;border-radius: 4px;font-size: 12px;color: #333333;line-height: 24px;right: 12px;top: 16px;padding-left: 24px;overflow: hidden;transition:width .35s;font-family: "DIN-Bold","SF Compact Display", "PingFang SC", "Helvetica", "Arial";}
.teacher-floor-block .hot-teacher-info .hot-teacher-tel:hover{width: 114px;}

.teacher-floor-block .teacher-ranking{width: 286px;height: 400px;border-radius: 12px 12px 12px 12px;border: 1px solid #EEEEEE;margin-left: 20px;background: url('../image/ranking-bg.png') top right no-repeat;}
.teacher-floor-block .ranking-teacher-list{padding: 0 12px;}
.teacher-floor-block .ranking-title{margin: 16px;background: url('../image/icon-rank.png') left top no-repeat;font-size: 16px;font-weight: 600;color: #FF2933;line-height: 24px;padding-left: 24px;border-bottom: 1px solid rgba(255,41,51,0.1);padding-bottom: 12px;}
.teacher-floor-block .ranking-item{height: 28px;display: flex;align-items: center;margin: 8px 0;position: relative;}
.teacher-floor-block .ranking-item .ranking-num{font-size: 14px;font-weight: 400;color: #3D3D3D;width: 28px;height: 28px;border: 1px solid #EEEEEE;background: #FFFFFF;border-radius:50%;text-align: center;line-height: 28px;margin-left: 12px;}
.teacher-floor-block .ranking-item .ranking-score{font-size: 12px;font-weight: 500;color: #666666;line-height: 16px;}
.teacher-floor-block .ranking-item .ranking-info{margin-left: 25px;display: flex;}
.teacher-floor-block .ranking-item .ranking-info .ranking-teacher-avater{border-radius: 50%;width: 44px;height: 44px;overflow: hidden; display: none;}
.teacher-floor-block .ranking-item .ranking-info .ranking-teacher-name{font-size: 16px;font-weight: 400;color: #333333;line-height: 24px;}
.teacher-floor-block .ranking-item .ranking-info .ranking-teacher-major{display: none;font-size: 12px;font-weight: 400;color: #3D3D3D;line-height: 16px;width: 120px;}
.teacher-floor-block .ranking-item .ranking-chat{display: none;}
.teacher-floor-block .ranking-item .ranking-chat a{font-size: 12px;font-weight: 400;color: #FF2933;line-height: 28px;border-radius: 4px 4px 4px 4px;border: 1px solid #FF2933;display: block;height: 28px;width: 72px;text-align: center;}
.teacher-floor-block .ranking-item .ranking-chat a:hover{background-color: #E30000;border-color:#E30000;color: white;}
.teacher-floor-block .ranking-item.active{height: 44px;}
.teacher-floor-block .ranking-item.active .ranking-info{margin-left: 0;}
.teacher-floor-block .ranking-item.active .ranking-info .ranking-teacher-avater{display: block;margin-left: 4px;margin-right: 16px;}
.teacher-floor-block .ranking-item.active .ranking-info .ranking-teacher-name{font-size: 18px;font-weight: 500;}
.teacher-floor-block .ranking-item.active .ranking-info .ranking-teacher-major{display: block;}
.teacher-floor-block .ranking-item.active .ranking-num{position: absolute;color: #FFFFFF;background: #FF2933;font-size: 12px;width: 16px;height: 16px;line-height: 16px;border: 0;margin-left: 4px;top: 0}
.teacher-floor-block .ranking-item.active .ranking-chat{display: block;}
.teacher-floor-block .ranking-item.active .ranking-score{display: none;}

.home-train{margin-top: 44px;}
.home-train .home-train-title{display: flex;border-bottom: 2px solid #FF2933;padding-bottom: 2px;}
.home-train .home-train-title h4{padding-left: 40px;height: 40px;line-height: 40px;background: url('../image/icon-train.png') left center no-repeat;font-size: 24px;font-weight: 600;color: #333333;margin-bottom: 0;}
.home-train .train-class{margin-left: 32px;margin-top: 12px;}
.home-train .train-class a{font-size: 14px;font-weight: 400;color: #666666;line-height: 24px;margin-right: 24px;display: inline-block;position: relative;}
.home-train .train-class a.active{font-weight: 600;color: #FF2933;}
.home-train .train-class a.active:after{display: block;content: '';position: absolute;background:white url('../image/icon-jiao.png') top center no-repeat;width: 16px;height: 9px;left: 50%;margin-left: -8px;bottom: -8px;}
.home-train .home-train-item{padding-top: 23px;width: 1200px;}
.home-train .home-train-item table{width: 1200px;border-radius: 12px 12px 0 0;overflow: hidden;}
.home-train .home-train-item table th{background: #2e2e2e;color: #f9d980;padding:12px 0 ;font-size: 16px;}
.home-train .table>:not(caption)>*>*{border: 0;font-size: 14px;font-weight: 400;color: #333333;text-align: center;padding: 0;height: 40px;line-height: 40px;}
.home-train .table>tbody>tr:nth-of-type(even)>*{background: #FFF6F6;}
.home-train .table .train-title{padding-left: 20px;text-align: left;}
.home-train .table .train-title p{width: 270px;}
.home-train .table .train-teacher p{width: 112px;text-align: left;}
.home-train .table .train-duration p{width: 80px;}
.home-train .table .train-chat{width: 100px;}
.home-train .table a.chat{display: block;text-align: center; color: #FF2933;height: 24px;width: 72px;line-height: 24px;border-radius: 2px 2px 2px 2px;border: 1px solid #FF2933;margin-top: 8px;}
.home-train .table a.chat:hover{color: #FFFFFF;background: #FF2933;}
.home-train .table .train-teacher a{display: inline-block;position: relative;}
.home-train .table .teacher-icon{display: block;position: relative;width: 90px;height: 40px;}
.home-train .table .teacher-icon:after{
	position: absolute;
	left: 0;
	top: 6px;
	display: block;
  width: 86px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 13px;
  padding-left: 26px;
  color: #666;
}
.home-train .table .teacher-icon.icon-0:after{
	content: '联盟讲师';
  background: #F6F6F8 url('../image/icon-union-i.png') -2px 0 no-repeat;    
}
.home-train .table .teacher-icon.icon-1:after{
	content: '优秀讲师';
  background: #F6F6F8 url('../image/icon-good-i.png') -2px 0 no-repeat;
}
.home-train .table .teacher-icon.icon-2:after{
	content: '认证讲师';
  background: #F6F6F8 url('../image/icon-renzheng-i.png') -2px 0 no-repeat;
}
.home-train .table .teacher-icon.icon-3:after{
	content: '推荐讲师';
  background: #F6F6F8 url('../image/icon-good-i.png') -2px 0 no-repeat;
}

.home-info{margin-top: 25px;}
.home-info .home-info-title{display: flex;align-items: end;}
.home-info .home-info-title h4{font-size: 28px;font-weight: 600;color: #3D3D3D;line-height: 40px;margin-bottom: 0;}
.home-info .home-info-title p{font-size: 12px;font-weight: 400;color: #999999;line-height: 20px;margin-bottom: 0;margin-left: 12px;}
.home-info .home-info-block{width: 1200px;display: flex;justify-content: space-between;margin-top: 12px;}
.home-info .home-info-news{width: 384px;}
.home-info .home-block-title{display: flex;justify-content: space-between;align-items: end;margin-bottom: 10px;}
.home-info .home-block-title h5{font-size: 20px;color: #3D3D3D;font-weight: 600;line-height: 36px;margin-bottom: 0;}
.home-info .home-block-title div.more{line-height: 24px;}
.home-info .home-block-title .more a{font-size: 12px;color: #999999;font-weight: 400;}
.home-info .home-block-title .more a:hover{color: #FF2932;}
.home-info .home-info-img{width: 384px;height: 200px;border-radius: 8px 8px 8px 8px;overflow: hidden;position: relative;margin-bottom: 20px;}
.home-info .home-info-img h6{width: 384px;height:48px;background: linear-gradient(to right,rgba(255,41,51,0.9),rgba(255,41,51,0.4));position: absolute;bottom: 0;left: 0;line-height: 48px;padding:0 16px;z-index: 3;}
.home-info .home-info-img h6 a{color: white;font-size: 18px;font-weight: 500;}
.home-info .home-info-img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.home-info .home-info-list{list-style: none;padding-left: 0;}
.home-info .home-info-list li{display: flex;margin-bottom: 12px;}
.home-info .home-info-list li p{width: 300px;line-height: 24px;}
.home-info .home-info-list li p a{font-size: 16px;font-weight: 500;}
.home-info .home-info-list li span{font-size: 14px;color: #999999;line-height: 24px;}
.home-info .home-info-img .mask{width: 384px;height: 200px;position: absolute;z-index: 2;left: 0;top: 0;transition:background .35s;}
.home-info .home-info-img a.play-btn{display: block;width: 48px;height: 48px;position: absolute;top: 76px;left: 168px;background: url('../image/play.png');z-index: 5;}
.home-info .home-info-video .home-info-img:hover .mask{background: rgba(0,0,0,0.3);}
.home-friendlink{margin-top: 20px;}
.home-friendlink .friendlink-title{font-size: 20px;font-weight: 600;line-height: 36px;color: #3D3D3D;}
.friendlink{padding-top: 10px;line-height: 24px;margin-bottom: 36px;}
.friendlink a{margin-right: 24px;color: #999;font-size: 14px;display: inline-block;height: 24px;line-height: 24px;margin-bottom: 12px;}
.friendlink a:hover{color: #FF2932;}

.breadcrumb {font-size: 12px;color: #999999;line-height: 24px;line-height: 24px;padding: 10px 0;}
.breadcrumb span{margin: 6px 4px 0px 6px;display: inline-block; content: ''; mask: url('../image/down.svg');-webkit-mask: url('../image/down.svg');font-size: 12px;height: 12px;width: 12px;background-color: #999;transform: rotate(-90deg);}
.breadcrumb a{color: #999;}
.breadcrumb a:hover{color: #FF2932;}
footer{background: #111111;width: 100%;min-width: 1200px;padding-top: 52px;}
footer .copyright{border-top: 1px solid #333;font-size: 12px;font-weight: 400;color: #999999;line-height: 32px;height: 36px;text-align: center;}
footer .copyright a{color: #999999;margin: 0 5px;}
footer .footer-logo-block{width: 208px;}
footer .footer-logo{height: 54px;background: url('../image/logo1.png') left center no-repeat;padding-left:66px;font-size: 28px;color: #F0F0F0;font-weight: 700;line-height: 54px;background-size: 140px;}
footer .footer-slogan{font-size: 16px;font-weight: 400;color: #DDDDDD;line-height: 24px;margin-top: 12px;position: relative;}
footer .footer-slogan:after{position: absolute;display: block;content: '';width: 40px;height: 2px;background: #F5F5F5;left: 0;bottom: -12px;}
footer .footer-desc{font-size: 12px;font-weight: 400;line-height: 24px;margin-top: 30px;color: #999999;}
footer .footer-desc a{color: #999999;}
footer .footer-nav{margin-left: 70px;}
footer .footer-nav dl{margin-bottom: 30px;}
footer dl dt{font-size: 16px;font-weight: 500;color: #EEEEEE;line-height: 24px;margin-bottom: 16px;}
footer .footer-nav dl dd{line-height: 28px;margin-bottom: 0}
footer .footer-nav dl dd a{font-size: 12px;color: #999999;font-weight: 400;}
footer .footer-nav dl dd a:hover{color: white;}
footer .footer-mp{margin-left: 100px;}
footer .footer-mp dl dd{line-height: 36px;margin-bottom: 12px;font-size: 14px;color: #666;padding-left: 43px;position: relative;}
footer .footer-mp dl dd span{position: absolute;display: block;width: 36px;height: 36px;border-radius: 18px;left: 0}
footer .footer-mp dl dd.wechat span{background: #666 url('../image/wechat.png') center no-repeat;}
footer .footer-mp dl dd.tiktok span{background: #666 url('../image/tiktok.png') center no-repeat;}
footer .footer-mp dl dd.redbook span{background: #666 url('../image/redbook.png') center no-repeat;}
footer .footer-mp dl dd:hover{color: #DDDDDD;cursor: pointer;}
footer .footer-mp dl dd:hover span{background-color: #DDDDDD;}
.popover-body{padding: 2px;}
#mp-qrcode{position: absolute;left: 130px;top: -4px;transition: top 0.3s;z-index: 100;}
footer .footer-mp .tel{font-size: 28px;font-weight: 700;color: #DDDDDD;line-height: 36px;margin-top: 32px;}
footer .footer-mp .chat{margin-top: 12px;}
footer .footer-mp .chat a{display: inline-block;width: 104px;height: 32px;border-radius: 4px 4px 4px 4px;border: 1px solid #666666;font-size: 12px;color: #666666;line-height: 32px;text-align: center;margin-right: 20px;}
footer .footer-mp .chat a:hover{border: 1px solid #EEEEEE;color: #EEEEEE;}
aside{width: 80px;background: #FFFFFF;border-radius: 8px 0 0 8px; box-shadow: 1px 4px 8px 0px rgba(0,0,0,0.1);position: fixed;right: 0;top: 50%;margin-top: -200px;padding:20px 16px 0 16px;z-index: 1021;}
aside dl{}
aside dl dd{text-align: center;font-size: 12px;color: #3D3D3D;line-height: 20px;margin-bottom: 16px;position: relative;}
aside dl dd.mp{border-bottom: 1px solid #D8D8D8;padding-bottom: 16px;}
aside dl dd a{color: #3D3D3D;display: block;padding-top: 30px;position: relative;}
aside dl dd a:hover{color: #FF2832;}
aside dl dd a:before{content: '';position: absolute;left: 12px;top: 0px;height: 24px;width: 24px;background-color: #333;}
aside dl dd.service a:before{mask: url('../image/aside-service.svg');-webkit-mask: url('../image/aside-service.svg');}
aside dl dd.wechat a:before{mask: url('../image/aside-wechat.svg');-webkit-mask: url('../image/aside-wechat.svg');}
aside dl dd.tel a:before{mask: url('../image/aside-tel.svg');-webkit-mask: url('../image/aside-tel.svg');}
aside dl dd.mp a:before{mask: url('../image/aside-sive.svg');-webkit-mask: url('../image/aside-sive.svg');}
aside dl dd.top a:before{mask: url('../image/aside-top.svg');-webkit-mask: url('../image/aside-top.svg');}
aside dl dd:hover a:before{background-color: #FF2832;}
aside dl dd.warehouse a:before{mask: url('../image/aside-teacher.svg');-webkit-mask: url('../image/aside-teacher.svg');}
aside dl dd.warehouse .number{position: absolute;top:-6px;right: -6px;border-radius: 8px 8px 8px 0;background-color: #FF2933;color: white;font-size: 12px;width: 16px;height: 16px;text-align: center;line-height: 16px;}
#aside-popover{position: absolute;right: 94px;top: -4px;transition: top 0.3s;display: none;box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);border: 0;max-width: 320px;border-radius: 4px;padding: 4px;transition: top 0.3s;}
#aside-popover .popover-ar{box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);display: block;content: '';width: 14px;height: 14px;background-color: white;transform: rotate(45deg);position: absolute;right: -5px;top: 20px;border-radius: 3px;z-index: 1000;}
#aside-popover .popover-body{z-index: 1072;background-color: white;}
#aside-popover .popover-body .tel-t{font-size: 12px;color: #3D3D3D;line-height: 20px;padding-top: 6px;padding-left: 10px;}
#aside-popover .popover-body .tel-n{font-size: 20px;color: #FF2832;font-weight: 700;line-height: 28px;width: 180px;padding-left: 10px;padding-bottom: 10px;}
#aside-popover .popover-body .mp-box{display: flex;width: 312px;padding: 10px 0;}
#aside-popover .popover-body .mp-box img{display: block;border-radius: 4px;width: 80px;height: 80px;margin: 2px 12px 2px 12px;}
#aside-popover .popover-body .mp-box span{display: block;text-align: center;font-size: 12px;color: #3D3D3D;line-height: 20px;}

/*讲师栏目*/
/*.channel-header{box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.1);background: #FFFFFF;}*/
.channel-teacher-block.domain{background: #F5F7F9;width: 100%;min-width: 1200px;height: 904px;padding-top: 40px;}
.channel-teacher-block .block-title{align-items: end;}
.channel-teacher-block .block-title h4{font-size: 28px;color: #333333;font-weight: 600;line-height: 40px;margin-bottom: 0;}
.channel-teacher-block .block-title .subclass{margin-left: 32px;}
.channel-teacher-block .block-title .subclass a,.channel-teacher-block .block-title .more a{font-size: 16px;color: #999999;line-height: 24px;margin-right: 24px;}
.channel-teacher-block .block-title a:hover{color: #FF2932;}
.channel-teacher-block .block-title .more a{margin-right:0;}
a span.more{margin: 6px 0px 0px 0px;
    display: inline-block;
    content: '';
    mask: url('../image/down.svg');
    -webkit-mask: url('../image/down.svg');
    mask-position:-1px -12px;
    font-size: 12px;
    height: 12px;
    width: 12px;
    background-color: #999;
    transform: rotate(-90deg);}
.more a:hover span.more{background-color: #FF2932;}
.channel-teacher-block .block-title .subclass a.active{color: #FF2933;}
.channel-teacher-block .block-content{padding-top: 24px;}
.domain .brand-teacher{width: 285px;height: 480px;overflow: hidden;position: relative;border-radius: 4px;}
.domain .brand-teacher .content{width: 285px;height: 168px;position: absolute;bottom: 24px;background: rgba(255,255,255,0.9);padding: 24px 20px 0 20px;}
.domain h5{font-size: 24px;font-weight: 600;color: #333333;line-height: 32px;margin-bottom: 0;position: relative;display: inline-block;white-space: nowrap;}
.domain  h5:after {
    display: block;
    position: absolute;
    content: '';
    width: 71px;
    height: 24px;
    background: url('../image/icon-union.png') center no-repeat;
    right: -78px;
    top: -1px;
}
.domain .major{font-size: 12px;color: #666666;line-height: 20px;}
.domain .brand-teacher .major{margin-top: 4px;}
.domain .brand-teacher .label{margin-top: 4px;}
.domain .tel{    
    background: url('../image/icon-tel.png') left center no-repeat;
    font-size: 16px;
    font-weight: 700;
    color: #3D3D3D;
    line-height: 24px;
    height: 24px;
    padding-left: 26px;
}
.domain .brand-teacher .tel{margin-top: 20px;}

.domain .hot-teacher{width: 915px;display: flex;flex-wrap: wrap;}
.domain .hot-teacher .teacher-item{width: 285px;height: 230px;border-radius: 4px;position: relative;margin-left: 20px;margin-bottom: 20px;transition: transform .35s ease;border-radius: 4px;overflow: hidden;}
.domain .hot-teacher .teacher-item:hover{transform: translate(0,-8px);}
.domain .hot-teacher .content{width: 150px;height: 230px;position: absolute;top: 0;padding-left: 16px;}
.domain .hot-teacher h5{margin-top: 36px;}
.domain .hot-teacher .major{margin-top: 4px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;height: 40px;line-height: 20px;width: 150px;}
.domain .hot-teacher .teacher-tel{position: absolute;bottom: 12px;left: 0; width: 200px;height: 32px;background-image: linear-gradient(to right,rgba(255,255,255,1), rgba(255,255,255,0));padding-top: 4px;padding-left: 16px;}
.domain .hot-teacher .tel{}

.domain .evaluate{height: 260px;background: #FFFFFF;border-radius: 12px;padding: 24px; 28px;}
.channel-teacher-block .subsidiary h6{font-size: 24px;font-weight: 500;line-height: 36px;color: #333333;margin-bottom: 16px;}
.domain .evaluate .carousel{width: 1160px;height: 170px;}
.domain .evaluate .carousel .carousel-item{width: 1160px;}
.domain .evaluate .evaluate-box{height: 128px;width: 274px;background: #F5F7F9;border-radius: 4px 4px 4px 4px;padding: 12px 16px;display: inline-block;margin-right: 12px;}
.domain .evaluate .evaluate-user{font-size: 14px;color: #999999;line-height: 24px;}
.domain .evaluate .evaluate-user a{color: #666;}
.domain .evaluate .evaluate-user a:hover{color: #FF2932;}
.domain .evaluate .evaluate-content{font-size: 14px;color: #666666;line-height: 24px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 3;height: 72px;margin-top: 8px;}
.domain .evaluate .carousel-indicators [data-bs-target]{background: #D8D8D8;width: 8px;height: 8px;	border:0;border-radius: 6px;margin:0 4px;}
.domain .evaluate .carousel-indicators .active{width: 36px;height: 8px;background: #FF2933;border-radius: 6px}

.industry{width: 100%;min-width: 1200px;background: white;padding-top: 40px;}
.channel-teacher-block .block-item.teacher-industry{flex-wrap: wrap;margin-right: -21px;}
.channel-teacher-block .teacher-industry .teacher-item{width: 386px;height: 172px;border-radius: 4px;;margin-right: 21px;overflow: hidden;margin-bottom: 20px;}
.teacher-industry .teacher-item.style-1{background: linear-gradient( 225deg, #E2E6F1 0%, #EFF4FA 100%);}
.teacher-industry .teacher-item.style-2{background: linear-gradient( 225deg, #DEEBF3 0%, #F8F5F0 100%);}
.teacher-industry .teacher-item.style-3{background: linear-gradient( 180deg, #E2ECE7 0%, #F7FBF8 100%);}
.teacher-industry .teacher-item.style-4{background: linear-gradient( 225deg, #F1E2E2 0%, #EFF4FA 100%);}
.teacher-industry .teacher-item.style-5{background: linear-gradient( 180deg, #DEEBF3 0%, #F5F9FC 100%, #F5F9FC 100%);}
.teacher-industry .teacher-item.style-6{background: linear-gradient( 225deg, #F1E2E2 0%, #EFF4FA 100%);}
.teacher-industry .teacher-item.style-7{background: linear-gradient( 225deg, #FFF0F0 1%, #F8F0F3 100%);}
.teacher-industry .teacher-item.style-8{background: linear-gradient( 225deg, #F6EEE5 0%, #FFFCF8 100%);}
.teacher-industry .teacher-item.style-9{background: linear-gradient( 180deg, #F1E3E3 0%, #F8F6F6 100%);}
.teacher-industry .avatar{margin: 32px 16px 32px 24px;width: 108px;height: 108px;border-radius: 50%;overflow: hidden;}
.teacher-industry .content{width: 220px;margin-top: 28px;}
.teacher-industry .content h4{font-size: 24px;font-weight: 600;color: #333333;line-height: 32px;display: inline-block;position: relative;margin-bottom: 0;}
.teacher-industry .content h4.union:after{display: block;    position: absolute;
    content: '';    width: 71px;    height: 24px;    background: url('../image/icon-union.png') center no-repeat;    right: -78px;    top: -1px;}
.teacher-industry .content .major{font-size: 12px;color: #666666;line-height: 20px;margin-top: 4px;}
.teacher-industry .content .label{margin-top: 4px;}
.teacher-industry .content .teacher-tel{margin-top: 14px; background: url('../image/icon-tel.png') left center no-repeat;  font-size: 16px;    font-weight: 600;
    color: #3D3D3D;    line-height: 24px;    height: 24px;    padding-left: 26px;}


.channel-teacher-block .subsidiary.news{height: 456px;background: #F5F7F9;border-radius: 12px 12px 12px 12px;padding: 24px 20px;}
.channel-teacher-block .subsidiary .news-block{display: flex;width: 1144px;margin: 0 auto;}
.channel-teacher-block .news-content{background: #FFFFFF;width: 562px;height: 352px;border-radius: 8px 8px 8px 8px;padding-top: 24px;}
.channel-teacher-block .news-content .news-content-top{background: url('../image/pic14.png') top center no-repeat; font-size: 20px;color: #FFFFFF;line-height: 100px;height: 100px;text-align: center;}
.channel-teacher-block .news-content.article .news-content-top{background: url('../image/pic15.png') top center no-repeat; }
.channel-teacher-block .news-content .news-list{padding-top: 16px;}
.channel-teacher-block .news-content .news-list li{display: flex;line-height: 20px;font-size: 14px;margin-bottom: 13px;padding: 0 20px;}
.channel-teacher-block .news-content .news-list li span{color: #999999;}


.region{width: 100%;min-width: 1200px;background: url('../image/bg24.png') top center no-repeat;padding-top: 40px;margin-top: 40px;}
.channel-teacher-block .teacher-region{display: flex;flex-wrap: wrap;margin-right: -20px;padding-top: 36px;margin-bottom: -44px;}
.teacher-region .teacher-item{width: 224px;height: 312px;margin-right: 20px;background: #FFFFFF;border: 1px solid #EEEEEE;margin-bottom: 64px;position: relative;transition: transform .35s ease;border-radius: 8px;}
.teacher-region .teacher-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);transform: translate(0,-8px);}
.teacher-region .teacher-item:hover .avatar img{transform: scale(1.1);}
.teacher-region .teacher-item .avatar{width: 180px;height: 180px;margin-left: 22px;margin-top: -40px;overflow: hidden;border-radius: 8px;background-color:white;}
.teacher-region .teacher-item .avatar img{width: 180px;height: 180px;border-radius: 8px;transition: transform .35s ease}
.teacher-region .teacher-item .teacher-name{margin-top: 16px;text-align: center;height: 32px;overflow: hidden;}
.teacher-region .teacher-item h4{line-height: 28px;margin-bottom: 0;position: relative;display: inline-block;}
.teacher-region .teacher-item .teacher-name .union{display: inline-block;width: 71px;    height: 24px;    background: url('../image/icon-union.png') center no-repeat;  }
.teacher-region .teacher-item h4 a{font-weight: 600;font-size: 20px;color: #333333;}
.teacher-region .teacher-item .major{margin-top: 4px;font-size: 12px;font-weight: 400;color: #999999;line-height: 20px;text-align: center;padding: 0 10px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;height: 40px;}
.teacher-region .teacher-item .label{margin-top: 4px;text-align: center;}
.teacher-region .teacher-item .tel{margin-top: 12px; background: url('../image/icon-tel.png') left center no-repeat;  font-size: 16px;    font-weight: 600;
    color: #3D3D3D;    line-height: 24px;    height: 24px;    padding-left: 26px;width: 137px;margin-left:auto;margin-right:auto; }


.channel-teacher-block .subsidiary.video{height: 280px;background: #F5F7F9;border-radius: 12px 12px 12px 12px;padding: 24px 20px;}
.channel-teacher-block .video-block{display: flex;margin-right: -20px;}
.channel-teacher-block .video-item{width: 213px;margin-right: 20px;}
.channel-teacher-block .video-item .thumb{width: 213px;height: 120px;overflow: hidden;border-radius: 4px;}
.channel-teacher-block .video-item .thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.channel-teacher-block .video-item .title{font-size: 14px;line-height: 24px;margin-top: 8px;}
.channel-teacher-block .video-item .teacher{margin-top: 3px;align-items: center;}
.channel-teacher-block .video-item .teacher .avatar{width: 20px;height: 20px;margin-right: 4px;}
.channel-teacher-block .video-item .teacher .avatar img{width: 20px;height: 20px;border-radius: 10px;}
.channel-teacher-block .video-item .teacher .name{font-size: 12px;line-height: 20px;padding-top: 5px;}
.channel-teacher-block .video-item .teacher .name a{color: #666666;}

.ranking{background: #F5F7F9;padding-top: 40px;padding-bottom: 40px;margin-top: 40px;}
.channel-teacher-block .block-title .desc{font-size: 16px;color: #999999;line-height: 24px;margin-left: 32px;}
.ranking .block-content{margin-right: -40px;}
.ranking .ranking-block{width: 373px;height: 589px;background: #FFFFFF;border-radius: 12px 12px 12px 12px;margin-right: 40px;}
.ranking .ranking-block .title{font-size: 20px;color: #333333;font-weight: 600;line-height: 32px;margin:28px 28px 4px 28px;padding-bottom: 16px;border-bottom: 1px solid #EEEEEE;}
.ranking .ranking-block .ranking-teacher-list{padding: 24px 28px;}
.ranking .ranking-block .ranking-item{height: 28px;display: flex;align-items: center;margin-bottom: 16px; position: relative;}
.ranking .ranking-block .ranking-item .ranking-num{font-size: 14px;font-weight: 400;color: #3D3D3D;width: 28px;height: 28px;border: 1px solid #EEEEEE;background: #FFFFFF;border-radius:50%;text-align: center;line-height: 28px;margin-left: 12px;}
.ranking .ranking-block .ranking-item .ranking-score{font-size: 14px;font-weight: 500;color: #999;line-height: 28px;}
.ranking .ranking-block .ranking-item .ranking-info{margin-left: 25px;display: flex;}
.ranking .ranking-block .ranking-item .ranking-info .ranking-teacher-avater{border-radius: 50%;width: 60px;height: 60px;overflow: hidden; display: none;}
.ranking .ranking-block .ranking-item .ranking-info .ranking-teacher-name{font-size: 16px;font-weight: 500;color: #333333;line-height: 24px;}
.ranking .ranking-block .ranking-item .ranking-info .ranking-teacher-major{display: none;font-size: 14px;font-weight: 400;color: #999;line-height: 20px;width: 130px;}
.ranking .ranking-block .ranking-item .ranking-chat{display: none;}
.ranking .ranking-block .ranking-item .ranking-chat a{font-size: 12px;font-weight: 400;color: #FF2933;line-height: 32px;border-radius: 4px 4px 4px 4px;border: 1px solid #FF2933;display: block;height: 32px;width: 80px;text-align: center;}
.ranking .ranking-block .ranking-item .ranking-chat a:hover{background-color: #E30000;border-color:#E30000;color: white;}
.ranking .ranking-block .ranking-item.active{height: 60px;margin-bottom: 20px;margin-top: 4px;}
.ranking .ranking-block .ranking-item.active .ranking-info{margin-left: 0;}
.ranking .ranking-block .ranking-item.active .ranking-info .ranking-teacher-avater{display: block;margin-left: 4px;margin-right: 16px;}
.ranking .ranking-block .ranking-item.active .ranking-info .ranking-teacher-name{font-size: 18px;font-weight: 600;margin-top: 8px;}
.ranking .ranking-block .ranking-item.active .ranking-info .ranking-teacher-major{display: block;}
.ranking .ranking-block .ranking-item.active .ranking-num{position: absolute;color: #FFFFFF;background: #FF2933;font-size: 14px;width: 24px;height: 24px;line-height: 24px;border: 0;margin-left: 4px;top: 0}
.ranking .ranking-block .ranking-item.active .ranking-chat{display: block;}
.ranking .ranking-block .ranking-item.active .ranking-score{display: none;}

/*培训课程栏目*/
.channel-train-banner{width: 100%;min-width: 1200px;background: url('../image/bg32.png') top center no-repeat;padding-top: 20px;}
.channel-train-banner .carousel{width: 1200px;height: 300px;margin:0 auto;}
.channel-train-banner .carousel .carousel-item img{border-radius: 8px;}
.carousel .carousel-control-next,.carousel .carousel-control-prev{width: 36px;height: 76px;background: rgba(0,0,0,0.1);top: 50%;margin-top: -38px;}
.carousel .carousel-control-next:hover,.carousel .carousel-control-prev:hover{background: rgba(0,0,0,0.3);}
.carousel .carousel-control-next-icon{background-image: url('../image/carousel-control-next.png');}
.carousel .carousel-control-prev-icon{background-image: url('../image/carousel-control-prev.png');}
.channel-train-nav{background: url('../image/bg31.png') top center no-repeat;width: 1200px;height: 100px;display: flex;margin-top: 24px;}
.channel-train-nav .train-nav-title{width: 132px;height: 52px;margin-top: 24px;font-size: 20px;color: #FF2933;font-weight: 700;line-height: 52px;border-right: 2px solid #FF2933;text-align: center;}
.channel-train-nav .nav-list{padding: 20px 24px;width: 1066px;}
.channel-train-nav a{font-size: 14px;line-height: 30px;margin-right: 24px;display: inline-block;}
.channel-train-hot{margin-top: 40px;padding-bottom: 24px;}
.channel-train-hot .train-list{padding-top: 20px;margin-right: -20px;display: flex;flex-wrap: wrap;}
.channel-train-hot .train-item{width: 285px;height: 270px;margin-right: 20px;margin-bottom: 20px;background: #FFFFFF;border-radius: 8px 8px 8px 8px;border: 1px solid #EEEEEE;overflow: hidden;transition: transform .35s ease;}
.channel-train-hot .train-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);transform: translate(0,-8px);}
.channel-train-hot .train-item .thumb{width: 285px;height: 162px;overflow: hidden;}
.channel-train-hot .train-item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.channel-train-hot .train-item .title{font-size: 16px;font-weight: 600;line-height: 24px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;height: 48px;margin: 12px 12px 6px 12px;}
.channel-train-hot .train-item .info{display: flex;justify-content: space-between;padding: 0 12px;align-items: center;}
.channel-train-hot .train-item .teacher {align-items: center;}
.channel-train-hot .train-item .teacher .avatar {    width: 20px;height: 20px;  margin-right: 4px;}
.channel-train-hot .train-item .teacher .avatar img {width: 20px;height: 20px;    border-radius: 10px;}
.channel-train-hot .train-item .teacher .name {font-size: 12px;line-height: 20px;    padding-top: 5px;}
.channel-train-hot .train-item .teacher .name a {color: #666666;}
.channel-train-hot .train-item .info .price{color: #FF2933;font-size: 24px;font-weight: 700;font-family: "DIN-Bold","SF Compact Display", "PingFang SC", "Helvetica", "Arial";}
.channel-train-hot .train-item .info span{font-size: 14px;}
.channel-train-hot .train-item .hit{font-size: 14px;color: #999;line-height: 26px;}

.channel-train-block{width: 100%;min-width: 1200px;padding-top: 44px;}
.block-grey{background: #F5F7F9;}
.channel-train-block .train-list{display: flex;flex-wrap: wrap;margin-right: -24px;}
.channel-train-block .train-item{width: 384px;height: 164px;background: #FFFFFF;border-radius: 4px 4px 4px 4px;margin-right: 24px;margin-bottom: 20px;padding: 24px 16px 0 16px;transition: transform .35s ease;position: relative;overflow: hidden;}
.channel-train-block .train-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);transform: translate(0,-8px);}
.channel-train-block .train-item .title{width: 264px;font-size: 20px;line-height: 32px;}
.channel-train-block .train-item .price{font-size: 18px;font-weight: 500; line-height: 32px;color: #FF2933;font-family: "DIN-Bold","SF Compact Display", "PingFang SC", "Helvetica", "Arial";}
.channel-train-block .train-item .label{margin-top: 16px;}
.channel-train-block .train-item .jsb-label{font-size: 14px;height: 28px;line-height: 28px;padding: 0 8px;}
.channel-train-block .train-item .info{display: flex;justify-content: space-between;padding: 0 16px;margin: 16px -16px 0 -16px;height: 48px;background: linear-gradient( to right, #FCF5F5 0%, #FCFBFA 100%);align-items: center;}
.channel-train-block .train-item .teacher {align-items: center;}
.channel-train-block .train-item .teacher .avatar {    width: 24px;height: 24px;  margin-right: 4px;}
.channel-train-block .train-item .teacher .avatar img {width: 24px;height: 24px;    border-radius: 50%;}
.channel-train-block .train-item .teacher .name {font-size: 16px;line-height: 24px;    padding-top: 5px;}
.channel-train-block .train-item .teacher .name a {color: #666666;}
.channel-train-block .train-item .info .hit{font-size: 16px;color: #999999;}
.channel-train-block .channel-teacher-block{margin-top: 40px;}
.channel-train-block .channel-banner{border-radius: 8px;height: 200px;width: 1200px; overflow: hidden;margin-top: 16px;}
.channel-train-block .channel-banner img{width: 100%;height: 100%;object-fit: cover;}

/*公开课栏目*/
.channel-open-banner{background: url('../image/bg41.png') top center no-repeat;}
.channel-train-open .train-item{height: 342px;}
.channel-train-open .title span:last-child{vertical-align: middle;}
.channel-train-open .title span.label{height: 20px;line-height: 20px;background: #FF8E3B;color: #FFFFFF;font-size: 12px;display:inline-block;padding: 0 4px;border-radius: 2px;margin-right: 4px;vertical-align: middle;}
.channel-train-open .schedule{margin:0px 12px 14px 12px;padding-top: 6px;display: flex;flex-wrap: wrap;}
.channel-train-open .schedule span{font-size: 12px;color: #999999;height: 20px; line-height: 20px;max-width: 140px;margin-bottom: 4px;display: block;}
.channel-train-open .schedule span:first-child{margin-right: 16px;}
.channel-train-open .schedule span:last-child{max-width: 200px;}
.channel-train-open .hit{font-size: 12px;color: #999999;line-height: 34px;}

.channel-train-block .opencourse{margin-top: 20px;}
.channel-train-block .opencourse .train-item{height: 228px;}
.channel-train-block .opencourse .title span:last-child{vertical-align: middle;}
.channel-train-block .opencourse .title span.label{height: 28px;line-height: 28px;background: #FAEEEF;color: #FF2933;font-size: 14px;display:inline-block;padding: 0 8px;border-radius: 2px;margin-right: 4px;vertical-align: middle;margin-top: 0;}
.channel-train-block .opencourse .title{font-size: 18px;line-height: 32px;height: 64px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;}
.channel-train-block .opencourse .schedule{margin: 16px 0;}
.channel-train-block .opencourse .schedule span{color: #999999;line-height: 24px;display: block;margin-bottom: 4px;}
.channel-train-block .opencourse .info{margin: 0;padding: 0;background: linear-gradient( to right,#FCF5F5, #FCFBFA);height: 48px;padding: 12px 16px;position: absolute;width: 384px;left: 0;bottom: 0;}

/*在线课程栏目*/
.channel-online-banner{background: url('../image/bg51.png') top center no-repeat;}
.channel-online-qa{height: 56px;background: #FBF6FA;border-radius: 4px;margin-top: 40px;margin-bottom: 40px; display: flex;}
.channel-online-qa .qa-title{width: 100px;height: 32px;padding-left: 36px;font-size: 16px;color: #FF2933;font-weight: 700;line-height: 32px;background: url('../image/qa.png') left center no-repeat;margin-left: 24px;margin-top: 12px;}
.channel-online-qa .qa-list{width: 744px;height: 20px;overflow: hidden;position: relative;margin-top: 18px;margin-left: 10px;}
.channel-online-qa .qa-list ul{display: flex;flex-wrap: wrap;position: absolute;top: 0;transition: top 0.35s;list-style: disc;}
.channel-online-qa .qa-list ul li{width: 220px;margin-left: 24px;height: 20px;line-height: 20px;font-size: 12px;text-indent: -4px;}
.channel-online-qa .qa-list ul li::marker{color: #FF2933;}
.channel-online-qa .vip{position: relative;width: 200px;height: 32px;margin-right: 45px;margin-top: 12px;margin-left: auto;}
.channel-online-qa .vip .vip-t{width: 200px;height: 32px;background: linear-gradient( 91deg, #F5D7B8 0%, #F5D7B8 100%, #F5D7B8 100%);border-radius: 16px;font-size: 14px;color: #7E521D;line-height: 32px;padding-left: 46px;z-index: 5;position: absolute;left: 0;top: 0}
.channel-online-qa .vip-t:before{position: absolute;display: block;content: '';width: 30px;height: 21px; background:url('../image/iconvv.png') no-repeat;background-position:0 -2px;left:8px;top:6px; }
.channel-online-qa .vip-t:after{position: absolute;right: 8px;top: 10px; display: block; content: ''; mask: url('../image/down.svg');-webkit-mask: url('../image/down.svg');font-size: 12px;height: 12px;width: 12px;background: #7E521D;transform: rotate(-90deg);transition: transform 0.3s ease;}
.channel-online-qa .vip .downbox{position: absolute;background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);border-radius: 0px 0px 8px 8px;height: 0px;width: 200px;left: 0;top: 16px;z-index: 1;overflow: hidden;transition: height 0.3s;}
.channel-online-qa .vip .vip1{background: url('../image/icon8.png') no-repeat;background-position: 0 0; padding-left: 38px;margin-left: 16px;margin-top: 32px;}
.channel-online-qa .vip .vip2{background: url('../image/icon9.png') no-repeat;background-position: 0 0; padding-left: 38px;margin-left: 16px;margin-top: 14px;}
.channel-online-qa .vip h5{font-size: 14px;color: #333333;line-height: 20px;margin-bottom: 0;}
.channel-online-qa .vip p{margin-bottom: 0;font-size: 12px;color: #999999;line-height: 16px;}
.channel-online-qa .vip:hover .downbox{height: 180px;}
.channel-online-qa .vip:hover .vip-t:after{transform: rotate(0deg);}
.channel-online-qa .vip .know{height: 32px;width: 172px;background: #FFF0F1;border-radius: 4px;font-size: 14px;color: #FF3B3C;line-height: 32px;margin: 0 auto;cursor:pointer;text-align: center;margin-top: 14px;}

.channel-online .course-block{margin:0 -10px;}
.channel-online .course-item{width: 220px;height: 228px;;overflow: hidden;}
.channel-online .course-item .course-item-thumb{width: 220px;height: 124px;overflow: hidden;}
.channel-online .course-item .course-item-title{font-size: 14px;font-weight: 500;}
.channel-online .course-item .course-item-price{margin-top: 0;}
.channel-online .course-item .course-item-info{margin-top: 0;padding: 0;}
.channel-online-vip{padding-top: 40px;padding-bottom: 60px;}
.channel-online .vip-cards{margin-top: 24px;margin-right: -40px;}
.channel-online .vip-card{width: 373px;height: 512px;background: #FFFFFF;border-radius: 12px;border: 1px solid #EEEEEE;overflow: hidden;margin-right: 40px;}
.channel-online .vip-card .card-head{width: 373px;height: 200px;position: relative;}
.channel-online .card-free .card-head{background: url('../image/vip1.png') top center no-repeat;}
.channel-online .vip-card .name{padding:16px 0 0 20px;font-size: 20px;line-height: 32px;}
.channel-online .card-free .name{color: #939FB4;}
.channel-online .vip-card .current{font-size: 14px;color: #FFFFFF;height: 36px;width: 88px;background: linear-gradient( 270deg, #9AA3B1 0%, #818DA1 100%);border-radius: 0px 8px 0px 8px;position: absolute;right: 0;top: 0;line-height: 36px;text-align: center;}
.channel-online .vip-card .price{text-align: center;margin-top: 30px;font-size: 20px;}
.channel-online .vip-card .price div{font-size: 28px;font-weight: 500;color: #626F86;line-height: 40px;}
.channel-online .vip-card .price p{font-size: 12px;color: #939FB4;margin-bottom: 0;line-height: 20px;}
.channel-online .vip-card .vip-serve{padding: 24px;}
.channel-online .vip-card .vip-serve li{font-size: 14px;color: #333333;line-height: 24px;position: relative;width: 325px;margin-bottom: 16px;}
.channel-online .vip-card .vip-serve li:after{display: block;position: absolute;width: 20px;height: 20px;right: 0;top: 0; content: '';}
.channel-online .vip-card .vip-serve li.have:after{background: url('../image/yes.png');}
.channel-online .vip-card .vip-serve li.widthout:after{background: url('../image/no.png');}
.channel-online .card-sxy .card-head{background: url('../image/vip2.png') top center no-repeat;}
.channel-online .card-sxy .name{color: #90B5EC;}
.channel-online .card-sxy .price{margin-top: 18px;}
.channel-online .card-sxy .price div{color: #4A76D1;}
.channel-online .vip-card .price i{font-size: 16px;font-style: normal;}
.channel-online .card-sxy .price p{color: #90B5EC;text-decoration: line-through;}
.channel-online .vip-card .know{width: 309px;height: 44px;margin-left: 32px;background: #F7FDFF;border-radius: 4px 4px 4px 4px;text-align: center;line-height: 44px;margin-top: 4px;overflow: hidden;transition:transform 0.3s; }
.channel-online .vip-card .know a{display: block;height: 44px;color: #4A76D1;background: #F7FDFF;}
.channel-online .card-sxy .current{background: linear-gradient( 270deg, #77AFF7 0%, #5473F0 100%);}
.channel-online .card-senior .card-head{background: url('../image/vip3.png') top center no-repeat;}
.channel-online .card-senior .name{color: #DA954D;}
.channel-online .card-senior .price{margin-top: 18px;}
.channel-online .card-senior .price div{color: #874115;}
.channel-online .card-senior .price p{color: #DA954D;text-decoration: line-through;}
.channel-online .card-senior .know a{color: #835019;background: #FFF8EC;}
.channel-online .card-sxy .know:hover{box-shadow:0px 4px 8px 0 #5A7DF1 10%; transform: translate(0,-4px);}
.channel-online .card-senior .know:hover{box-shadow:0px 4px 8px 0 #D68B3F 10%; transform: translate(0,-4px);}

/*讲师头条*/
.channel-news{background:#F5F7F9 url('../image/bg61.png') top center no-repeat;}
.channel-train-banner.channel-news .carousel{width: 600px;height: 340px;border-radius: 8px;overflow: hidden;}
.channel-news .carousel h5{height: 80px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.9) 100%);font-size: 20px;font-weight: 500;color: #FFFFFF;line-height: 36px;position: absolute;bottom: 0;width: 600px;padding: 28px 24px 16px 24px;margin-bottom: 0;}
.channel-news .carousel .carousel-item{width: 600px;height: 340px;overflow: hidden;}
.channel-news .carousel .carousel-item img{width: 100%;height: 100%;object-fit: cover;}
.channel-news .center-news{width: 254px;margin:0 20px;}
.channel-news .center-news-item{width: 254px;height: 160px;border-radius: 8px;overflow: hidden;position: relative;}
.channel-news .center-news-item:last-child{margin-top: 20px;}
.channel-news .center-news-item h5{position: absolute;margin-bottom: 0;width: 254px;height: 40px;padding: 8px 12px 4px 12px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 18%, rgba(0,0,0,0.9) 100%);font-size: 16px;color: #FFFFFF;line-height: 28px;bottom: 0;}
.channel-news .center-news-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s;}
.channel-news .center-news-item:hover img{transform: scale(1.1);}
.channel-news .topic{width: 306px;height: 340px;background: #FFFFFF;border-radius: 8px;overflow: hidden;}
.channel-news .topic .topic-top{height: 152px;padding: 16px;}
.channel-news .topic .topic-top h5{font-size: 20px;line-height: 32px;font-weight: 500;margin-bottom: 0;color: white;height: 32px;}
.channel-news .topic .topic-top h5 a{color: white;}
.channel-news .topic .topic-top p{font-size: 12px;color: #FFFFFF;line-height: 20px;margin-bottom: 0;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;height: 40px;margin-top: 14px;}
.channel-news .topic .topic-top1{background: url('../image/bg62.png') top center no-repeat;}
.channel-news .topic .topic-top2{background: url('../image/bg63.png') top center no-repeat;}
.channel-news .topic .topic-top3{background: url('../image/bg64.png') top center no-repeat;}
.channel-news .topic .topic-top4{background: url('../image/bg65.png') top center no-repeat;}
.channel-news .topic .topic-top5{background: url('../image/bg66.png') top center no-repeat;}
.channel-news .topic .topic-top6{background: url('../image/bg67.png') top center no-repeat;}
.channel-news .topic .info{margin-top: 10px;font-size: 12px;color: rgba(255,255,255,0.6);}
.channel-news .topic .info a{color: rgba(255,255,255,0.6);}
.channel-news .topic .topic-list{padding: 16px;}
.channel-news .topic .topic-list li{margin-bottom: 16px;}
.channel-news .topic .topic-list h5{font-size: 15px;line-height: 24px;margin-bottom: 0;height: 24px;}
.channel-news .topic .topic-list .info{font-size: 12px;line-height: 16px;color: #999999;margin-top: 0;height: 16px;}
.channel-news .main-block{margin-top: 16px;}
.channel-news .left-block{width: 874px;margin-right: 20px;padding-bottom: 20px;}
.channel-news .content-nav{height: 52px;background: #FFFFFF;border-radius: 4px;padding-left: 28px;padding-top: 16px;}
.channel-news .content-nav a{font-size: 16px;line-height: 28px;display: inline-block;height: 28px;width: 64px;margin-right: 44px;position: relative;}
.channel-news .content-nav a.active:after{position: absolute;width: 64px;height: 4px;background: #FF4B4B;bottom: -8px;display: block;content: '';}
.channel-news .content-block{margin-top: 16px;}
.channel-news .news-list{display: none;}
.channel-news .news-list.show{display: block;}
.channel-news .news-list .more{height: 44px;line-height: 44px; background: #FFFFFF;border-radius: 4px;text-align: center;}
.channel-news .news-list .more a{font-size: 14px;color: #FF4B4B;}
.news-list .news-item{width: 874px;height: 164px;background: #FFFFFF;margin-bottom: 16px;padding: 24px;display: flex;border-radius: 4px;}
.news-list .news-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);}
.news-list .news-item .thumb:hover  img{transform: scale(1.1);}
.news-list .news-item .thumb{width: 180px;height: 120px;border-radius: 4px;overflow: hidden; margin-right: 16px;}
.news-list .news-item .thumb img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s;}
.news-list .news-item .body{width: 630px;}
.news-list .news-item .body h5{font-size: 20px;line-height: 32px;margin-bottom: 0;}
.news-list .news-item .body p{margin-bottom: 0;font-size: 14px;color: #999999;line-height: 20px;height: 40px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;margin-top: 14px;}
.news-list .news-item .body .info{align-items: center;margin-top: 10px;}
.news-list .news-item .body .info .hit{font-size: 12px;color: #999999;line-height: 24px;margin-left: 16px;padding-top: 7px;}
.news-list .news-item .body .info .jsb-label{font-size: 14px;height: 28px;line-height: 28px;padding: 0 8px;}

.news-list .news-item .body .teacher {align-items: center;}
.news-list .news-item .body .teacher .avatar {width: 24px;height: 24px;  line-height: 20px;   border-radius: 50%;margin-right: 4px;overflow: hidden;}
.news-list .news-item .body .teacher .avatar img {width: 100%;height: 100%; transition: transform .35s ease;}
.news-list .news-item .body .teacher .avatar:hover img{ transform: scale(1.3);}
.news-list .news-item .body .teacher .name {font-size: 12px;line-height: 24px;    padding-top: 5px;margin-left: 6px;}
.news-list .news-item .body .teacher .name a {color: #666666;}
.news-list .news-item .body .teacher .name a:hover{color: #FF2932;}

.channel-news .right-block,.search-page .right-block{width: 306px;}
.channel-news .teacher-block{background: #FFFFFF;border-radius: 4px;padding: 16px;margin-bottom: 16px;}
.right-block h4{height: 28px;line-height: 28px;font-size: 16px;color: #333333;position: relative;font-weight: 500;margin-bottom: 0;}
.right-block h4:after{width: 64px;height: 4px;background: #FF4B4B;display: block;content: '';position: absolute;bottom: -2px;}
.right-block .more a{font-size: 12px;color: #999999;}
.right-block .teacher-block ul{padding-top: 20px;}
.right-block .teacher-block li{display: flex;margin-bottom: 16px;border-bottom: 1px solid #EEEEEE;padding-bottom: 16px;}
.right-block .teacher-block li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.right-block .teacher-block .avatar{width: 60px;height: 60px;border-radius: 4px;margin-right: 12px;overflow: hidden;}
.right-block .teacher-block .info{width: 202px;}
.right-block .teacher-block .info h5{font-size: 16px;display: inline-block;position: relative;margin-bottom: 0;line-height: 24px;}
.right-block .teacher-block .info h5.union:after{display: block;
    position: absolute;
    content: '';
    width: 71px;
    height: 24px;
    background: url('../image/icon-union.png') center no-repeat;
    right: -78px;
    top: -1px;}
.right-block .teacher-block .info .label{margin-top: 10px;height: 24px;overflow: hidden;}
.right-block .teacher-block .info p{font-size: 12px;color: #999999;line-height: 20px;height: auto;max-height: 40px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;margin-bottom: 0;margin-top: 8px;}
.channel-news .sitenews-block{background: #FFFFFF;border-radius: 4px;padding: 16px;}
.channel-news .sitenews-block ul{padding-top: 20px;}
.right-block .block-title{border-bottom: 1px solid #EEEEEE;padding-bottom: 2px;}
.channel-news .sitenews-block li{margin-bottom: 24px;}
.channel-news .sitenews-block li:last-child{margin-bottom: 0px;}
.channel-news .sitenews-block h5{font-size: 16px;line-height: 28px;height: auto;max-height: 56px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;}
.channel-news .sitenews-block .info{font-size: 12px;color: #999999;margin-top: 10px;}
.channel-news .sitenews-block .info span{margin-right: 16px;}

/*搜索栏目*/
.search-header .top-search-box input{width: 383px;}
.search-main{width: 100%;min-width: 1200px;background: #F5F7F9 url('../image/bg72.png') top center no-repeat	;padding-top: 24px;padding-bottom: 20px;}
.search-main .search-model{height: 52px;background: #FFFFFF;border-radius: 4px;padding-left: 28px;padding-top: 16px;}
.search-main .search-model a{font-size: 16px;line-height: 28px;display: inline-block;height: 28px;width:auto;margin-right: 44px;position: relative;}
.search-main .search-model a.active{color: #FF4B4B;}
.search-main .search-model a.active:after{position: absolute;width: 64px;height: 4px;background: #FF4B4B;bottom: -8px;display: block;content: '';}
.search-main .search-screen{background: #FFFFFF;border-radius: 4px;margin-top: 16px;padding: 24px;}
.search-screen-domain{display: flex;}
.search-screen-type{width: 70px;font-size: 14px;color: #999999;line-height: 28px;}
.search-screen-block{width: 1060px;margin-left: 8px;}
.search-screen-block .more-city{display: inline-block;position: relative;}
.search-screen-block .more-city-block{position: absolute;width: 290px;height: 260px;z-index: 900;}
.search-screen-block .more-city-block .list-box{width: 140px;padding:4px; height: 260px;background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 4px;margin-right: 2px;overflow-y: scroll;
	&::-webkit-scrollbar {
	    width: 2px;
	    height: 2px;
	}
	 
	&::-webkit-scrollbar-thumb {
	    border-radius: 2px;
	    background: #CCCCCC;
	}
	 
	&::-webkit-scrollbar-track {
	    background: white;
	}}
.search-screen-list{display: flex;flex-wrap: wrap;margin-top: -4px;padding: 0 4px;}
.search-screen-block a{display: block;height: 28px;padding: 0 12px;margin: 4px;font-size: 14px;line-height: 28px;}
/*.search-screen-block .domain-list a{width: 80px;white-space: nowrap;}*/
.search-screen-block a span{margin: 6px 0px 0px 0px; display: inline-block;
    content: '';
    mask: url('../image/sanjiao.svg');
    -webkit-mask: url('../image/sanjiao.svg');
    font-size: 12px;
    height: 12px;
    width: 12px;
    background-color: #333;}
.search-screen-block a.active{background: #FFF1F0;border-radius: 2px;color: #FF2932;}
.search-screen-block a.more:hover,.search-screen-block a.more.active{background: #FFF1F0;}
.search-screen-block a.more:hover span{background-color: #FF2932;}
.search-screen-block a.more.active span{background-color: #FF2932;}
.search-screen-block .more-city-block .list-box li{height: 32px;padding-left: 8px;position: relative;}
.search-screen-block .more-city-block .list-box li a{margin: 0;line-height: 32px;}
.search-screen-block .more-city-block .list-box li.active{background: #FFF1F0;border-radius: 2px}
.search-screen-block .more-city-block .list-box li:hover{background: #FFF1F0;border-radius: 2px}
.search-screen-block .more-city-block .list-box li.active a{color: #FF2932;}
.search-screen-block .more-city-block .list-box li.active::after{display: block;content: '';
    mask: url('../image/sanjiao.svg');
    -webkit-mask: url('../image/sanjiao.svg');
    font-size: 12px;
    height: 12px;
    width: 12px;
    background-color: #CCCCCC;
    position: absolute;
    top: 10px;
    right: 4px;transform: rotate(-90deg);
  }

.search-screen-list-son{width: 1074px;background: #F3F3F7;border-radius: 4px;display: flex;flex-wrap: wrap;margin-top: 4px;padding: 10px 4px;}
.search-screen-city{display: flex;margin-top: 16px;}
.search-content{display: flex;margin-top: 32px;}
.search-content .search-result-blcok{width: 874px;}
.search-content .search-result-msg{width: 874px;height: 56px;background: #FFFFFF;border-radius: 4px;font-size: 16px;color: #333333;line-height: 56px;padding: 0 20px;display: flex;}
.search-content .search-result-msg a{font-size: 12px;color: #999;}
.search-content .search-result-msg a:hover{color: #FF2933;}
.search-content .search-result-msg span{color: #FF2933;}
.search-content .search-result-list{padding:20px 0;}
.search-result-list .teacher-item{width: 874px;background: #FFFFFF;border-radius: 4px;margin-bottom: 16px;padding: 24px;display: flex;min-height: 240px;}
.search-result-list .teacher-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);}
.search-result-list .teacher-item .avatar{width: 120px;height: 120px;border-radius: 4px;overflow: hidden;}
.search-result-list .teacher-item .content{margin: 0 24px;width: 440px;}
.search-result-list .teacher-item .content h4{height: 36px;font-size: 24px;line-height: 36px;font-weight: 500;display: inline-block;        margin-bottom: 0;}
.search-result-list .teacher-item .content h4.union a{position: relative;}
.search-result-list .teacher-item .content h4.union a:after {
    display: block;
    position: absolute;
    content: '';
    width: 71px;
    height: 24px;
    background: url('../image/icon-union.png') center no-repeat;
    right: -78px;
    top: 4px;
}
.search-result-list .teacher-item .content h4 span.subsidy{background-color: #FF2932;height: 26px;border-radius: 11px;padding: 4px 10px;color: white;font-size: 12px;margin-left: 12px;}
.search-result-list .teacher-item .content h4 span.subsidy.complete{background-color: #ff7a45;}
.search-result-list .teacher-item .content h4.union span{margin-left: 90px;}
.search-result-list .teacher-item .content .major{
	font-size: 14px;color: #999999;line-height: 24px;margin-top: 4px;}
.search-result-list .teacher-item .content .basic{display: flex;font-size: 14px;color: #333333;padding: 6px 0px;margin-top: 16px;}
.search-result-list .teacher-item .content .basic span{color: #FF2933;}
.search-result-list .teacher-item .content .basic .data{border-right: 1px solid #D8D8D8;padding-right: 12px;margin-right: 12px;height: 12px;line-height: 12px;}
.search-result-list .teacher-item .content .basic .data:last-child{border-right: 0;}
.search-result-list .teacher-item .content .desc{font-size: 14px;color: #333333;margin-top: 8px;line-height: 24px;}
.search-result-list .teacher-item .content .desc a{color: #999;float: right;}
.search-result-list .teacher-item .content .desc a:hover{color: #FF2933;}
.search-result-list .teacher-item .content .desc a span{margin: 6px 0px 0px 0px;
    display: inline-block;
    content: '';
    mask: url('../image/down.svg');
    -webkit-mask: url('../image/down.svg');
    mask-position:-1px 0;
    font-size: 12px;
    height: 12px;
    width: 12px;
    background-color: #999;
    transform: rotate(-90deg);}
    .search-result-list .teacher-item .content .desc a:hover span{background-color: #FF2933;}
.search-result-list .teacher-item .content .course{margin-top: 16px;font-size: 14px;color: #666666;line-height: 24px;display: flex;}
.search-result-list .teacher-item .content .course .t{color: #999999;}
.search-result-list .teacher-item .content .course .c{width: 280px;}
.search-result-list .teacher-item .content .course span a{color: #FF2933;}
.search-result-list .teacher-item .content .domain{margin-top: 8px;font-size: 14px;color: #666666;line-height: 24px;height: 24px;}
.search-result-list .teacher-item .content .domain span{color: #999999;}
.search-result-list .teacher-item .extend {width: 210px;margin-left: auto;text-align: right;position: relative;}
.search-result-list .teacher-item .extend .score{font-size: 14px;color: #999999;margin-top: 40px;}
.search-result-list .teacher-item .extend .score span{font-size: 28px;color: #FF2933;font-weight: 700;font-family: "DIN-Bold","SF Compact Display", "PingFang SC", "Helvetica", "Arial";}
.search-result-list .teacher-item .extend .score_desc{font-size: 14px;color: #999999;line-height: 24px;}
.search-result-list .teacher-item .extend .tel{font-size: 24px;color: #333;line-height: 36px;background: url('../image/icon-tel.png') left center no-repeat;padding-left: 26px;font-family: "DIN-Bold","SF Compact Display", "PingFang SC", "Helvetica", "Arial";font-weight: 700;position: absolute;top: 136px;right: 0;}
.search-result-list i{color: #FF2932;font-style: normal;}
.search-content .search-page{height: 54px;background: #FFFFFF;border-radius: 4px;}
.search-content .search-guess{margin-top: 60px;padding-bottom: 30px;}
.search-content .search-guess .guess-title{display: flex;justify-content: space-between;align-items: center;}
.search-content .search-guess .guess-title h4{font-size: 24px;color: #333333;line-height: 40px;font-weight: 500;}
.search-content .search-guess .change a{font-size: 14px;color: #999999;display: block;position: relative;padding-left: 16px;}
.search-content .search-guess .change a span{margin: 0px 6px 0px 0px;
    display: block;
    content: '';
    mask: url('../image/redo.svg');
    -webkit-mask: url('../image/redo.svg');
    mask-position:0 0;
    font-size: 12px;
    height: 12px;
    width: 12px;
    background-color: #999;
    position: absolute;left: -3px;top: 4px;}
.search-content .search-guess .change a:hover{color: #FF2933;}
.search-content .search-guess .change a:hover span{background-color:#FF2933;}
.search-content .search-guess .change a span.turn {animation: turn .5s linear infinite;}
@keyframes turn{
	0% {transform: rotate(0deg);}
	25% {transform: rotate(90deg);}
	50% {transform: rotate(180deg);}
	75% {transform: rotate(270deg);}
	100% {transform: rotate(360deg);}
}
.search-content .search-guess .guess-content{width: 874px;background: #FFFFFF;border-radius: 4px;padding: 12px;display: flex;flex-wrap: wrap;}
.search-content .search-guess .guess-course-item{width: 260px;margin: 11px;}
.search-content .search-guess .guess-course-item .thumb{width: 260px;height: 150px;border-radius: 4px;overflow: hidden;}
.search-content .search-guess .guess-course-item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.search-content .search-guess .guess-course-item .title{margin-top: 12px;font-size: 16px;line-height: 24px;}
.search-content .search-guess .guess-course-item .info{display: flex;justify-content: space-between;margin-top: 12px;align-items: center;}
.search-content .search-guess .guess-course-item .study{font-size: 14px;color: #999999;line-height: 20px;}
.search-content .search-guess .guess-course-item .price{font-size: 20px;color: #FF2933;line-height: 20px;font-weight: 500;}
.search-content .search-guess .guess-course-item .price span{font-size: 12px;font-weight: 400;}
.search-content .search-guess .guess-content.training{background: #F5F7F9;padding: 12px 0;margin: 0 -10px;width: 894px;}
.search-content .search-guess .guess-train-item{width: 427px;height: 172px;margin:10px; background: #FFFFFF; border-radius: 4px;padding: 24px 16px 12px 16px;    transition: transform .35s ease;    position: relative;}
.search-content .search-guess .guess-train-item:hover {    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);    transform: translate(0,-8px);}
.search-content .search-guess .guess-train-item .title { font-size: 20px;line-height: 32px;}
.search-content .search-guess .guess-train-item .label{margin-top: 16px;}
.search-content .search-guess .guess-train-item .jsb-label{font-size: 14px;height: 28px;line-height: 28px;padding: 0 8px;}
.search-content .search-guess .guess-train-item .label i{color: #FF2933;font-style: normal;}
.search-content .search-guess .guess-train-item .info{display: flex;justify-content: space-between;padding: 0 12px;margin-top: 16px;}
.search-content .search-guess .guess-train-item .teacher {align-items: center;}
.search-content .search-guess .guess-train-item .teacher .avatar {    width: 24px;height: 24px;  margin-right: 4px;}
.search-content .search-guess .guess-train-item .teacher .avatar img {width: 24px;height: 24px;    border-radius: 50%;}
.search-content .search-guess .guess-train-item .teacher .name {font-size: 16px;line-height: 24px;    padding-top: 5px;}
.search-content .search-guess .guess-train-item .price{font-size: 24px;color: #FF2933;font-weight: 500;}
.search-content .search-guess .guess-train-item .price i{font-size: 14px;font-weight: 400;font-style: normal;}


.search-page {padding-top: 14px;display: flex;justify-content: center;}
.search-page .pagination{}
.search-page .pagination .page-item .page-link{border: 1px solid #EEEEEE;font-size: 14px;padding: 0 8px;height: 26px;line-height: 26px; border-radius: 3px;background: #FFFFFF;color: #333333;}
.search-page .pagination .page-item{margin-right: 4px;}
.search-page .pagination .page-item.disabled .page-link{color: #999999;}
.search-page .pagination .page-item.active .page-link,.search-page .pagination .page-item .page-link:hover{color:white;background: #FF2933;}
.search-main .right-block {width: 306px;margin-left: 20px;}
.search-main .content-block{background: #FFFFFF;border-radius: 4px;padding: 16px;width: 306px;margin-bottom: 16px;}
.search-main .article-block{background: #FFFFFF;border-radius: 4px;padding: 16px;width: 306px;}
.search-main .article-block ul{padding-top: 20px;}
.search-main .article-block li{margin-bottom: 12px;border-bottom: 1px solid #EEEEEE;padding-bottom: 12px;}
.search-main .article-block li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom:0;}
.search-main .article-block h5{font-size: 16px;line-height: 28px;height: auto;max-height: 56px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;}
.search-main .article-block .article-list .desc{font-size: 12px;line-height: 20px;color: #666666;max-height: 40px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;}
.search-main .article-block .article-list .info{font-size: 12px;color: #999999;margin-top: 10px;}
.search-main .article-block .article-list .teacher {align-items: center;}
.search-main .article-block .article-list .teacher .avatar {width: 24px;height: 24px;  margin-right: 4px;}
.search-main .article-block .article-list .teacher .avatar img {width: 24px;height: 24px;    border-radius: 50%;}
.search-main .article-block .article-list .teacher .name {font-size: 12px;line-height: 24px;    padding-top: 5px;margin-left: 6px;}
.search-main .article-block .article-list .teacher .name a {color: #666666;}
.search-main .topic-list{padding-top: 20px;}
.search-main .topic-list a{display: inline-block;height: 32px;line-height: 32px;padding: 0 8px;font-size: 14px;background: #F5F7F9;border-radius: 2px;margin-bottom: 12px;margin-right: 12px;}
.search-main .topic-list a:hover{background: #FFF1F0;}
.search-none{background: white;border-radius: 4px; text-align: center;padding-top: 40px;padding-bottom: 40px;margin-top: 16px;position: relative;}
.search-none .result-none{width: 410px;height: 202px;background: white;margin: 0 auto;}
.search-none .msg span{color: #FF2933;}
.search-none .msg{margin: 24px 0;font-size: 18px;color: #333333;line-height: 28px;}
.search-none .suggest{margin-bottom: 12px;font-size: 16px;color: #666666;line-height: 28px;}
.search-none .suggest a{color: #666666;}
.search-none .suggest a:hover{color: #FF2933;}
.search-none .suggest a.kefu{background: url('../image/comm.png') left center no-repeat;padding-left: 20px;color: #FF2933;}
.search-none .jiangshi-join{position: absolute;bottom: -25px;right: 0;font-size: 14px;color: #666666;}
.search-none .jiangshi-join:hover{color: #FF2933;}
.search-none-bottom{height: 150px;}

.search-result-list .training-item{width: 874px;background: #FFFFFF;border-radius: 4px;margin-bottom: 16px;padding: 24px;}
.search-result-list .training-item .title{height: 36px;line-height: 36px;font-size: 24px;}
.search-result-list .training-item .d-flex .title{width: 700px;}
.search-result-list .training-item .price{font-size: 24px;color: #FF2933;line-height: 36px;font-weight: 500;}
.search-result-list .training-item .price span{font-size: 14px;font-weight: 400;}
.search-result-list .training-item .price span.free{font-size: 18px;font-weight: 500;}
.search-result-list .training-item .schedule{font-size: 14px;line-height: 24px;color: #666666;margin-top: 24px;border-bottom: 1px solid #EEEEEE;padding-bottom: 16px;margin-bottom: 16px;}
.search-result-list .training-item .schedule span:last-child{margin-left: 120px;}
.search-result-list .training-item .desc{height: 48px;line-height: 24px;font-size: 14px;color: #999999;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;margin-top: 16px;margin-bottom: 24px;}
.search-result-list .training-item .teacher {align-items: center;}
.search-result-list .training-item .teacher .avatar {    width: 40px;height: 40px;  margin-right: 8px;}
.search-result-list .training-item .teacher .avatar img {width: 40px;height: 40px;    border-radius: 50%;}
.search-result-list .training-item .teacher .name {font-size: 16px;line-height: 24px;    padding-top: 5px;position: relative;}
.search-result-list .training-item .teacher .name.union:after{display: block;    position: absolute;  content: '';    width: 71px;    height: 24px;    background: url('../image/icon-union.png') center no-repeat;    right: -78px;    top: 5px;}
.search-result-list .training-item .teacher .name a {color: #666;}
.search-result-list .training-item .info{font-size: 14px;color: #666;display: flex;margin-left: auto;padding-top: 10px;line-height: 28px;}
.search-result-list .training-item .info .period span{color: #FF2933;}
.search-result-list .training-item .info .hits span{color: #FF2933;}
.search-result-list .training-item .info .hits{margin-left: 24px;margin-right: 24px;}
.search-result-list .training-item .info .jsb-label{font-size: 14px; height: 28px;line-height: 28px;  padding: 0 8px;}
.search-result-list.course{display: flex;flex-wrap: wrap;margin-right: -10px;margin-left: -10px;margin-top: 0;}
.search-result-list.course .course-item{width: 278px;height: 330px;}
.search-result-list.course .course-item .course-item-thumb{width: 278px;height: 158px;}
.search-result-list.course .course-item .course-item-title{font-weight: 400;line-height: 28px;height: 56px;}
.search-result-list.course .course-item .label{padding: 8px 12px;}
.search-result-list.course .course-item .jsb-label{font-size: 14px;height: 28px;line-height: 28px;padding: 0 8px;}
.search-result-list.course .course-item .course-item-price{margin-top: 16px;}
.search-result-list.course .course-item .course-item-info{font-size: 14px;color: #999;}

.search-main .search-banner{margin-top: 20px;width: 874px;display: flex;}
.search-main .search-banner .banner-img{width: 427px;height: 97px;background: #D8D8D8;border-radius: 4px;overflow: hidden;}

.domain-header{width: 100%;min-width: 1200px;height: 400px;background: #D8D8D8;background: url('../image/bg171.png') top center no-repeat;}
.domain-header .header-block{padding-top: 56px;position: relative;height: 400px;}
.domain-header .header-block h1{font-size: 32px;color: #333333;font-weight: 700;line-height: 72px;margin-left: 40px;}
.domain-header .header-block h1 span{display: inline-block;height: 20px;width: 20px;background: url('../image/domain-more.png') center no-repeat;margin-left: 8px;cursor: pointer;}
.domain-header .domain-list{width: 582px;height: 256px;background: #FFFFFF;box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;border: 1px solid #EEEEEE;position: absolute;top: 60px;padding: 14px 6px;z-index: 20;flex-wrap: wrap;left: 265px;}
.domain-header .domain-list a{height: 36px;padding: 0 12px;margin-right: 32px;padding-left: 46px;line-height: 36px;color: #3D3D3D;font-size: 14px;position: relative;display:block;margin-bottom: 12px;min-width: 114px;}
.domain-header .domain-list a:nth-child(4n+0){margin-right: 0;}
.domain-header .domain-list a:hover{background: #FFF1F0;color: #FF2933;border-radius: 4px 4px 4px 4px;}
.domain-header .domain-list a:before{display: block;width: 28px;height: 28px;position: absolute;top: 4px;left: 12px;background-image: url('../image/icon-domains.png');background-repeat: no-repeat;background-size: 560px 28px;content: '';}
.domain-header .domain-list a.domain-2:before{background-position:-29px 0}
.domain-header .domain-list a.domain-129:before{background-position:-57px 0}
.domain-header .domain-list a.domain-60:before{background-position:-85px 0}
.domain-header .domain-list a.domain-86:before{background-position:-113px 0}
.domain-header .domain-list a.domain-48:before{background-position:-141px 0}
.domain-header .domain-list a.domain-98:before{background-position:-169px 0}
.domain-header .domain-list a.domain-183:before{background-position:-197px 0}
.domain-header .domain-list a.domain-1:before{background-position:-225px 0}
.domain-header .domain-list a.domain-73:before{background-position:-253px 0}
.domain-header .domain-list a.domain-7:before{background-position:-281px 0}
.domain-header .domain-list a.domain-20:before{background-position:-309px 0}
.domain-header .domain-list a.domain-92:before{background-position:-337px 0}
.domain-header .domain-list a.domain-120:before{background-position:-365px 0}
.domain-header .domain-list a.domain-43:before{background-position:-393px 0}
.domain-header .domain-list a.domain-81:before{background-position:-421px 0}
.domain-header .domain-list a.domain-160:before{background-position:-449px 0}
.domain-header .domain-list a.domain-109:before{background-position:-477px 0}
.domain-header .domain-list a.domain-134:before{background-position:-505px 0}
.domain-header .domain-list a.domain-138:before{background-position:-533px 0}

.domain-header .header-block .desc{font-size: 14px;color: #333333;line-height: 28px;width: 600px;height: 112px;margin-left: 40px;}
.domain-header .header-block .subclass{width: 1080px;height: 112px;background: rgba(254,248,248,0.8);border-radius: 12px 12px 0px 0px;position: absolute;bottom: 0;left: 60px;padding: 24px;}
.domain-header .header-block .subclass a{font-size: 14px;line-height: 24px;margin-right: 36px;display: inline-block;margin-bottom: 16px;}
.domain-header .header-block .subclass a.active{color: #FF2932;}
.domain-block{padding-top: 40px;padding-bottom: 40px;}
.domain-block .block-title{width: 460px;height: 64px;margin: 0 auto;position: relative;margin-bottom: 36px;}
.domain-block .block-title h4{font-size: 32px;font-weight: 500;color: #333333;line-height: 64px;text-align: center;margin-bottom: 0;}
.domain-block .block-title span.left-s1{display: block;position: absolute;left: -96px;top: 31px; width: 60px;height: 2px;background: #FF2933;}
.domain-block .block-title span.right-s1{display: block;position: absolute;right: -96px;top: 31px; width: 60px;height: 2px;background: #FF2933;}
.domain-block .block-title span.left-s2{display: block;position: absolute;left: -20px;top: 20px; width: 4px;height: 24px;background: #FF2933;}
.domain-block .block-title span.right-s2{display: block;position: absolute;right: -20px;top: 20px; width: 4px;height: 24px;background: #FF2933;}
.domain-block .block-title span.left-s3{display: block;position: absolute;left: -4px;top: 12px; width: 4px;height: 40px;background: #FF2933;}
.domain-block .block-title span.right-s3{display: block;position: absolute;right: -4px;top: 12px; width: 4px;height: 40px;background: #FF2933;}
.domain-block .block-content{border-radius: 12px;}
.domain-block .block-content.teacher-list{padding: 20px 16px;display: flex;flex-wrap: wrap;}
.domain-block .teacher-list .teacher-item{width: 365px;height: 192px;background: #FFFFFF;border-radius: 8px;padding: 20px;margin: 12px;transition: transform .35s ease;}
.domain-block .teacher-list .teacher-item:hover{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);transform: translate(0,-8px);}
.domain-block .teacher-list .teacher-item .avatar{width: 120px;height: 120px;border-radius: 4px;overflow: hidden;}
.domain-block .teacher-list .teacher-item .avatar img{transition: transform .35s ease;}
.domain-block .teacher-list .teacher-item .avatar img:hover{ transform: scale(1.2);}
.domain-block .teacher-list .teacher-item .content{width: 200px;margin-top: 4px;margin-left: 16px;}
.domain-block .teacher-list .teacher-item .content h4{font-size: 20px;font-weight: 600;color: #333333;line-height: 32px;display: inline-block;position: relative;margin-bottom: 0;}
.domain-block .teacher-list .teacher-item .content h4.union:after{display: block;    position: absolute;
    content: '';    width: 71px;    height: 24px;    background: url('../image/icon-union.png') center no-repeat;    right: -78px;    top: -1px;}
.domain-block .teacher-list .teacher-item .content .major{font-size: 14px;color: #999;line-height: 24px;margin-top: 4px;}
.domain-block .teacher-list .teacher-item .content .label{margin-top: 24px;}
.domain-block .teacher-list .teacher-item .content .label .jsb-label{font-size: 14px;height: 28px;line-height: 28px;padding: 0 8px;}
.domain-block .teacher-list .teacher-item .teachquantity,.domain-block .teacher-list .teacher-item .city{font-size: 14px;line-height: 24px;color: #666666;padding-top: 16px;}
.domain-block .teacher-list .teacher-item .teachquantity span{color: #FF2732;}
.domain-block a.more{display: block; width: 180px;height: 44px;line-height: 44px; background: #FF2933;border-radius: 4px;margin: 0 auto;text-align: center;color: white;margin-top: 40px;}
.domain-block.online-course{width: 100%;min-width: 1200px;background: url('../image/bg172.png') top center no-repeat;}
.domain-block .block-content.home-online-course{display: flex;flex-wrap: wrap;padding: 24px 12px;}
.domain-block .home-online-course .course-item{width: 278px;height: 330px;margin: 8px;border-radius: 8px;overflow: hidden;border: 1px solid #EEEEEE;}
.domain-block .home-online-course .course-item .course-item-thumb{width: 278px;height: 158px;}
.domain-block .home-online-course .course-item .label{padding: 8px 12px;}
.domain-block .home-online-course .course-item .jsb-label{font-size: 14px;height: 28px;line-height: 28px;padding: 0 8px;}
.domain-block .home-online-course .course-item .course-item-price{margin-top: 16px;}
.domain-block .home-online-course .course-item .course-item-info{color: #999999;font-size: 14px;margin-top: 0;}
.domain-block .train-block{margin-top: 36px;padding: 24px;}
.domain-block .train-block .train-right-block{margin-left: 20px;}
.domain-block .search-result-list.train-left-block .training-item{width: 814px;height: 212px;margin-bottom: 20px;}
.domain-block .search-result-list.train-left-block .title{width: 620px;}
.domain-block .search-result-list.train-right-block .training-item{width: 318px;height: 328px;margin-bottom: 20px;}
.domain-block .search-result-list.train-right-block .training-item .title{height: 72px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;}
.domain-block .search-result-list.train-right-block .info{white-space: nowrap;margin-top: 20px;}
.domain-block .search-result-list.train-right-block .info .hits{margin: 0 16px;}
.domain-block .search-result-list.train-right-block .teacher-info{margin-top: 40px;}
.domain-block.video-block{width: 100%;min-width: 1200px;background:url('../image/bg173.png') top center no-repeat;}
.domain-block .block-content.video-list{padding: 24px;}
.domain-block .video-list .left-block{width: 450px;height: 388px;background: #F5F7F9;border-radius: 8px;overflow: hidden;}
.domain-block .video-list .left-block .avatar{width: 450px;height: 260px;overflow: hidden;}
.domain-block .video-list .left-block .avatar img{width: 100%;height: 100%;object-fit: cover;}
.domain-block .video-list .left-block .title{font-size: 18px;font-weight: 500;line-height: 28px;margin: 16px 16px 8px 16px;}
.domain-block .video-list .left-block .desc{font-size: 14px;color: #999999;line-height: 28px;margin: 0 16px;}
.domain-block .video-list .left-block .info{margin:16px 16px 0 16px;}
.domain-block .video-list .left-block .teacher{font-size: 14px;color: #666666;line-height: 20px;}
.domain-block .video-list .left-block .teacher a{color: #666666;}
.domain-block .video-list .left-block .jsb-label{font-size: 14px;}
.domain-block .video-list .right-block{display: flex;flex-wrap: wrap;width: 702px;}
.domain-block .video-list .right-block .video-item{width: 214px;height: 186px;background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 8px;overflow: hidden;margin-left: 20px;margin-bottom: 16px;}
.domain-block .video-list .video-item .avatar{width: 214px;height: 122px;overflow: hidden;}
.domain-block .video-list .video-item .avatar img{width: 100%;height: 100%;object-fit: cover;}
.domain-block .video-list .video-item .title{font-size: 14px;line-height: 24px;margin: 8px 8px 4px 8px;}
.domain-block .video-list .video-item .hits{font-size: 14px;color: #999999;line-height: 20px;margin-left: 8px;}
.domain-block .article-block{width: 880px;height: 320px;background: #F5F7F9;border-radius: 12px 12px 12px 12px;padding: 16px 0;}
.domain-block .article-list{display: flex;flex-wrap: wrap;}
.domain-block .article-list li{font-size: 14px;line-height: 20px;margin: 8px 24px;width: 392px;}
.domain-block .article-list li a{display: inline-block;width: auto;max-width: 290px;}
.domain-block .article-list li span{color: #999999;}
.domain-block .article-block-title{width: 300px;height: 320px;background: url('../image/pic171.png') left center no-repeat;margin-left: 20px;}
.domain-block .article-block-title a,.domain-block .news-block-title a{display: block;width: 300px;height: 320px;}
.domain-block .news-block-title{width: 300px;height: 320px;background: url('../image/pic172.png') left center no-repeat;margin-right: 20px;}
.domain-block .sitenews-block{margin-top: 28px;}
.domain-block.news-block{width: 100%;min-width: 1200px;background:url('../image/bg174.png') top center no-repeat;}
.domain-block .news-content{width: 100%;height: 304px;overflow: hidden;position: relative;margin-top: 36px;}
.domain-block .news-content .news-list{display: flex;flex-wrap: nowrap;position: absolute;left: 0;transition: left 0.3s;}
.domain-block .news-content .news-list li{width: 282px;height: 304px;background: #FFFFFF;border-radius: 12px;margin-right: 20px;padding: 20px 16px;}
.domain-block .news-content .news-list li .thumb{width: 250px;height: 156px;border-radius: 4px 4px 4px 4px;overflow: hidden;}
.domain-block .news-content .news-list li .thumb img{width: 100%;height: 100%;object-fit: cover;}
.domain-block .news-content .news-list li .title{font-size: 16px;color: #3D3D3D;line-height: 28px;height: 56px;white-space: normal;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;margin-top: 16px;}
.domain-block .news-content .news-list li .info{margin-top: 16px;}
.domain-block .news-content .news-list li .info span{font-size: 14px;color: #999999;line-height: 24px;}

/*登录*/
.login-page{width: 100%;min-width: 1200px;background: url('../image/bg_login.png') top center no-repeat;position: relative;background-size: cover;display: flex;align-items: center;}
.login-page .login-box{width: 860px;height: 480px;background: #FFFFFF;border-radius: 8px;margin: 0 auto;overflow: hidden;display: flex;}
.login-page .login-box .left-img{width: 320px;height: 480px;background: url('../image/login.png');}
.login-page .login-box .main-block{width: 540px;}
.login-page .login-box .login-account{position:relative;padding: 72px 84px 0 84px;}
.login-page .login-box .login-scan{position:relative;display: none;padding: 72px 84px 0 84px;}
.login-page .login-box .change-btn{position: absolute;width: 100px;height: 100px;right: 0;top: 0;cursor: pointer;}
.login-page .login-box .login-account .change-btn{background: url('../image/icon_login4.png');}
.login-page .login-box .login-nav{display: flex;justify-content: space-between;padding: 0 56px;margin-bottom: 32px;}
.login-page .login-box .login-nav a{display: block; width: 100px;height: 36px;font-size: 20px;color: #333333;line-height: 36px;text-align: center;font-weight: 500;}
.login-page .login-box .login-nav a.active{color: #FF2933;}

.login-page .login-box .login-input{width: 372px;height: 44px;background: #FFFFFF;border-radius: 4px 4px 4px 4px;border: 1px solid #EEEEEE;padding: 8px 0 8px 34px;}
.login-page .login-box .login-input input{border: 0;outline: none;height: 28px;line-height: 28px;}
.login-page .login-box .login-input input::placeholder{color: #CCCCCC;}
.login-page .login-box .login-input.phone{background: url('../image/icon_login1.png') no-repeat;background-position: 8px 10px;margin-bottom: 24px;}
.login-page .login-box .login-input.code{background: url('../image/icon_login2.png') no-repeat;background-position: 8px 10px;width: 216px;margin-right: 12px;overflow: hidden;}
.login-page .login-box .login-input.pass{background: url('../image/icon_login3.png') no-repeat;background-position: 8px 10px;}
.login-page .login-box .login-btn{width: 144px;}
.login-page .login-box .login-btn .getCode{width: 144px;height: 44px;border-radius: 4px 4px 4px 4px;font-size: 16px;line-height: 44px;background: #FF2933;border:#FF2933;color: #FFFFFF;}
.login-page .login-box .login-btn .getCode.disabled{border: #CCC;background: #EEEEEE;color: #CCCCCC;}
.login-page .login-box .login-submit{margin-top: 58px;}
.login-page .login-box .login-submit button{width: 372px;height: 44px;background: #FF2933;border: 1px solid #FF2933;border-radius: 4px;font-size: 16px;color: #FFFFFF;font-weight: 500;line-height: 44px;}
.login-page .login-box .login-tip{font-size: 12px;color: #999999;line-height: 20px;margin-top: 12px;}
.login-page .login-box .login-account-pass{display: none;}
.login-page .login-box .login-scan{display: none;}
.login-page .login-box .login-scan .change-btn{background: url('../image/icon_login5.png');}
.login-page .login-box .login-scan-title{text-align: center;height: 36px;font-size: 20px;font-weight: 500;line-height: 36px;margin-bottom: 24px;}
.login-page .login-box .login-scan-title span{color: #FF2932;}
.login-page .login-box .login-scan-qrcode{width: 200px;height: 200px;margin: 0 auto;border-radius: 4px 4px 4px 4px;border: 1px solid #EEEEEE;padding: 12px;margin-bottom: 72px;line-height: 26px;text-align: center;}
.login-page .login-box .login-scan-qrcode img{width: 176px;height: 176px;}
.login-page .login-footer{position: absolute;height: 20px;font-size: 12px;color: #FFFFFF;line-height: 20px;left: 50%;margin-left: -100px;bottom: 30px;}
.swal-modal{min-width: 478px;width: auto !important;}
.swal-modal .swal-footer{text-align: center !important;}
.btn-red{width: 136px;height: 44px;background: #FF2933;border-radius: 4px;line-height: 44px;text-align: center;font-size: 16px;color: #FFFFFF;font-weight: 600;border: 0;}