/* 通用 css*/
/* by nana */
.fdnav{box-shadow: 0 0 12px rgba(0,0,0,.06);background: #fff;}
.fdnav ul li{border-color: #f8f6f6;}
/*师资页面*/
.tea_ban{width:100%; height: 360px; background:#32C8D6 url(../images/teacher_bg2.jpg) no-repeat center top;}
.tea_main{overflow: hidden;background: #fafafa;}
.tea_con{width:952px; float: left; padding: 45px 0 0 30px;}
.tea_hd{width:210px; float: left;border-right: 1px #ccc solid;padding: 20px 0 60px 0;margin-top: 45px;position: relative;}
.tea_main .before_r{position: absolute;top: 80px;left: 209px;width: 3px;height: 18px;background: #d72403;border-radius: 5px;}
.tea_hd ul{width:100%;}
.tea_hd ul li{width:100%; height: 20px;padding: 14px 0;font-size: 16px; text-align: right; cursor:pointer;}
.tea_hd ul li.apythonai{display: none;}
.tea_hd ul li span{display: block; width:92%;height: 20px;padding-right: 8%;color: #666;}
.tea_hd ul li.cur span{color: #333;}
.tea_txt{ display:none;}
.tea_txt_cur{display: block;}
.tea_txt ul{width:1250px;}
.tea_txt ul li{float: left; width:432px; height: 227px; background: #fff; padding:14px 10px 14px 14px; margin:0 20px 40px 0; overflow: hidden;}
.tea_txt ul li:hover{box-shadow: 5px 5px 12px #d8d8d8;}
.tea_txt ul li .li_img{float:left; width:150px; height: 227px;overflow: hidden;}
.tea_txt ul li img{width: 150px;}
.tea_txt ul li .li_txt{float: right; width:264px;padding-top: 20px;}
.tea_txt ul li .li_txt h3{float: left;width: 102px;height: 30px;line-height: 30px;border-bottom: 1px #d72403 solid;font-size:24px;color: #333; margin-bottom: 6px;}
.tea_txt ul li .li_txt h4{float: left;width: 64px;height: 30px;line-height: 30px;border-bottom: 1px #d72403 solid;font-size:14px;color: #666;font-style: italic;}
.tea_txt ul li .li_txt p{width: 97%;font-size:14px;line-height: 24px; overflow-y: auto;padding-right: 3%;}
.tea_txt ul li .li_txt p::-webkit-scrollbar {width: 4px;height: 1px;}
.tea_txt ul li .li_txt p::-webkit-scrollbar-thumb {width: 4px;border-radius: 5px;background: #e3e3e3;}
.tea_txt ul li .li_txt p::-webkit-scrollbar-track{width: 4px;height: 1px;}

/*内容页样式*/
.newsindex_yd{display: none;}
.sub_con{position: relative;width:1200px; margin:0 auto; padding-bottom:20px; overflow: hidden;}
.sub_l{float:left; width:900px; padding:30px 150px; background: #fff;}
.sub_l .ztright{float: left;width: 416px;margin-left: 40px;}
.sub_l .sub_tt{font-size:24px; text-align:center; color:#333;}
.sub_l .time{text-align:center; color:#aaa; padding:10px 0 20px; border-bottom: 1px dashed #ccc;;}
.sub_l .sub_txt{padding-top: 20px; padding-bottom: 40px;}
.sub_l video{display: block;margin: 15px auto;}
.sub_l .sub_txt h2{font-size: 18px;font-weight: bold;color: #2a2a2a;padding: 10px 0 15px;}
.sub_l .sub_txt h3{font-size: 16px;font-weight: bold;color: #2a2a2a;padding: 10px 0 15px;}
.sub_l .sub_txt p{line-height: 30px; color: #2a2a2a; font-size:16px;margin-bottom: 5px;}
.sub_l .sub_txt p img{display: block;margin: 0 auto;}
.sub_r{float:right; width:300px; overflow: hidden;display: none;}
.sub_r .sub_list{background: #fff; padding:20px; margin-top: 10px;}
.sub_r .sub_list ul li{line-height: 30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* .sub_lnew{width:850px; padding:30px 30px;} */





/* 相关阅读 */
.reader_con{width: 900px;margin: 0 auto 30px;overflow: hidden;}
.sub_lnew .reader_con{width:880px;margin-left: -5px;}
.reader_con .fl{float: left;}			
.reader_con .fr{float: right;}
.reader_con {margin-top: 22px;}
.reader_con  h2{font-size:20px;color: #EA5404;margin-bottom: 10px;}
.reader_con .re_con{padding-bottom: 50px;}
.reader_con ul {width: 430px;}
.reader_con ul li{height:30px;line-height:30px;}
.reader_con ul li a{display: block;overflow: hidden;}
.reader_con ul li p{width: 330px;float: left;font-size: 16px;color: #6B6B6B;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.reader_con ul li a:hover p{color: #EA5404;}
.reader_con ul li span{width: 100px;display: block;  float: right;font-size: 15px;color: #A3A3A3;}


/*报名流程*/
.graybg {background: #F9FBFF;}
.flow_banner{width:100%; height: 232px; background: url(../images/flow-gf-1.jpg) no-repeat center top;}
.flow_main{overflow: hidden;}
.flow_con{width:1200px; margin:0 auto; }
.flow_con .inner{ width:1200px;}
.flow_con .flow_hd{width:100%;}
.flow_con .flow_hd .hd{overflow: hidden;}
.flow_con .flow_hd h2{font-size:24px; height: 40px; line-height: 40px; font-weight: bold; width: 202px;margin: 0 auto;margin-bottom: 39px;margin-top: 37px;}
.flow_con .flow_hd h2 img{padding-right: 14px;margin-bottom: -8px;}
.flow_con .flow_hd .selectbox{ width: 693px; margin: 0 auto; margin-bottom:40px}
/* .flow_con .flow_hd .xiaoqu{display: none;} */
.flow_con .flow_hd .selectbox span{float:left; font-size:18px; color: #fff; display: inline-block; line-height: 50px; padding:0 30px 0 26px; background: #C92302;border-radius: 6px;height:50px; margin-left: 16px;}
.flow_con .flow_hd .selectbox select{ float: left;;cursor:pointer; height: 50px; width: 236px; padding-left: 15px; font-size: 16px; border: 1px #BDC1C4 solid; border-radius: 0 6px 6px 0; border-left:none; color: #313131;margin-left: -5px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url("../images/flow-gf-13.jpg") no-repeat scroll right center transparent;
  padding-right: 14px;background-color: #FFF;
}
.flow_con .flow_hd .selectbox select option{color: #B3B4B6}
.flow_con .kb_con{overflow: hidden; margin-top: 19px;margin-bottom: 16px;height: 257px;}
.flow_con .kb_list{width:1200px;}
.flow_con .kb_con ul:nth-child(1){float:left; width:575px; padding-right:24px; border-right: 1px solid #E9EAEF;}
.flow_con .kb_con ul:nth-child(2){float:left; width:575px; padding-left:24px; border-right: none;}
.flow_con .kb_con ul:nth-child(1) li{float:right; font-size: 16px; margin-right: 10px; color:#313131; height: 54px; line-height: 54px;}
.flow_con .kb_con ul:nth-child(2) li{float:left; font-size: 16px; margin-right: 10px; color:#313131; height: 54px; line-height: 54px;}
.flow_con .kb_con ul li .span_name{padding-left: 7px;text-align: center;}
.flow_con .kb_con ul li .span_time,.flow_con .kb_con ul li .span_type{color:#9a9a9a}
.flow_con .kb_con ul li span{margin-right: 15px; display: inline-block;}
.flow_con .kb_con ul li span.span_status {background: url(../images/flow-gf-14.jpg) no-repeat left 13px; padding-left: 25px;}
.flow_con .kb_con ul li span.ocp_full{background:none; color:#999;}
.flow_con .kb_con ul li a{ padding: 6px 22px;border: 1px solid #C92302;color: #C92302; border-radius: 6px;}
.flow_con .kb_con ul li a:hover{border-color:#FC2E03;}
.flow_con .box_flow{float: left;}
.flow_con .flow_tt{ color: #333333; font-size: 20px;font-weight: bold;}
.box_flow_width {width:100%; background-color:#FFF;}
.box_flow_left {width:65px;height:605px;background: url(../images/flow-gf-15.jpg) no-repeat left top; float: left;}
.box_flow #bm{width:1100px;height:165px;overflow:hidden;background:#FCFCFC}
.box_flow p{margin-top:15px;color:#878787; font-size:16px;}
.box_flow p.p_s{font-size:12px; color: #6f6f6f; line-height: 26px;}
.box_flow p.p_c{text-align: center; text-indent: 0; margin-top: 20px; font-size:18px;}
.box_flow p span{color:#d8271c;}
.box_flow .top{overflow: hidden; padding-left: 52px; margin-top: 20px;}
.box_flow .top select{float:left; width:120px; height: 38px; padding-left: 5px;}
.box_flow .top p{float:left; line-height: 38px; text-indent: 20px;}
.box_flow .bm_btn{display: block; width:150px; height:43px; text-align: center; line-height: 43px; font-size:16px; color: #fff; background: #0099E5; margin:15px auto;}
.box_flow .bm_btn:hover{background: #00AAFF;}
.box_flow .city_tab a{border-bottom: 1px solid #dfdfdf;}
.bank .bank_list{display: none;}
.bank .bank_list_cur{display: block;}
.bank h3{font-size:18px; margin:36px 0 10px 0; text-indent: 52px;}
.bank p span{color:#d8271c;}

.nav_left{border-left: 2px solid #959595; width:90px; padding:6px 0 0 10px; position:fixed; left:50%; margin-left:-680px; top:50%; margin-top: -150px; z-index: 9999;  display: none;;}
.nav_left ul li{height: 40px; color: #616161; font-size:13px; position:relative; cursor: pointer;}
.nav_left ul li span{display: block; width:6px; height: 6px; line-height: 0; font-size:0; background: #fff; border: 2px solid #616161; border-radius: 10px; position: absolute; left:-16px; top:6px;}
.nav_left ul li.cur{font-weight: bold; color:#5575d3;}
.nav_left ul li.cur span{background: #5575d3; border-color: #fff;}
/*以下为新增2020-11-11*/
.box_flow_zixun {width: 100%;height: 88px;background: url(../images/flow-gf-9.jpg) no-repeat center top;cursor:pointer}
.flow_con .flow_hd h2 a{font-size:15px;color:#9e9e9e;font-weight:normal;float:right}
.flow_con .flow_hd h2 a:hover{color:#C92302;}
.flow_con .wentiinfo_list .list_main{float: left; width: 345px;padding-left: 55px;}
.flow_con .wentiinfo_list .list_main ul{height: 234px;overflow: hidden;}
.flow_con .wentiinfo_list .list_main ul li{line-height: 39px;height: 39px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.flow_con .wentiinfo_list .list_main ul li a{font-size: 16px;color: #737373;}
.flow_con .wentiinfo_list .list_main ul li a span{background: url(../images/flow-gf-11.jpg) no-repeat left center;padding: 16px;display: inline-block;margin-bottom: -11px;}
.flow_con .wentiinfo_list .list_main ul li a b{font-weight: 100;}
.flow_con .wentiinfo_list .list_main ul li:hover a{text-decoration: underline;color: #C92302;}
.box_con_width {width:100%;float: left; background-color:#FFF;}

/*报名须知页面*/
.notice_box{width:1200px; margin: 50px auto; overflow: hidden;}
.notice_l{float: left; width:248px; border:1px solid #DADADA; border-top:0;}
.notice_l a{display: block; float: left; width:210px; height: 58px; line-height: 58px; padding-left: 48px; font-size: 18px; border-top:1px solid #DADADA;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.notice_l a:hover{width:203px; padding-left:55px;}
.notice_l a.cur{background: #E5E5E5; border-left:5px solid #D72502; width:198px; padding-left:55px;}
.notice_r{float:right; width:910px; overflow: hidden;}
.notice_r .xz_hd{font-size: 22px; line-height: 28px; padding-bottom: 16px;}
.notice_r p{font-size: 16px; line-height: 30px;}
.notice_r .p_in{text-indent: 2em;}
.notice_r .p_in2{text-indent: 5em;}

/*自学教程页面*/
.taught_banner{width:100%; height: 210px; background:#1CC0CA url(../images/other/sp_bg.jpg) no-repeat center top;}
.notice_l{float: left; width:258px; border:1px solid #DADADA; border-top:0;}
.notice_ll a{width:248px; height: 44px; line-height: 44px; padding-left: 10px; font-size: 16px;}
.notice_ll a:hover{width:233px; padding-left:20px;}
.notice_ll a.cur{padding-left:20px; width:233px;}

/* 资讯页面 */
.news{ width:100%; background:#f5f5f5; overflow:hidden; padding-bottom:45px;}
.news_ban{width:100%; height: 210px; background:#32C8D6 url(../images/news_bg.jpg) no-repeat center top;position: relative;z-index: 2;}
.news .new_main{ width:1200px; height:auto; margin:0 auto;}
.news .new_main .new_l{padding:0 30px; background:#fff;}
.new_l .news_tab h3{height:60px; padding-top: 70px; text-align:right; font-weight:normal; }
.new_l .news_tab h3 span{ display:inline-block; line-height: 30px; font-size:14px; color:#333; cursor:pointer; margin-right:15px; }
.new_l .news_tab h3 a{margin-right: 12px;}
.new_l .news_tab h3 .current{color:#D72502;border-bottom: 2px solid #D72502;}
.new_l .news_con{padding-bottom:62px; overflow:hidden;}
.new_l .news_con ul{ height:auto;overflow:hidden;}
.new_l .news_con ul li{ padding-bottom:50px; overflow:hidden;}
.new_l .news_con li img{ width:192px; height:137px; float:left;}
.new_l .news_con .txtbox{ width:925px;float:left; padding-left: 20px;}
.new_l .news_con .txtbox h4{ font-size:20px; height: 20px; line-height: 20px; border-left:2px solid #D72403; color:#333; padding-left: 10px; margin:6px 0 10px 0 ;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 469px;}
.new_l .news_con .txtbox p{font-size:14px; color:#777; line-height:20px; padding-bottom: 12px; border-bottom: 1px solid #E1E1E1;}
.new_l .news_con .txtbox p a{ font-size:14px; color:#D72502; }
.new_l .news_con .txtbox p a:hover{ text-decoration:underline;}
.new_l .news_con .txtbox div{ margin-top:12px; color:#333;}
.new_l .news_con .txtbox div span{ display:inline-block; color:#777; margin-left:5px;}
.new_l .news_con .txtbox div a{ display:inline-block; float:right; color:#777; line-height:24px;}
.pagebox{ padding:20px 0; text-align:center;}
.pagebox a{ display:inline-block; height:20px; line-height:20px; width:50px; border:1px solid #d5d5d5;  color:#d5d5d5; font-size:14px;text-align:center; margin:5px 4px;}
.pagebox a:hover{ width:52px; height:22px; line-height:22px; border:none; color:#fff; background-color:#D72502;}
.pagebox .num{ width:38px; color:#2e3340;}
.pagebox .num:hover{ width:40px;}
.pagebox .current{ width:40px; height:22px; line-height:22px; border:none; color:#fff; background-color:#D72502;}
.new_l .news_con .firstli{ display:none;}
.new_l .news_con .cur{ display:block;}

.news .new_main .new_lnew{width: 860px;float: left;}
.news .new_main .new_lnew .news_con li img{ width:165px;max-height:122px;height: auto;}
.news .new_main .new_lnew .news_con .txtbox{ width:650px;float:right;}

.new_r{display: none;float: right;width: 230px;height: 0;background: #fff;padding: 0;overflow: hidden;}
.news .new_main .new_r{height: auto;padding: 20px 20px 5px;}
.new_r .new_top{margin-bottom: 20px;height: 148px;overflow: hidden;}
.new_r .new_top p{display: none;}
.new_r .new_top span{display: none;}
.new_r .new_top img{width: 100%;}
.new_r .lay_conke .kb_info{width:232px; max-height: 350px; background: #fff; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
.new_r .lay_conke .kb_info .hd{ width:232px; height:33px; margin: 15px auto 10px; border:1px solid #7AB2F1; overflow: inherit;}
.new_r .lay_conke .kb_info .hd span{float:left; background: #7AB2F1; line-height:33px; font-size:16px; width:48%; text-align:center; font-weight: bold; color: #fff; display: none;}
.new_r .lay_conke .kb_info .hd dl{float:left;}
.new_r .lay_conke .kb_info .select{position:relative;width: 100%;}
.new_r .lay_conke .kb_info .select dt{width:86%;text-align: center;font-size: 15px; height:26px; line-height:33px; cursor:pointer; padding-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:10000;}
.new_r .lay_conke .kb_info .select dt i{display:inline-block; padding:0 10px; line-height:33px; background: url(/http/ai.itheima.com/images/arrow.jpg) no-repeat center center; position:absolute; right:38px; top:0;}
.new_r .lay_conke .kb_info .select dd{position:absolute;left:-1px;top:34px;border:1px solid #7AB2F1;  border-top:none; background:#fff; display:none; z-index:10000;}
.new_r .lay_conke .kb_info .select dd  .zhe_line{position:absolute; left:101px; top:-1px; width:159px; height:1px; background:#fff; line-height:0; font-size:0; z-index:9; display:none;}
.new_r .lay_conke .kb_info .select dd ul{width:232px; max-height:320px; overflow:auto; padding:8px 0;}
.new_r .lay_conke .kb_info .select dd ul li {float:left; width:33%; text-align:center;}
.new_r .lay_conke .kb_info .select dd ul li a{line-height:26px; color:#333; font-size: 14px; padding:3px 0; border-radius:3px;}
.new_r .lay_conke .kb_info .select dd ul li a:hover{color: #ff3030;}
.new_r .lay_conke .kb_info .bd{width:232px; max-height: 300px; overflow:hidden; margin: 0 auto;}
.new_r .lay_conke .kb_info .bd ul{ overflow:hidden; zoom:1; max-height:300px; }
.new_r .lay_conke .kb_info .bd ul li{float:left; width:232px; text-align:left; display:none;}
.new_r .lay_conke .kb_info .bd ul li:first-child{display:block;}
.new_r .lay_conke .kb_info .bd ul li a{display:block; line-height: 0; color: #333; font-size: 15px;position:relative;}
.new_r .lay_conke .kb_info .bd ul li a.itcast_click{line-height: 29px;}
.new_r .lay_conke .kb_info .bd ul li a:hover{color: #ff3030;}
.new_r .lay_conke .kb_info .bd ul li a:hover strong{color: #ff3030;}
.new_r .lay_conke .kb_info .bd ul li em{display: inline-block; padding:0 7px;}
.new_r .lay_conke .kb_info .bd ul li strong{position: relative;font-weight: 100;}
.new_r .lay_conke .kb_info .bd ul li strong i{
	position: absolute;
    right: -23px;
    top: -3px;
    width: 20px;
    height: 20px;
    background: url(/http/ai.itheima.com/images/school/hot1.gif) no-repeat;
}
.new_r .new_bot .botcon>div{display: none;text-align: center;border-bottom: 1px #e1e8f2 solid;padding: 20px 0 20px;}
.new_r .new_bot .botcon h2{
	font-size: 18px;
	color: #0e0e0e;
}
.new_r .new_bot .botcon p{
	font-size: 14px;
	color: #c0c0c0;
	padding: 8px 0 12px;
}
.new_r .new_bot .botcon a{
	display: block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	font-size: 14px;
	color: #fff;
	background: #d72501;
	margin: 0 auto;
}
.new_r .new_bot a.a1024{
	height: 148px;
    width: 230px;
    margin-top: 20px;
	display: block;
}

.sub_l .lay_con{
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
.sub_l .lay_con ul{
	width: 105%;
}
.sub_l .lay_con ul li{
	float: left;
	width: 232px;
	height: 246px;
	background: #fff;
	margin: 0 30px 40px 0;
}
.sub_l .lay_con ul li {position: relative;}
.sub_l .lay_con ul li:hover .sy_mask{display: block; }
.sub_l .lay_con ul li:hover .hsp{color:#ff2e2e;}
.sub_l .lay_con ul li b{font-size: 14px;font-weight: normal;color:#ff2e2e;position: absolute;right: 10px;bottom: 12px;}
.sub_l .lay_con ul li strong{font-size: 14px;font-weight: normal;color:#ff2e2e;position: absolute;right: 10px;bottom: 12px;}
.sub_l .lay_con ul li i{font-style: normal;color: #666;}
.sub_l .lay_con ul li h3{font-size: 14px;
    color: #fff;
    background: rgba(0,0,0,.6);
    padding: 3px 10px;
    border-radius: 0 30px 30px 0;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 99;
    border: 1px solid rgba(255,255,255,.4);
    border-left: none;}
.sub_l .lay_con .sy_mask {
    width: 232px;
    height: 152px;
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 9;
}
.sub_l .lay_con .imgzhibo,.sub_l .lay_con .imgguankan, .sub_l .lay_con .imgbaoming {margin: 59px auto;display: block;}
    
.sub_l .lay_con ul li .casem{width: 232px;display: block;}
.sub_l .lay_con .casef{display: block; width: 232px; height: 94px; overflow: hidden; position: relative; background: #fff;}
.sub_l .lay_con .caset img{display: block;}
.sub_l .lay_con .casef span{display: block; overflow: hidden; line-height: 22px; padding: 10px 12px 0 12px; font-size: 15px;color: #515151;height: 44px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub_l .lay_con .casef .course-num{font-size: 14px;height: 22px; color: #919191; padding: 8px 12px 0 35px;background: url("http://yun.itheima.com/Root/images/sy_box2icon1.jpg") no-repeat 12px 12px;}
.sub_l .lay_con .casef a.a_btn{position: absolute; bottom:11px; right: 12px;font-size: 14px;color: #ff2e2e;}

/*热门课程推荐*/
.news .new_main .syxktab{padding: 0 35px 50px 0;width: 880px;}
.news .new_main .new_l .news_tab .syxktabfl{width: 182px !important;float: left;background: #474d53;padding: 30px 0 80px;}
.news .new_main .new_l .news_tab .syxktabfr{width:670px !important;float: right;margin-top: 50px;}
.news .new_main .syxktab .news_con .txtbox{width:469px !important;}
.news .new_main .syxktabfl p{height: 50px;line-height: 50px;font-size: 14px;cursor: pointer;color: #fff;box-sizing: border-box;}
.news .new_main .syxktabfl p span{display: block;height: 100%;width:145px;margin: 0 auto; border-bottom: 1px solid #5a5f65;}
.news .new_main .syxktabfl p.on{color:#7ffaff;background: url("http://www.itcast.cn/images/syxksyxktab_icon.jpg") no-repeat left center ;}
.news .new_main .syxktabfr .syxktabcon{display: none;}
.news .new_main .syxktabfr .syxktabcon.show{display: block;}
.syxktabmore{display: block;text-align: center;width: 170px;height: 40px;margin: 40px auto 0;line-height: 40px;text-align: center;border-radius: 8px;background: #eee ;font-size: 16px; }
.syxktabmore:hover{background: #474d53 ;color:#7ffaff ;}
.new_r .box_sidebar{margin-bottom: 15px;}
.new_r .box_sidebar .sidebar_more{position: relative;margin: 25px 0 5px;}
.new_r .box_sidebar .sidebar_more h2{font-size: 18px;color: #383838;}
.new_r .box_sidebar .sidemore{position: absolute;top: 3px;right: 10px;font-size: 14px;color: #777777;}
.new_r .box_sidebar .sidemore:hover{color: #cd0000;}
.new_r .box_sidebar ul li .img_box{width: 101px;height:66px;border-radius: 6px;overflow: hidden;float: left;}
.new_r .box_sidebar ul li .img_box img{width: 101px;height:66px;}
.new_r .box_sidebar ul li{overflow: hidden;border-bottom: 1px solid #f2f4f6;padding: 12px 0;}
.new_r .box_sidebar ul h3{font-size: 15px;color: #515151;line-height: 24px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height:44px;margin-bottom: 6px;}
.new_r .box_sidebar ul li img{transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.new_r .box_sidebar ul .btm{overflow: hidden;font-size: 14px;float: right;width: 115px;}
.new_r .box_sidebar ul .btm span{display: block;float: left;}
.new_r .box_sidebar ul .btm .span1{width: 100%;color: #919191;}
.new_r .box_sidebar ul .btm .span2{width: 100%;color: #ff2e2e;}
.new_r .box_sidebar ul .btm p{width: 100%;float: left;color: #919191;  line-height: 20px;}
.new_r .box_sidebar ul li:hover img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.new_r .box_sidebar .gkk_sidebar .btm .p1{background-image: url(../images/sy_box3icon1.jpg);}
.new_r .box_sidebar .gkk_sidebar .btm .p1 b{color: #ff8a00;font-weight: normal;}
.new_r .box_sidebar .gkk_sidebar .btm .span3{width: 80px;text-align: right;color: #ff2e2e;}
.new_r .box_sidebar .gkk_sidebar .btm .span4{color: #646363;}
.new_r .box_sidebar ul li .side_fr{width:100%;overflow: hidden;}
.new_r .bmlc-con{width: 112%;margin-left: -6%;}
.bmbg_wrap .bmbd_con .bmbdbot{width: 100% !important;}
.syxktab_r .new_top p{display: block;}
/*.syxktab_r .new_top span{display: block;}*/


.wzheader{
	width: 100%;
	height: auto;
	padding: 3% 0;
	background: #eee;
	position: relative;
}
.wzheader .wzimgleft{
	position: absolute;
	width: 7%;
	left: 4%;
	top: 32%;
}
.wzheader a{
	display: block;
	width: 30%;
	margin: 0 auto;
}
.wzheader .wzimgcity{
	position: absolute;
	width: 8%;
	right: 4%;
	top: 22%;
}

.wzleftlist_bg{
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 9999998;
	transition: transform .6s;
	display: none;
}
.wzleftlist{
	position: fixed;
    top: 0;
    left: 0;
    width: 70%;
    font-size: .9em;
    height: 100%;
    overflow: auto;
    display: block;
    z-index: 9999999;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .6);
    transform: translate(-750px, 0);
    transition: transform .3s;
	background: #232323;
}
.wzleftlist.show{transform: translate(0, 0);}
.wzleftlist .wzleftlist_con h3{
	font-size: 1.2em;
	color: #fff;
	padding: 5% 0 5% 8%;
}
.wzleftlist .wzleftlist_con ul li{
	font-size: .9em;
	border-bottom: 1px #141414 solid;
	padding: 1em 0 1em 8%;
}
.wzleftlist .wzleftlist_con ul li a{display: block;color: #fff;}

.wzrightlist{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	display: none;
	z-index: 99999;
}
.wzrightlist h3{
	font-size: 1.2rem;
	color: #666;
	padding: 5% 0 5% 8%;
}
.wzrightlist .fxbox_bg{
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
}
.wzrightlist .fxbox{
	position: absolute;
    left: 3%;
    top: 30%;
    z-index: 999;
    width: 90%;
    border: 1px #ccc solid;
    background: #fff;
    padding: .8em .5em;
    border-radius: 10px;
}
.wzrightlist .fx_box .fx_list{
    float: left;
    font-size: .9em;
    width: 22%;
    text-align: center;
    line-height: 2.5em;
    background: #f5f5f7;
    margin: .25em 1.5%;
    height: 2.5em;
}


.article-hidden {height: 1000px;overflow: hidden;}
.tutorial-detail dt { margin-bottom: 15px; font-size: 18px; color: #2489e6 }
.tutorial-detail dd { position: relative; padding-left: 66px; padding-bottom: 20px; color: #333;line-height: 25px;font-size: 16px;}
.tutorial-detail dd a{ color: #2489e6;}
.tutorial-detail dd:before { content: ''; position: absolute; left: 33px; top: 0; bottom: 0; border-left: 2px dotted #e4e4e4 }
.tutorial-detail dd:first-of-type i { color: #989898; width: auto; left: 14px; line-height: 25px; background: #fff }
.tutorial-detail dd i { position: absolute;font-style: inherit; left: 19px; width: 30px; text-align: center; background-color: #2489e6; font-size: 14px; color: #fff; line-height: 30px; border-radius: 50% }
.tutorial-detail dd strong { font-size: 17px; font-weight: 700; margin-bottom: 10px; line-height: 30px }
.tutorial-detail dd b { display: block; font-size: 17px; font-weight: 700; margin-bottom: 10px; line-height: 30px }
.tutorial-detail dd p { margin-bottom: 1em; font-size: 16px; line-height: 1.5 }
.tutorial-detail dd img { display: block; max-width: 80%; height: auto !important; margin: 20px auto 0 }
.tutorial_list .tutorial_p{cursor: pointer;width: 100%;height: 54px;line-height: 54px;text-align: center;font-size: 16px;}

.sub_l .botpage{overflow: hidden;padding: 0 10px;}
.sub_l .botpage a{
	float: left;
	width: 48%;
	font-size: 14px;
	color: #8a8a8a;
	text-align: center;
  line-height: 20px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	margin-left: 1%;
}
.sub_l .botpage a:hover{
	color: #2b2b2b;
	text-decoration: underline;
}
.sub_l .botpage a b{
  position: relative;
  display: inline-block;
  height: 20px;
}
/* .sub_l .botpage a b:after{
  position: absolute;
  left: 42px;
  top: 0;
  height: 100%;
  content: "：";
} */

@media screen and (max-width: 750px){
	body{min-width: 100%;font-size: 1.5rem;}
	.newsindex_pc{display: none;}
	.newsindex_yd{display: block;}
	.newswrapper{width: 100%;}
	.newswrapper .graybg{background: #fff;}
	.newswrapper .ztright{width: 100%;margin: 0;}
	.newswrapper img{max-width: 100%;height: auto !important;display: block;}
	.newswrapper video{max-width: 100%;height: auto !important;margin: 5% 0;}
	.newswrapper .bread_nav{display: none;}
	.newswrapper .sub_con{width:100%;}
	.newswrapper .sub_l table{width: auto !important;}
	.newswrapper .sub_l{width: 90%; padding:5% 5%; float: none;}
	.newswrapper .sub_l .sub_tt{font-size:1.4em;}
	.newswrapper .sub_l .time{font-size:.9em;}
	.newswrapper .reader_con{width: 100%;margin-left: 0;}
	.newswrapper .re_con{width: 100%;padding-bottom: 40px;}
	.newswrapper .re_con.recon_relevant{padding-bottom: 10px;}
	.newswrapper .reader_con ul {width: 100%;}
	.newswrapper .reader_con ul li p{font-size: 1em;width: 66%;}
	.newswrapper .newsindex_yd table{width: 100% !important;border-color: #b9b9b9;}
	.newswrapper .newsindex_yd table tr td{border: 1px #b9b9b9 solid;}
	.sub_l .sub_txt{padding-bottom: 15px;}
	.newsindex_yd .footer_box{background: #EEEEEE;padding: 5% 0 2%;height: auto;}
	.newsindex_yd .footer_box p{padding: 1% 2% 2.8em;;text-align: center;color: #000;line-height: 1.5em;}
	.newsindex_yd .footer_box img{width: 4%;display:inline-block;}
	.newsindex_yd .footer_box .footlist{font-size: .8em;color: #999;padding: 1% 1% 0;margin: -1% 0 2%;}
	.newsindex_yd .footer_box .footlist a{margin: 0 .3em 0;color: #333;}
	.newsindex_yd .bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 999; max-width: 750px;}
	.newsindex_yd .bdzx a{ line-height: 2.5em; color: #fff; display: block; float: left; width:49%; height: 2.5em; text-align: center;}
	.newsindex_yd .bdzx a.zx_btn{border-right: 1px solid #fff; background: url('http://www.itheima.com/templates/subject/images/qq_icon.jpg') no-repeat 20% center; background-size: 10%;}
	.newsindex_yd .bdzx a.tel_btn{ background: url('http://www.itheima.com/templates/subject/images/phone_bg.jpg') no-repeat 17% center; background-size: 12%;}
	.news .new_main .new_lasd .news_con .txtbox{width: 100%;height: auto;margin: 0 auto;}
	.sub_lnew{float: none;}
	.wzheader{background: #fff;}
	.bread_nav .inner{width: 100%;}
	.news{background: #fff;}
	.new_l .news_con{padding-bottom: 0%;}
	.new_l .news_con .txtbox{padding-left: 0;}
	.newswrapper .news .lb_nav{display: block;padding-left: 2%;}
	.news .new_main{width: 100% ;background: #FFF;}
	.news .new_main .new_l {width: 100% ;padding:0 3% ;box-sizing: border-box;float: none;}
	.news .new_main .new_lnew .news_con li img{width: 30% ;}
	.news .new_main .new_lnew .news_con .txtbox{width: 66% ;overflow: hidden;}
	.new_l .news_tab h3{height: auto;padding: 2% 0 ;text-align: left;}
	.new_l .news_tab h3 span{margin-right: 1%;font-size: .9em;height: 1.5rem;line-height: 1.5rem;padding: 1% 0;}
	.new_l .news_con .txtbox>p{display: none;}
	.news .new_main .new_lnew .news_con .txtbox{height: auto;}
	.new_l .news_con ul li{padding: 4% 0;}
	.new_l .news_con .txtbox h4{font-size:.98rem;margin-bottom: 2%;width: 100%;}
	.new_l .news_con .pagebox a{margin-bottom: 10px;}
	.new_r{float: none;width: 300px;height: auto;margin: 0 auto;}
	.new_r img{margin: 0;}
	.new_r .new_top{height: auto;}
	.new_r .new_top img{width: 100% !important;}
	.new_r .lay_conke .kb_info{width: 300px;}
	.new_r .lay_conke .kb_info .hd{width: 298px;}
	.new_r .lay_conke .kb_info .select dd ul{width: 298px;}
	.new_r .lay_conke .kb_info .select dd ul li{width: 25%;}
	.new_r .lay_conke .kb_info .bd{width: 100%;}
	.new_r .lay_conke .kb_info .bd ul{max-width: 100%;}
	.new_r .lay_conke .kb_info .bd ul li{width: 94%;text-align: center;}
	.new_r .lay_conke .kb_info .bd ul li a{font-size: 16px;}
	.new_r .lay_conke .kb_info .bd ul li em{padding: 0 16px;}
	.new_r .box_sidebar ul h3{margin-bottom: 10px;}
	.new_r .box_sidebar ul li .img_box{width: 150px;height: auto;}
	.new_r .box_sidebar ul li .img_box img{width: 150px;display: block;}
	.new_r .box_sidebar ul .btm{font-size: 16px;padding-top: 5px;}
	.new_r .box_sidebar ul .btm p{padding: 9px 0;}
	.new_r .bmlc-con{width: 104%;margin-left: -2%;}
	
	.tutorial_video.cur{height: 260px;}
	.tutorial_video.cur video{position: fixed;width: 90%;left: 5%;top: 0;z-index: 999;margin: 0;}
}


/*学员故事*/
.story_ban{width:100%; height: 210px; background:#32C8D6 url(../images/story_bg.jpg) no-repeat center top;}
.xystory{background:#f1f1f1; font-family:"微软雅黑"; color:#333;}
.xystory .inner{ width:1200px; margin:0 auto; overflow:hidden;}
.xystory .ban img{ width:100%; height:210px; display:block; margin-bottom:20px;}
/*学员故事列表*/
.xystory .story_con{ width:1150px; padding:25px 25px 40px; overflow:hidden; background:#fff; margin-bottom: 45px;}
.xystory .story_tab{ text-align:right; margin-bottom:25px;}
.xystory .story_tab span{ display:inline-block; font-size:14px; height:20px; line-height:20px; padding-bottom:3px; margin-left:15px; cursor:pointer;}
.xystory .story_tab span:hover{ color:#d72502;}
.xystory .story_tab .zton{ border-bottom:2px solid #d72502; color:#d72502;}
.xystory .story_list{ width:1170px; overflow:hidden;}
.xystory .story_list li{ width:272px; float:left; margin:0 20px 35px 0; overflow:hidden;}
.xystory .story_list .picbox{ display:block; width:272px; height:163px; overflow:hidden; margin-bottom:10px; border-radius:5px; }
.xystory .story_list .picbox img{ display:block; width:272px; height:163px; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.xystory .story_list .picbox:hover img{  -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}
.xystory .story_list .txtbox{ display:block; color:#333;}
.xystory .story_list .txtbox h3{line-height:23px; font-size:15px; padding-left:10px; border-left:2px solid #d72502; overflow:hidden; margin-bottom:10px;}
.xystory .story_list .txtbox p{ font-size:14px; line-height:22px; height:63px; overflow:hidden; color:#888;}


.footer .about {border-top: 0;}
.footer .about .div_list{float:left; margin-right: 50px;}
.footer .about .div_list ul{border-right: 1px solid #777777; padding-right: 72px;width: 100px;}
.footer .about .div_list li{margin-bottom: 10px;}
.footer .about .div_list li a{color: #e7e7e7;}
.footer .about .div_list li a:hover{color: #D72502;}
.footer .about .div_ewm{float:right; margin-right: 50px;}
.footer .about .ewmbox{float:left; text-align: center; margin-right: 50px; position: relative; padding-top: 20px;}
.footer .about .ewmbox .iconbox{display: block; margin: 0 auto; width:76px; height: 76px; background: #486687; border-radius: 10px;}
.footer .about .ewmbox .iconbox:hover{background: #0085DB;}
.footer .about .ewmbox .iconbox:hover .iconfont{color: #fff;}
.footer .about .ewmbox .iconbox2:hover{background: #4EC12E;}
.footer .about .ewmbox .iconbox3:hover{background: #EBA702;}
.footer .about .ewmbox .iconfont{font-size: 60px; line-height: 70px; color: #fff;}
.footer .about .ewmbox .icon_tt{line-height: 40px; color:#e7e7e7;}
.footer .about .ewmbox .ewm{background: #486687; width:160px; padding:15px 10px; position: absolute; left:50%; margin-left: -90px; top: -155px; z-index: 2; display: none; z-index:999;}
.footer .about .ewmbox .ewm p{font-size: 12px; color: #fff;}
.footer .about .ewmbox .ewm p span{font-size: 14px;}
.footer .about .ewmbox .ewm:before{ content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -5%; width: 0; height: 0; border-top: 10px solid #486687; border-right: 10px solid transparent; border-left: 10px solid transparent; } 
.footer .fl{position:relative; padding:15px 0;}
.footer .fl .lk a{font-size:12px; color: #e7e7e7; float: left; margin-right: 10px; line-height: 26px;}
.footer .fl .lk a:hover{color: #D72502;}
.footer .add{padding: 15px 0 30px; width:100%; background:#21242c; border-top:none; overflow:hidden;}
.footer .add p{font-size: 12px; line-height: 24px; color:#4f6379; width:1200px; margin:0 auto;}
.footer .add a{color: #188eee;}



@media screen and (min-width: 750px){
	.graybg_qynews .sub_l{padding-top: 50px;}
	.graybg_qynews .sub_l .sub_txt{padding: 30px 0 120px;}
	.graybg_qynews .sub_l .sub_tt{font-size: 30px;margin-bottom: 10px;}
	.graybg_qynews .sub_l .time{padding-bottom: 30px;}
}