@charset "utf-8";
/* CSS Document */

/* reset */
*[hidefocus]{outline:none;}
body{-moz-user-select:none}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, i, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, img { padding:0px; margin:0px; }
/* 默认链接颜色 */
a{outline-style:none; color:#915833; text-decoration:none}
a:hover{color:#915833; text-decoration:none;}
/* 通用样式定义 */
body {font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, "微软雅黑",sans-serif; text-align:justify; text-justify:inter-ideograph; font-size:14px; background:#fff; color:#444; }
body > div{margin-right:auto;margin-left:auto;} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
ul,li{list-style-type:none;}
table,td,input{font-size:12px;padding:0}
.header,.content,.footer{height:auto; margin:0px auto;}
#nfg_ko{width:100%; height:10px;_height:5px; float:left;}

/* 超链接样式定义 */
.tit05 a{color:#fefefe; font-size:15px;line-height:35px;}
.tit06 a{color:#666; font-size:12px;padding-left:5px;line-height:35px;}
.tit06 a:hover{color:#e56700; text-decoration:none;}
.neiju{ padding-left:5px;}


/*灰色12 a*/
.hui12{ font-size:12px; color:#6c6c6c;}
.hui12 a{ font-size:12px; color:#6c6c6c; text-decoration:none;}
.hui12 a:hover{ font-size:12px; color:#f40; text-decoration:none;}
/*绿色14 a*/
.lv14{ font-size:14px; color:#62a60a;}
.lv14 a{ font-size:14px; color:#62a60a; text-decoration:none;}
.lv14 a:hover{ font-size:14px; color:#62a60a; text-decoration:underline;}
/*红色12 a*/
.hong12 a{ font-size:12px; color:#f40; text-decoration:none;}
.hong12 a:hover{ font-size:12px; color:#f40; text-decoration:none;}
/*白色12 a*/
.bai12 a{ font-size:12px; color:#fff; text-decoration:none;}
.bai12 a:hover{ font-size:12px; color:#fff; text-decoration:none;}
/*黑色15 a*/
.hei15 a{ font-size:15px; color:#000; text-decoration:none;}
.hei15 a:hover{ font-size:15px; color:#000; text-decoration:none;}
/*浅黑色12 a*/
.qhei12 a{ font-size:12px; color:#555; text-decoration:none;}
.qhei12 a:hover{ font-size:12px; color:#555; text-decoration:underline;}
/* 通用样式定义结束 */
.a{ color:#915833; font-size:12px;}
.a:hover{ color:#915833; font-size:12px; text-decoration:none;}
/* 淡黄12 */
.h12 a{ color:#915833; font-size:12px;}
.h12 a:hover{ color:#915833; font-size:12px; text-decoration:none;}
.mr{ margin-right:9px;}

/*logo部分开始  */
.lg{ width:100%; background:#fff; margin:auto;}
.lg .hd{ width:1200px; height:110px; margin:0 auto;}
.hd .lg_pic{ width:210px; float:left; height:110px; margin:0 auto;}
#nfg_logo{float:left;}


/*搜索seach部分*/
.seach{ height:100px; width:100%; background:#fff;}
.seach_nav{ width:1200px; height:100px; margin:0 auto;}
.seach_pic{ height:36px; width:auto; margin-top:33px; margin-left:55px; float:left;}
.seach_pic img{ border:none; outline:none; padding:3px 0; float:left;}
.seach_box{ height:36px; width:auto; margin-top:33px; margin-left:25px; float:left;}
/* searchbox */
.searchbox{ background:url(images/sreachbox.png) no-repeat; width:607px; border:1px solid #21852f; border-radius:1px; height:32px; margin:0 auto;}
.searchbox #inputbox{ float:left; display:inline;}
.searchbox #inputbox input{ padding:2px; margin-left:4px; text-indent:0.5em; color:#aaa; height:28px; line-height:normal; line-height:29px\0; width:416px; outline:none; border:none; -webkit-box-shadow:0 0 0 1000px white inset; font-size:14px; font-family:"宋体";}
.searchbox #inputbox input.focus_text{color:#333;}
.searchbox #inputbox input.blur_text{color:#aaa;}
.searchbox .sreachbtn{width:108px; height:32px; line-height:30px; font-family:"微软雅黑"; overflow:hidden; cursor:pointer; border:none; outline:none; font-size:15px; color:#fff;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#29a439, endColorStr=#1e8d2d);/*IE 6 7 8*/
            background: -ms-linear-gradient(top, #29a439, #1e8d2d);/* IE 10 */
            background:-moz-linear-gradient(top, #29a439, #1e8d2d);/*火狐*/
            background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29a439), to(#1e8d2d));/*谷歌*/
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29a439), to(#1e8d2d));/* Safari 4-5, Chrome 1-9*/
            background: -webkit-linear-gradient(top, #29a439, #1e8d2d); /*Safari5.1 Chrome 10+*/
            background: -o-linear-gradient(top, #29a439, #1e8d2d);/*Opera 11.10+*/}
.searchbox .sreachbtn:hover{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#27b039, endColorStr=#1d972e);/*IE 6 7 8*/
            background: -ms-linear-gradient(top, #27b039, #1d972e);/* IE 10 */
            background:-moz-linear-gradient(top, #27b039, #1d972e);/*火狐*/
            background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#27b039), to(#1d972e));/*谷歌*/
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#27b039), to(#1d972e));/* Safari 4-5, Chrome 1-9*/
            background: -webkit-linear-gradient(top, #27b039, #1d972e); /*Safari5.1 Chrome 10+*/
            background: -o-linear-gradient(top, #27b039, #1d972e);/*Opera 11.10+*/}
/* options */
#options{ float:left; width:75px; height:32px; color:#333;}
#options dl{ position:relative; z-index:4; width:80px;}
#options dt{ overflow:hidden; width:75px; height:32px; padding:0px 0px 0px 6px; background:#fff;}
#options dt b{ width:0px; height:0px; overflow:hidden; line-height:0px; font-size:0px; border-width:5px; border-style:solid solid solid solid; border-color:#ccc #fff #fff #fff;}
#options dt b{ position:absolute; right:2px; top:14px; zoom:1; _position:relative; _left:53px; _top:-18px;}
#options dt input{ width:60px; height:32px; padding-left:2px; line-height:34px; outline:none; text-align:left; border:0px; font-size:12px; background:none; color:#888;}
#options dd{ display:none; width:67px; line-height:22px; padding:0px 0px 1px 1px; font-size:12px;}
#options.hover dl{ position:relative; cursor:pointer; width:66px;}
#options.hover dt b{ border-color:#fff #fff #ccc #fff; top:8px; right:-12px;}
#options.hover dd{ display:block; _position:relative; color:#666; margin-left:-1px; border-style:solid; border-color:#21852f; border-width:0px 1px 1px 1px; background:#fff;}
#options dd div{ display:block; zoom:1; line-height:30px; font-family:"宋体"; color:#888; padding-left:9px;}
#options div.hover{ background:#f5f5f5; color:#888;}




/*头部部分开始*/
.header{ width:100%;background: #1e8d2d;}
.header .mu{ width:1200px; height:36px; margin:0 auto;}
#menu { height:36px; width:100%; background:#1e8d2d; background:url(../images/index/mune_ll.jpg) no-repeat left; padding-left:2px; box-sizing:border-box; float:left;}
#menu dl{overflow:hidden; margin:0 auto; float:left; font-family: "微软雅黑";}
#menu dl dt{width:120px; height:35px; float:left; display:block; background:url(../images/index/mune_ll.jpg) no-repeat right; padding-right:2px; box-sizing:border-box; line-height:35px; text-align:center;}
#menu a{ display:block; color:#fff; width:100%; height:35px; font-size:14px; font-family:"微软雅黑";}
#menu a:hover{ color:#fff; background:#1c972c; text-decoration: none;}


/*内容部分开始*/
.content{ width:100%; float:left;  background:#f6f6f6; }
.content .bd-t{ width:1200px; height:auto; padding-top:10px; margin:0 auto;}
.content .bd-t .lj{ width:1200px; float:left; padding-bottom:10px;}
.content .bd-t .lj ul{ list-style:none; font-size:12px; float:left;}
.content .bd-t .lj ul li{ float:left; padding-left:15px; background:url(../images/rrr.png) no-repeat left 0px top 3px;}
.content .bd-t .lj ul li:first-child{ float:left; padding-left:0; background:none;}
.content .bd-t .lj ul li a{ color:#333; font-size:13px; padding:0 6px;}
.content .bd-t .lj ul li a:hover{ text-decoration:none; color:#e56700;}


.content .bd{ width:1200px; height:auto; margin:0 auto;}

.wg_top{ width:100%; height:280px; padding:20px; box-sizing:border-box; background:#fff; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1); margin-bottom:15px; float:left;}
.wtop_i{ width:380px; height:240px; float:left;}
.wtop_i img{ width:100%; height:100%;}
.wtop_t{ width:730px; margin-left:15px; float:left;}
.wtop_t h2{ font-size:24px; font-weight:400; margin-bottom:10px;}
.wtop_t p{ line-height:20px; color:#454545;}


/*课程目录*/
.wg_left{ width:910px; height:auto; margin-right:20px; float:left; margin-bottom:30px;}
.share_nav{ margin-bottom: 15px; margin-top: 0!important;}
.wgk_info{ width: 100%; background:#fff; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1); float: left;}
.wg_left .tg-title { width:100%; height:28px; padding:10px 0px; border-bottom:1px solid #eee; float:left;}
.wg_left .tg-title h3 { height:28px; line-height:28px; font-size:16px; text-indent:20px; font-family:"微软雅黑"; font-weight:400;}
.wg_left .outline-list{ width:100%; float:left; height:auto; box-sizing:border-box; padding:30px 20px 40px 20px; margin-bottom:20px;}
.wg_left .outline-list .chapter { position: relative; overflow: hidden;padding: 15px 0;vertical-align: middle;}
.wg_left .outline-list .chapter .chapter-icon { float: left; width: 40px; height: 40px; margin: 5px 0 0 0; background:url(../images/sdd.png) no-repeat 0 -106px;}
.chapter-bd h5 { font-weight: bold; font-size: 16px;color:#333;font-family: "微软雅黑";}
.content .bd .wg_left .outline-list .chapter .chapter-bd .desc { line-height: 24px; font-size: 12px; color: #787d82;}
.content .bd .wg_left .outline-list .chapter .chapter-bd { position: relative; margin-left: 60px; float: none; padding: 5px 0; overflow: hidden;}

/*课程评价*/
.content .bd .wg_left .pl-list { width:100%; height:auto; float:left; padding:15px 20px; box-sizing:border-box;}
.content .bd .wg_left .pl-list .t_title {width:100%;height: 30px; margin:10px 0;float: left;}
.content .bd .wg_left .pl-list .t_title  h3{width:100%;height: 28px; font-size: 20px;font-family: "微软雅黑";line-height: 28px; font-weight: 500;color: #e76601;float: left;}
.content .bd .wg_left .pl-list .grade{ width:100%; height:auto; float:left; font-family:"微软雅黑"; overflow:hidden;}
.content .bd .wg_left .pl-list .user_wrap{ width:100%; border:1px solid #e7e7e7; box-shadow:1px 1px 1px #f8f8f8 inset; background:#fff; box-sizing:border-box;}
.content .bd .wg_left .pl-list .user_wrap .wrap-p{ padding:5px 10px; }
.content .bd .wg_left .pl-list .user_wrap .wrap-p .user_p{ width:100%; height:65px; line-height:24px; font-size:14px; outline:none; border:none; resize:none; overflow:hidden; background:#fff; color:#333; }
.content .bd .wg_left .pl-list .publ{ width:90px; height:32px; border:1px solid #e7e7e7; background: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f2f2f2)); text-align:center; color:#333; line-height:32px; border-radius:2px; float:right; margin-top:10px; outline:none; cursor:pointer;}
.content .bd .wg_left .pl-list .veri{ width:260px; height:34px; text-align:center; color:#333; line-height:32px; float:right; margin-top:10px; }
.content .bd .wg_left .pl-list .veri .v_input { background:#fff; outline:none; height:24px;  width:90px; line-height:24px;  *line-height: 24px; border:1px solid #e3e3e3; font:14px/24px "微软雅黑"; float:left; padding:4px; margin-right:8px;  display:block;  text-indent:0.4em; overflow:hidden;}
.content .bd .wg_left .pl-list .veri .ypic{height:34px; width:83px; float:left; margin-right:8px;}
.content .bd .wg_left .pl-list .veri .turn{height:34px; width:40px; float:left; font-size:12px; line-height:34px;}
/***************/

/*评论*/
.wg_left .comment{ width:100%; margin:40px 0; font-family:"微软雅黑"; float:left; overflow:hidden;}
.wg_left .comment h4{width:100%;height: 30px; margin:10px 0;float: left;}
.wg_left .comment .c_t{width:100%;height: 28px; font-size:18px;font-family: "微软雅黑"; line-height:28px; font-weight:500; color:#444; float:left;}
.wg_left .comment .c_n{ font-size:14px; font-weight:100; color:#888; float:left;}
.wg_left .comment .comment_rated {width: 910px; float: left; height:auto; background:#fff;box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); box-sizing:border-box;padding: 0 20px 0 20px; }
.wg_left .comment .p_eval{ width:870px; border-bottom:1px dashed #eee; overflow:hidden;}
.wg_left .comment .p_eval:last-child{ width:870px; border-bottom:none; overflow:hidden;}
 .p_eval .c_item{ width:870px; padding:20px 0 25px; overflow:hidden;}
 .c_info{ height:30px;}
 .c_info p{ font-size:12px; line-height:30px; float:left;}
 .c_info .ci_1{ height:30px; width:30px; margin-right:10px;}
 .ci_1 img{ width:100%; height:100%; border-radius:50%; outline:none;}
 .c_info .ci_2{ line-height:34px; font-size:13px; color:#10ae58;}
 .c_info .ci_3{ color:#999; float:right;}
 .c_spea{ padding-top:15px; line-height:20px; font-size:14px; color:#666; word-break:break-all;}
 
 
 .p_eval .c_item .item_port{ width:70px; height:75px; float:left; }
 .p_eval .c_item .item_port .port_s{ width:34px; height:34px; border-radius:50%; float:left; margin-left:10px; vertical-align: middle; }
 .p_eval .c_item .item_port .port_n{ width:70px; height:20px; font-size:12px; line-height:20px; margin-top:5px; float:left; text-align:center; overflow:hidden; }
 .p_eval .c_item .item_info{ color:#333; float:left; overflow:hidden;}
 .p_eval .c_item .item_info .item_word{ color:#333; float:left; padding-top:1px; line-height:24px; width:740px; height:48px; overflow:hidden;}
 .p_eval .c_item .item_date{ color:#333; float:right; margin-top:53px; overflow:hidden;}
 .p_eval .c_item .item_date p{ font-size:12px; color:#999; padding-left:10px; line-height:24px; float:left; overflow:hidden;}
 .p_eval .c_item .item_date p a{ font-size:12px; color:#999; line-height:24px; float:left; overflow:hidden;}
 .p_eval .c_item .item_date p a:hover{ color:#999; text-decoration:underline;}
/***************/

.content .bd .wg_right{ width:270px; float:right;}
.content .bd .wg_right .info-box { width: 270px; float: right;}
.content .bd .wg_right .info-box .btn-red:hover{color: #FFF; background-color:#FE2814;}
.content .bd .wg_right .info-box .btn-red{ color: #FFF;display: block; width: auto; height: 40px; line-height: 40px;text-align: center; font-size: 16px; background-color: #f01400; border: 0 none;font-family: "微软雅黑";}
.content .bd .wg_right .score-info { margin-top: 20px; margin-bottom: 0;position:relative;padding:20px; border:1px solid #d0d6d9;}
.content .bd .wg_right .score-info .sat-info h3{font-size: 14px; color: #787d82; line-height: 16px;}
.content .bd .wg_right .score-info .sat-info h4 {font-size: 30px; line-height: 32px; color: #e76601;  margin: 10px 0; font-weight: normal; border-bottom: 0 none; padding-bottom: 0;}
.content .bd .wg_right .score-info .person-num { position: absolute; top: 16px; right: 20px;}
.content .bd .wg_right .score-info .person-num a { font-size: 12px;color: #b5b9bc;}
.content .bd .wg_right .js-box{width:270px; float:right; margin-bottom:15px; background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, .1);}
.content .bd .wg_right .js-box h4 { height:48px; line-height:48px; font-weight:400; padding-left:12px; font-size:16px; box-shadow:0 1px 0 rgba(0, 0, 0, .05); background:#fcfcfc;}
.content .bd .wg_right .js-box .teacher-info{ width:270px; padding:10px 12px; height:90px; box-sizing:border-box;}
.content .bd .wg_right .js-box .teacher-info img { float: left; width: 70px; height: 70px; border-radius: 100%; margin-right:12px;}
.content .bd .wg_right .js-box .teacher-info .tit { display: block;}
.content .bd .wg_right .js-box .teacher-info .tit a {font-weight: bold; color: #14191e; height:24px; line-height:24px;}
.content .bd .wg_right .js-box .teacher-info .job { font-size: 12px; color: #787d82;}
.content .bd .wg_right .js-box .teacher-info .course-info-tip { position: relative; padding: 20px; background-color: #edf1f2;}
.content .bd .wg_right .js-box .teacher-info .teacher-info { padding: 15px 12px; overflow: hidden;}
.content .bd .wg_right .js-box .teacher-info .course-info-tip dl.first { margin-bottom: 24px;}
.content .bd .wg_right .js-box .teacher-info .course-info-tip dt {margin-bottom: 6px; font-weight: bold;}
.content .bd .wg_right .js-box .teacher-info .course-info-tip dd { font-size: 12px; line-height: 24px; }

/*分页*/
.page {width:100%; height:30px; text-align:center; overflow:hidden; font-size:12px; font:"宋体"; color:#000; padding:50px 0 15px; }
.page .first {width:50px; height:26px; *height: 24px; display:inline-block; border:1px solid #e6e6e6; line-height:26px; text-align:center; overflow:hidden; font-size:12px; font:"宋体"; color:#000;}
.page .end {width:50px; height:26px; *height: 24px; margin-left:10px; display:inline-block; border:1px solid #e6e6e6;  line-height:26px; text-align:center; overflow:hidden; font-size:12px; font:"宋体"; color:#000;}
.page .prev {width:60px; height:26px; *height: 24px; line-height:26px; margin-left:10px;  display:inline-block; border:1px solid #e6e6e6; text-align:center; overflow:hidden; font-size:12px; font:"宋体"; color:#000;}
.page .num {width:26px; height:26px; *height: 24px; margin-left:10px; display:inline-block; border:1px solid #e6e6e6; line-height:26px; text-align:center; overflow:hidden; font-size:12px; font:"宋体"; color:#000;}
.page .current {width:26px; height:28px; margin-left:10px; display:inline-block; line-height:26px; text-align:center; overflow:hidden; font-size:12px; font:"宋体"; color:#e56700;}
.page .next {width:60px; height:26px; *height: 24px; margin-left:10px; display:inline-block; line-height:26px; border:1px solid #e6e6e6; text-align:center; overflow:hidden; font-size:12px; font:"宋体"; color:#000;}
.page a { text-decoration:none;}
.page a:hover { text-decoration:none; color:#e56700;}