/* 通用 css*/
/* by nana */
.wrapper{width:100%;background: #F1F1F1;}
/* 通用过度样式 */
.a_gd{transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.a_default:hover{color:#D72502;}
/* 通用间距样式 */
.clear{width:100%; height:20px; line-height:0; font-size:0; clear:both;}
.clear_b{width:100%; height:30px; line-height:0; font-size:0; clear:both;}
.clear_s{width:100%; height:0; line-height:0; font-size:0; clear:both;}
.radius{border-radius: 7px;}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
/* 头部快速通道样式 */
.topbar{width:100%; height: 32px; background: #F9FBFF;}
.topbar .inner{width:1200px; margin: 0 auto; color: #565656;}
.topbar .top_l{float:left;}
.topbar p{line-height:32px; font-size:12px;color: #8d8d8d;}
.topbar p a{color: #8d8d8d;}
.topbar .top_r{float:right;}

/* 头部导航样式 */
.header{position: relative; background: #fff; height: 150px;}
.header_con{width:1200px;height: 110px; margin: 0 auto; position: relative;}
.head_up h1{float:left; padding:15px 0; margin-left: 14px;}
.head_up h1 img{display: block;}
.head_up .leftlogo{float:left; padding:22px 0 15px; margin-left: 14px;}
.head_up .leftlogo img{display: block;}
.head_up .slogan {float: left;margin: 34px 0 0 15px;}
.head_up .city {position: relative;float: right;padding-top: 30px;line-height: 30px; z-index: 999999999;padding-left: 35px;cursor: pointer;background: url("/http/ai.itheima.com/2020gw/images/indeximg/city_m.png") no-repeat 13px 36.5px;}
.head_up .city h3{float: left; font-size: 18px;color: #e9152e;}
.head_up .city.cur{background-image: url("/http/ai.itheima.com/2020gw/images/indeximg/city_b.png");}
.head_up .city.cur h3{color: #fff;}
.head_up .city .city_in{float: left; position: relative; margin-top: 3px; z-index: 999999; margin-left:10px;}
.head_up .city .city_in .city_nav {line-height: 26px;background: url(../images/city/city_x.jpg) no-repeat left center;font-size: 12px;font-family: "宋体";padding-left: 24px;display: none;}
.head_up .city .city_con {float: left;position: absolute;right: 0;left: auto;top: 23px;padding-top: 15px;z-index: 999999;}
.head_up .city .city_con strong{display: block; width: 10px; height: 17px; background: url(../images/city/arrow.jpg) no-repeat; position: absolute; left:-9px; top:26px; z-index: 2;}
.head_up .city .city_con:after{
	position: absolute;
    right: 42px;
    top: 9px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	z-index: 5;
	content: "";
}
.head_up .city .city_con ul{position: relative; width:525px; overflow: hidden; background: #fff; border-radius: 4px;z-index: 3;}
.head_up .city .city_con ul li{width:105px; height: 90px; float: left; position: relative;background: #f7f7f7;}
.head_up .city .city_con ul li:nth-child(even){background: #fdfdfd;}
.head_up .city .city_con ul li a{display: block;width: 100%;height: 100%;}
.head_up .city .city_con ul li .imgbox{display:block; text-align: center; width:63px; height: 54px;position: absolute; left: 21px;bottom: 30px;background: url("/http/ai.itheima.com/2020gw/images/indeximg/xqpic.png") no-repeat 0 0;}
.head_up .city .city_con ul li.xq_bjcp .imgbox{background-position-y: 0;}
.head_up .city .city_con ul li.xq_bjsy .imgbox{background-position-y: 0;}
.head_up .city .city_con ul li.xq_tj .imgbox{background-position-y: -56px;}
.head_up .city .city_con ul li.xq_sh .imgbox{background-position-y: -112px;}
.head_up .city .city_con ul li.xq_gz .imgbox{background-position-y: -168px;}
.head_up .city .city_con ul li.xq_sz .imgbox{background-position-y: -224px;}
.head_up .city .city_con ul li.xq_wh .imgbox{background-position-y: -280px;}
.head_up .city .city_con ul li.xq_zz .imgbox{background-position-y: -336px;}
.head_up .city .city_con ul li.xq_xa .imgbox{background-position-y: -392px;}
.head_up .city .city_con ul li.xq_cs .imgbox{background-position-y: -448px;}
.head_up .city .city_con ul li.xq_jn .imgbox{background-position-y: -504px;}
.head_up .city .city_con ul li.xq_cq .imgbox{background-position-y: -560px;}
.head_up .city .city_con ul li.xq_hz .imgbox{background-position-y: -672px;}
.head_up .city .city_con ul li.xq_nj .imgbox{background-position-y: -616px;}
.head_up .city .city_con ul li.xq_sjz .imgbox{background-position-y: -728px;}
.head_up .city .city_con ul li.xq_cd .imgbox{background-position-y: -784px;}
.head_up .city .city_con ul li.xq_hf .imgbox{background-position-y: -840px;}
.head_up .city .city_con ul li.xq_ty .imgbox{background-position-y: -896px;}
.head_up .city .city_con ul li.xq_xm .imgbox{background-position-y: -952px;}
.head_up .city .city_con ul li.xq_sy .imgbox{background-position-y: -1008px;}
.head_up .city .city_con ul li .imgbox img{display: none;}
.head_up .city .city_con ul li a:hover .s_name{background: #D72502; color: #fff;}
.head_up .city .city_con ul li .s_name{display:block; width:100px; line-height: 23px; color: #252b3a; font-size: 14px; text-align: center; position: absolute; left: 2.5px;bottom: 7px;}
.head_up .slo{float:right; margin-top:10px;}
.head_up .city .city_con ul li strong{display:block; background: url(../images/city/new.png); width:23px; height:23px; position: absolute; left:77px; top:15px;}
.head_up .slo{float:right; margin-top:10px;}
.head_up .city .city_con ul li .red{background: #d72502; color: #fff;}
.head_up .city .city_con ul li .sj360{
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 35px;
	height: 35px;
	font-size: 0;
	z-index: 999;
}
.head_up .city .city_con ul li .sj360:before{
	position: absolute;
	right: 8px;
	top: 7px;
	width: 21px;
	height: 19px;
	background: url("/http/ai.itheima.com/2020gw/images/indeximg/pic.png") no-repeat 0 -226px;
	content: "";
}
.head_up .city .city_con ul li:hover{background: #d71a1a;}
.head_up .city .city_con ul li:hover .imgbox{background-position-x: -65px;}
.head_up .city .city_con ul li:hover .s_name{color: #fff;background: #d71a1a;}







/*导航*/
.city_bg{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 99999999;}
.head_nav{height: 40px;}
.head_index{background: #fff;}
.head_nav ul{width:1200px; margin: 0 auto;}
.head_nav ul li{float:left; font-size: 16px; line-height:40px; margin-left:47px;}
.head_nav ul li:nth-child(1){margin-left:0;}
.head_nav ul li .all{width:232px; background: #d51229; color: #fff; text-align: center;margin-left: 0; margin-right:10px;border-top-right-radius: 7px;border-top-left-radius: 7px;}
.head_nav ul li .all:hover{color: #fff;}
.head_nav ul li a{display:block; color: #16181a;}
.head_nav ul li a:hover{color: #D72502;}
.head_nav ul li a.cur{color:#D72502;}
.head_index ul li {margin: 0;}
.head_index ul li a{color: #16181a;margin-left: 59px;}
.head_index ul li a:hover{color: #D72502;}
.head_index ul li .all:hover{color: #fff;}

.index_h ul li.lione{background: #D72502;border-radius: 7px;}
.index_h ul li .all{width:116px; float: left;margin-right: 0;}
.index_h ul li .all:hover{background: #e82c07;}
.index_h ul li .all.on{background: #a40000;position: relative;}
.index_h ul li .all.on:before{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: -4px;
	width: 0;
	height: 0;
	border-top: 4px solid #a40000;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	z-index: 99;
}

/* 头部导航下拉样式 */
.fdnav{position:absolute;left: 50%; top:133px; width:440px;height: 260px;background: rgba(255,255,255,.95); z-index: 100; display: none;margin-left: -600px;overflow: hidden;}
/* .fdnav ul{width:1200px; margin:0 auto; padding:15px 0 22px; overflow: hidden;}
.fdnav ul li{float:left; width:auto;}
.fdnav ul li a{display: block; width:auto; height:92px; padding:0 16px;}
.fdnav ul li img{display: block; margin:0 auto; height:60px;}
.fdnav ul li span{line-height: 40px; margin-right: 0; text-align: center; display: block; font-size:13px;}
.fdnav ul li.li_last{border-right:0;} */
/* .fdnav{position:absolute; top:127px; width:100%;  background: #f6f6f6; z-index: 100;height: 0;overflow: hidden; display:block;} */
.fdnav ul{width:442px; margin:0 auto; padding: 1px 0 0;overflow: hidden;}
.fdnav ul li{float:left; width: 220px;height: 51px;border-right: 1px #fefefe solid;border-bottom: 1px #fefefe solid;}
.fdnav ul li.w108{width: 108px;}
.fdnav ul li.w127{width: 127px;}
.fdnav ul li.w180{width: 180px;}
.fdnav ul li a{display: block; width:auto;}
.fdnav ul li img{display: block; margin:0 auto;float: left;margin-right: 10px;width: 22px;}
.fdnav ul li span{float: left;color: #7b7b7b;margin-right: 0;font-size:14px;line-height: 51px;}
.fdnav ul li.twolin span{line-height: 20px;}
.fdnav ul li.li_last{border-right:0;}
.fdnav ul li:hover span{color: #d50212;}
.fdnav ul li em{float: left;width: 36px;margin: 6px 6px 0 28px;height: 36px;border-radius: 50%;}
.fdnav ul li em img{width: 100%;}
.fdnav ul li.java_icon em{margin-top: 10px;}


/* 通用sec样式 */
.sec{width:1200px; margin:0 auto; overflow:visible;}
.sec .hd{width:100%; overflow:hidden; height:45px;position: relative;}
.sec .hd_tt{float:left; font-size:22px;}
.sec .hd_rr{float:left; margin:10px 0 0 50px;}
.sec .hd_rr ul li{float:left; line-height: 14px; margin: 0 9px; cursor: pointer;}
.sec .hd_rr ul li.cur {color:#D72502; border-bottom: 2px solid #D72502; padding-bottom: 5px;}
.sec .hd_rr ul li.cur a{color:#D72502;}
.sec .hd_rr ul li:hover{color:#D72502;}






/*师资*/
/*4项标准*/
.teamain_bot .botlists{width: 1148px;background: #fbfbfb;margin-left: 52px;border-radius: 5px;margin-bottom: 10px;position: relative;padding-bottom: 22px;}
.teamain_bot .botlists h2{font-size: 20px;color: #fff;font-weight: bold;position: absolute;width: 154px;height: 70px;left: -53px;top:20px;background: #36c6b7;box-shadow: 0 6px 14px rgba(54,198,183,.69); border-top-right-radius: 15px;border-bottom-left-radius: 15px;text-align: center;padding-top: 17px;}
.teamain_bot .botlists2 h2{top: 20px;background: #6d7aa2;box-shadow: 0 6px 14px rgba(145,156,189,.46);}
.teamain_bot .botlists3 h2{top: 20px;background: #c81a1a;box-shadow: 0 6px 14px rgba(198,190,187,.69);}
.teamain_bot .botlists4 h2{background: #fe3636 !important;box-shadow: 0 6px 14px rgba(254,54,54,.69) !important;}
.teamain_bot .botlists5 h2{background: #ffa800 !important;box-shadow: 0 6px 14px rgba(255,199,91,.55) !important;}
.teamain_bot .botlists6 h2{background: #726cf7 !important;box-shadow: 0 6px 14px rgba(114,108,247,.69) !important;}
.teamain_bot h3{font-size: 20px;color: #373737;text-align: center;margin-left: 52px;padding: 32px 0;background: #fbfbfb;width: 1122px;padding-right: 26px;}
.teamain_bot .botlists ul{margin-left: 136px;}
.teamain_bot .botlists ul li{width: 220px;height: 109px;float: left;margin-right: 30px;position: relative;border-radius: 5px;border: 1px #43cabc solid;text-align: center;}
.teamain_bot .botlists4 ul li{border-color: #fe3636;}
.teamain_bot .botlists ul li .h4{font-size: 18px;color: #000;font-weight: bold;padding: 8px 0 6px;}
.teamain_bot .botlists4 ul li .h4{padding-top: 18px;}
.teamain_bot .botlists ul li p{font-size: 15px;color: #6e6e6e;}
.teamain_bot .botlists ul li p span{display: block;}
.teamain_bot .botlists ul li img{position: absolute;right: -17px;top: 49px;}
.teamain_bot .botlists2{padding: 14px 0;}
.teamain_bot .botlists3{padding-top: 20px;}
.teamain_bot .botlists3 .teacherpic9{margin-left: 136px;}
.teamain_bot .botlists3 .bot3con{position: absolute;left: 136px;top: 14px;}
.teamain_bot .botlists3 .bot3con p{float: left;width: 138px;margin-right: 29px;padding: 22px 0 0 84px;font-size: 16px;color: #000;line-height: 26px;}

.teamain_bot .botlists .teacherpic8{position: relative;margin-left: 136px;}
.teamain_bot .botlists .teacherpic8 .bot2con{position: absolute;left: 0;top: 8px;}
.teamain_bot .botlists .teacherpic8 .bot2con p{float: left;padding-left: 38px;width: 232px;font-size: 16px;color: #000;}
.teamain_bot .botlists .teacherpic8 .bot2con p:nth-child(3){padding-left: 4px;width: 182px;}
.teamain_bot .botlists .teacherpic8 .bot2con p span{display: block;margin-bottom: 34px;}
.teamain_bot .botlists .teacherpic8 .bot2con p span i{display: none;}

/*教研团队*/

.box_teacher .teacher_tab{height: 55px;border-bottom: 1px #dee0ea solid;text-align: center;margin: 33px 0 0;}
.box_teacher .teacher_tab p{height: 52px;display: inline-block;font-size: 18px;color: #646464;line-height: 52px;margin: 0 15px;cursor: pointer;}
.box_teacher .teacher_tab p.cur{font-size: 20px;color: #1660e0;font-weight: bold;border-bottom: 4px #2b74f3 solid;}

.box_teacher .teacher_con .teacher_main{display: none;position: relative;}
.box_teacher .teacher_con .teacher_main1{display: block;}
.box_teacher .teacher_con .teacher_main .maincon{position: relative;height: 840px;padding-bottom: 80px;}
.box_teacher .teacher_con .teacher_main2 .maincon{height: 690px;}
.box_teacher .teacher_con ol{width: 100%;position: absolute;left: 0;bottom: 526px;height: 16px;text-align: center;z-index: 6;}
.box_teacher .teacher_con ol li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 2px #2b74f3 solid;margin: 0 5px;cursor: pointer;}
.box_teacher .teacher_con ol li.cur{background: #2b74f3;}

.box_teacher .teacher_main .maincon ul{width: 1230px;position: absolute;left: 0;top: 0;display: none;}
.box_teacher .maincon ul.cur{display: block;}
.box_teacher .maincon ul li{width: 221px;height: 380px;float: left;margin: 40px 24px 0 0;box-shadow: 0 5px 18px rgba(137,180,255,.16);background: #fff;position: relative;overflow: hidden;border-radius: 7px;}
.box_teacher .teacher_main2 .maincon ul li{height: 305px;}
.box_teacher .maincon ul li .main_pic{height: 245px;overflow: hidden;}
.box_teacher .maincon ul li .main_pic img{display: block;width: 100%;}
.box_teacher .maincon ul li .more_pic{text-align: center;padding-top: 86px;}
.box_teacher .teacher_main2 ul li .more_pic{padding-top: 50px;}
.box_teacher .maincon ul li a{width: 115px;height: 35px;background: #2b74f3;display: block;border-radius: 20px;margin: 0 auto;font-size: 16px;color: #fff;text-align: center;line-height: 35px;}
.box_teacher .maincon ul li .main_bot h2{font-size: 20px;color: #1b1b1b;font-weight: bold;padding: 15px 11px 11px;}
.box_teacher .maincon ul li .main_bot h2 span{font-size: 15px;color: #909090;font-weight: 100;padding-left: 12px;}
.box_teacher .maincon ul li .main_bot h3{font-size: 12px;color: #919191;height: 24px;padding: 0 11px 11px 5px;}
.box_teacher .maincon ul li .main_bot h3 span{font-size: 12px;color: #919191;float: left;padding: 0 6px;height: 22px;line-height: 22px;border: 1px #e5e8f3 solid;border-radius: 11px;margin-left: 6px;}
.box_teacher .maincon ul li .main_bot p{height: 40px;font-size: 12px;color: #8c8c8c;padding: 0 11px;line-height: 20px;overflow: hidden;}
.box_teacher .maincon ul li .main_mask{position: absolute;width: 100%;height: 100%;left: 0;top: 380px;background: rgba(16,84,200,.93);
	transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
	z-index: 3;
}
.box_teacher .maincon ul li .main_mask h2{font-size: 24px;color: #fff;font-weight: bold;padding: 26px 16px 8px;}
.box_teacher .maincon ul li .main_mask h2 span{font-size: 15px;color: #fff;font-weight: 100;padding-left: 12px;}
.box_teacher .maincon ul li .main_mask p{font-size: 14px;color: #fff;padding: 0 16px 0 18px;line-height: 26px;overflow: hidden;height: 258px;word-break: break-all;}
.box_teacher .teacher_main2 .maincon ul li .main_mask p{height: 234px;}
.box_teacher .maincon ul li .main_mask h3{font-size: 14px;color: #fff;padding-bottom: 11px;border-bottom: 1px #4679d0 solid;width: 198px;margin: 0 0 10px 18px;}
.box_teacher .maincon ul li:hover .main_mask{
	top: 0;
}



/* ----------2020免费教程资源---------- */
.box_resources{padding-top: 55px;background: #fbfbfb;}
.box_resources .resources_con{padding: 40px 0 30px;overflow: hidden;}
.box_resources .resources_con p{float: left;font-size: 20px;color: 313131;line-height: 25px;font-weight: bold;}
.box_resources .resources_con ol{float: right;width: 100%;}
.box_resources .resources_con ol li{float: left;height: 25px;border-radius: 25px;line-height: 25px;padding: 0 9px;margin-right: 11px;font-size: 15px;color: #737373;cursor: pointer;}
.box_resources .resources_con ol li.cur{background: #f53443;font-size: 16px;color: #fff;}
.box_resources .resources_con ol li.con_right {float: right;font-size: 14px;}
.box_resources .resources_con ol li.con_right a{color: #a6a6a6;display: block;}
.box_resources .resources_con ol li.con_right:hover{background: #f53443;border-color: #f53443;}
.box_resources .resources_con ol li.con_right:hover a{color: #fff;}
.box_resources .lay_con{overflow: hidden;}
.box_resources .lay_con ul{overflow: hidden;width: 1225px;}
.box_resources .lay_con ul.open_html{padding-bottom: 46px;}
.box_resources .lay_con ul li{width: 222px;margin: 0 23px 33px 0;float: left;overflow: hidden;border-radius: 10px;padding-bottom: 15px;}
.box_resources .lay_con ul h2{font-size: 15px;color: #515151;line-height: 24px;margin: 10px 0;overflow: hidden;padding: 0 10px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;}
.box_resources .lay_con ul .btm{padding: 0 10px;}
.box_resources .lay_con ul li .img_box{width: 222px;height: 146px;border-radius: 10px;overflow: hidden;position: relative;}
.box_resources .lay_con ul li .mask_img1{width: 222px;height: 146px;}
.box_resources .lay_con ul li .img_box>img{width: 222px;height: 146px;}
.box_resources .lay_con .sy_mask{width: 222px;height: 146px;background: rgba(0,0,0,.6);border-radius: 10px;position: absolute;top: 0;left: 0;overflow: hidden;display: none;}
.box_resources .lay_con .open_html li .img_box{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.box_resources .lay_con .open_html .sy_mask{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.box_resources .lay_con .sy_mask a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.box_resources .lay_con .sy_mask .sy_show{display: block;margin: 59px auto}
.box_resources .lay_con ul li:hover .sy_mask{display: block;}
.box_resources .lay_con .open_html li{background: #fff;}
.box_resources .lay_con .open_html li a{display: block;overflow: hidden;}
.box_resources .lay_con .open_html li:hover{box-shadow: 0 4px 10px rgba(115,140,240,.18);}
.box_resources .lay_con ul .btm span{float: left;}
.box_resources .lay_con ul .btm .span1{width: 42px;color: #919191;}
.box_resources .lay_con ul .btm .span2{width:auto;text-align: right;color: #ff2e2e;float: right;}
.box_resources .lay_con ul .btm .span2 img{float: left;margin: 1px 8px 0 0;}
.box_resources .lay_con ul .btm .span2 i{font-style: inherit;}
.box_resources .lay_con ul .btm .span3{color: #646363;width:110px;}
.box_resources .lay_con ul .btm p{width: auto;float: right; background: url("https://yun.itheima.com/Root/images/sy_box2icon1.jpg") no-repeat left center ;padding-left: 20px;color: #919191;}
.box_resources .lay_con ul .btm p.p_on{background-image: url("https://yun.itheima.com/Root/images/sy_box2icon1.jpg");}
.box_resources .lay_con ul .btm p b{font-weight: normal;}
.box_resources .lay_con ul .btm .p_on b{color: #ff8a00;line-height: 20px;}
.box_resources .lay_con ul .btm span.span_on{background: url("https://yun.itheima.com/Root/images/images/sy_box3icon2.jpg") no-repeat 30px center;}
.box_resources .lay_con ul .img_box .p1{
	font-size: 14px;
	color: #fff;
	padding: 1px 10px 2px;
	border-radius: 0 30px 30px 0;
	position: absolute;
	left: 0;
	top: 12px;
	z-index: 9;
	background: -moz-linear-gradient(left, #ffc50b 0%, #ff1f19 100%);
	background: -webkit-gradient(linear, left left, left right, color-stop(0%,#ffc50b), color-stop(100%,#ff1f19));
	background: -webkit-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
	background: -o-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
	background: -ms-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
	background: linear-gradient(to right, #ffc50b 0%,#ff1f19 100%);
}
.box_resources .layh2{font-size: 20px;color: #313131;font-weight: bold;padding-bottom: 18px;}
.box_resources .layh2 a{float: right;font-weight: 100;height: 25px;border: 1px #ccced3 solid;border-radius: 25px;line-height: 25px;padding: 0 9px;font-size: 14px;color: #a6a6a6;cursor: pointer;}
.box_resources .layh2 a:hover{border: 1px #f53443 solid;color: #fff;background: #f53443;}

.box_resources .resources_con2 ul{width: 1230px;padding-bottom: 60px;}
.box_resources .resources_con2 ul li{float: left;width: 582px;height: 180px;background: #fff;margin: 0 32px 22px 0;}
.box_resources .resources_con2 ul li .con2pic{float: left;width: 141px;height: 158px;overflow: hidden;border-radius: 15px;margin: 10px 20px 0 15px;}
.box_resources .resources_con2 ul li img{width: 100%;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.box_resources .resources_con2 ul li:hover img{-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);}
.box_resources .resources_con2 ul li span{float: left;width: 352px;}
.box_resources .resources_con2 ul li span.con2span1{font-size: 18px;color: #1b1b1b;padding: 26px 0 11px;}
.box_resources .resources_con2 ul li:hover span.con2span1{color: #e21425;}
.box_resources .resources_con2 ul li span.con2span2{font-size: 15px;color: #8e8e8e;padding-bottom: 18px;line-height: 24px;}
.box_resources .resources_con2 ul li span.con2span3{font-size: 14px;color: #bfbfbf;}



/* ----------2020Tlias全方位AI教辅系统---------- */
.box_tlias{padding: 56px 0 48px;}
.box_tlias .tlias_top{width: 1200px;margin: 0 auto;padding: 25px 0 82px;}
.box_tlias .tlias_cen{background: #216ef4;padding: 58px 0 40px;}
.box_tlias .main{position: relative;}
.box_tlias .main ul{width: 700px;float: left;margin-top: 8px;}
.box_tlias .main ol{width: 485px;float: right;overflow: hidden;}
.box_tlias .main ul li{background:#2562cc ;border-radius: 10px;height:445px;display: none;}
.box_tlias .main ul li img{border: 10px solid #fff;border-radius: 10px;margin: -8px 0 0 8px;background: #fff;width: 672px;}
.box_tlias .main ul li p{font-size: 15px;color: #fff;padding: 8px 30px;line-height: 24px;}
.box_tlias .main ol li{width: 140px;height: 140px;float: left;background: #fff;margin: 0 0 15px 16px ;box-shadow: 6px 6px 6px #2251c5;border-radius: 8px;cursor: pointer;}
.box_tlias .main ol li span{display: block;width: 45px;height: 41px;background: url("/http/ai.itheima.com/2020gw/images/tliasicons.png") no-repeat 0 0;margin: 30px auto 15px;}
.box_tlias .main ol li span.tliasicon2{background-position: -45px 0;}
.box_tlias .main ol li span.tliasicon3{background-position: -90px 0;}
.box_tlias .main ol li span.tliasicon4{background-position: -135px 0;}
.box_tlias .main ol li span.tliasicon5{background-position: -180px 0;}
.box_tlias .main ol li span.tliasicon6{background-position: -225px 0;}
.box_tlias .main ol li span.tliasicon7{background-position: -270px 0;}
.box_tlias .main ol li span.tliasicon8{background-position: -315px 0;}
.box_tlias .main ol li p{font-size: 16px;color: #26355a;text-align: center;}
.box_tlias .main ol li.on{background: #cee0ff;}
.box_tlias .main ol li.on p{font-weight: bold;}
.box_tlias .main ul li.onshow{display: block;}
.box_tlias .main .cenpic{position: absolute;right: 171px;top: 156px;width: 140px;height: 140px;background: url("/http/ai.itheima.com/2020gw/images/tliaspic3.jpg");}
.box_tlias .main .cenpic img{display: none;}
.box_tlias .tlias_bot h2{font-size: 20px;color:#313131;font-weight: bold;padding: 43px 0 32px;}
.box_tlias .tlias_bot ul li{float: left;width: 240px;height: 77px;margin-bottom: 26px;}
.box_tlias .tlias_bot ul li .tliasbots{float: left;width: 77px;height: 77px;overflow: hidden;}
.box_tlias .tlias_bot ul li .tliasbot2 img{margin-left: -77px;}
.box_tlias .tlias_bot ul li .tliasbot3 img{margin-left: -154px;}
.box_tlias .tlias_bot ul li .tliasbot4 img{margin-left: -231px;}
.box_tlias .tlias_bot ul li .tliasbot5 img{margin-left: -308px;}
.box_tlias .tlias_bot ul li .tliasbot6 img{margin-left: -385px;}
.box_tlias .tlias_bot ul li .tliasbot7 img{margin-left: -462px;}
.box_tlias .tlias_bot ul li .tliasbot8 img{margin-left: -539px;}
.box_tlias .tlias_bot ul li .tliasbot9 img{margin-left: -616px;}
.box_tlias .tlias_bot ul li .tliasbot10 img{margin-left: -693px;}
.box_tlias .tlias_bot ul li p{float: left;font-size: 16px;color: #313131;padding: 15px 0 0 13px;}
.box_tlias .tlias_bot ul li.botone p{padding-top: 30px;}

.tlias_top .tliaspic1,.tlias_top .tliaspic2{position: relative;}
.tlias_top .tliaspic1{background: url("/http/ai.itheima.com/2020gw/images/tliaspic1.jpg");width: 100%;height: 238px;}
.tlias_top .tliaspic2{background: url("/http/ai.itheima.com/2020gw/images/tliaspic2.jpg");width: 100%;height: 333px;}
.tlias_top .tliaspic1 ul{position: absolute;left: 0;top: 114px;width: 100%;}
.tlias_top .tliaspic1 ul li{width: 186px;float: left;text-align: center;margin-right: 148px;font-size: 19px;color: #3e3e3e;}
.tlias_top .tliaspic1 ul li:last-child{margin-right: 0;}
.tlias_top .tliaspic2 ul{position: absolute;left: 0;top: 20px;width: 100%;}
.tlias_top .tliaspic2 ul.pic2ul2{top: 143px;}
.tlias_top .tliaspic2 ul.pic2ul3{top: 264px;}
.tlias_top .tliaspic2 ul li{float: left;width: 170px;padding-left: 160px;margin-right: 83px;font-size: 16px;color: #383838;line-height: 26px;}
.tlias_top .tliaspic2 ul li:last-child{margin-right: 0;padding-left: 140px;}



/* ----------2020传智汇-打造你的IT职业生态圈---------- */
.itczh{background: #fbfbfb;padding: 40px 0 92px;}
.itczh .itczh_con ul{overflow: hidden;margin-top: 42px;}
.itczh .itczh_con ul li{
	float: left;
	width: 191px;
	height: 426px;
	overflow: hidden;
	position: relative;
	transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease;
}
.itczh .itczh_con ul li.cur{width: 625px;}
.itczh .itczh_con ul li img{
	position: absolute;
	left: 0;
	top: 0;
	transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease;
}
.itczh .itczh_con ul li .con{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 20px 10px;
	z-index: 2;
}
.itczh .itczh_con ul li.cur .con{
	background: -webkit-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
	background: -o-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
	background: -moz-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
	background: linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
}
.itczh .itczh_con ul li .con h2{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.itczh .itczh_con ul li .con h2 span{
	display: block;
	width: 50px;
	height: 2px;
	background: #ff2a2a;
	margin: 6px 0 10px;
}
.itczh .itczh_con ul li.cur h2 span{background: #ff2a2a;}
.itczh .itczh_con ul li .con p{
	font-size: 14px;
	color: #fff;
	line-height: 22px;
}
.itczh .itczh_con ul li .itczhcon_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #00008a;
	opacity: .7;
}
.itczh .itczh_con ul li.cur .itczhcon_bg{opacity: 0;}
.itczh .itczh_con ul li img.itczhpic2{left: -320px;}
.itczh .itczh_con ul li.cur img.itczhpic2{left: 0;}
.itczh .itczh_con .a_btn{
	background: #ff7e15;
	width: 215px;
	margin: 60px auto 0;
	box-shadow: 0 0 30px rgba(255,126,21,.32);
}
.itczh .itczh_con .a_btn:hover{background: #ff6d15;}

/* ----------2020最新IT资讯---------- */
.box_newsinfo{padding: 53px 0 70px;}
.box_newsinfo .newsinfo_vid{padding: 36px 0 30px;position: relative;}
.box_newsinfo .newsinfo_vid .vidmore{position: absolute;font-size: 15px;color: #8c8c8c;right: 0;top: 8px;}
.box_newsinfo .newsinfo_vid .vidmore:hover{color: #2d6fe1;}
.box_newsinfo .newsinfo_vid .vid_left{float: left;width: 464px;}
.box_newsinfo .newsinfo_vid .vid_right{float: right;width: 732px;}
.box_newsinfo .newsinfo_vid ul li{margin-bottom: 9px;position: relative;float: left;cursor: pointer;overflow: hidden;width: 223px;height: 126px;}
.box_newsinfo .newsinfo_vid .vid_left ul li{width: 464px;height: 261px;}
.box_newsinfo .newsinfo_vid ul li img{width: 100%;display: block;}
.box_newsinfo .newsinfo_vid .vid_right ul li{margin-left: 21px;}
.box_newsinfo .newsinfo_vid ul{overflow: hidden;}
.box_newsinfo .newsinfo_vid ul li p{position: absolute;width: 80%;left: 0;bottom: 0;font-size: 16px;color: #fff;padding: 0 16% 0 5%;overflow: hidden;}
.box_newsinfo .newsinfo_vid .vid_left ul li p{height: 45px;line-height: 45px;background: url("/http/ai.itheima.com/2020gw/images/newsinfovid1.png") no-repeat 418px 4px;}
.box_newsinfo .newsinfo_vid .vid_right ul li p{height: 28px;line-height: 28px;background: rgba(0,0,0,.4) url("/http/ai.itheima.com/2020gw/images/newsinfovid1.png") no-repeat 195px center;background-size: 17px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.box_newsinfo .newsinfo_vid .vid_right ul li:hover p{height: auto;}
.box_newsinfo .newsinfo_vid ul li:hover p{background-image: url("/http/ai.itheima.com/2020gw/images/newsinfovid2.png");}
.box_newsinfo .newsinfo_list .list_main{float: left;width: 340px;margin-left: 28px;}
.box_newsinfo .newsinfo_list .list_main:first-child{width: 464px;margin-left: 0;}
.box_newsinfo .newsinfo_list .list_main h2{width: 100%;height: 54px;line-height: 54px;border-bottom: 1px #dce3f0 solid;margin-bottom: 16px;}
.box_newsinfo .newsinfo_list .list_main h2 a{float: right;font-size: 15px;color: #8c8c8c;}
.box_newsinfo .newsinfo_list .list_main h2 a:hover{color: #2d6fe1;}
.box_newsinfo .newsinfo_list .list_main h2 span{font-size: 24px;color: #313131;float: left;height: 54px;border-bottom: 1px #216ef4 solid;}
.box_newsinfo .newsinfo_list .list_main ul{height: 234px;overflow: hidden;}
.box_newsinfo .newsinfo_list .list_main ul li{line-height: 39px;height: 39px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.box_newsinfo .newsinfo_list .list_main ul li a{font-size: 16px;color: #737373;}
.box_newsinfo .newsinfo_list .list_main ul li a span{font-weight: bold;display: inline-block;height: 6px;box-shadow: 0 22px 0 #e4e9f1;border-radius: 10px;padding: 0 4px;margin-right: 13px;}
.box_newsinfo .newsinfo_list .list_main ul li:nth-child(-n+3) a span{color: #ff4545;}
.box_newsinfo .newsinfo_list .list_main ul li:hover a{text-decoration: underline;color: #2d6fe1;}

/* ----------2020底部---------- */
.footer2{background: #21242c;}
.footer2 .footer_top .footer_logo{height: 29px;padding-bottom: 36px;}
.footer2 .footer_top .footer_logo h2{width: 101px;height: 100%;line-height: 29px;text-align: center;background: #606060;font-size: 14px;color: rgba(225,225,225,.6);float: left;position: relative;}
.footer2 .footer_top .footer_logo h2:before {content: '';position: absolute;right: -4px;top: 10px;width: 0;height: 0;border-left: 4px solid #606060;border-top: 4px solid transparent;border-bottom: 4px solid transparent;z-index: 7;}
.footer2 .footer_top .footer_logo ul{float: left;}
.footer2 .footer_top .footer_logo ul li{float: left;margin-left: 36px;}
.footer2 .footer_top .footer_logo ul li img{display: block;opacity: .7;}
.footer2 .footer_top .footer_logo ul li img:hover{opacity: 1;}
.footer2 .footer_top .footer_yqlj{padding: 12px 0 18px;}
.footer2 .footer_top .footer_yqlj .inner{width: 1200px;margin: 0 auto;}
.footer2 .footer_top .footer_yqlj ol{height: 42px;border-bottom: 1px #323640 solid;}
.footer2 .footer_top .footer_yqlj ol li{float: left;height: 40px;line-height: 40px;font-size: 14px;color: #9c9c9c;margin-right: 42px;cursor: pointer;}
.footer2 .footer_top .footer_yqlj ol li.cur{border-bottom: 3px #e9152e solid;color: #e9152e;}
.footer2 .footer_top .footer_yqlj ul{border-bottom: 1px #323640 solid;}
.footer2 .footer_top .footer_yqlj ul li{padding: 18px 0;display: none;overflow: hidden;}
.footer2 .footer_top .footer_yqlj ul li.cur{display: block;}
.footer2 .footer_top .footer_yqlj a{font-size: 12px;color: #949494;margin-right: 8px;line-height: 26px;float: left;}
.footer2 .footer_top .footer_yqlj a:hover{color: #fff;}
.footer2 .footer_top .footer_ch{padding: 5px 0 40px;}
.footer2 .footer_top .footer_ch ol{float: left;padding-top: 10px;}
.footer2 .footer_top .footer_ch ol li{width: 140px;float: left;margin-right: 34px;}
.footer2 .footer_top .footer_ch ol h2{font-size: 16px;color: #bfbfbf;padding-bottom: 6px;}
.footer2 .footer_top .footer_ch ol p a{font-size: 14px;color: #848484;float: left;width: 100%;line-height: 24px;}
.footer2 .footer_top .footer_ch ol p a:hover{color: #fff;}
.footer2 .footer_top .footer_ch ul{float: right;width: 660px;margin-top: 18px;}
.footer2 .footer_top .footer_ch ul li{float: left;width: 113px;margin-right: 44px;}
.footer2 .footer_top .footer_ch ul li img{display: block;margin: 0 auto 8px;}
.footer2 .footer_top .footer_ch ul li p{font-size: 14px;color: #c0c0c0;text-align: center;}
.footer2 .footer_bot{background: #21242c;padding: 20px 0 32px;}
.footer2 .footer_bot p{font-size: 14px;text-align: center;color: #474747;margin-bottom: 5px;}
.footer2 .footer_bot p a{color: #656464;margin: 0 8px}
.footer2 .footer_bot .footbq{color: #656464;}
.footer2 .footer_bot .foot_ch p{color: #656464;}


.footer2 .foot_ch h3{padding-bottom: 15px; font-size: 16px; color: #e7e7e7; }

.footer2 .footer_top .footer_ewm{background: #262933;}
.footer2 .footer_top .footer_ewm .inner{width: 1200px;margin: 0 auto;}
.footer2 .footer_top .footer_ch ul li.logobot img{margin: 25px 0 0 53px;}



/* ----------2020视频弹窗---------- */
.mask_video{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1000;display: none;}
.mask_video .mask_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);}
.mask_video .video_con{position: absolute;width: 1000px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mask_video .video_con .close{position: absolute;right: -36px;top: -36px;width: 32px;cursor: pointer;}

.mask_video_old{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1000;display: none;}
.mask_video_old .mask_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);}
.mask_video_old .video_con{position: absolute;width: 1000px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mask_video_old .video_con .close{position: absolute;right: -36px;top: -36px;width: 32px;cursor: pointer;}






/*  资源4栏通用样式 */
.lay_same .lay_con{width:1200px;}
.lay_same .lay_con .lay_con_list{width:1220px; display:none; position:relative;}
.lay_same .lay_con .lay_con_list ul{display:block;}
.lay_same .lay_con .lay_con_list a.more{right:20px; top:-33px; color:#333; position:absolute; z-index:10;}
.lay_same .lay_con .lay_con_list a.more:hover{color:#D72502;}
.lay_same .lay_con ul{width:1220px; display:none;}
.lay_same .lay_con ul.cur{display:block;}
.lay_same .lay_con div.cur{display:block;}
.lay_same .lay_con li{float:left; margin:0 10px 32px 0; border-radius: 7px; overflow: hidden;}
.lay_same .lay_con li:hover{box-shadow:0 4px 12px #ccc; }
.lay_same .lay_con .caset{width: 232px; overflow: hidden; position: relative;}
.lay_same .lay_con .caset p{width: 232px; height: 20px; line-height: 20px; position: absolute; bottom: 0; left: 0; background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; z-index: 1;}
.lay_same .lay_con .caset b{line-height: 20px; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 12px; text-indent: 10px; z-index: 2; font-weight: normal;}
.lay_same .lay_con .caset strong{display: block; padding: 0 6px; color: #fff; line-height: 20px; position: absolute; bottom: 0; right: 0; z-index: 3; font-weight: normal; background: #242A38;}
.lay_same .lay_con .casef{display: block; width: 232px; height: 70px; overflow: hidden; position: relative; background: #fff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
.lay_same .lay_con .caset img{display: block; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.lay_same .lay_con .casef span{display: block; overflow: hidden; line-height: 22px; padding: 10px 10px 0 10px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}
.lay_same .lay_con .casef .course-num{font-size: 12px; color: #818181; padding-top: 6px;}
.lay_same .lay_con .casef a.a_btn{position: absolute; bottom:13px; right: 10px; width: 60px; border-radius: 3px; height:18px; line-height: 18px; font-size: 12px; border: 1px solid #ed4300; color: #ed4300; text-align: center;}

/* tab栏通用宽大样式 */
.lay_same .lay_big .caset{height: 140px;}
.lay_same .lay_big .casef{height: 60px;}
.lay_same .lay_big .casef a{text-align: center; display: block; line-height: 18px; height: 36px; overflow: hidden; margin-top: 10px; padding:0 10px;}

/* 学习路线图单独样式 */
.lay_same .lay_con .studybox .caset{width: 291px;}
.lay_same .lay_con .studybox .caset p{width: 291px;}
.lay_same .lay_con .studybox .casef{width: 291px;}
.lay_same .lay_con .studybox li{margin-right:12px;}

/* 底部   */ 
.footer{background:#262933; color: #e7e7e7; width:100%;}
.footer .foot_ch,.footer .footer_ch{width:1200px; margin: 0 auto;padding:30px 0 15px; border-top: 1px solid #323640;}
.footer .foot_ch h3,.footer .footer_ch h3{padding-bottom: 15px; font-size: 16px; color: #9c9c9c; }
.footer .about{padding: 25px 0 15px;}
.footer .about ol{float: left;padding-top: 10px;}
.footer .about ol li{width: 140px;float: left;margin-right: 34px;}
.footer .about ol h2{font-size: 16px;color: #bfbfbf;padding-bottom: 6px;}
.footer .about ol p a{font-size: 14px;color: #848484;float: left;width: 100%;line-height: 24px;}
.footer .about ol p a:hover{color: #fff;}
.footer .about ul{float: right;width: 660px;padding-top: 10px;}
.footer .about ul li{float: left;width: 113px;margin-right: 44px;}
.footer .about ul li img{display: block;margin: 0 auto 8px;}
.footer .about ul li.logobot img{margin: 25px 0 0 53px;}
.footer .about ul li p{font-size: 14px;color: #c0c0c0;text-align: center;}


.footer .fl{position:relative; padding:15px 0;}
.footer .fl .lk a{font-size:12px; color: #949494; float: left; margin-right: 8px; 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;}

/*面包屑*/
.bread_nav{background: #F9FBFF; height: 40px; line-height:40px; font-size: 12px;}
.bread_nav .inner{width:1200px; margin: 0 auto;}
.bread_nav .iconfont{font-size:14px; padding:0 3px;}
.bread_nav .home{position: relative; top:-1px}
.bread_nav .right_arrow{font-size:10px;}

/*校区环境*/
.slide_tu{ width:1140px; height:273px; overflow:hidden; position:relative; margin:0 auto 25px auto; display:none;}
.slide_tu.cur{display:block;}
.slide_tu .bd{ position:relative; height:100%; z-index:0;}
.slide_tu .bd li{ zoom:1; vertical-align:middle; width:1140px; height:274px; position:relative; margin-right:15px;}
.slide_tu .bd .hjbox{ position:absolute; overflow:hidden;}
.slide_tu .bd .hjbox1{ width:425px; height:273px; left:0; top:0;}
.slide_tu .bd .hjbox2{ width:247px; height:273px; left:446px; top:0;}
.slide_tu .bd .hjbox3{ width:210px; height:130px; left:707px; top:0;}
.slide_tu .bd .hjbox4{ left:930px; top:0;}
.slide_tu .bd .hjbox5{ left:707px; top:146px;}
.slide_tu .bd .hjbox6{ left:930px; top:146px;}
.slide_tu .bd .hjbox img{ display:block; transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -webkit-transition: .4s;}
.slide_tu .bd .hjbox p{display: none; font-size:18px; height:44px; line-height:44px; width:100%; text-align:center; background:url(../images/school/bg1.png); color:#fff; position:absolute; left:0; bottom:0;}
.slide_tu .bd .hjbox:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.slide_tu .prev,
.slide_tu .next{ position:absolute; left:0%; top:50%; margin-top:-40px; display:block; width:40px; height:65px; background:#000 url(../images/school/slider-arrow.png) -109px center no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slide_tu .next{ left:auto; right:0%; background-position:14px center; }

/*404*/
.error_404{width:100%; overflow: hidden;}
.error_404 .inner{width:1200px; margin:0 auto; text-align: center;}
.error_404 .inner .hd{margin-top:40px; display: inline-block;}
.error_404 .inner p{font-size: 18px; line-height: 38px; margin-bottom: 40px;}
.error_404 .inner p a{display:inline-block; line-height: 38px; padding:0 30px; background: #D72502; color: #fff; border-radius: 5px; margin-left: 5px;}

/* 开班通用样式 E*/
.kb_box .kb .ulbox{ width:895px; height:230px; float:left; overflow:hidden;}
.kb_box .kb .ulbox ul{float: left;width: 426px;}
.kb_box .kb .ulbox li{width:405px; margin:0 60px 17px 0; height:31px; float:left; line-height:31px; border-bottom:1px solid #ccc; position:relative;}
.kb_box .kb .ulbox li h3{display: none; background: #E01D09; width:48px; font-size:12px; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:6px;}
.kb_box .kb .ulbox li p{  width:85px; float:left; text-align:center; line-height:31px; font-size:15px;}
.kb_box .kb .ulbox li p a{position: relative;font-size:15px;}
.kb_box .kb .ulbox li p.p1{width:205px;padding: 0 12px;}
.kb_box .kb .ulbox li p.p2{width:70px; padding-left:20px; float:right;}
.kb_box .kb .ulbox li p a:hover{color: #ff3030;}
/* 开班通用样式 E */
/* 专题页面开班补充 */
.citybox{width:286px; float: left; overflow: hidden; margin: 35px 25px 35px 35px;}
.citybox p{font-size: 22px; margin-bottom: 20px; text-align: center;}
.citybox p span{font-size:14px; line-height: 18px; color: #D72502; display: inline-block;}
.citybox p .span1{margin-right: 15px;}
.citybox p .span2{margin-left: 15px;}
.citybox .mytab{width:320px;}
.citybox .mytab a{float: left; width:67px; height: 23px; line-height: 23px; text-align: center; background: #1E364E; color: #fff; margin: 0 5px 10px 0; border-radius: 3px; font-size:14px;}
.citybox .mytab a.now{background: #D72502}
.citybox .mytab a.no{background: #d1d1d1; color: #333;}
.kb_box{float: right; width:862px; overflow:hidden;}
.kb_box .kb{display: none;}
.kb_box .mycur{display: block;}
.kb_subject{width:1200px; margin:0 auto; height:240px; overflow:hidden;}
.kb_subject .kb_box{margin-top:30px; width:870px;}
.kb_subject .kb_box .kb .ulbox li{margin-right:40px;}
.kb_subject .citybox{margin-left:0;}
/* 学院页面开班补充 */
.kbbox .kb_box .kb .ulbox li{margin-right:15px; width:405px;}
.kbbox .kb_box{margin:30px 10px 0 0;}
.kbbox .kb .ulbox{width:854px;}

/*动画*/
.bigger {
	-webkit-animation:bigger 6s ease infinite;
	-moz-animation:bigger 6s ease infinite;
}

@-webkit-keyframes bigger {
	0% {
		background-size: 100% 100%;		
	}
	50% {
		background-size: 104% 104%;	
	}
	100% {
		background-size: 100% 100%;
	}
}

@-moz-keyframes bigger {
	0% {
		background-size: 100% 100%;		
	}
	50% {
		background-size: 104% 104%;	
	}
	100% {
		background-size: 100% 100%;
	}
}





/* 学员故事 */
.box_story{padding: 20px 0 50px;}
.box_story .story_con{position: relative;}
.box_story .story_con .conmore{
	position: absolute;
	height: 25px;
    border: 1px #ccced3 solid;
    border-radius: 25px;
    line-height: 25px;
    padding: 0 9px;
    font-size: 14px;
    color: #737373;
	right: 0;
	top: 0;
}
.box_story .story_con .conmore:hover{background: #d60d1d;color: #fff;border-color: #d60d1d;}
.box_story .story_con ul{width: 1225px;padding: 56px 0 1px;}
.box_story .story_con ul li{
	float: left;
	width: 282px;
	padding-bottom: 15px;
	margin: 0 24px 50px 0;
	box-shadow: 0 3px 15px rgba(215,222,255,.76);
	border-radius: 10px;
	overflow: hidden;
}
.box_story .story_con ul li a{display: block;}
.box_story .story_con ul li .storypic{
	display: block;
	width: 100%;
	height: 175px;
	overflow: hidden;
	position: relative;
}
.box_story .story_con ul li .storypic img{display: block;width: 100%;}
.box_story .story_con ul li .storypic span{
	position: absolute;
	width: 100%;
	height: 48px;
	left: 0;
	bottom: 0;
	font-size: 17px;
	color: #fff;
	background: url("/http/ai.itheima.com/2020gw/images/storyvid.png") no-repeat 223px 0px;
	transition: all .2s ease;-moz-transition: all .2s ease;-webkit-transition: all .2s ease;-o-transition: all .2s ease;
}
.box_story .story_con ul li:hover .storypic span{
	bottom: 5px;
}
.box_story .story_con ul li .storypic  span strong{
	font-size: 18px;
	padding-bottom: 10px;
	margin: 0 12px 0 14px;
	position: relative;
}
.box_story .story_con ul li .storypic span em{
	position: absolute;
	width: 36px;
	height: 1px;
	background: #fff;
	left: 0;
	bottom: 0;
}
.box_story .story_con ul li .storyp{
	display: block;
	font-size: 15px;
	color: #515151;
	line-height: 26px;
	padding: 18px 14px 0;
}
.box_story .story_con ul li:hover .storyp{color: #1855bf;}
.box_story .story_con ul li .storyp em{
	display: inline-block;
	height: 19px;
	line-height: 19px;
	font-size: 13px;
	color: #fff;
	padding: 0 10px;
	background: #386df4;
	border-radius: 10px;
	margin-right: 5px;
	font-style: inherit;
}
.box_story .story_con ul li.web .storyp em{background: #33adf6;}
.box_story .story_con ul li.python .storyp em{background: #7159b8;}
.box_story .story_con ul li.ui .storyp em{background: #f65757;}
.box_story .story_con ul li.c .storyp em{background: #4e8bef;}
.box_story .story_con ul li.cloud .storyp em{background: #218aac;}
.box_story .story_con ul li.xmt .storyp em{background: #f371b8;}
.box_story .story_con ul li.pm .storyp em{background: #fabe41;}
.box_story .story_con ul li.test .storyp em{background: #01adce;}
.box_story .story_con ul li.linux .storyp em{background: #4870af;}
.box_story .story_con ul li.movies .storyp em{background: #1487c9;}
.box_story .story_con ul li.robot .storyp em{background: #01459c9;}
.box_story .story_con ul li.uids .storyp em{background: #ef7f1c;}

.box_story .story_con .story_bot{padding-bottom: 20px;}
.box_story .story_con .botleft{
	float: left;
	width: 281px;
	height: 136px;
}
.box_story .story_con .botleft a{
	display: block;
	width: 160px;
	height: 136px;
	background: -moz-linear-gradient(to right , #2d2d2d, #515151);
	background: linear-gradient(to right, #2d2d2d,#515151 );
	border-radius: 10px;
	position: relative;
	padding-left: 121px;
}
.box_story .story_con .botleft img{
	position: absolute;
	left: 21px;
	top: 37px;
}
.box_story .story_con .botleft .leftspan1{
	font-size: 16px;
	color: #fff;
	padding: 18px 0 4px 5px;
	display: block;
}
.box_story .story_con .botleft .leftspan2{
	display: block;
	font-size: 28px;
	color: #fff;
	padding: 0 0 12px 3px;
}
.box_story .story_con .botleft em{
	font-size: 16px;
	color: #d60d1d;
	text-align: center;
	line-height: 28px;
	display: block;
	width: 117px;
	height: 28px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 3px 6px rgba(56,125,218,.45);
	font-style: inherit;
}
.box_story .story_con .botleft a:hover em{background: #ededed;}
.box_story .story_con ol{
	float: right;
	width: 916px;
	height: 154px;
}
.box_story .story_con ol li{
	float: left;
	width: 418px;
	padding-left: 40px;
	background: url("/http/ai.itheima.com/2020gw/images/storypic10.png") no-repeat 27px center;
	margin-bottom: 17px;
}
.box_story .story_con ol li a{
	display: block;
	font-size: 16px;
	color: #666;
	height: 21px;
	line-height: 21px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box_story .story_con ol li a:hover{color: #d60d1d;}
.box_story .story_con ol li a span{color: #adadad;float: right;width: 100px;text-align: right;font-size: 15px;}