*{
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
body{
	background: #f5f5f5;
}
a{
	text-decoration: none;
    color: #444;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.red{
	border: 1px red solid;
}
.bgf{
	background: #fff;
}
.container{
	width: 1200px;
	margin: 0 auto;
}
.top {
    height: 40px;
    line-height: 40px;
    color: #838c94;
    font-size: 12px;
}
.index_pc a {
    color: #838c94;
    border-right: 1px #c8c8c8 solid;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 12px;
}
.topArea a {
    color: #0b6db6;
    margin-right: 10px;
    font-weight: bold;
}
.topArea a.topMore {
    color: #838c94;
    font-weight: normal;
}
.head {
    padding: 25px 0px;
    overflow: hidden;
}
.head-main-form {
    border: 1px solid #c7c7c7;
    height: 38px;
    border-radius: 20px;
    width: 300px;
    margin-left: 350px;
    margin-top: 10px;
}
.head-main-form input {
    width: 230px;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
    font-size: 13px;
    border: none;
    color: #b8b8b8;
    outline: none;
}
.head-main-form a {
    background: url(img/bg4.png) no-repeat;
    background-position: -55px -55px;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    margin-top: 6px;
}
#City_more {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 99;
}
.City_list{
    width: 1000px;
    height: 650px;
    background-color: #fff;
    overflow-y: scroll;
    position: relative;
    margin-top: 100px;
    left:50%;
    margin-left:-500px;
    
}
.close_btn{
    position: absolute;
    right:20px;
    top:20px;
    color: #3e3e3e;
    cursor: pointer;
}
.hot-city {
    border-bottom: solid 1px #e6e6e6;
    padding: 15px 30px;
    font-size: 16px;
    position: fixed;
    background-color: #fff;
    z-index: 9;
    width: 920px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.hot-title {
    display: inline-block;
    line-height: 34px;
    vertical-align: top;
    color: #428bca;
}
.hot-items {
    display: inline-block;
    width: 820px;
    line-height: 34px;
}
.hot-city a {
    color: #3e3e3e;
    text-decoration: none;
    padding: 0px 16px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    white-space: nowrap;
}
.hot-city a:hover{
    color: #428bca;
}
.city-letter-group {
    font-size: 15px;
    position: absolute;
    top: 65px;
    right: 0;
    left: 0;
}
.city-letter-group li {
    padding: 6px 30px;
    border-bottom: solid 1px #e6e6e6;
}
.city-letter {
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background-color: #f8f8f8;
    border: solid 1px #eee;
    vertical-align: top;
}
.city-items {
    margin-left: 30px;
    line-height: 33px;
    width: 820px;
    display: inline-block;
}
.city-items a {
    padding: 0px 10px;
    text-decoration: none;
    color: #666;
    white-space: nowrap;
}
.city-letter-group{
    font-size: 15px;
}
.city-letter-group li:hover .city-letter,.city-letter-group li.focus .city-letter{
    background-color: #428bca;
    color: #fff;
}
.city-letter-group li:hover,.city-letter-group li.focus
{
    background-color:#f8f8f8;
}
.city-letter-group a:hover{
    color: #428bca;
}
 
.nav{
	height: 57px;
    border-top: 1px solid #e2e2e2;
    background: #fff;
}
.nav a{
	float: left;
	line-height: 57px;
	color: #343434;
	font-size: 16px;
	width: 20%;
	text-align: center;
}
.nav a:hover{
	color: #0b6db6;
}
.hot_news,.index_course{
	margin-top: 20px;
	padding: 20px;
	background: #fff;
	overflow: hidden;
}
.hot_left{
	float: left;
	width: 750px;
}
.hot_news h2 {
    border-bottom: 2px #f1f1f1 solid;
    float: left;
    width: 100%;
}
.hot_left h2 img {
    border-bottom: 2px #ec4242 solid;
    padding-bottom: 12px;
    float: left;
}
.hot_right{
	float: right;
	width: 360px;
}
.hot_right h2 span {
    font-size: 20px;
    color: #0b6db6;
    border-bottom: 2px #0b6db6 solid;
    padding-bottom: 12px;
    float: left;
    font-weight: bold;
}
.hot_left .l1 {
    width: 100%;
}
.hot_left .l1 a {
    line-height: 50px;
    overflow: hidden;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}
.hot_left .l1 p{
    line-height: 24px;
    font-size: 14px;
    color: #9598a2;
    margin-bottom: 5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.hot_left ul {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.hot_left ul li {
    line-height: 35px;
    height: 35px;
    width: 365px;
}
.hot_left ul li:nth-child(odd){
    float: left;
}
.hot_left ul li:nth-child(even){
    float: right;
}
.list_icon {
    width: 30px;
    height: 15px;
    background: url(img/ico5.png) center center no-repeat;
    margin-right: 2px;
    float: left;
    margin-top: 10px;
}
.hot_left ul li a{
    float: left;
    width: 100%;
}
.hot_left ul li p{
    float: left;
    width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #555;
    font-size: 16px;
}
.hot_left ul li p:hover{
    text-decoration: underline;
}
.hot_left ul li span{
    font-size: 12px;
    color: #9598a2;
    float: right;
}
.hotList {
    overflow: hidden;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
.hotList .title span:hover{
	text-decoration: underline;
}
.rankingLabel {
    width: 25px;
    text-align: center;
    font-size: 18px;
    position: relative;
    margin-right: 15px;
    margin-top: 3px;
    font-weight: bold;
    color: #767175;
    z-index: 0;
}
.rankingLabel:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 6px;
    bottom: 3px;
    left: 0;
    border-radius: 4px;
    z-index: -1;
    background: #e4e8f1;
}
.hotList:nth-child(2) .rankingLabel,.hotList:nth-child(3) .rankingLabel,.hotList:nth-child(4) .rankingLabel{
	color: #ec3f41;
}

.hotList .title{
	width: 320px;
	overflow: hidden;
}
.hotList .title span{
    font-size: 15px;
    color: #000;
    line-height: 28px;
    height: 28px;  
    width: 100%;
    overflow: hidden;
}
.hotList .title p{
	color: #9598a2;
	font-size: 14px;
	line-height: 25px;
	height: 75px;
	overflow: hidden;
	display: none;
}
.hotList .title p.cur{
	display: block;
}
.index_course{
	position: relative;
}
.index_course h2 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px #0b6db6 solid;
    padding-bottom: 10px;
}
.hide {
    display: none;
}
.gjgz_news{
	position: absolute;
	right: 20px;
	top: 23px;
}
.gjgz_news a{
	color: #333;
	float: left;
	margin-left: 40px;
}
.gjgz_news a.active{
	color:#0b6db6;
	position: relative;
}
.gjgz_news a.active:after {
    border: 7px solid transparent;
    border-bottom: 7px solid #0b6db6;
    width: 0;
    height: 0;
    position: absolute;
    content: ' ';
    left: 50%;
    margin-left: -7px;
    top: 25px;
}
.gjgz_por,.gjgz-con{
	overflow: hidden;
}
.course{
	width: 265px;
	border: 1px #e2e2e2 solid;
	float: left;
	margin-right:30px;
	margin-top: 20px;
	height: 255px;
}
.course:nth-child(4n){
	margin-right: 0px;
}
.course .box{
	margin: 15px;
}
.course .box h3{
	font-weight: normal;
	font-size: 16px;
	overflow: hidden;
	margin-bottom: 15px;
}
.course .box h3 a{
	color: #333;
 	line-height: 25px; 
 	float: left;
 	height: 50px;
    overflow: hidden;
    
}
.course .box h3 a:hover{
	text-decoration: underline;
}
.course .box span{
	color: #999;
    font-size: 14px;
    float: left;
    width: 100%;
}
.item{
    width: 40px;
    text-align: center;
    margin-right: 12px;
    overflow: hidden;
    margin-top: 15px;
    float: left;
}
.item .img_box{
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f2f4f3;
}
.item img{
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.item label{
    font-size: 12px;
    color: #999;
}
.fum{
	background: #f6f7fb;
	float: left;
	width: 235px;
	margin-top: 15px;
	padding: 15px;
}
.fum span{
    color: #e13b29;
    font-weight: 500;
    font-size: 18px;
    line-height: 37px;
}
.fum span label{
	font-size: 18px;
}
.button{
    border: 1px solid #4464e8;
    width: 106px;
    height:35px;
    line-height: 35px;
    text-align: center;
    border-radius: 20px;
    color: #4464e8;
    float: right;
    cursor: pointer;
}
.button a{color: #4464e8;}
.button:hover {
    background: linear-gradient(-42deg, #4464e8, #6e8afa);
    -webkit-box-shadow: 0 4px 8px 1px rgba(72, 104, 234, .2);
    box-shadow: 0 4px 8px 1px rgba(72, 104, 234, .2);
    color: #fff;
}
.button:hover a{color:#fff;}
.main_one{width:1100px; height:280px; padding-top:15px; overflow:hidden; margin:0 auto; position:relative;}

.cour_intro{width:1100px; height:280px; overflow:hidden;}

#course_focus{width:100%; height:280px; overflow:hidden; position:relative;}
.cour_banner{width:956px; height:280px; overflow:hidden; margin-left:90px; position:relative;}
.cour_banner ul{height:280px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.cour_banner ul li{float:left; width:239px; height:250px; padding-top:20px; background:url(bg.png) no-repeat;}
.cour_banner ul li dt{width:100px; height:100px; margin-left:55px; overflow:hidden;border-radius: 50%;}
.cour_banner ul li dt img{    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;}
.cour_banner ul li dd{width:100%;}
.cour_banner ul li dd h4{width:202px; line-height:58px; text-align:center; color:#333; font-size:20px; font-weight:bold;}
.cour_banner ul li dd p{width:202px; line-height:25px; text-align:center; color:#848484; font-size:14px;}
.cour_banner ul li:hover dd h4{color:#0b6db6;}


.cour_point{width:100%; height:11px; opacity:0; text-align:center; position:absolute; bottom:-60px; left:0px; z-index:10;}
.cour_point span{display:inline-block; margin-right:6px; cursor:pointer; width:11px; height:11px;}
.cour_point span.se{background-position:-38px -24px;}

#course_focus font{ width:24px; height:36px; z-index:10; position: absolute; top:108px; cursor: pointer;}
#course_focus .prev{ left:0px; background:url(img/prve_se.png) no-repeat;}
#course_focus .prev:hover{background:url(img/prve.png) no-repeat;}
#course_focus .next{ right:0px; background:url(img/next_se.png) no-repeat;}
#course_focus .next:hover{background:url(img/next.png) no-repeat;}








footer {
    background: #333;
    margin-top: 30px;
    padding: 30px 0px 10px 0px;
    overflow: hidden;
}
.inde_link p {
    color: #999;
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px;
}
.inde_link a {
    color: #999;
}
.xly_fr_ul{
    margin-top: 100px;position: fixed;top:25%;right:40px;z-index:999;
}
    .xly_fr_ul li {
    width: 70px;
    height: 70px;
    position: relative;
    background: #fff;
    border:1px #ccc solid;
    border-bottom: 1px solid #FFF;
    cursor: pointer;
    font-family: "微软雅黑","宋体";
    display: block;

}
#xly_mfhb1 .aa {
    background-color: #0071b5;
    color: #fff;
    position: absolute;
    top: -5px;
    box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2) inset;
    display: none;
    font-size: 16px;
}
#xly_mfhb1 .aa td {
    color: #fff;
    line-height: 25px;
    padding: 10px;
}
#xly_mfhb2 .aa {
    background-color: #0071b5;
    color: #fff;
    width: 150px;
    height: 130px;
    position: absolute;
    top: -70px;
    box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2) inset;
    padding: 10px;
    display: none;
}
.xly_fr_0 b {
    width: 60px;
    height: 77px;
    background-position: 0 0;
    top: -78px;
    left:5px;
}
.xly_fr_ul b {
    background: url(https://www.isixue.com/assets/images/tx.png) no-repeat;
    position: absolute;
    background-size: 60px;
}
.xly_fr_0 span {
    display: block;
    width: 60px;
    line-height: 16px;
    font-size: 13px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: #000;
}
.xly_fr_0:hover{
    background-color:#0071b5;
    
}
.xly_fr_0:hover span{
    
    color: #fff;
}

#abc{
background:url(https://www.isixue.com/assets/images/float_icon.png);width: 22px;height: 21px;    background-position: 0 -45px;position: absolute;left:25px;top:15px;
}
#xly_mfhb1:hover #abc{
    background-position: 26px -45px;
}
#xly_mfhb2 b{
background:url(https://www.isixue.com/assets/images/float_icon.png);width: 22px;height: 21px;    background-position: -1px -101px;position: absolute;left:25px;top:15px;
}
#xly_mfhb2:hover b{
    background-position: -28px -101px;
}
#oo{
background:url(https://www.isixue.com/assets/images/float_icon.png);width: 22px;height: 21px;    background-position: 0px -126px;position: absolute;left:25px;top:15px;
}
#xly_mfhb4{
    background-color:#0071b5;
    color: #fff;
}
#xly_mfhb4 span{
    color: #fff;
}
#xly_mfhb4 #oo{
    background-position: -28px -126px;
}
#pp{
background:url(https://www.isixue.com/assets/images/float_icon.png);width: 22px;height: 21px;    background-position: 0px -73px;position: absolute;left:25px;top:15px;
}
#xly_mfhb3:hover #pp{
    background-position: -27px -73px;
}
#uu{
background:url(https://www.isixue.com/assets/images/float_icon.png);width: 22px;height: 21px;    background-position: -27px -153px;position: absolute;left:25px;top:10px;
}




