/* PC端共用样式 */
.container {
	width: 1200px;
	margin: 0 auto;
}

.lf,
.banner_lf {
	float: left;
}

.lr,
.banner_lr {
	float: right;
}

/* 确保这些样式不会影响移动端 */
@media screen and (min-width: 769px) {
    .container {
        width: 1200px;
        margin: 0 auto;
    }
    
    .lf,
    .banner_lf {
        float: left;
    }
    
    .lr,
    .banner_lr {
        float: right;
    }

    /* 强制隐藏移动端底部按钮 */
    .fixed-bottom {
        display: none !important;
    }
}

.change_city:hover,
.city_list a:hover,
.banner_other a:hover,
.course_info .tit a:hover,
#scrollDiv li span.course_name a:hover,
.footer a:hover,
.links a:hover,
.course a:hover {
	color: #fd681f;
}

.padding20 {
	padding: 20px
}

.padding40 {
	padding: 40px
}

.o-hidden {
	overflow: hidden;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-20 {
	margin-top: 20px;
}

/* .ver_center{display: flex;
  align-items: center;
  justify-content: center;} */

/*头部开始*/
#navHead {
	height: 40px;
	line-height: 40px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #e7e7e7;
	font-size: 12px;
}

#navHead a {
	display: inline-block;
	margin: 0 10px;
}

/*头部开始*/

/*header开始*/
#pxw_header {
	padding: 30px 0;
	overflow: hidden;
}

.logo_search_box .city {
	display: inline-block;
	position: relative;
	height: 64px;
	line-height: 64px;
	margin: 0 30px;
}

.change_city {
	cursor: pointer;
}

#pxw_header .container {
	overflow: hidden;
}

.city_con {
	display: none;
	padding-top: 15px;
}

.city_list {
	font-size: 14px;
	background: #f5f8fb;
	border: 1px solid #ededed;
}

.topctiy {
	height: 22px;
	padding: 4px 10px 0 0;
	margin-top: 23px;
}

.topctiy ul {
	float: right
}

.topctiy li {
	padding: 0 10px;
	display: inline;
	float: left;
	margin-left: 3px;
	color: #fff;
	line-height: 22px;
}

.topctiy li.i1 {
	padding: 0px 13px;
	font-size: 14px;
	background: #e16e6e;
}

.topctiy li.i2 {
	cursor: pointer;
	color: #222;
	font-size: 14px;
}

.topctiy li a {
	color: #fff
}

.topctiy li a:hover {
	color: #fff
}

.selcity {
	padding: 5px;
}

.selcity li {
	display: inline-block;
	padding: 5px 10px;
}

.selcity li a {
	text-align: center;
	color: #7883af;
}

/* .city_list{border: 1px solid #ddd;position: absolute;top:50px;left: 0;height: 200px;width: 320px;background: #fff;padding: 25px;} */





.searchbox {
	width: 580px;
	height: 45px;
}

.searchbox .sbox {
	border: 1px solid #fd681f;
	background: url(../images/search1.png) no-repeat 10px center;
	padding-left: 40px;
	line-height: 45px;
}

.searchbox .sbox input.inputbox {
	width: 380px;
	font-family: 'microsoft yahei';
	color: #c6c7cb;
	padding-right: 20px;
	background-color: transparent
}

.searchbox .subBtn {
	width: 120px;
	height: 45px;
	background: #fd681f url(../images/search2.png) no-repeat 10px center;
	color: #fff;
	border: 1px solid #fd681f;
	font-size: 20px;
	cursor: pointer;
}

.searchbox .hotsearch {
	margin-top: 10px;
}

.searchbox .hotsearch li {
	float: left;
	margin-right: 15px
}

.searchbox .hotsearch li a {
	color: #c6c7cb;
}

.searchbox .hotsearch li a:hover {
	color: #fd681f;
}

/*--header--end---*/

/*--banner start---*/
.bannerWrap {
	height: 590px;
	width: 100%;
	position: relative;
	color: #fff;
	background: url(../images/banner.png) no-repeat center center;
}

.navItems {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	margin-top: 30px;
}

.navItems h3 {
	float: left;
	width: 280px;
	display: inline-block;
	background: #fd681f;
}

.navItems ul {
	float: left;
}

.navItems li {
	float: left;
	margin-left: 40px;
}

.bannerWrap .banner_img {
	border: 1px solid blue;
	height: 595px;
}

.bannerWrap .lf {
	width: 250px;
	height: 550px;
	background: #3447a6;
}

.banner_con {
	position: absolute;
	left: 0;
	top: 0;
	border: 3px solid #fff;
}

/* .banner_list{margin-bottom: 20px;border-bottom: 1px solid #fff;padding-bottom: 8px;} */
.banner_list h4 {
	font-size: 16px;
	margin-bottom: 5px;
}

.banner_list a {
	color: #c6c7cb;
	margin-right: 15px;
}

.banner_list a:hover {
	color: #fff;
}

.bannerWrap .lr {
	width: 240px;
	height: 540px;
	margin-top: 25px;
}

.greet {
	background: #fff;
}

