@charset "utf-8";
/* CSS Document */
/* 视频列表页 */
.list_in{padding:37px 0 53px 0;}
.mainl{float:left; width:220px; background:#fff; overflow:hidden; height:auto;}
.mainl .allkind{line-height:54px; height:54px; background:#323846; padding-left:12px; color:#fff; font-size:16px; }
.mainl .kind{padding:20px 12px 15px;}
.mainl .kind h3{font-size:15px; color:#2196f3; padding-bottom:16px;}
.mainl .kind .aword{border-bottom:1px solid #D2D2D2; overflow:hidden; padding-bottom:12px;}
.mainl .kind .aword a{float:left; font-size:14px; line-height:30px; margin-right:10px;}
.mainl .kind .aword a.cur{color:#2196f3;}

.mainr{float:right; width:960px;}
.mainr .vcon{background:#fff; overflow:hidden; margin-top:28px; padding-bottom:40px;}
.mainr .vword{ height:50px;}
.mainr .wordl{float:left; height:49px; position:relative; *z-index:99;}
.mainr .wordl h3{border:1px solid #F6F6F6; font-size:14px; border-top-color:#fff; line-height:49px; padding:0 18px; margin-right:-1px; text-align:center;}
.mainr .clip h3{border-color:#fff;}
.mainr .wordl i{width:10px; height:6px; display:inline-block; background:url(../images/arrow3.jpg) no-repeat; margin-left:10px;}
.mainr .wordl ul{position:absolute; top:50px; left:0; padding:6px 0; background:#fff; border:1px solid #D5D5D5; display:none; z-index:99;}
.mainr .wordl ul li{font-size:14px; line-height:28px; padding-left:18px; width:94px;}
.mainr .new ul li{width:66px;}
.mainr .v_list{padding:30px 0 0 30px; width:920px; overflow:hidden;}
.mainr .v_list ul{width:960px;}
.mainr .v_list ul li{margin-right:26px;}
.mainr .v_list ul .bdtxt{width:263px; padding:15px 10px; background:#F6F6F6;}
.mainr .v_list ul .bdtxt h3{font-size:16px; padding-bottom:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mainr .v_list ul .bup{overflow:hidden; color:#777; font-size:12px;}
.mainr .v_list ul .bdtxt p{float:left; font-size:12px;}
.mainr .v_list ul .bdtxt span{float:right;}

/* 公开课列表页 2017-01-03 */
.main_open{width:1200px; float:inherit;}
.main_open .home{background:url(../images/home.jpg) no-repeat; padding:0 10px;}
.main_open .vcon{overflow:inherit;}
.main_open .lay{background:#fff; width:1200px; overflow:hidden; margin-bottom:10px;} 
.main_open .lay span{background:#5E769C; color:#fff;}
.main_open .lay span,.main_open .lay1 a{float:left; padding: 0 20px; height:43px; line-height:43px; text-align:center; border-right:1px solid #EEEDED; font-size:16px;}
.main_open .lay2 span{margin-right:30px;}
.main_open .lay2 .kind{float:left; width:1036px; }
.main_open .lay1 a:hover{background:#eee; color:#333;}
.main_open .lay1 a:last-child{ border-right:none;}
.main_open .lay2 a{line-height:43px; display:inline-block; padding:0 10px;}
.main_open .lay2 a:hover{color:#5E769C;}
.main_open .lay .cur{color:#5E769C;}
.main_open .v_list{width:1170px; margin:0 auto; padding:0; overflow:inherit;}
.main_open .v_list ul{width:1240px;}
.main_open .v_list ul li{margin-right:12px;}
.main_open .v_list{padding-top:30px;}


/*视频教程列表样式-改 @auth GF*/
.kind .cur{color:#2196f3;}
.kindline {border-bottom:1px solid #D2D2D2; width:100%; margin:20px 0;}
.kindfont { font-size:14px; line-height:30px; margin-right:10px;min-width: 20px; display: inline-block;}

/* 视频播放页 */
.wrap_in .breadcrumb{font-size:14px; height:56px; line-height:56px;}
.viewcon{ padding-bottom:53px;}
.playup{width:100%; height:430px; padding-bottom:30px; overflow:hidden;}
.playup .playl{float:left; width:860px; height:430px; background:url(../images/play_bg.jpg) no-repeat; overflow:hidden;}
.playup .playl embed{width:860px; min-height:430px; }
.playup .playr{float:right; width:310px; height:430px; background:#fff; overflow:hidden;}
.playup .playr_in{width:284px; margin:12px auto 0;}
.playup .playr .vname{font-size:18px; padding:5px 0 10px; color:#323846; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.playup .playr div{font-size:14px; margin-bottom:15px;}
.playup .playr div a{color:#666;}
.playup .playr div a:hover{color:#333;}
.playup .playr ul{overflow:hidden; padding:16px 10px 12px; border-top:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2;}
.playup .playr ul li{float:left; width:46px; padding-top:45px; margin-right:8px; background:url(../images/icon.png) no-repeat 6px -462px; text-align:center; line-height:24px; font-size:13px;}
.playup .playr ul li.li2{background-position:43px -532px; width:122px;}
.playup .playr ul li.li3{background-position:23px -606px; width:80px; margin-right:0;}
.playup .playr .ptxt{font-size:14px; line-height:24px; color:#666; padding:10px 0 30px; max-height:96px; overflow:hidden;}
.playup .playr .abtn{display:block; width:275px; height:40px; margin:0 auto; line-height:40px; font-size:16px; border:1px solid #323846; margin-bottom:10px;}
.playup .playr .abtn span{display:block; width:177px; margin:0 auto; background:url(../images/icon.png) no-repeat -149px -449px; padding-left:30px;}
.playup .playr .abtn:hover{border-color:#2196F3; color:#2196F3;}
.playup .playr .abtn:hover span{background-position:-149px -481px;}
.playup .playr .abtn span.sp2{background-position:-149px -515px;}
.playup .playr .abtn:hover .sp2{background-position:-149px -549px;}

.playdown{ overflow:hidden;}
.down_l{float:left; width:860px; background:#fff; overflow:hidden;}
.down_l .inner{width:830px; margin:0 auto;}
.down_l .hd{border-bottom:1px solid #D2D2D2; font-size:16px; color:#323846; position:relative; margin-bottom:18px;}
.down_l .slidenav{overflow:hidden; position:relative;}
.down_l .slidenav li{float:left;font-size:16px; width:100px; text-align:center; margin-right:20px; line-height:54px;}
.down_l .slidenav li a{ display:block; line-height:54px;}
.down_l .curBg{background:#323846; height:2px; line-height:0; font-size:0; position:absolute; bottom:0; width:100px; left:0px;}
.down_l .share{position:absolute; right:0; bottom:0;}
.down_l .share .bdshare-button-style0-32 .bds_tsina{background:url(../images/icon.png) no-repeat -140px 0;}
.down_l .share .bdshare-button-style0-32 .bds_qzone{background:url(../images/icon.png) no-repeat -140px -80px;}
.down_l .share .bdshare-button-style0-32 .bds_tsina:hover{ background-position:-140px -37px;}
.down_l .share .bdshare-button-style0-32 .bds_qzone:hover{ background-position:-140px -125px;}
.down_l .share .bdshare-button-style0-32 .bds_weixin{background:url(../images/wx.jpg) no-repeat 0 0;}
.down_l .share .bdshare-button-style0-32 .bds_weixin:hover{background:url(../images/wx.jpg) no-repeat 0 -32px;}
.down_l .course{padding-bottom:40px; width:780px; margin:0 auto;}
.down_l .course p{line-height:28px}
.down_l .course .lay4 a{background-color: #fff; box-shadow: 0px 2px red;}
.down_l .course .lay{display:none;}
.down_l .course .cur{display:block;}
.down_l .lay1 li{height:50px; padding:0 15px; border-bottom:1px solid #EBEBEB; line-height:50px; overflow:hidden; font-size:14px; cursor:pointer;}
.down_l .lay1 li p{float:left; }
.down_l .lay1 li span{float:left; margin-left:15px; color:#2196f3;}
.down_l .lay1 li a{float:right; margin:12px 0 0 7px; width:26px; height:26px; background:url(../images/icon.png) no-repeat -143px -251px;}
.down_l .lay1 li a.atxt{background-position:-143px -300px;}
.down_l .lay1 li.click_cur{background:#ddd;}
.down_l .lay1 li:hover{background:#ddd;}
.down_l .lay1 li:hover a{background-position:-143px -353px;}
.down_l .lay1 li:hover a.atxt{background-position:-143px -406px;}
.down_l .lay3 dl{width:770px; margin:0 auto; overflow:hidden; border-bottom:1px dashed #D2D2D2; padding:20px 0 40px;} 
.down_l .lay3 dt{float:left; width:60px; height:60px; overflow:hidden; border-radius:50%; margin-right:24px; text-align: center;}
.down_l .lay3 dt img{display: inline-block;}
.down_l .lay3 dd{float:left; width:685px; position:relative;}
.down_l .lay3 dd h3{font-size:14px; color:#323846; padding:8px 0;}
.down_l .lay3 dd h3 span{color:#666;}
.down_l .lay3 dd p{font-size:14px; line-height:25px; color:#666;}
.down_l .lay3 .sbox{position:absolute; right:9px; bottom:-30px;}
.down_l .lay3 .sbox a{ display:inline-block; padding-left:24px; background:url(../images/icon.png) no-repeat -151px -167px; line-height:22px; margin-left:10px;}
.down_l .lay3 .sbox a.a2{ background-position:-151px -201px;}
.down_l .comrep {padding-left:40px; padding-bottom: 5px; font-size:12px;}
.down_l .comrep span {color:#666;}

.playdown .down_r{float:right; width:310px; background:#fff; overflow:hidden;}
.playdown .down_r div{padding:0 15px 20px 15px;}
.playdown .down_r h2{font-size:16px; color:#323846; height:50px; line-height:50px; margin:10px 0; border-bottom:1px solid #D5D5D5;}
.playdown .down_r .overl li{height:36px; line-height:36px; border-bottom:1px solid #ebebeb; overflow:hidden;}
.playdown .down_r .overl li a{float:left; color:#666; width:190px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.playdown .down_r .overl li a:hover{color:#2196F3;}
.playdown .down_r .overl li span{float:right; color:#323846; font-size:12px;}
.playdown .down_r .overp h2{margin-bottom:25px;}
.playdown .down_r .overp h2 strong{color:#ff5858;}
.playdown .down_r .overp dl{ overflow:hidden; padding-bottom:15px; float:left; width:60px; margin-right:10px; text-align:center;}
.playdown .down_r .overp dt{width:36px; height:36px; border-radius:50%; overflow:hidden; margin:0 auto;}
.playdown .down_r .overp dt img{width:36px; height:36px;}
.playdown .down_r .overp dd{font-size:14px;}
.playdown .down_r .overp dd h3{line-height:36px; color:#323846; width:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.playdown .down_r .overp dd p{color:#666; font-size:12px; float:right;line-height:36px;}
.playdown .down_r .new_zt{padding:20px 15px 0px 15px; overflow:hidden; line-height:30px;}
.playdown .down_r .new_zt p{ float:left;padding-right: 10px;}
.playdown .down_r .new_zt .agd{ float:left; background:#2196F3; height:30px; line-height:30px; padding:0 8px; color:#fff;}

/* 学习路线图汇总页 */
.pathcon{width:1200px; background:#fff; padding:54px 0 30px; margin-bottom:53px;}
.pathcon .inner{width:1140px; margin:0 auto; overflow:hidden;}
.pathcon .inner ul{width:1200px;}
.pathcon .inner ul li{float:left; margin:0 25px 30px 0; overflow: hidden; width: 362px;}
.pathcon .inner ul li img{margin:0 auto; width:362px; height:200px;}
.pathcon .inner .txt{overflow:hidden; padding-top:15px;}
.pathcon .inner .txt h3{float:left; font-size:18px; line-height:33px; color:#323846;}
.pathcon .inner .txt a{float:right; width:145px; height:33px; border:1px solid #323846; color:#323846; font-size:15px; text-align:center; line-height:33px;}
.pathcon .inner .txt a:hover{background:#323846; color:#fff;}

.pathban{width:100%; height:180px; margin-bottom:20px;}
.patha_con{width:100%; background:#fff; padding:30px 0 50px; margin-bottom:53px;}
.patha_con .listms{height:47px; padding:0 25px 10px 0; text-align:right;}
.patha_con .listms li{display:inline-block;  width:45px; height:45px; border:1px solid #D2D2D2; cursor:pointer; background:url(../images/imgbg.jpg) no-repeat 15px 15px;}
.patha_con .listms li.listl{margin-right:13px; }
.patha_con .listms li.listr{background:url(../images/txtbg.jpg) no-repeat 15px 15px;}
.patha_con .listms li.listlcur{background-position:15px -39px;}
.patha_con .listms li:hover{background-position:15px -39px;}
.patha_con .inner{width:1110px; margin:0 auto; border-left:1px solid #323846;}
.patha_con .up{overflow:hidden; padding-left:5px; margin-bottom:30px;}
.patha_con .up span{float:left; width:99px; height:38px; line-height:38px; font-size:20px; color:#fff; background:#323846; text-align:center;}
.patha_con .up em{float:left; width:0; height:0; border-top:19px solid transparent; border-bottom: 19px solid transparent; border-left: 19px solid #323846;}
.patha_con .up h3{float:left; font-size:24px; color:#323846; margin-left:10px; line-height:38px;}
/* 新添加的文字描述 20170112 */
.newbox{padding-left:20px;}
.newbox ul{overflow:hidden; margin-bottom:10px; width:1300px;}
.newbox ul li{width:345px; height:94px; line-height:94px; float:left; background:#F6F6F6; margin-right:27px; border-bottom:2px solid #5E769B; text-align:center; font-size:16px;}
.newbox ul li.last{line-height:24px; padding-top:18px; height:76px;}
.newbox ul li span{font-size:14px; display:block; line-height:20px; padding:0 10px; height:40px; overflow:hidden;}
.new_txt{overflow:hidden;}
.new_txt h3{float:left; width:110px; height:94px; line-height:94px; text-align:center; background:#5E769B; color:#fff; font-size:16px;}
.new_txt .new_r{width:960px; height:70px; padding-top:24px; padding-left:20px; float:left; background:#F6F6F6; color:#2E3340; margin-bottom:20px;}
.new_txt .new_r p{line-height:22px;}

.patha_con .pathlist{overflow:hidden; padding-left:20px; padding-bottom:30px;}
.patha_con .pathlist ul li{width:265px; height:248px; margin-right:10px; overflow:inherit;}
.patha_con .pathlist ul li .listno{border-top-left-radius:8px; border-top-right-radius:8px; overflow:hidden; display:block;}
.patha_con .pathlist li .zhe{width:265px; height:174px;}
.patha_con .pathlist li h3{font-size:14px;}
.patha_con .pathlist .bdtxt{width:245px; background:#F6F6F6; position:relative; z-index:20;}
.patha_con .pathlist .delp{font-size:12px; height:60px; overflow:hidden; line-height:20px; color:#777; padding-bottom:10px; display:none;}
.patha_con .pathlist .bup{ overflow:hidden;}
.patha_con .pathlist .bup p{float:left; font-size:12px;}
.patha_con .pathlist .bup span{float:right; color:#777; font-size:12px;}
.patha_con .backpah{ font-size:14px; text-align:center; color:#999; padding-top:30px;}

.patha_con .pathtxt{padding-bottom:40px;}
.patha_con .pathtxt .listno{display:none;} 
.patha_con .pathtxt{overflow:hidden; padding-left:20px; padding-bottom:50px;}
.patha_con .pathtxt ul {width:1300px;}
.patha_con .pathtxt ul li{float:left; width:345px; height:77px; background:#fff; margin:0 26px 19px 0; }
.patha_con .pathtxt ul li h3{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; line-height:42px; height:42px; background:url(../images/h3_bg.jpg) no-repeat 10px center; padding-left:45px; border:1px solid #D2D2D2; border-bottom:0;}
.patha_con .pathtxt ul li:hover h3{ background-image:url(../images/h3hover_bg.jpg); border-color:#2196F3;}
.patha_con .pathtxt ul li:hover .rel{border-color:#2196F3;}
.patha_con .pathtxt .rel{background:#fff; border:1px solid #D2D2D2; border-top:0; position:relative; z-index:30; overflow:hidden;}
.patha_con .pathtxt .delp{font-size:12px; line-height:20px; height:60px; overflow:hidden; width:260px; padding-left:45px; padding-bottom:8px; color:#777; display:none;}
.patha_con .pathtxt .bup{font-size:12px; width:273px; padding:0 0 10px 45px; overflow:hidden; color:#999;}
.patha_con .pathtxt .bup p{float:left; font-size:12px;}
.patha_con .pathtxt .bup span{float:right;}

/* QQ订阅代码样式 */
.playdown .down_r .rssbook{padding-top:10px; background:#fff; border-color:#fff;}
.down_r .rssbook .mailInput{padding:0;}
.down_r .rssbook .rssbutton{padding:0;}
.down_r input.rsstxt{width:270px;}