/*新闻列表页*/
.curPosition {
    height: 25px;
    line-height: 25px;
    color: #999;
    font-family: simsun;
    overflow: hidden;
    font-size: 12px;
    margin: 15px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_left{
    width: 810px;
    padding: 20px;
}
.new_right{
    width: 320px;
}
.new_left h2,.new_right h2 {
    border-bottom: 1px #f1f1f1 solid;
    float: left;
    width: 100%;
}
.new_left h2 span,.new_right h2 span {
    font-size: 20px;
    color: #0b6db6;
    border-bottom: 2px #0b6db6 solid;
    padding-bottom: 12px;
    float: left;
    font-weight: bold;
}
.new_right ul li,.new_right ul li a{
    float: left;
    width: 100%;
}
.new_right ul li a p:hover{
    text-decoration: underline;
}
.new_right ul li a p{
    width: 75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
    overflow: hidden;
    font-weight: normal;
    float: left;
}
.new_right ul li a span{
    float: right;
    color: #ccc;
    font-size: 12px;
    line-height: 40px;
}
.school_list_extit {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.school_list_extit h2, .school_list_extit h2 a {
    float: left;
    width: 100%;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 35px;
    overflow: hidden;
    font-weight: normal;
}
.school_list_extit h2 a:hover{
    text-decoration: underline;
}
.school_list_extit p {
    color: #999;
    width: 100%;
    line-height: 25px;
    float: left;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
}
.pageNav {
    padding: 20px 0px;
    text-align: center;
    line-height: 25px;
    clear: both;
    float: left;
    width: 100%;
}
.pageNav span, .pageNav a {
    border: 1px solid #0b6db6;
    padding: 0px 10px;
    display: inline-block;
    margin: 0px 5px;
    font-size: 12px;
}
.current {
    background-color: #0b6db6;
    color: #fff;
}
.pageNav a:hover {
    text-decoration: none;
    background: #0b6db6;
    color: #fff;
}


/*有问必答*/
.wenda h2,.daan{
    position: relative;
    padding-left: 35px;
}

.wenda h2:before {
    content: "\95ee";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #3291f9;
    background: #ebf6ff;
    font-weight: bold;
}
.daan:before {
    content: "\7b54";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #fe9400;
    background: #feede5;
    font-weight: bold;
}


/*课程列表页*/
.kecheng_class{
    padding: 25px 20px;
    overflow: hidden;
}
.kecheng_class span{
    color: #999;
    font-size: 14px;
    float: left;
}
.kecheng_class a{
    float: left;
    font-size: 14px;
    color: #333;
    margin-right: 40px;
}
.kecheng_class a.active,.kecheng_class a:hover{
    color: #0b6db6;
}
.kecheng_class i {
    background-image: url(http://www.zzyedu.com.cn/img/icon-index-normal.png);
    float: left;
    width: 6px;
    height: 11px;
    font-size: 0;
    background-position: 0 -60px;
    margin-top: 5px;
    margin-right: 10px;
}


/*问答内容页*/
#ask_detail {
    font-size: 20px;
    margin-top: 0px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    width: 785px;
    color: #0b6db6;
    position: relative;
    padding-left: 35px;
}
#ask_detail:after {
    content: "\95ee";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    color: #3291f9;
    background: #ebf6ff;
    font-weight: bold;
}
.miaoshu {
    color: #999;
    width: 785px;
    line-height: 25px;
    float: left;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 35px;
}
.articlescrap_time {
    color: #999a9f;
    font-size: 12px;
    line-height: 32px;
    margin-left: 35px;
    margin-top: 5px;
    width: 100%;
}
.answers{
    width: 100%;
}
.answers h2 {
    font-size: 18px;
    color: #0b6db6;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.answers h2:after {
    content: "\7b54";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #fe9400;
    background: #feede5;
    font-weight: bold;
}
.answers h2 p{
    border-top: 2px solid #0b6db6;
    left: 130px;
    right: 0px;
    top: 15px;
    position: absolute;
}
.news_content_style{
    line-height: 30px;
    font-size: 16px;
    padding-left: 35px;
    color: #333 ;
}


/*新闻内容页*/
.news_content_s {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
    line-height: 30px;
    margin-bottom: 20px;
}
.news_content_p {
    text-align: center;
    border-bottom: 1px #ccc dotted;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #999;
    font-size: 14px;
    line-height: 30px;
}
.news_content_p span {
    margin-right: 20px;
}
.news_content_style p{
    line-height: 30px;
    font-size: 16px;
}
.news_content_style img {
    display: block;
    max-width: 80%;
    margin: 10px auto;
}

.jg_course_info h1 {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.course_de {
    color: #9598A2;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
    margin-top: 15px;
}
.info_bj {
    background: #f5f5f5;
    padding: 10px 20px 0px 20px;
    width:608px;
    margin-top: 15px;
}
.info_bj span {
    width: 50%;
    color: #9598A2;
    font-size: 14px;
    margin-bottom: 17px;
    height: 37px;
    line-height: 37px;
}
.course_content_t{
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px #eee solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.course_content_aticle {
    color: #171920;
    line-height: 30px;
}
.course_content_aticle img {
    width: 80%;
    display: block;
    margin: 20px auto;
}



.city_input {
    overflow: hidden;
    margin-bottom: 15px;
}
.city_input input[type="text"]{
    border: 1px solid #e5e5e5;
    outline: none;
    padding:0px 10px;
    color: #7c95ab;
    height: 40px;
    width: 258px;
}
.city_input textarea{
    border: 1px solid #e5e5e5;
    outline: none;
    padding:10px;
    color: #7c95ab;
    width: 258px;
    height: 64px;
}
.city_input font{
    color: #7c95ab;
    margin-left: 5px;
}
.city_input:nth-last-child(1){
    margin-bottom: 4px;
}

button{
    background: #fe9400;
    color: #fff;
    width: 100%;
    border:none;
    font-size: 16px;
    height: 40px;
}
.city_input select{
    width: 100%;
    height: 40px;
     border: 1px solid #e5e5e5;
    outline: none;
    padding:0px 10px;
    color: #7c95ab;
}