.greet .greet_lr {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.satisfy {
	background: #eceff6;
	color: #333;
}

.satisfy p {
	line-height: 2;
	text-align: center;
}

.satisfy p span {
	color: #fd681f;
	font-family: Bahnschrift
}

.satisfy .banner_lf {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.satisfy .big-crt {
	padding: 20px;
}

.satisfy .banner_lr {
	font-size: 50px;
	line-height: 70px;
	color: #fd681f;
	font-family: Bahnschrift
}

.banner_other {
	background: #fff;
}

.banner_other li {
	width: 95px;
	display: inline-block;
	text-align: center
}

.banner_other li img {
	margin: 0 auto;
	display: block;
	width: 40px;
}

.banner_other li p {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 20px;
}

/*--banner end---*/

/*--kecheng start---*/
.course {}

.course-item-01 h2 {
	background: url(../images/school.png) no-repeat left top;
}

.course-item-02 h2 {
	background: url(../images/course.png) no-repeat left top;
}

.course-item-03 h2 {
	background: url(../images/l-course.png) no-repeat left top;
}

.course-item-04 h2 {
	background: url(../images/infor.png) no-repeat left top;
}

.course-item-05 h2 {
	background: url(../images/notice.png) no-repeat left top;
}

.course-item-06 h2 {
	background: url(../images/qs.png) no-repeat left top;
}

/*--图片内容---*/
.course .course_img01 {
	background: url(../images/course01.png);
}

.course .course_img02 {
	background: url(../images/course02.png);
}

.course .course_left_img .course_img_con {
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
}

.course .course_left_img {
	width: 280px;
	height: 400px;
}

.course-list h2 {
	padding-left: 40px;
	font-size: 22px;
	font-weight: bold;
	color: #222;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}

.space {
	display: block;
	border: 2px solid #fff;
	width: 100px;
	margin: 15px 0;
}

.btn_group {
	margin-top: 20px;
}

.btn_group a:hover {
	color: #fff;
}

.btn_group a {
	color: #fff;
	border: 1px solid #fff;
	display: block;
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	height: 40px;
	line-height: 40px;
}

.course-item-01 .btn_group a:last-child {
	background: rgba(253, 104, 31, .9);
	border: #fd681f 1px solid;
}

.cnTxt {
	font-size: 30px;
}

.cnTxt i {
	color: #fbd58d;
	font-weight: 600;
	font-size: 40px;
}

.fee {
	color: #3447a6;
}

.newlist {
    width: 980px;
    margin: 20px auto auto;
    overflow: hidden;
}
.newlist li:nth-child(odd) {
    margin-left: 0;
}
.newlist li {
    float: left;
    width: 48%;
    margin-left: 4%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #000;
    text-align: right;
}
.newlist li a {
    float: left;
}

/*优质学校*/
#tabsholder3 .contents ul {
    grid-template-columns: repeat(auto-fill, 210px);
    text-align: center;
}

#tabsholder3 .contents ul li {
    height: 180px; /* 增加高度，容纳图片和文字 */
    overflow: visible; /* 允许内容超出容器 */
    padding: 10px 5px; /* 减少上下内边距 */
    position: relative; /* 为绝对定位提供参考 */
}

#tabsholder3 .contents ul li a.img_wrap {
    display: block;
    position: relative; /* 相对定位，用于调整图片位置 */
    top: -30px; /* 图片向上移动 */
}

#tabsholder3 .contents img {
    display: block;
    margin: 0 auto;
    width: 120px; /* 减小图片宽度，避免过大 */
    height: 120px; /* 固定高度，保持图片比例 */
    object-fit: contain; /* 保持图片比例，不拉伸 */
    border-radius: 50%; /* 可选：图片圆角效果 */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* 可选：添加阴影 */
}

#tabsholder3 .contents ul p {
    margin: -10px 0 0; /* 减少上边距，将文字上移 */
    font-size: 16px;
    position: relative; /* 相对定位，用于层级调整 */
    z-index: 10; /* 确保文字显示在图片上方 */
    background: white; /* 背景色，避免文字被图片覆盖 */
    padding: 5px; /* 内边距，增加可读性 */
}

/*优质课程*/
.course-item-02 {
	margin-bottom: 40px;
}

.course-item-02 .space {
	margin-top: 30px;
	border: none;
}

.course-item-02 h4 {
	color: #333;
	font-weight: bold
}

.course-item-02 p {
	margin: 5px 0;
}

.course-item-02 p a {
	color: #fff;
}

.school i {
	margin: 0 5px;
}

.course-item-02 .btn_group a {
	background: #3447a6;
	border: none;
}

.course-item-02 .course_left_img {
	height: 460px;
	text-align: center;
}

.course-item-02 .school {
	margin-bottom: 50px;
}

#tabsholder2 p a {
	color: #333;
}

#tabsholder2 .tit a:hover {
	color: #fd681f
}

/*最新课程*/
.contents ul {
	display: grid;
	grid-gap: 15px;
	justify-content: space-evenly;
	grid-template-columns: repeat(auto-fill, 288px);
}

.contents ul li {
	border: 1px solid #ddd;
	height: 210px;
	padding: 5px;
}

