/*首页样式开始*/
.slideBox{width:100%; height:450px;overflow:hidden;position:relative; z-index:99}
.slideBox .hd{
    position: absolute;left: 50%;bottom: 15px;width: 935px;height: 15px;text-align: center;overflow: hidden;z-index: 1;margin-left: -350px;}
.slideBox .hd ul{display: inline-block; overflow:hidden; zoom:1;height: 12px; }
.slideBox .hd ul li{ float:left; margin:0 4px;  width:7px; height:7px;background:#fff; cursor:pointer;opacity: .5;border-radius: 50%; margin-top: 2px;}
.slideBox .hd ul li.on{width:10px; height:10px;opacity:1;margin-top:0px}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height: 450px; }
.slideBox .bd .bd_a{ width:100%; height:450px; display:block}
.sy .ban .slideBox .li1{background: url(../images/ban_img1.jpg) no-repeat center;}
.sy .ban .slideBox .li2{background: url(../images/ban_img1.jpg) no-repeat center;}
.sy .ban .slideBox .li3{background: url(../images/ban_img1.jpg) no-repeat center;}
.sy .ban .slideBox .li4{background: url(../images/ban_img1.jpg) no-repeat center;}
.sy .ban {position: relative;}
.sy .ban .main{position: absolute;top: 0;left: 0;width: 100%;}
.sy .ban .con{width: 210px;background: rgba(23,23,23,.8);margin-top: 11px;border-radius: 10px;padding: 25px 20px 25px;height: 374px;position:relative; z-index:999}
.sy .ban .con h2{height: 34px;font-size: 18px;color: #fff;padding-left:32px;background: url(../images/ban_icon1.png) no-repeat left top;border-bottom: 1px  solid rgba(255,255,255,.3);}
.sy .ban .con .xk{overflow: hidden;margin-top:8px;}
.sy .ban .con a{color: #fff;-khtml-opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=50);filter:"alpha(opacity=50)";opacity:0.7;font-size: 14px;height: 27px;display: block;float: left;}
.sy .ban .con a:hover{opacity: 1;}
.sy .box1 {border-bottom: 1px solid #f4f4f4;height: 76px;}
.sy .box1 ul li{width: 298px;border-left: 1px solid #f4f4f4;float: left;position: relative;height: 76px;}
.sy .box1 ul .last{border-right: 1px solid #f4f4f4;}
.sy .box1 ul h2{font-size: 18px;color: #3c3c3c;line-height: 24px;margin-left: 100px;margin-top: 16px;}
.sy .box1 ul h2 span{color: #949494;font-size: 14px;}
.sy .box1 ul .img{position: absolute;top: 20px;left: 50px;}
.sy .box1 ul li:hover{background: #f8f8f8;}

.sy .slideBox .prev,
.sy .slideBox .next{ position:absolute;top:0%;display:block;width:26px; height:41px;}
.sy .slideBox .prev{left: 15px;background: url(../images/ban_jtleft.png);}
.sy .slideBox .next{right: 0;background-image: url(../images/ban_jtright.png);}

.sy .slideBox .bb {top: 200px;
    height: 50px;
    padding-left: 0;
    margin-left: -365px;
   display: none; 
    height: 0;
    overflow: visible;
    z-index: 99;
    background: red;
    position: absolute;
    left: 50%;
    width: 950px;}
.sy .slideBox:hover .bb{display: block}


/*免费课程推荐*/
.sy_more{font-size: 14px;color: #7f7f7f;display: block;margin-bottom: 10px;float: right;}
.sy_more:hover{color:##014DA1;}
.sy .sy_hd{text-align: center;margin: 30px 0 30px;}
.sy .sy_hd h2{font-size: 22px;color: #242424;display: inline-block;padding: 0 76px;position: relative;}
.sy .sy_hd h2 img{position: absolute;top: 10px;}
.sy .sy_hd h2 .img1{left: 0;}
.sy .sy_hd h2 .img2{right: 0;}
.kecheng .main,.gongkaike .main{overflow: hidden;width: 1200px;}
.kecheng ul,.gongkaike ul {overflow: hidden;width: 1230px;margin-left: -10px;}
.kecheng ul li,.gongkaike ul li{width: 222px;margin: 0 11px 50px;float: left;overflow: hidden;}
.kecheng ul li a:hover h2{color: ##014DA1;}
.kecheng ul h2,.gongkaike ul h2{font-size: 15px;color: #515151;line-height: 24px;margin: 10px 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;}
.kecheng ul li .img_box,.gongkaike ul li .img_box{width: 222px;height: 146px;border-radius: 10px;overflow: hidden;position: relative;}
.kecheng ul li .mask_img1,.gongkaike ul li .mask_img1{width: 222px;height: 146px;}
.kecheng ul li .img_box>img,.gongkaike ul li .img_box>img{width: 222px;height: 146px;}
.kecheng ul .btm,.gongkaike ul .btm{overflow: hidden;font-size: 14px;}
.kecheng ul .btm span,.gongkaike ul .btm span{display: block;float: left;}
/*.kecheng ul .btm .span1,.gongkaike ul .btm .span1{margin-right: 10px;}*/
.kecheng ul .btm .span1,.gongkaike ul .btm .span1{width: 42px;color: #919191;}
.kecheng ul .btm .span2{width: 50px;text-align: right;color: ##014DA1;}
.kecheng ul .btm p,.gongkaike ul .btm p{width: 110px;float: left;color: #919191;}
.kecheng ul .img_box  p{font-size:14px;color: #fff;padding: 1px 10px 2px;border-radius:0 30px 30px 0;position: absolute;left: 0;top: 12px;z-index: 99;
 background: -moz-linear-gradient(left, #fd5934 0%, #c30302 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#fd5934), color-stop(100%,#c30302));
    background: -webkit-linear-gradient(left, #fd5934 0%,#c30302 100%);
    background: -o-linear-gradient(left, #fd5934 0%,#c30302 100%);
    background: -ms-linear-gradient(left, #fd5934 0%,#c30302 100%);
    background: linear-gradient(to right, #fd5934 0%,#c30302 100%);

}
.kecheng ul .img_box  .p1{ 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%);}
/*box3开始公开课*/
.gongkaike{background: #f8fafc;overflow: hidden;padding-bottom: 30px;}
.gongkaike ul li{position: relative;}
.gongkaike ul li a:hover h2{color: ##014DA1;}
.gongkaike ul .btm .span2{width:105px;text-align: right;color: ##014DA1;float: right;}
.gongkaike ul .btm .span3{color: #646363;width:110px;}
.gongkaike ul .btm p.p_on{background-image: url(../images/sy_box3icon1.jpg);}
.gongkaike ul .btm p b{font-weight: normal;}
.gongkaike ul .btm .p_on b{color: #ff8a00;line-height: 20px;}
.gongkaike ul .btm p{width: 90px;line-height: 20px;}
.gongkaike ul .btm span.span_on{background: url(../images/sy_box3icon2.jpg) no-repeat 30px center;}
.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;}
.sy_mask a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.imgzhibo,.imgguankan,.imgbaoming{margin: 59px auto;display: none;}
 .sy_mask .sy_show{display: block}
.gongkaike ul li:hover .sy_mask{display: block;}
.kecheng ul li:hover .sy_mask{display: block;}
.gongkaike ul h3{font-size:12px;color: #fff;background: rgba(0,0,0,.6);padding: 3px 10px;border-radius: 30px 0 0 30px ;position: absolute;right: 0;top: 113px;z-index: 99;border-left: none;}
.gongkaike .sy_more,.kecheng .sy_more{position: relative;right: 10px;top:0px;}
.gongkaike .main,.kecheng .main{margin-top: -10px;}
/*box4开始学习路线*/
.studyline{margin-bottom: 40px;}
.studyline ul{overflow: hidden;width: 1220px;}
.studyline ul li{width: 225px;margin:5px 8px 0 ;float: left;position: relative;padding-bottom: 18px;overflow: hidden;}
.studyline .top{width: 80px;height: 80px;border-radius: 50%;background:#fff;box-shadow: 0 0 10px rgba(155,155,155,.23);position: absolute;z-index: 99;top: 10px;left: 50%;margin-left: -40px;}
.studyline .top img{display: block;margin: 15px  auto 0;}
.studyline ul li .btm{width: 203px;border: 1px solid #f8f9fa;height:145px;background: #f8fafc;border-radius: 8px;margin: 40px auto 0;}
.studyline .btm h2{font-size: 16px;color: #515151;text-align: center;margin: 60px 0 8px;}
.studyline .btm p{color: #919191;text-align: center;}
.studyline ul li .btn{background: #d70913;color: #fff;width: 154px;height: 36px;line-height: 36px;text-align: center;border-radius: 50px;display: block;position: absolute;bottom: -40px;left:50%;margin-left: -77px;transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;}
.studyline ul li:hover p{bottom: 0;}
.studyline ul li:hover .btm{box-shadow: 0 0 10px rgba(155,155,155,.25);}
/*学习工具与技术文章*/
.other_btm{background: #f8fafc;overflow: hidden;padding-bottom: 40px;}
.other_btm .learn{float: left;width: 730px;}
.other_btm .jishu{float: right;width: 407px;}
.other_btm  .top{overflow: hidden;}
.other_btm  .top h2{background: url(../images/sy_box5img1.jpg) no-repeat left center;font-size: 18px;color: #242424;height: 30px;line-height: 30px;padding-left: 30px;float: left;}
.other_btm  .top a{height: 30px;line-height: 30px;margin-bottom: 0;padding-right: 10px;}
.other_btm ul{margin-top:5px;}
.other_btm ul li{border-bottom: 1px solid #f0f0f0;}
.other_btm ul li a{overflow: hidden;display: block;padding: 25px 0;color:#b8c4ce}
.other_btm .xiazai{display:inline;}
.other_btm ul .fl{width: 70px;}
.other_btm ul .fr{float: left;margin-left: 20px;width:640px;}
.other_btm .fr h3{font-size: 16px;color: #242424;overflow: hidden; text-overflow:ellipsis;}
.other_btm .fr p{font-size: 14px;color: #8a8989;margin: 5px 0 6px;overflow: hidden; text-overflow:ellipsis;}
.other_btm .span_box{overflow: hidden;}
.other_btm .span_box span{display: block;float: left;height: 20px;line-height: 20px;font-size: 13px;}
.other_btm .span_box .span1{margin-right:25px;color: #5c5c5c;text-align: center;border: 1px solid #e3e8ed;border-radius: 20px;padding: 0 10px;}
.other_btm .span_box .span2{width: 120px;background: url(../images/sy_box5img2.png) no-repeat left center;padding-left: 20px;color: #b8c4ce;line-height: 25px;}
.other_btm .span_box .span3{width: 80px;background: url(../images/sy_box5img3.jpg) no-repeat left center;padding-left: 20px;color: #d70913;line-height: 25px;}
.other_btm .jishu .top{margin-bottom:10px;}
.other_btm .jishu .top h2{background-image: url(../images/sy_box5img5.jpg);}
.other_btm .jishu .fl{width: 74px;}
.other_btm .jishu .fr{width: 310px;}
.other_btm .jishu .span_box{margin-top: 10px;}
.other_btm .jishu .span_box .span2{background-image: url(../images/sy_box5img6.jpg);padding-left: 25px; line-height: 20px;}
.other_btm .jishu li a{padding: 19px 0;}
.other_btm .jishu .fl_day{height: 30px;background: #d70913;color: #fff;line-height: 30px;text-align: center;font-size: 22px;}
.other_btm .jishu .fl_year{border: 1px solid #e3e8ed;border-top: none;height: 25px;line-height: 25px;text-align: center;font-size: 14px;color: #c2c2c2;}
.other_btm ul li:hover h3{color: #d70913;}
.other_btm .sy_more{border: 1px  solid #f0f0f0;background: #fff;border-radius: 50px;padding: 0 20px;}
/*用户评价*/
.pingjia{padding-bottom: 60px;}
.picScroll-left{width:1200px;overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;width:17px;height:28px; margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;position: absolute;top: 48px;}
.picScroll-left .hd .prev{left: 0;background: url(../images/sy_box6left.jpg) no-repeat center;}
.picScroll-left .hd .prev:hover{background-image:url(../images/sy_box6left2.jpg) ;}
.picScroll-left .hd .next{right: 0;background: url(../images/sy_box6right.jpg) no-repeat center;}
.picScroll-left .hd .next:hover{background-image:url(../images/sy_box6right2.jpg) ;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{width: 1155px;margin: 0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;  }
.picScroll-left .bd .con{width: 300px;height:150px;border: 1px solid #e5e5e5;border-bottom: 3px solid #e5e5e5;margin-left:50px;border-radius: 10px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.pingjia .img_box{width: 85px;height: 85px;border-radius: 50%;border: 3px solid #f0efef;overflow: hidden;box-shadow: 0 8px 10px rgba(155,155,155,.29);position: absolute;top:29px;left: 5px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.pingjia .con .con_m{margin-left:60px;text-align: left;}
.pingjia .con h3{font-size: 18px;color: #303030;margin: 30px 0 10px;transition: all .5s;
-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.pingjia .con h3 span{color: #a9a9a9;font-size: 14px;}
.pingjia .con p{font-size: 14px;color: #7a7a7a;line-height: 23px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-right: 15px;}
.pingjia .bd ul li:hover .con{background: #374774;}
.pingjia .bd ul li:hover .con h3,.pingjia .bd ul li:hover .con h3 span{margin-top: -40px;color: #fff;}
.pingjia .bd ul li:hover .con p{color: #fff;height: 110px;padding-top: 28px;-webkit-line-clamp: 5;}
.pingjia .bd ul li:hover .img_box{transform: scale(.8);-ms-transform:scale(.8); 
-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);border-color: #a39f9d;}
/*公开课的页面*/
.gkk .ban{margin-top: 34px;}
.gkk .slideBox{height: 242px;}
.gkk .slideBox .hd ul li{margin:0 4px;  width:8px; height:8px;}
.gkk .slideBox .hd ul li.on{opacity:1;}
/*公开课观看开始*/
.gkk .box2{background: none;padding-bottom: 0;}
/*公开课详情页开始*/
.gkkdetail,.spjcdetail{margin-top:15px;}
.gkkdetail .detail_top,.spjcdetail .detail_top{height: 50px;line-height: 50px;}
.gkkdetail .detail_top h2,.spjcdetail .detail_top h2{font-size: 17px;color: #525252;width: 600px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.gkkdetail .detail_top .fr,.spjcdetail .detail_top .fr{overflow: hidden;width: 600px;text-align: right;}
.gkkdetail .detail_top .fr a,.spjcdetail .detail_top .fr a{font-size: 12px;color: #b2b2b2;}
.gkkdetail .box1,.spjcdetail .box1{margin-top:6px;height: 500px;}
.gkkdetail .box1 .main,.spjcdetail .box1 .main{width: 1160px;box-shadow: 0  0px 20px rgba(0,0,0,.13);padding: 15px 20px;margin: 20px auto;background: #f8fafc;}
.gkkdetail .box1 .fl,.spjcdetail .box1 .fl{width: 820px;height: 437px;position: relative;}
.gkkdetail .box1 .fl .video_bgimg{width: 820px;height: 437px;}
.gkkdetail .box1 .fr,.spjcdetail .box1 .fr{width:300px;margin-top: 35px;}
/*遮罩*/
.gkkdetail .video_mask{width:820px;height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;}
.mask_play{position: absolute;top: 162px;left: 377px;}
.gkkdetail .video_mask .mask_time{margin-top: 260px;text-align: center;}
.gkkdetail .video_mask .mask_time p{display: inline;}
.gkkdetail .video_mask .mask_time .p1{border: 1px solid rgba(255,255,255,.2);padding:5px 10px;font-size: 20px;color: #fff;}
.gkkdetail .video_mask .mask_time .p2{padding:5px 10px;font-size: 20px;color: #1d164c;background: #fff;margin-left: -5px;border: 1px solid #fff;}

.gkkdetail .box1 .fr ul li{border-bottom: 1px solid #f2f4f6;font-size: 16px;padding-bottom: 10px;padding-left:30px;margin-bottom:15px;}
.gkkdetail .box1 .fr ul li span{color: #8e8e8e;font-size: 14px;}
.gkkdetail .box1 .fr ul li p{color: #8e8e8e;font-size: 14px;margin-left: -30px;margin-top: 10px;line-height: 24px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;max-height: 92px;}
.gkkdetail .box1 .fr ul .li3 p{-webkit-line-clamp: 2;max-height: 44px;}
.gkkdetail .box1 .fr ul .li1{background: url(../images/gkkdetail_boxicon1.jpg) no-repeat left top;}
.gkkdetail .box1 .fr ul .li1.hide{display: none;}
.gkkdetail .box1 .fr ul .live span{color: #3c5dff;background: url(../images/live.gif) no-repeat 0 bottom;padding-left: 30px;}
.gkkdetail .box1 .fr ul .li2{background: url(../images/gkkdetail_boxicon2.jpg) no-repeat left top;}
.gkkdetail2 .box1 .fr ul .li2{margin-top: 25px !important;}
.gkkdetail .box1 .fr ul .li3{background: url(../images/gkkdetail_boxicon3.jpg) no-repeat left top;border: none;}
.gkkdetail .box1  .det_xiazai{display: none; }
.gkkdetail .box1 .yuyue{width: 280px;overflow: hidden;border-radius: 6px;position: relative;}
.gkkdetail .box1 .yuyue p,.gkkdetail .box1 .yuyue .p2{font-size: 16px;text-align: center;height: 47px;line-height: 47px;width:140px;color: #fff;}
.gkkdetail .box1 .yuyue .p1{background: #2f3241;float: left;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;}
.gkkdetail .box1 .yuyue .p2{background: #cd0000;float: left;cursor: pointer;transition: all .5s;display: block;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;}
.gkkdetail .box1 .yuyue_con:hover .p2{width: 100%;}
.gkkdetail .box1 .yuyue_con:hover .p1{width: 0;}
.gkkdetail .box1 .mark_yuyue{position: absolute;width: 140px;height: 47px;top: 0;left: 0;}
.spjcdetail .box1  .det_xiazai{height: 45px;line-height: 45px;background: #cd0000 url(../images/gkkdetail_boxicon4.jpg) no-repeat 84px center;color: #fff;width: 280px;border-radius: 8px;}
.spjcdetail .box1  .det_xiazai a:hover{opacity: .8;}
.spjcdetail .box1  .det_xiazai a{color: #fff;height: 100%;display: block;text-align: center;padding-left: 32px;}
.gkkdetail .box1 .fenxiang,.spjcdetail .box1 .fenxiang{margin-top: 20px;position: relative;z-index: 1;}
.gkkdetail .box1 .fenxiang  a,.gkkdetail .box1 .fenxiang  .p1,.spjcdetail .box1 .fenxiang  a,.spjcdetail .box1 .fenxiang  .p1{font-size: 14px;color: #8e8e8e;float: left;padding-left: 22px;margin-left: 5px;display: block}
.gkkdetail .box1 .fenxiang .a1,.spjcdetail .box1 .fenxiang .a1{background: url(../images/gkkdetail_boxicon5.jpg) no-repeat left 2px;}
.gkkdetail .box1 .fenxiang .a2,.spjcdetail .box1 .fenxiang .a2{background: url(../images/gkkdetail_boxicon6.jpg) no-repeat left top;}
.gkkdetail .box1 .fenxiang .a3,.spjcdetail .box1 .fenxiang .a3{background: url(../images/gkkdetail_boxicon7.jpg) no-repeat left top;height: 20px;height: 17px;margin-top: 2px;}
.gkkdetail .box1 .fenxiang .a1:hover,.gkkdetail .box1 .fenxiang .a2:hover,.gkkdetail .box1 .fenxiang .a3:hover{color: #cd0000;}
.spjcdetail .box1 .fenxiang .a1:hover,.spjcdetail .box1 .fenxiang .a2:hover,.spjcdetail .box1 .fenxiang .a3:hover{color: #cd0000;}
.gkkdetail .box1 .fenxiang .p1,.spjcdetail .box1 .fenxiang .p1{position: absolute;top: 0;right: 44px;padding: 0;}
.gkkdetail .bdsharebuttonbox,.spjcdetail .bdsharebuttonbox{position: relative;z-index: 99;width: 103px;float: right;}
.gkkdetail .bdsharebuttonbox img,.spjcdetail .bdsharebuttonbox img{height: 22px; padding-right: 3px;cursor:pointer}
/*课程介绍*/
.gkkdetail .box2,.xxgjdet .box2{margin: 40px 0 100px;}
.gkkdetail .box2 .fl,.xxgjdet .box2 .fl{width: 800px;}
.gkkdetail .box2 .fl .top,.xxgjdet .box2 .fl .top{border-bottom: 1px solid #f7f8f8;position: relative;}
.gkkdetail .box2 .fl .top h2,.xxgjdet .box2 .fl .top h2 {font-size: 18px;color: #cb0000;margin-bottom: 15px;}
.gkkdetail .box2 .fl .top .line,.xxgjdet .box2 .fl .top .line{border-bottom: 3px solid #cb0000;width:70px;position: absolute;bottom: 0;}
.gkkdetail .box2 .deail_img1{margin-top: 32px;}
.gkkdetail .box2 .con,.xxgjdet .box2 .con{margin-top: 36px;}
.gkkdetail .box2 .con h2,.xxgjdet .box2 .con h2{font-size: 18px;color: #383838;}
.gkkdetail .box2 .con p,.xxgjdet .box2 .con p{font-size: 14px;color: #888888;line-height: 24px;margin-top: 15px;}
.xxgjdet .box2 .fl .main{padding-top: 20px; line-height: 24px;font-size: 16px;}
/*技术文章页*/
.jswz .box_dengji .con{background: #f8fafc;border: 1px solid #f2f5f7;width: 1200px;padding: 0 20px 20px;box-sizing: border-box;}
.jswz .box_dengji .con .fr{width:1080px;}
.jswz .box2{margin: 30px 0 60px;overflow: hidden;}
.jswz .box_mastnew{margin-top:0;}
.jswz .box2 .fl{width: 820px;}
.jswz .box2 .fl ul{border-top: 1px solid #f2f5f7;}
.jswz .box2 .fl ul li{border-bottom: 1px solid #f2f5f7;padding: 20px 0;}
.jswz .box2 .fl h2{font-size: 16px;color: #242424;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight:bold}
.jswz .box2 .fl .p3{font-size: 14px;color: #a9a9a9;line-height: 24px;margin: 10px 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jswz .box2 .fl .btm{overflow: hidden;}
.jswz .box2 .fl .btm h3{float: left;font-size: 13px;color: #b8c4ce;padding: 5px 12px ;border: 1px solid #e7ebef;border-radius: 20px;margin-right: 20px;}
.jswz .box2 .fl .btm .p1{float: left;background: url(../images/sy_box5img2.png) no-repeat left center;padding-left: 25px;font-size: 14px;color: #b8c4ce;margin-top: 5px ;}
.jswz .box2 .fl .btm .p2{float: right;font-size: 14px;color: #b8c4ce;margin-top: 15px;}
.jswz .box2 .fl ul li:hover h2,.jswz .box2 .fl ul li:hover p{color: #c50a13;}
/*技术文章详情页面*/
.jswzdetail .box1{margin: 30px 0 75px;overflow: hidden;}
.jswzdetail .box1 .fl{width: 800px;}
.jswzdetail .box1 .fl h2{font-size: 24px;text-align: center;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;border-bottom: 1px solid #f9fafb;padding:25px 0;}
.jswzdetail .box1 .fl .con{text-align: center;margin: 20px 0 30px;}
.jswzdetail .box1 .fl .con p{display:inline-block;font-size: 14px;color: #b8c4ce;padding: 0 18px;}
.jswzdetail .box1 .fl .con .p1{padding-right: 30px;}
.jswzdetail .box1 .fl .con .p2{background: url(../images/sy_box5img2.png) no-repeat left center;padding-left: 20px;}
.jswzdetail .box1 .fl .main p{font-size: 16px;color: #737373;line-height: 30px;margin-bottom: 36px;}
.jswzdetail .box1 .fl .main img{display: block;margin: 0 auto 50px;width: 100%;}
.jswzdetail .box1 .fl .main pre{ width: 100%; overflow: auto;background: #fbfbfb;}

.jswzdetail_fx{overflow: hidden;position: relative;float: right;height: 50px;}
.jswzdetail_fx  a, .jswzdetail_fx  .p1{font-size: 14px;color: #8e8e8e;float: left;padding-left: 22px;display: block}
.jswzdetail_fx .a1{background: url(../images/jswzdet_img2.jpg) no-repeat left top;}
.jswzdetail_fx .a1:hover{color: #D20000;}
.jswzdetail_fx .a3{background: url(../images/jswzdet_img3.jpg) no-repeat left top !important;height: 20px;height: 17px;margin-top: 2px !important;}
.jswzdetail_fx .p1{position: absolute;top: 0;right: 44px;padding: 0;}
.jswzdetail_fx .bdsharebuttonbox{position: relative;z-index: 99;width: 126px;float: right;}
.jswzdetail .box1 .fl .btm{width:758px;border: 1px solid #f7f9fa;background: #f8fafc;height: 48px;overflow: hidden;padding: 0 20px;margin-bottom: 40px;}
.jswzdetail_fx .bdsharebuttonbox img, .jswzdetail_fx .bdsharebuttonbox img {
    height: 22px;
    padding-right: 3px;
    cursor: pointer;
}
.jswzdetail .box1 .fl .btm .btm_pre{float: left;}
.jswzdetail .box1 .fl .btm .btm_next{float: right;}
.jswzdetail .box1 .fl .btm a{font-size: 14px;color: #8e8e8e;line-height: 48px;width: 379px;}
.jswzdetail .box1 .fl .btm span{color:#505050;}
.jswzdetail .box1 .fl .btm .btm_pre:hover,.jswzdetail .box1 .btm .btm_next:hover{color: #cd0000;}
/*视频教程详情页*/
.spjcdetail .box1  .det_xiazai{display: block}
.spjcdetail .box1 ul {overflow: hidden;border-bottom: 2px solid #edeff1;padding-bottom: 12px;margin-bottom: 20px;}
.spjcdetail .box1 ul li{width: 135px;float: left;}
.spjcdetail .box1 ul .li1{width: 40px;}
.spjcdetail .box1 ul .li2{width: 120px;}
.spjcdetail .box1 ul li img {display: block;margin: 0 auto 5px;}
.spjcdetail .box1 ul li p{font-size: 15px;color: #888888;text-align: center;}
.spjcdetail .box1 .con h2{font-size: 16px;margin-bottom: 5px;}
.spjcdetail .box1 .con p{font-size: 14px;color: #8e8e8e;line-height: 24px;}
.spjcdetail .box1 .spjc_play{overflow: hidden;width:250px;margin: 10px 0 20px;}
.spjcdetail .box1 .play_pre,.spjcdetail .box1 .play_next{width: 100px;height: 40px;}
.spjcdetail .box1 .play_pre{float: left;background: url(../images/spjcdet_img4.jpg) no-repeat left center;padding-left: 25px;}
.spjcdetail .box1 .play_next{float: right;background: url(../images/spjcdet_img5.jpg) no-repeat right center;}
.spjcdetail .box1 .play_pre a,.spjcdetail .box1 .play_next a{font-size: 14px;color: #909090;height: 100%;display: block;line-height: 40px;}
.spjcdetail .box1 .play_pre a:hover,.spjcdetail .box1 .play_next a:hover{color: #d20000;}
.det_kcpl{margin:35px 0 100px;}
.det_kcpl .fl{margin-top: 15px;width: 800px;}
.det_kcpl ol{overflow: hidden;border-bottom: 1px solid #f7f8f8;height:35px;}
.det_kcpl ol li{width: 70px;float: left;font-size: 16px;color: #7d7d7d;margin-right: 60px;height:32px;text-align: center;cursor: pointer;}
.det_kcpl ol li.li_on{border-bottom: 3px solid #df6e6e;color: #df6e6e;}
.det_kcpl .con{display: none;}
/*提取码*/
.spjcdetail .box1 .det_xiazai p{width: 115px;color: #cd0000;float:left;height: 45px;background:url(../images/tqm_img.png) no-repeat center;font-size: 14px;text-align: center;line-height: 45px;cursor: pointer;background-size: 100%;}













/*体验课开始*/
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
.tiyanbox1 .box_hd img{margin-top: 5px;}
.tiyanbox1 ul li{width: 600px;float: left;position: relative;margin-bottom: 25px;}
.tiyanbox1 ul li img{position: absolute;top: 20px;left: 5px;}
.tiyanbox1 ul li .con{width: 520px;height: 200px;box-shadow: 0 0 30px rgba(38,39,40,.05);border-radius: 10px;margin-left: 72px;box-sizing: border-box;padding: 20px 45px 20px 120px;}
.tiyanbox1 ul li .con p{font-size: 18px;color: #565656;line-height: 28px;}
.tiyanbox1 ul li .con .p1{font-size: 14px;color: #898a8b;line-height: 20px;height:97px;}
.tiyanbox1 ul li .btm{overflow: hidden;}
.tiyanbox1 ul li .btm span{float: left;width: 115px;display: block;font-size: 14px;color: #bebfc0;line-height: 47px;}
.tiyanbox1 ul li .btm a{float: right;width: 110px;height: 35px;display: block;line-height: 35px;text-align: center;font-size: 16px;text-align: center;background: -moz-linear-gradient(to right , #ff651b, #f7473d);background: linear-gradient(to right, #ff651b,#f7473d);border-radius: 8px;color: #fff;}
.tiyanbox1 ul li .btm .p2{float: left;width: 125px;font-size: 14px;color: #bebfc0;line-height: 35px;height: 35px;}
.tiyanbox1 ul li .btm .p2 b{color: #f7483c;font-size: 30px;float: left;}
.tiyanbox1 ul li .btm .p2 em{font-style: inherit;text-decoration: line-through;margin-left: 5px;float: left;line-height: 40px;}
.tiyanbox1 ul li .kb_time{width: 130px;height: 32px;background: rgba(0,0,0,.3);border-radius: 16px 0 0 0;position: absolute;bottom: 20px;left: 10px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;box-sizing: border-box;padding-left: 5px;}
/*.det_kcpl .m_con p img{width: 100px;height: 200px;margin: 0 auto;}*/
.det_kcpl .con.con_show{display: block;line-height: 26px;}
.det_kcpl .deail_img1{margin: 32px 0px;}
.det_kcpl .m_con{margin-top: 36px;}
.det_kcpl .m_con h2{font-size: 18px;color: #383838;}
.det_kcpl .m_con p{font-size: 14px;color: #888888;line-height: 24px;margin-top: 15px;}
.det_kcpl .fl ul{margin-top: 30px;width: 100%;max-height: 800px;overflow: auto;}
.det_kcpl .fl ul::-webkit-scrollbar {width: 8px;height: 1px;}
.det_kcpl .fl ul::-webkit-scrollbar-thumb {width: 6px;border-radius: 5px;background: #ccc;}
.det_kcpl .fl ul::-webkit-scrollbar-track{width: 6px;height: 1px;}
.det_kcpl .fl ul li{width: 730px;height: 36px;line-height: 36px;font-size: 14px;color: #858585;background: url(../images/spjcdet_icon1.png) no-repeat 20px center;padding-left: 45px;overflow: hidden;}
.det_kcpl .fl ul li .a_world{width:600px;height: 40px;display: block;float: left;}

.det_kcpl .fl ul li.on{background:#f8fafc url(../images/spjcdet_icon2.png) no-repeat 20px center;;}
.det_kcpl .fl ul li:hover{background:#f8fafc url(../images/spjcdet_icon2.png) no-repeat 20px center;color: #5c5b5b;}
.det_kcpl .fl ul li:hover .style_a{display: block}
.det_kcpl .fl ul li .style_a{font-size: 16px;color: #fff;float: right;width: 130px;height: 36px;text-align: center;line-height: 36px;display: block;background: #cd0000;display: none;border-radius: 5px;}
.det_kcpl .fl .con_top{padding: 20px 30px 20px 40px;overflow: hidden;background: #f8fafc;margin-top: 20px;margin-left:20px;}
.det_kcpl .fl  .con_fl{float: left;width: 330px;overflow: hidden;}
.det_kcpl .fl  .con_fr{float: right;width: 260px;overflow: hidden;margin-top: 5px;}
.det_kcpl .fl  .con_fl span{float: left;}
.det_kcpl .fl  .con_fl {font-size: 16px;color: #6d6d6d;line-height:50px;height: 50px;}
.det_kcpl .fl  .con_fl  b{font-size: 38px;padding-left: 10px;float: left;}
.det_kcpl .fl  .con_fl img{padding-left: 15px;float:left;margin-top: 18px;}
.det_kcpl .fl  .con_fr p{width: 120px;height: 38px;font-size: 16px;color: #878787;line-height: 38px;} 
.det_kcpl .fl  .con_fr .p1{float: left;text-align: right;margin-right: 10px;}
.det_kcpl .fl  .con_fr .my_pingjia{float: left;background:#ffaf25;color: #fff;text-align: center;border-radius: 5px;cursor: pointer;}
.det_kcpl .fl .pingfen{box-shadow: 0 0 20px rgba(59,59,59,.13);margin-top: 30px;margin-left:20px;padding:30px 20px 20px;border-radius: 10px;display: none;}
.det_kcpl .fl .pingfen .span1{font-size: 16px;color: #595959;float: left;padding-right: 20px;}
.det_kcpl .fl .pingfen .span2{font-size: 14px;color: #D20000;padding-left: 30px;float: left;}
.det_kcpl .fl .xing_box{float: left;overflow: hidden;}
.det_kcpl .fl .pingfen .img{padding-left:10px;width: 17px;height: 16px;background: url(../images/spjc_xing2.png) no-repeat center;float: left;margin-top: 2px;}
.det_kcpl .fl .pingfen .img.img_on{background-image: url(../images/spjc_xing1.png);}
.det_kcpl .fl .pingfen textarea{padding: 10px;text-align: left;margin:20px 0 10px;border-color: #f3f6f8;}
.det_kcpl .fl .pingfen_btm{overflow: hidden;}
.det_kcpl .fl .pingfen_btm p{font-size: 14px;color: #c6c6c6;float: left;}
.det_kcpl .fl .pingfen_btm .pingfen_fr{float: right;overflow: hidden;margin-top: 20px;}
.det_kcpl .fl .pingfen_btm .touxiang{width: 42px;height: 42px;border-radius:50%;border: 3px solid #efeeee;float: left;}
.det_kcpl .fl .pingfen_btm .fabiao{float: right;width: 120px;height: 38px;line-height: 38px;text-align: center;color: #fff;font-size: 16px;background: #cd0000;border-radius: 5px;margin-left:15px;cursor: pointer;}
.det_kcpl .box3{margin-top: 60px;}
.det_kcpl .box3 .box3_con{overflow: hidden;border-bottom: 1px solid #efeeee;padding-bottom: 25px;margin-bottom: 25px;}
.det_kcpl .box3 .box3_con .img1{float: left;width: 72px;height: 72px;border: 3px solid #efeeee;border-radius: 50%;}
.det_kcpl .box3 .box3_con .center{float: left;width: 500px;margin:0 20px;position: relative;}
.det_kcpl .box3 .box3_con .fr{float: right;width: 160px;margin-top: 20px;}
.det_kcpl .box3 .box3_con .center h2{font-size: 16px;color: #595959;margin:10px 0 5px;}
.det_kcpl .box3 .box3_con .center p{font-size: 14px;color: #a7a7a7;line-height: 26px;margin-bottom: 14px;width:668px}
.det_kcpl .box3 .box3_con .center span{border: 1px solid #f6f7f8;padding: 0px 17px 0px 38px;background: url(../images/spjc_zan.jpg) no-repeat 16px 3px;background-size: 15px;border-radius: 50px;font-size: 14px;color: 6e6e6e;cursor: pointer;display:inline-block;margin-bottom:11px;}

.det_kcpl .box3 .box3_con .fr p{font-size: 14px;color: #c2c2c2;text-align: right;margin-top: 40px;}
.det_kcpl .box3 .box3_con .fr_xing{margin-left: 22px;}
.det_kcpl .box3 .box3_con .fr_xing img{padding-left:10px;width: 17px;height: 16px;float: left;margin-top: 2px;}
.det_kcpl .box3 .box3_con .fr_xing .img.img_on{background-image: url(../images/spjc_xing3.png);}
.det_kcpl .xzsp{font-size: 16px;color: #858585;text-align: center;margin-top: 40px;display: block;}
.det_kcpl .xzsp:hover{color: #D20000;}
/*学习工具css*/
.xxgj .ban{margin-top: 34px;}
.xxgj .slideBox{height: 242px;}
.xxgj .slideBox .hd ul li{margin:0 4px;  width:8px; height:8px;}
.xxgj .slideBox .hd ul li.on{opacity:1;}
.xxgj .box2 {margin-bottom:76px;}
.xxgj .box2 ul li{overflow: hidden;padding: 25px 30px;border: 1px solid #f2f5f7;background: #f8fafc;margin-bottom: 20px;}
.xxgj .box2 ul li:hover h2,.xxgj .box2 ul li:hover p{color: #cd0000;}
.xxgj .box2 ul .fl{width: 69px;}
.xxgj .box2 ul .fr{width: 1050px;position: relative;}
.xxgj .box2 ul .fr .fr_a{width: 800px;height: 100%;display: block;}
.xxgj .box2 ul .fr h2{font-size: 16px;color: #242424;font-weight:bold}
.xxgj .box2 ul .fr p{font-size: 14px;color: #797777;line-height: 24px;width: 800px;margin: 6px 0;}
.xxgj .box2 ul .fr p b{font-weight: normal;color: #cd0000;}
.xxgj .box2 ul .fr .btm{overflow: hidden;}
.xxgj .box2 ul .fr .btm span{display: block;float: left;font-size: 13px;}
.xxgj .box2 ul .fr .btm .span1{border: 1px solid #e3e8ed;color: #b8c4ce;padding:0 12px;border-radius: 50px;height: 20px;line-height: 22px;}
.xxgj .box2 ul .fr .btm .span2{background: url(../images/xxgj_icon1.jpg) no-repeat left center;padding-left: 22px;color: #b8c4ce;height: 20px;line-height: 25px;margin:0 30px;}
.xxgj .box2 ul .fr .btm .span3{background: url(../images/sy_box5img2.png) no-repeat left center;padding-left: 20px;color: #b8c4ce;height: 20px;line-height:25px;}
.xxgj .box2 .xxgj_xiazai{position: absolute;top: 20px;right:10px;height: 48px;width: 140px;border: 1px solid #e7e8e9;display: block;background: url(../images/xxgj_icon2.jpg) no-repeat 40px center;line-height: 48px;text-align: center;padding-left: 35px;font-size: 16px;color: #8e8e8e;border-radius:6px;}
.xxgj .box2 .xxgj_xiazai:hover{background:#cd0000 url(../images/gkkdetail_boxicon4.jpg) no-repeat 40px center;color: #fff;border-color: #cd0000;}
/*学习工具详情页*/
.xxgjdet .detail_top .box_In{margin-top:25px;width: 1200px;}
.xxgjdet .detail_top  a{font-size: 12px;color: #b2b2b2;}
.xxgjdet .box1 .main{width: 1200px;margin:30px 0;box-shadow: 0 0 20px rgba(0,0,0,0.13);background: #f8fafc;padding: 20px 40px;padding-right: 0;box-sizing: border-box;}
.xxgjdet .box1 .main h2{font-size:17px;font-weight: bold;color: #525252;float: left;margin-right: 20px;height: 25px;line-height: 25px;}
.xxgjdet .box1 .main .top p{font-size: 14px;color: #1d164c;float: left;border: 1px solid #e7e8e9;border-radius: 50px;padding: 0 10px;height:25px;line-height:25px;}
.xxgjdet .box1 .main .top p span{color: #cd0000;}
.xxgjdet .box1 .main .btm{overflow: hidden;margin-top:12px;}
.xxgjdet .box1 .main .btm .fl{width: 700px;}
.xxgjdet .box1 .main .btm .fr{width: 380px;}
.xxgjdet .box1 .main .btm .img{float: left;margin-right:20px;}
.xxgjdet .box1 .main .btm .fl_box{float: left;    line-height: 33px;} 
.xxgjdet .box1 .fl_box p{font-size: 14px;color: #888;}
.xxgjdet .box1 .fl_box p span{width: 200px;display: block;float: left;}
.xxgjdet .box1 .fl_box p .m_box{display: none;float: left;width: 50px;}
.xxgjdet .box1 .fl_box .p1{margin: 12px 0 5px;}
.xxgjdet .box1 .main .btm .fr .a5{background:#cd0000 url(../images/gkkdetail_boxicon4.jpg) no-repeat 40px center;color: #fff;display: block;height: 48px;width: 140px;line-height: 48px;text-align: center;padding-left: 35px;font-size: 16px;border-radius:6px;float: left;}
.xxgjdet .jswzdetail_fx{float: left;margin-left: 2px;margin-top: 15px;}
.xxgjdet .jswzdetail_fx .a1{background: url(../images/gkkdetail_boxicon5.jpg) no-repeat left top;}
.xxgjdet .jswzdetail_fx .a1:hover{color: #D20000;}
.xxgjdet .jswzdetail_fx .a3{background: url(../images/gkkdetail_boxicon7.jpg) no-repeat left top !important;height: 20px;height: 17px;margin-top: 6px;}
.xxgjdet .redear{margin-top:40px;}
.xxgjdet .redear .top{margin-bottom: 10px;}
.xxgjdet .redear .top h3{color: #5d5d5d;}
.xxgjdet .redear .top .line{border-bottom:1px solid #d3d3d3 !important;width: 110px !important;}
/*学习路线图*/
.xxlx .other_btm{background: none;margin-top: 50px;margin-bottom:30px}
.xxlx .banner{width: 100%;height: 460px;}
.xxlx .banner .intro{width: 1200px;height: 460px;margin: 0 auto;padding-top: 75px;}
.xxlx .banner .intro .p1{font-size: 50px;color: #fff;text-align: center;font-weight: bold;line-height: 82rpx;}
.xxlx .banner .intro .p1 span{font-size: 50px;color: #13ffb4;font-weight: bold;}
.xxlx .banner .intro .p2{font-size: 16px;text-align: center;color: #fff;margin: 20px 0 25px 0;}
.xxlx .banner .intro a{padding: 12px 25px;display: inline-block;font-size: 18px;background: #ffc600;border-radius: 30px;margin-left: 450px;}
.xxlx .out{width: 100%;margin-bottom: 30px;}
.xxlx .out .main{width: 1120px;background: #fff;margin: -77px auto 0;border-radius: 10px;box-shadow: 0 0 20px 1px rgba(188,197,219,.34);padding: 30px 40px 44px;}
/* 列表循化 */
.xxlx .out .top .shuxian{position: absolute;width: 2px;height: 99%; background:#f1f2f2;top: 20px;left: 23px;}
.xxlx .out ol li{position: relative;}
.xxlx .out .top  h3{overflow: hidden;}
.xxlx .out .top  h3 p{width: 57px;height: 57px;border-radius: 50%;background: #25bed4;color: #fff;font-size: 26px;text-align: center;padding-top: 10px;box-sizing: border-box;float: left;font-weight: bold;z-index:10;position: relative;}
.xxlx .out .top  h3 span{display: block;font-size: 12px;margin-top: -5px;}
.xxlx .out .top  h3 i{float: left;font-size: 20px;color: #3b3b3b;width: 190px;height: 41px; text-align: center;line-height: 41px;border-radius: 30px;border:1px solid #25bed4;border-left: 0;font-style: normal;font-weight: bold;margin:7px 0 0 -25px;box-shadow: 0 0 10px 1px rgba(188, 197, 219, .34)}
.xxlx .out .kecheng ul{margin-top: 30px;width: 1100px;margin-left: 40px;}
.xxlx .out .kecheng ul li{margin-left: 20px;margin-right: 20px;}
.xxlx .out .list{padding-left: 60px;}
.xxlx .out .list .p1{ overflow: hidden;}
.xxlx .out .list .p1 p{float: left;padding-right: 78px;margin-top: 24px;}
.xxlx .out .list .p1 p img{vertical-align: middle;margin-right: 5px;}
.xxlx .out .list .p1 p span{font-size: 14px;color: #474747;vertical-align: middle;}
.xxlx .out .list .p1 p i{font-size: 14px;color: #7e7e7e;font-style: normal;vertical-align: middle;}
.xxlx .out .list .p2{font-size: 14px;color: #474747; margin-top: 14px;}
.xxlx .out .list .p2 span{font-size: 14px;color: #7e7e7e;}
/*搜索页面*/
.sousuo{margin-top: 30px;margin-bottom:80px;}
.sousuo_main{width: 823px;float: left;}
.sousuo_main ol{overflow: hidden;border: 1px solid #f2f5f7;height: 40px;background: #f8fafc;}
.sousuo_main ol li{width: 138px;line-height: 40px;float: left;color: #7d7d7d;text-align: center;cursor: pointer;}
.sousuo_main ol li.li_on{background: #cd0000;color: #fff;}
.sousuo_p{font-size: 14px;color: #8c8c8c;margin: 20px 0;}
.sousuo_p span{color: #D20000;}
.sousuo .main{width: 820px;}
.sousuo .sousuo_con{display: none;}
.sousuo .sousuo_con.show{display: block}
.sousuo .gongkaike{background: none;}
.sousuo .kecheng ul,.sousuo .gongkaike ul{width: 820px;}
.sousuo .kecheng ul li,.sousuo .gongkaike ul li{width: 100%;border-bottom: 1px solid #f0f0f0;margin: 20px 11px 0 ;padding-bottom: 20px;overflow: hidden;}
.sousuo  ul li .img_box{float: left;}
.sousuo .kecheng ul li .li_fr,.sousuo .gongkaike ul li .li_fr{float:left;margin-left: 20px;width: 570px;margin-top: 10px;}
.sousuo .kecheng ul li .li_fr .p1,.sousuo .gongkaike ul li .li_fr .p1{color: #a9a9a9;font-size: 14px;line-height: 24px;margin-bottom: 10px;}
.sousuo .kecheng ul li .li_fr h2,.sousuo .gongkaike ul li .li_fr h2{height: 30px;margin-bottom: 0;}
.sousuo .jzgd{font-size: 16px;color: #888;text-align: center;margin-top: 30px;cursor: pointer;}
.sousuo .jzgd:hover{color: #D20000;}
.sousuo .gongkaike ul li .li_fr .btm{width: 230px;}
.sousuo .xxgj .box2 ul .fr{width: 670px;}
.sousuo .xxgj .box2 ul .fr p{width: 670px;}
.sousuo .jswz .box2{margin-top: 0;overflow: hidden;}
.sousuo .jswz .box2 .fl ul{border-top: none;}
/*预约报名*/
.maskyy{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background:rgba(0,0,0,.5);z-index: 99999;display: none;}
.maskyy .main{width: 500px;height: 240px;background: #fff;position: absolute;top: 50%;margin-top: -120px;left: 50%;margin-left: -250px;}
.maskyy .main .top{height: 35px;background: #333;position: relative;}
.maskyy .main .top h3{font-size: 16px;line-height: 35px;margin-left:10px;color: #fff;}
.mask_close{width: 14px;height: 14px;background: url(../images/mask_icon.png) no-repeat -5px -55px;position: absolute;top: 10px ;right: 10px;cursor: pointer;}
.maskyy .main .cen{margin-left: 20px;margin-top: 11px;position: relative;overflow: hidden;}
.maskyy .main .cen h2{line-height: 40px;font-size: 16px}
.maskyy .main .cen h2 span{width: 40px;height: 40px;display: block;background: url(../images/mask_icon.png) no-repeat -44px 2px;float: left;margin-right: 10px}
.maskyy .main .cen p{font-size: 16px;margin-top: 8px}
.maskyy .main .cen img{float: left; margin-right: 15px;height: 100px;}
.maskyy .main .btm{width: 200px;overflow: hidden;margin-left: 280px;}
.maskyy .main .btm a{width: 100px;display: block;height: 30px;text-align: center;line-height: 30px;}
.maskyy .main .btm .fl{color: #2097f3;}
.maskyy .main .btm .fr{background: #2097f3;color: #fff;}


.m_box{display: none;}
@media screen and (max-width: 780px){
	body{min-width: 100%;font-size: 1.5rem;}
	.box_In{width: 100%;}
	img{width: 100%;margin: 0 auto;}
	.pc_box{display: none;}
	.m_box{display: block;}
	.m_baidu{width: 90%;margin: 0 auto;}
	.m_logo{display: block;width: 70%;margin: 0 auto;}
	.m_head{width: 100%;padding: 3% 0;background: #eee;}
	.jswzdetail{width:90%;margin: 0 auto;}
	.jswzdetail .box1{margin:0 0 2%;}
	.jswzdetail .box1 .fl{width:100%;}
	.jswzdetail .box1 .fl h2{width: 100%; font-size: 1.3em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;border-bottom: 1px solid #f9fafb;padding:8% 0 3%;margin-bottom: 3%;}
	.jswzdetail .box1 .fl .con{text-align: center;margin: 2% 0 3%;}
	.jswzdetail .box1 .fl .con p{display:inline-block;font-size: .8em;color: #b8c4ce;padding: 0 5%;}
	.jswzdetail .box1 .fl .con .p1{padding-right: 2%;}
	.jswzdetail .box1 .fl .con .p2{display: none;}
	.jswzdetail .box1 .fl .main p{font-size: .9em;color: #737373;line-height: 1.8em;margin-bottom: 6%;}
	.jswzdetail .box1 .fl .main img{display: block;margin: 0 auto 6%;}	
	.redear h3{font-size:1.2em;color: #5d5d5d;margin-bottom:2%;}
	.redear ul{overflow: hidden;}
	.redear ul li{width:100%;float: left;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-right: 0;height: 1.8em;padding: 0;line-height: 1.8em;}
	.redear ul li a{font-size:.9em;color: #888888;width: 100%;display: block;padding:1% 0;}
	.redear ul li:hover span{color: #888888;text-decoration: none;}
	.redear ul li span{padding-left:2%;}
	.footer_box{background: #EEEEEE;padding-bottom: 13%;margin-top: 5%;}
	.footer_box p{padding: 5% 2% 0%;text-align: center;color: #000;line-height: 1.5em;}
	.footer_box img{width: 4%;display:inline-block;}
	.bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 999; max-width: 750px;}
	.bdzx a{ line-height: 2.5em; color: #fff; display: block; float: left; width:49%; height: 2.5em; text-align: center;}
	.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%;}
	 .bdzx a.tel_btn{ background: url('http://www.itheima.com/templates/subject/images/phone_bg.jpg') no-repeat 17% center; background-size: 12%;}
	 
/*学习工具*/
.xxgjdet .box1 .box_In{overflow: hidden;}
.xxgjdet .box1 .main{width:100%;  margin:0 auto;box-shadow:none;background: #f8fafc;padding: 5% 8% 8%;padding-right: 0;box-sizing: border-box;}
.xxgjdet .box1 .main h2{font-size:1.3em;color: #525252;float: left;margin-right:5%;width: 100%;text-align: left;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.xxgjdet .box1 .main .top p span{color: #cd0000;}
.xxgjdet .box1 .main .btm{overflow: hidden;margin-top:0%;width: 100%;}
.xxgjdet .box1 .main .btm .fl{width:100%;}
.xxgjdet .box1 .main .btm .fr{width:100%;}
.xxgjdet .box1 .main .btm .fr .a5{background:#cd0000 url(../images/gkkdetail_boxicon4.jpg) no-repeat 31% center;color: #fff;display: block;width: 66%;text-align: center;padding-left: 5%;font-size:1.1em;border-radius:6px;float: left;margin: 6% auto 0;margin-left:11%;height: 2.8em;line-height: 2.8em;}
.xxgjdet .box1 .main .btm .img{float: left;margin-right:5%;width: 20%;margin-top:6%;}
.xxgjdet .box1 .main .btm .fl_box{float: left;width: 65%;} 
.xxgjdet .box1 .fl_box p{font-size: .9em;color: #888;}
.xxgjdet .box1 .fl_box p span{padding-right:5%;display: block;padding-bottom: 1%;}
.xxgjdet .box1 .fl_box p .m_box{color: #D20000;display: inline;padding-right:1%;}
.xxgjdet .box1 .fl_box .p1{margin: 5% 0 0%;}
.xxgjdet .box2{margin:5% auto  3%;width: 90%;}
.xxgjdet .box2 .fl{width: 100%;}
.xxgjdet .box2 .fl .top{border-bottom: 1px solid #f7f8f8;position: relative;}
.xxgjdet .box2 .fl .top h2 {font-size:1.1em;color: #cb0000;margin-bottom:5%;}
.xxgjdet .box2 .fl .top .line{border-bottom: 3px solid #cb0000;width:18%;position: absolute;bottom: 0;}
.xxgjdet .box2 .con{margin-top: 5%;}
.xxgjdet .box2 .con h2{font-size:1.1em;color: #383838;}
.xxgjdet .box2 .con p{font-size:.9em;color: #888888;margin-top:3%;}	
.xxgjdet .redear{margin-top:10%;}
.xxgjdet .redear .top{margin-bottom: 5%;}
.xxgjdet .redear .top h3{color: #5d5d5d;}
.xxgjdet .redear .top .line{border-bottom:1px solid #d3d3d3 !important;width: 30% !important;} 
	 
}
/*弹窗*/
.tanchang{
	width: 750px;
	height: 504px;
	position: fixed;
	right: 50%;
	margin-right: -375px;
	bottom: 50%;
	z-index: 99999;
	margin-bottom: 1000px;
	border-radius: 10px;
 	overflow: hidden;
}
.tanchang a, .tanchang a img{display: block;width: 100%;height: 100%;}
.tanchang .tc_close{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url("../images/close.png") no-repeat center top;
	right: 1px;
	top: 1px;
	cursor: pointer;
	z-index: 999;
}
.box_In {
    width: 1200px;
    margin: 0 auto;
}

.gkk{margin-top: 40px;}