@charset "utf-8";
/* CSS Document */
.bghui{ background:url(../../images/front/couinfo/vido-bg.png); margin-bottom: 20px;}
.an{ background:url(../../images/front/couinfo/an1.png) no-repeat; _background:url(../../images/front/couinfo/an.gif) no-repeat;}

/*面包屑*/
.mbx{ height: 92px; line-height: 92px; font-size: 14px;}

/*课程*/
.kcmain{ margin-bottom: 36px;}
.kcmain .kleft{ width: 440px; height: 304px; background:url(../../images/front/couinfo/play-bg1.jpg) no-repeat;}
.kcmain .kleft .kpic{ display: block; width: 400px; height: 222px; margin: 20px auto 0;}
.kcmain .kleft .kpic-img{ width: 400px; height: 222px;}
.kcmain .kleft .kpic .bq{ display: block; width: 60px; height: 60px; top: 0; left: 0; background-position: 0 -200px;}
.kcmain .kleft .kpic .bf{ display: block; width: 74px; height: 74px; top: 50%; left: 50%; margin: -37px 0 0 -37px; background-position: 0 0;}
.kcmain .kleft .kpic .bf:hover{ background-position: 0 -100px;}
.kcmain .kright{ width: 650px;}
.kcmain .kright .ktit{ font-size: 24px; line-height: 30px; margin-bottom: 10px;}
.kcmain .kright .kcen{ line-height: 24px; color: #666; height: 96px; margin-bottom: 18px;}
.kcmain .kright .kbot{ line-height: 24px; font-size: 14px; margin-bottom: 28px;}
.kcmain .kright .khbox{ height: 46px;}
.kcmain .kright .khbox .download{ margin-left: 96px;}
.kcmain .kright .khbox .download .vid,.kcmain .kright .khbox .download .aud{ display: block; height: 46px; font-size: 14px; color: #666; line-height: 46px; padding-left: 34px; margin-right: 40px; background-position: 0 -1036px;}
.kcmain .kright .khbox .download .vid:hover{ background-position: 0 -1086px; text-decoration: none; color: #ff9813;}
.kcmain .kright .khbox .download .aud{ padding-left: 28px; background-position: 0 -1136px;}
.kcmain .kright .khbox .download .aud:hover{ padding-left: 28px; background-position: 0 -1186px; text-decoration: none; color: #ff9813;}
.kcmain .kright .khan{ display: block; width: 204px; height: 46px; line-height: 46px; text-align: center; font-size: 22px; color: #fff; background: #ff9913; border-bottom: 4px solid #ef7d0c;}
.kcmain .kright .khan:hover{ background: #ef7d0c; text-decoration: none;}

/*介绍列表*/
.jslist{ height: 44px; border: 1px solid #e2e2e2; background: #f6f6f6;}
.jslist li{ float: left; width: 138px; height: 44px; line-height: 44px; font-size: 16px; color: #666; cursor: pointer;}
.jslist li span{ display: inline-block; width: 90px; height: 44px; padding-left: 48px; transition: all 0.2s linear;}
.jslist li span:hover{ color: #ff7a01;}
.jslist .on{ color: #ff7a01;}
.jslist .js{ background-position: 22px -285px;}
.jslist .js:hover{ background-position: 22px -335px;}
.jslist .on .js{ background-position: 22px -335px;}
.jslist .ml{ background-position: 22px -385px;}
.jslist .ml:hover{ background-position: 22px -435px;}
.jslist .on .ml{ background-position: 22px -435px;}
.jslist .pl{ background-position: 22px -485px;}
.jslist .pl:hover{ background-position: 22px -535px;}
.jslist .on .pl{ background-position: 22px -535px;}
.jslist .sc{ width: 90px; height: 44px; padding-left: 48px; line-height: 44px; font-size: 16px; color: #666; background-position: 22px -586px; transition: all 0.2s linear;}
.jslist .sc:hover{ color: #ff7a01; background-position: 22px -636px; text-decoration: none;}
.jslist .scon{ background-position: 22px -636px; color: #ff7a01;}
.jslist .share{ overflow: hidden; width: 40px; height: 44px; padding-left: 48px; line-height: 44px; font-size: 16px; color: #666; background-position: 22px -686px; transition: all 0.2s linear;}
.jslist .share:hover{ color: #ff7a01; background-position: 22px -736px; text-decoration: none;}
.jslist .share .bdsharebuttonbox{ width: 140px; top: 8px; left: 90px;}

/*介绍内容*/
.jsmain{ margin-bottom: 26px;}
.jsmain .jmleft{ width: 770px;}
.jsmain .jmleft .jnr{ display: none; margin-bottom: 20px;}
.jsmain .jmleft .jnr-tit{ height: 38px; line-height: 38px; border: 1px solid #e2e2e2; background: #fafafa; text-indent: 20px; font-size: 16px; margin-bottom: 16px;}
.jsmain .jmleft .jkctj-tit{ height: 38px; line-height: 38px; border: 1px solid #e2e2e2; background: #fafafa; text-indent: 20px; font-size: 16px; color: #16559f; margin-bottom: 10px;}
.jsmain .jmleft .jkctj-nr{ height: 116px; padding: 20px 0; border-bottom: 1px solid #e2e2e2;}
.jsmain .jmleft .jkctj-nr-pic{ width: 154px; height: 116px;}
.jsmain .jmleft .jkctj-nr-txt{ width: 600px; color: #666;}
.jsmain .jmleft .jkctj-nr-txt a{ color: #666;}
.jsmain .jmleft .jkctj-nr-txt .txt-t{ line-height: 30px; font-size: 18px; margin-bottom: 10px;}
.jsmain .jmleft .jkctj-nr-txt .txt-c{ line-height: 20px; height: 40px; margin-bottom: 16px; overflow: hidden;}
.jsmain .jmleft .jkctj-nr-txt .txt-b{ line-height: 20px;}
.jsmain .jmleft .bb0{ border-bottom: 0;}
.jsmain .jmright{ width: 310px;}
.jsmain .jmright .jrtit{ height: 39px; line-height: 39px; border-bottom: 1px solid #dddddd; margin-bottom: 6px;}
.jsmain .jmright .jrtit-l{ font-size: 18px;}
.jsmain .jmright .jrnr{ width: 274px; height: 40px; padding-left: 36px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jsmain .jmright .jrnr .jlan,.jsmain .jmright .jrnr .jhui{ top: 10px; left: 5px; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; background: #16559f; border-radius: 50%;}
.jsmain .jmright .jrnr .jhui{ color: #666; background: #ccc;}

.jsmain .kcjs .kjnr{ line-height: 30px; font-size: 14px; margin-bottom: 5px; padding: 0 20px;}
.jsmain .kcjs .kjnr2{ line-height: 42px; color: #666; padding: 0 0 0 320px; margin: 60px 0; background-position: 270px -950px;}

.jsmain .kcml .mlbox{ margin-bottom: 20px;}
.jsmain .kcml .mlbox-tit{ height: 36px; background: #f8f8f8; cursor: pointer;}
.jsmain .kcml .mlbox-tit-l{ line-height: 36px; padding-left: 15px; font-size: 14px;}
.jsmain .kcml .mlbox-tit .mlticon{ display: block; width: 8px; height: 8px; top: 14px; right: 18px; background-position: 0 -800px;}
.jsmain .kcml .mlbox .on .mlticon{ background-position: -23px -800px;}
.jsmain .kcml .mlbox-cen{ background:url(../../images/front/couinfo/bg_01.png) repeat-y left; padding-top: 5px;}
.jsmain .kcml .mlbox-cen .mltxt{ height: 32px; margin: 0 0 5px 55px; padding-left: 30px; background-position: 0 -840px; cursor: pointer;}
.jsmain .kcml .mlbox-cen .mltxt:hover{ background-color: #fbfbfb;}
.jsmain .kcml .mlbox-cen .mltxt-left{ width: 490px; height: 32px; line-height: 32px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jsmain .kcml .mlbox-cen .mltxt-right{ width: 186px;}
.jsmain .kcml .mlbox-cen .mltxt-right .han{ display: block; width: 78px; height: 16px; border: 1px solid #72cd91; text-align: center; line-height: 16px; color: #5dc07f; border-radius: 8px; margin-top: 7px;}
.jsmain .kcml .mlbox-cen .mltxt-right .han:hover{ background-color: #72cd91; color: #fff;}
.jsmain .kcml .mlbox-cen .mltxt-right .lxj{ width: 82px; line-height: 32px; padding-right: 8px; color: #999; text-align: right; background-position: 0 -890px;}

.jsmain .kcpl .tjpl{ padding: 10px 10px 5px 100px; margin-bottom: 25px;}
.jsmain .kcpl .tjpl-left{ left: 10px; top: 10px;}
.jsmain .kcpl .tjpl-left img{ display: block; border: 1px solid #e2e2e2; border-radius: 50%; width: 60px; height: 60px;}
.jsmain .kcpl .tjpl-right{ border: 1px solid #e0e0e0; border-radius: 3px; padding: 3px; margin-bottom: 10px;}
.jsmain .kcpl .tjpl-right i{ width: 16px; height: 16px; top: 10px; left: -14px; background-position: 0 -1000px;}
.jsmain .kcpl .tjpl-right .txt{ width: 98%; margin: 5px 1%; height: 58px; line-height: 24px; font-size: 14px; border: 0; overflow: auto;}
.jsmain .kcpl .tjpl-bot{ clear: both; height: 26px;}
.jsmain .kcpl .tjpl-bot .tbtxt{ line-height: 26px; padding-right: 20px; color: #ff7a01;}
.jsmain .kcpl .tjpl-bot .tbhan{ display: block; background: #ff7944; border-radius: 3px; color: #fff; font-size: 14px; height: 26px; line-height: 26px; padding: 0 16px; cursor: pointer;}
.jsmain .kcpl .tjpl-bot .tbhan:hover{ background: #f75b1e;}
.jsmain .kcpl .plnr{ margin: 0 10px 30px; padding: 10px; background: #fbfbfb; border-bottom: 1px solid #f2f2f2;}
.jsmain .kcpl .plnr-left{ display: block; border: 1px solid #e2e2e2; border-radius: 50%; width: 60px; height: 60px;}
.jsmain .kcpl .plnr-right{ width: 656px;}
.jsmain .kcpl .plnr-right-t{ line-height: 20px; margin-bottom: 4px;}
.jsmain .kcpl .plnr-right-t b{ color: #16559f}
.jsmain .kcpl .plnr-right-b{ line-height: 20px; color: #666; clear: both;}
.jsmain .kcpl .fy{ margin-bottom: 10px;}

.jslist .bm{ width: 90px; height: 44px; padding-left: 48px; line-height: 44px; font-size: 16px; color: #666; transition: all 0.2s linear; background:url(../../images/front/couinfo/bm_b.png) no-repeat; _background:url(../../images/front/couinfo/bm_b.png) no-repeat; background-position: 22px;}
.jslist .bm:hover{ color: #ff7a01; text-decoration: none; background:url(../../images/front/couinfo/bm_l.png) no-repeat; _background:url(../../images/front/couinfo/bm_l.png) no-repeat; background-position: 22px;}