.tabs {
	margin-top: -55px;
	font-size: 16px;
	width: 900px;
	float: right;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.tabs li {
	flex: 1;
	text-align: center;
	padding: 5px 0;
	margin: 0 5px;
	cursor: pointer;
}

ul.tabs li:hover {
	background-color: #3447a6;
	color: #fff;
}

ul.tabs li.current {
	background-color: #3447a6;
	color: #fff;
}

.tabscontent {
	display: none;
	width: 100%;
	text-align: justify;
}

.course_info .tit {
	margin: 5px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.course_info img {
	height: 160px;
	width: 290px;
}

.contents .fee {
	color: #fb2b2b;
}

/*最新资讯*/
#tabsholder4 .contents ul {
	display: block;
}

#tabsholder4 li.info_list {
	width: 600px;
	float: left;
	overflow: hidden;
	padding: 0;
	height: auto;
	padding: 10px 0 20px 0;
	border: none;
}

#tabsholder4 li.info_list:nth-child(even) {
	float: right;
}

#tabsholder4 .lf {
	width: 146px;
	height: 90px;
}

#tabsholder4 .info_desp {
	float: left;
	padding-left: 20px;
	width: 400px;
}

#tabsholder4 .tit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 8px;
	font-size: 16px
}

#tabsholder4 .tit a {
	color: #000
}

#tabsholder4 .tit a:hover {
	color: #fd681f
}

#tabsholder4 .desp {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #c6c7cb;
}

/*报读动态*/
#scrollDiv {
	width: 1200px;
	height: 260px;
	overflow: hidden;
}

/*这里的高度和超出隐藏是必须的*/
#scrollDiv li {
	height: 50px;
	width: 590px;
	float: left;
	line-height: 50px;
}

#scrollDiv li span {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#scrollDiv li span.name {
	width: 50px;
	display: inline-block;
}

#scrollDiv li span.numb {
	width: 90px;
	margin: 0 10px
}

#scrollDiv li span.course_name {
	width: 400px;
}

#scrollDiv li span.course_name a {
	color: #3447a6;
}

/*问答*/
.course-item-06 span {
	float: right;
	font-size: 16px;
	margin-top: 8px;
}

.course-item-06 span a {
	color: #333;
}

.qs_wrap .qs_list {
	border-bottom: 1px dotted #999;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.qs_wrap .qs_list .qes {
	font-size: 16px;
	margin-bottom: 10px;
}

.qs_wrap .qs_list .lf a {
	color: #fd681f;
}

.qs_wrap .qs_list span {
	font-size: 12px;
	text-align: center;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	border: 1px solid #fd681f;
	color: #fd681f;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	margin-right: 15px;
	margin-top: 0;
}

.qs_wrap .qs_list .ans {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #c6c7cb;
}

.qs_wrap .qs_list .ans span {
	color: #333;
	border: 1px solid #333
}

.qs_wrap .qs_list:last-child {
	margin-bottom: 0;
}

/*活动*/
.course-item-07 {
	display: flex;
}

.course-item-07 a {
	margin: 0 5px;
	overflow: hidden;
	position: relative;
}

.course-item-07 a:first-child {
	margin-left: 0;
	cursor: auto;
}

.course-item-07 a:last-child {
	margin-right: 0;
}

.links {
	text-align: center;
}

.links .container {
	padding: 15px;
	border: 1px solid #ddd;
}

.links .links_tit {
	font-size: 16px;
	margin-bottom: 15px;
}

.links_list li {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
}

.footer {
    background-color: #333;
    padding: 30px 0;
    overflow: hidden; /* 清除浮动 */
}

.footer>.center>.box {
    border-bottom: 1px solid #424242;
    padding-bottom: 20px;
    display: flex; /* 使用flex布局 */
    justify-content: space-between; /* 均匀分布子元素 */
    flex-wrap: wrap; /* 允许换行 */
}

.footer>.center>.box>.f_l {
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
}

.footer>.center>.box>.f_l>ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.footer>.center>.box>.f_l>ul>li {
    width: 25%;
    margin-right: 0;
    margin-bottom: 15px;
}

.footer>.center>.box>.f_l>ul>li>span {
    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    font-weight: 700
}

.footer>.center>.box>.f_l>ul>li>a {
    font-size: 14px;
    display: block;
    color: #929297;
    position: relative;
    margin-bottom: 5px
}

.footer>.center>.box>.f_l>ul>li>a>span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    color: #929297
}

.footer>.center>.box>.f_l>ul>li>a>span:hover {
    color: #ff7c4a;
    text-decoration: underline
}

.footer>.center>.box>.f_l>ul>li>em {
    font-size: 14px;
    display: block;
    color: #929297;
    position: relative;
    margin-bottom: 5px
}

.footer>.center>.box>.f_l>ul>li>a:hover {
    color: #ff7c4a;
    text-decoration: underline
}

.footer>.center>.box>.f_l>ul>li:nth-child(3) {
    margin-right: 60px
}

.footer>.center>.box>.f_l>ul>li:nth-child(4) {
    margin-top: 33px
}

.footer>.center>.box>.f_m {
    width: 20%;
    box-sizing: border-box;
    padding: 0 20px;
}

.footer>.center>.box>.f_m>span {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.footer>.center>.box>.f_m>p {
    color: #929297;
    font-size: 12px
}

.footer>.center>.box>.f_m>p.tel_400 {
    font-size: 28px;
    color: #ff8400;
    font-weight: 700
}

.footer>.center>.box>.f_m>p:nth-of-type(1) {
    font-size: 28px;
    color: #ff8400;
    font-weight: 700
}

.footer>.center>.box>.f_m>a {
    display: block;
    width: 154px;
    height: 34px;
    line-height: 32px;
    color: #fff;
    margin-top: 30px;
    border: 1px solid #fff;
    text-align: center
}

.footer>.center>.box>.f_m>a:after {
    float: right;
    margin-right: 15px
}

.footer>.center>.box>.f_m>a:hover {
    background-color: #ff7c4a;
    border-color: #ff7c4a
}

.footer>.center>.box>.f_r {
    width: 30%;
    position: relative;
    box-sizing: border-box;
}

.footer>.center>.box>.f_r> {
    width: 242px
}

.footer>.center>.box>.f_r>div {
    width: 200px;
    padding: 5px;
    float: left;
    height: 112px
}

.footer>.center>.box>.f_r>.f_l {
    margin-right: 50px;
    display: none
}

.footer>.center>.box>.f_r>div>img {
    width: 100%;
    height: 70px
}

.footer>.center>.box>.f_r>div>span {
    font-size: 16px;
    color: #fff;
    display: block;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px
}

.footer>.center>.box>.f_r>div>.box {
    width: 96px;
    height: 96px;
    background-color: #fff;
    padding: 6px
}

.footer>.center>.box>.f_r>.tel {
    width: 200px;
    float: right;
    position: relative;
    padding-left: 48px;
    padding-top: 9px;
    position: absolute;
    right: 0;
    bottom: 0
}

.footer>.center>.box>.f_r>.tel>i {
    width: 42px;
    height: 42px;
    border: 2px solid #999;
    display: block;
    border-radius: 50%;
    color: #999;
    position: absolute;
    left: 0;
    top: 14px;
    line-height: 38px;
    text-align: center;
    font-size: 20px
}

.footer>.center>.box>.f_r>.tel>div>span {
    font-size: 24px;
    font-weight: 700;
    color: #999
}

.footer>.center>.box>.f_r>.tel>div>p {
    color: #999;
    font-size: 17px;
    letter-spacing: 2px
}

.footer>.center>.box>.f_r>span {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    display: block;
    margin-bottom: 20px
}

.footer>.center>.box>.f_r>.bq>ul>li {
    width: 80px;
    float: left;
    margin-right: 18px;
    margin-bottom: 18px
}

.footer>.center>.box>.f_r>.bq>ul>li:nth-child(n+3) {
    margin-bottom: 0
}

.footer>.center>.f_link {
    padding-top: 20px;
    border-bottom: 1px solid #424242;
    padding-bottom: 20px
}

.footer>.center>.f_link>span {
    font-size: 16px;
    color: #999;
    display: block;
    margin-bottom: 15px
}

.footer>.center>.f_link>ul>li {
    display: inline-block;
    margin-right: 30px
}

.footer>.center>.f_link>ul>li>a {
    color: #999;
    font-size: 14px
}

.footer>.center>.f_link>ul>li>a:hover {
    color: #fff
}

.footer>.center>.banquan {
    text-align: center;
    color: #fff;
    padding-top: 20px;
    font-size: 14px;
    color: #999
}

.footer>.center>.banquan>span {
    margin-right: 10px
}

.footer>.center>.banquan>img {
    margin-right: 10px
}

.footer>.center>.banquan a {
    color: #999
}
.friend_box>.center {
    padding: 20px 0;
    position: relative
}

.friend_box>.center>span {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 0;
    top: 18px
}

.friend_box>.center>span.more {
    left: auto;
    right: 0;
    color: #999;
    font-weight: 400;
    cursor: pointer
}

.friend_box>.center>span.more.zk>i {
    display: inline-block;
    transform: rotate(180deg)
}

.friend_box>.center>span.more:hover {
    color: #2692ff
}

.friend_box>.center>span.more:hover>i {
    color: #2692ff
}

.friend_box>.center>ul {
    display: none
}

.friend_box>.center>ul>li {
    display: inline-block;
    margin: 0 8px;
    margin-bottom: 8px
}

.friend_box>.center>ul>li>a {
    color: #666
}

.friend_box>.center>ul>li>a:hover {
    color: #ff5236
}

.friend_box>.center>ul.active {
    display: block
}

.friend_box>.center>.tab {
    padding-left: 10px;
    margin-bottom: 10px
}

.friend_box>.center>.tab>span {
    font-size: 14px;
    color: #929297;
    margin-right: 20px;
    cursor: pointer
}

.friend_box>.center>.tab>span.active {
    color: #fff
}
.friend_box>.center>.tab {
    position: relative;
    transform: translateY(10px);
    margin-bottom: 20px;
    padding-top: 20px;
}

.friend_box>.center>.tab>div>span {
    display: inline-block;
    color: #929297;
    transform: translateY(-12px);
    cursor: pointer;
    position: absolute;
    top: 0;
    font-size: 16px;
    transition: color 0.3s ease;
}

.friend_box>.center>.tab>div>span.active,
.friend_box>.center>.tab>div>span:hover {
    color: #fff
}

.friend_box>.center>.tab>div:nth-child(2)>span {
    margin-left: 80px
}

.friend_box>.center>.tab>div:nth-child(3)>span {
    margin-left: 160px
}

.friend_box>.center>.tab>div:nth-child(4)>span {
    margin-left: 240px;
}

.friend_box>.center>.tab>div:nth-child(5)>span {
    margin-left: 320px;
}

.friend_box>.center>.tab>div:nth-child(6)>span {
    margin-left: 400px;
}

.friend_box>.center>.tab>div:nth-child(7)>span {
    margin-left: 480px;
}

.friend_box>.center>.tab>div>ul {
    display: none;
    overflow: hidden;
}

.friend_box>.center>.tab>div>ul.active {
    display: block
}

.friend_box>.center>.tab>div>ul>li {
    display: inline-block;
    margin: 0 10px 6px 0;
    width: 180px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.friend_box>.center>.tab>div>ul>li>a {
    color: #929297;
    transition: all 0.3s ease;
}

.friend_box>.center>.tab>div>ul>li a:hover {
    color: #ff7c4a;
    text-decoration: underline;
    transform: translateX(5px);
}

.friend_box>.center>.tab>div>ul>li {
    transition: all 0.3s ease;
}

.friend_box>.center>.tab>div>ul>li:hover {
    background-color: rgba(255, 124, 74, 0.1);
}
.friend_box>.center>.tab {
    position: relative;
    transform: translateY(10px);
    margin-bottom: 20px;
    padding-top: 20px;
}

.friend_box>.center>.tab>div>span {
    display: inline-block;
    color: #929297;
    transform: translateY(-12px);
    cursor: pointer;
    position: absolute;
    top: 0;
    font-size: 16px;
}

.friend_box>.center>.tab>div>span.active {
    color: #fff
}

.friend_box>.center>.tab>div:nth-child(2)>span {
    margin-left: 80px
}

.friend_box>.center>.tab>div:nth-child(3)>span {
    margin-left: 160px
}

.friend_box>.center>.tab>div:nth-child(4)>span {
    margin-left: 240px;
}

.friend_box>.center>.tab>div:nth-child(5)>span {
    margin-left: 320px;
}

.friend_box>.center>.tab>div:nth-child(6)>span {
    margin-left: 400px;
}

.friend_box>.center>.tab>div:nth-child(7)>span {
    margin-left: 480px;
}

.friend_box>.center>.tab>div>ul {
    display: none;
    overflow: hidden;
}

.friend_box>.center>.tab>div>ul.active {
    display: block
}

.friend_box>.center>.tab>div>ul>li {
    display: inline-block;
    margin: 0 10px 6px 0;
    width: 180px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.friend_box>.center>.tab>div>ul>li>a {
    color: #929297
}

.friend_box>.center>.tab>div>ul>li a:hover {
    color: #ff7c4a;
    text-decoration: underline;
}

.list_base_box>.center>.f_l>.hj_box>ul>li .img img {
    width: 100%;
    border-radius: 6px;
}

.footer>.center>.banquan img {
    width: auto !important;
}
/*搜索页面*/
.search-box-wrap .container {
	border: 1px solid #f0f0f0;
}

.navWrap {
	margin-top: -40px;
	height: 40px;
	line-height: 40px;
}

.navWrap h3 {
	background: #fd681f;
	color: #fff;
	font-size: 16px;
	width: 260px;
}

.navWrap ul {
	float: left;
	font-size: 16px;
}

.navWrap ul li {
	float: left;
	margin-left: 40px;
}

.navWrap .nav {
	background: #3447a6;
	display: none;
}

.navWrap .nav h4 {
	color: #fff;
}

.position {
	padding-top: 20px;
}

/*条件筛选*/
.search-item:first-child {
	padding: 10px 0;
}

.search-item:last-child {
	border: transparent
}

.search-item {
	background: #faf9fe;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #f1f1f1
}

.search-item .lf {
	width: 100px;
	text-align: center;
	align-items: center;
}

/* .search-item .lf span{ display: inline-block;margin-top: 20px;} */
.search-item .lr {
	width: 1080px;
	background: #fff;
}

.search-item ul {}

/* .search-item ul li{float: left;margin-right: 35px;} */
.search-item .school-brand ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 10px;
}

.search-item .school-brand ul li {
	border: 1px solid #f1f1f1;
	border-right: transparent;
	height: 48px;
	line-height: 48px;
	padding: 0 5px;
}

.search-item .school-brand ul li:last-child {
	border-right: 1px solid #f1f1f1;
}

/*品牌学校*/
.search-item .school-brand li {
	background: #fff;
}

.search-item .select-price,
.search-item .school-place,
.search-item .school-time {}

.search-item .select-price ul li,
.search-item .school-place li,
.search-item .school-time li,
.search-item .school-more li {
	float: left;
	margin-left: 40px
}

/*搜索页不限*/
.select-lable a{background: #3447a6;color: #fff;padding: 2px 5px;}
.m-show{display:none}
/*搜索页价格*/
.select-price .f-price-set .input-txt {
	width: 46px;
	border: #ccc 1px solid;
	color: #333;
	height: 22px;
	line-height: 22px;
	padding: 0 4px;
}

.select-price .f-price-set span {
	display: inline-block;
	margin-right: 5px;
}

.select-price .f-price-set em {
	width: 12px;
	line-height: 22px;
	color: #333;
	text-align: center;
	margin: 0 5px;
}

.select-price .f-price-set {
	display: inline-block
}

.search-result .lf {
	float: left;
	width: 900px;
}



.select-price button {
	border: 1px solid #999;
	padding: 3px 8px;
	margin-left: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

/*搜索页课程数*/
.f-result {
	overflow: hidden;
	border-bottom: 2px solid #3447a6;
	margin-bottom: 10px;
}

.f-result .f-result-sum {
	width: 50%;
}

.f-result .f-result-other {
	margin-top: 10px;
}

.f-result .f-result-sum a {
	background: #3447a6;
	color: #fff;
	padding: 0 12px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
}

.f-result .f-result-sum a span {
	margin-left: 10px;
}

.f-result .f-result-sum a:first-child span {
	background: #fd681f;
	padding: 2px 8px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.f-result-other a {
	margin: 0 10px;
	border: 1px solid #3447a6;
	background: #dae3f7;
	padding: 2PX 5px;
	margin-top: 10px;
}

/*搜索页课程列表*/
.search-content {}

.search-content .course-item {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	overflow: hidden;
}

.course-item .jigou_logo {
	border: 1px solid #ddd;
	padding: 5px;
	width: 250px;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.course-item .jigou_logo img {
	max-width: 100%;
}

.jigou-info {
	width: 550px;
	margin-left: 0;
}

.jigou-info h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}

.jigou-brif-lf {
	width: 450px;
	float: left;
}

.jigou-brif-lf .jg_jj {
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-right: 80px;
	color: #c6c7cb;
	line-height: 1.5;
	min-height: 54px; /* 3行文字的高度 */
}
.jigou-brif-lf .jg_jj span {
	position: absolute;
	right: 0;
	bottom: 0;
}

.jigou-brif-lf .jg_jj i {
	color: #fd681f;
}

.jigou-brif-lf .jg_jj span {
	position: absolute;
	right: 0;
}

.jigou-brif-lf .jg_jj span A {
	color: #3447a6;
}

.jg-campus {
	margin: 5px 0
}

.jg-campus span {
	border: 1px solid #ccc;
	width: 1px;
	margin: 0 10px;
}

.jg-campus i {
	color: #3447a6;
}

.refs {
	border: 1px dotted #aaa;
	border-right: none;
	border-left: none;
	margin: 5px 0;
}

.refs ul {
	overflow: hidden;
	width: 100%;
}

.refs .wf {
	float: left;
	text-align: center;
}

.refs .wf1 {
	width: 55%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.refs .wf2 {
	width: 15%;
}

.refs .wf3 {
	width: 15%;
	color: #fb2b2b;
}

.refs .wf4 {
	width: 15%;
	background: #3447a6;
}

.refs .wf4 a {
	color: #fff;
}

.refs li {
	margin: 10px 0;
	overflow: hidden;
}

.related-courses a,
.jigou-brif-lr a {
	color: #3447a6;
}

.jigou-brif-lr {
	float: right;
	width: 130px;
	border-left: 1px solid #ddd;
	padding-left: 15px;
}

.jigou-brif-lr li {
	margin-bottom: 15px;
}

.jigou-brif-lr li span {
	color: #fb2b2b;
	margin-left: 10px;
}

.jigou-brif-lr li:first-child span {
	font-size: 22px;
}

.jigou-brif-lr li:first-child span i {
	font-size: 16px;
}

.jigou-brif-lr a {
	border: 1px solid #3447a6;
	width: 96%;
	display: block;
	text-align: center;
	padding: 2px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.zx .container {
	background: #f6f4f5;
	padding: 35px 0;
	text-align: center;
	font-size: 16px;
}

.zx .container a {
	background: #3447a6;
	color: #fff;
	padding: 8px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*翻页*/
.pageTo {
	margin-top: 30px;
	text-align: center;
}

/*庞学问答*/
#qs a:hover {
	color: #fd681f;
}

#qs .lf {
	float: left;
	width: 900px;
}

#qs h2 {
	font-size: 20px;
	font-weight: bold;
	color: #3447a6;
	overflow: hidden;
	margin-bottom: 30px;
}

#qs .qsList {
	border: 1px solid #f0f0f0;
	padding-bottom: 20px;
	padding: 20px;
	/* background: #faf9fe; */
}

.qsList li {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.qsList .qsList-tit {
	font-size: 16px;
	margin-bottom: 24px
}

.qsList .qsIcon {
	border: 1px solid #08b060;
	color: #08b060;
	margin-right: 10px;
	height: 20px;
	width: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 16px;
	padding: 3px;
	float: left;
	text-align: center;
}

.qsList .qsList-ans .qsIcon {
	border: 1px solid #fd681f;
	color: #fd681f;
}

.qsList .qsList-tit-text {
	padding-top: 3px;
	color: #000;
}

.qsList .qsList-ans .qsList-con {
	line-height: 2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777;
}

#qs .more {
	font-size: 16px;
	margin-left: 36px;
	margin-top: 10px
}

#qs .more a {
	color: #08b060;
	border-bottom: 1px solid #08b060;
}

#qs .lr {
	float: right;
	width: 280px;
}

#qs .qsmol_list {
	border: 1px solid #ddd;
	padding: 20px 10px;
	margin-bottom: 20px;
}

#qs .tit {
	font-size: 18px;
	margin-bottom: 20px;
	color: #08b060;
}

#qs .tit .space {
	height: 20px;
	background: #08b060;
	display: inline;
	padding-right: 4px;
	margin-right: 10px;
}

#qs form input {
	border: 1px solid #08b060;
	padding: 5px;
	width: 210px;
	height: 22px;
	margin-bottom: 10px;
	padding-left: 40px;
}

#qs form .name {
	background: url(../images/name.png) no-repeat 5px center;
}

#qs form .numb {
	background: url(../images/num.png) no-repeat 5px center;
}

#qs form .address {
	background: url(../images/address.png) no-repeat 5px center;
}

#qs form .course {
	background: url(../images/cour.png) no-repeat 5px center;
}

#qs form .btn {
	width: 60%;
	padding: 8px 0;
	color: #fff;
	background: #fd681f;
	border: transparent;
	margin-left: 20%;
	cursor: pointer;
}

#qs .qsmol_list .tit a {
	float: right;
	color: #08b060;
	font-size: 14px;
}

#qs .qsmol_qs .tit,
#qs .qsmol_msg .tit {
	border-bottom: 1px solid #08b060;
}

/* #qs .qsmol_qs ul{border-left: #08b060 1px solid ;} */
#qs .qsmol_qs li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url(../images/s.png) no-repeat left center;
	padding: 8px 0 8px 15px;
	border-bottom: 1px solid #f4f5f9;
}

#qs .qsmol_msg li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 1px solid #f4f5f9;
}

#qs .qsmol_msg li i {
	background: #cdcdcd;
	width: 20px;
	display: inline-block;
	text-align: center;
	height: 20px;
	margin-right: 10px;
	color: #fff;
}

#qs .qsmol_msg li:nth-child(1) i,
#qs .qsmol_msg li:nth-child(2) i,
#qs .qsmol_msg li:nth-child(3) i {
	background: #fd681f;
}


/* 新闻资讯 */
.msg_wrap .lf {
	width: 870px;
	float: left;
}

/* 新闻资讯 
*/
/* #msg .msg_banner{height: 350px;} */
#msg .msg_banner .weChat {
	background: #f8f8f8;
	width: 300px;
	float: right;
	height: 100%;
}

/* 新闻资讯  课程分类标签 */
#msg .msg_label {
	display: flex;
}

#msg .msg_label a {
	flex: 1;
	text-align: center;
	font-size: 16px;
}

#msg .msg_label i {
	border-left: 1px solid #ddd;
}

#msg .msg_tit {
	margin-top: 30px;
	border-bottom: 2px solid #fd681f;
}

#msg .msg_tit i {
	font-size: 18px;
	background: #fd681f;
	color: #fff;
	padding: 5px 10px;
}


/* 新闻资讯  资讯切换 */

.msg_list_wrap .img_wrap {
	width: 200px;
	height: 150px;
	overflow: hidden;
	float: left;
}

.msg_list_wrap li {
	margin-top: 20px;
	overflow: hidden;
}

.msg_list_wrap .img_wrap img {
	width: 200px;
	height: 150px;
}

.msg_list_wrap .msg_info {
	float: right;
	width: 650px;
}

.msg_list_wrap .msg_info h2 {
	font-size: 16px;
	margin-bottom: 15px;
}

.msg_list_wrap .msg_info h2 a {
	color: #222;
}

.msg_list_wrap .msg_info h2 a:hover,
.msg_list_wrap .news_tag a:hover,
#msg li a:hover {
	color: #fd681f;
}

.msg_list_wrap .msg_info .news_jj {
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #c6c7cb;
}

.msg_list_wrap .news_tag {
	margin: 15px 0;
}

.msg_list_wrap .news_tag i {
	background: url(../images/tag.png) no-repeat left center;
	padding-left: 20px;
}

.msg_list_wrap .news_tag a {
	margin-right: 15px;
	color: #3447a6;
}

.msg_list_wrap .news_time i {
	margin-right: 15px;
	color: #c6c7cb;
}

.container #a_c_list{ overflow:hidden; }
.container #a_c_list #a_c_nav {display:block;width:100%;font-size: 16px;overflow: hidden;background: #f9f9f9;border: 1px solid #f5f5f5;}
.container #a_c_list #a_c_nav li {float: left;}
.container #a_c_list #a_c_nav li a {display:block;padding: 15px; text-align:center; }
.container #a_c_list_con .tag{overflow:hidden; height:auto; }
.container #a_c_list_con .tag li{
  background: #fff; 
  width: calc((100% - 60px) / 4); /* 四个一排，调整宽度 */
  float: left;
  margin-right: 15px; /* 减小间距 */
  height: 230px;
  margin-bottom: 15px; /* 减小间距 */
}
.container #a_c_list_con .tag li:nth-child(4n) {margin-right: 0;} /* 保持四个一排的清除规则 */
.container #a_c_list_con .tag .img_wrap{
  width: 100%; /* 适应新的项目宽度 */
  height: 160px;
  overflow: hidden;
}
.container #a_c_list_con .tag li img{
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
.container #a_c_list_con .tag li img:hover{transform: scale(1.2);}
.container #a_c_list_con .course_tit{
  font-size: 16px;
  line-height: 1.5;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid #f5f5f5;
  border-top: transparent;
  height: 50px;
}
.container #a_c_list .selected{color:#3447a6;}

.msg_wrap .lr {
	width: 300px;
	float: right;
}

.msg_wrap .lr .tit {
	font-size: 16px;
	color: #3447a6;
	margin-bottom: 10px;
	border-bottom: 1px solid #3447a6;
	padding-bottom: 5px;
}

.msg_wrap .lr .tit h3 {
	border-left: 4px solid #3447a6;
	padding-left: 10px;
}

.msg_wrap .lr .tit a {
	float: right;
	color: #3447a6;
}

.msg_news li i {
	background: #cdcdcd;
	width: 20px;
	display: inline-block;
	text-align: center;
	height: 20px;
	margin-right: 10px;
	color: #fff;
}

.msg_news li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 1px solid #f4f5f9;
}


#msg .lr li:nth-child(2) i,
#msg .lr li:nth-child(3) i {
	background: #fd681f;
}



.msg_banner {
	
	overflow: hidden;
}

.banner li img {
	height: 100%;
}

.banner {
	position: relative;
	float: left;
	width: 100%;
}

.banner ul {
	overflow: hidden;
	width: 100%;
}

.banner li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 350px;
}

.banner li a {
	display: block;
	margin: 0 auto;
}

.banner cite {
	position: absolute;
	top: 300px;
	left: 50%;
	z-index: 999;
	display: block;
	margin-left: -144px;
	width: 288px;
	height: 15px;
	_display: none;
	display: flex;
	justify-content: center;
}

.banner cite span {
	float: left;
	display: block;
	margin: 0 4px;
	width: 40px;
	height: 8px;
	background-color: #e5e5e5;
	text-indent: -999em;
	opacity: .8;
	cursor: pointer;
}

.banner cite span:hover {
	background-color: #f5f5f5;
}

.banner cite span.cur {
	background-color: #fd681f;
	cursor: default;
}

.clear {
	clear: both;
}

.weChat.o-hidden {

	float: right;
}

/*资讯列表页*/
.msg_hot ul li{display: inline;margin-right: 10px;}
.msg_hot ul {display: flex;flex-wrap: wrap;align-items: center;align-content: flex-start;line-height: 2.5rem;}
.msg_hot ul a{border: 1px solid #ddd;padding: 3px 10px;color: #e16e6e;}
.arHead h1 {
	font-size: 30px;
	line-height: 50px;
	padding-top: 0;
	padding-bottom: 27px;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #222;
}

.arDesp {
	color: #c6c7cb;
}

.arContent {
	font-size: 16px;
	line-height: 1.6;
	text-indent: 2em;
	color: #404040;
	word-break: break-word;
	;
}

.arContent p {
	margin-bottom: 20px;
	letter-spacing: .3px;
}

#searchCon {
	border: 1px solid red;
}


/*学习资讯列表页*/
.searchSite {
	padding: 10px 0;
}

#banner_tabs {
	width:901px;height: 350px;
}

.swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.swiper-slide img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}






/* *{
outline:solid #f00 1px !important;
background:#000 !important;
color:#fff !important
} */

/* 优质学校样式 */
.school ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

.school li {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
    transition: all 0.3s;
}

.school li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.school .img_wrap {
    display: block;
    margin-bottom: 10px;
}

.school .img_wrap img {
    max-width: 100%;
    height: auto;
}

.school p {
    margin: 0;
}

.school p a {
    color: #333;
    text-decoration: none;
}

.school p a:hover {
    color: #fd681f;
}

/* 地区导航样式 */
.region-nav {
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.region-nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.region-nav li {
    margin: 5px 10px;
}

.region-nav a {
    display: block !important;
    padding: 5px 15px !important;
    color: #333 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: all 0.3s !important;
}

.region-nav a:hover {
    background-color: #f5f5f5 !important;
    color: #fd681f !important;
}

.region-nav a.cur {
    background-color: #fd681f !important;
    color: #fff !important;
}

