﻿/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul,ol,li{list-style:none;}
img{vertical-align:top;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px; margin:0;outline-style:none;}
input[type="text"], input[type="password"],input[type="button"], textarea{outline-style:none;font-family:"Microsoft Yahei";}
input[type="button"]{cursor:pointer;font-family:"Microsoft Yahei";}
textarea{resize:none;}
table{border-collapse:collapse;}
body{color:#666;margin:0 auto;font-size:12px;line-height:24px;font-family:"Microsoft Yahei";-webkit-text-size-adjust:none;background:#fff;}
a{color:#666; text-decoration:none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;outline-style:none; cursor:pointer;}
a:hover, a:active, a:focus{color:#ff7800; text-decoration:none;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.hidden, .none{display: none;}
em,i{font-style:normal; vertical-align:baseline; display:inline-block; margin-bottom:2px;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.orange{color:#ff7800;}
.green{color:#50b400;}
.red{color:#f00;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.color9{color:#999;}
.bg-orange{background:#ff7800}
.bg-green{background:#50b400}
.bg-hui{background:#c7c7c7}
.bg-red{background:#f33}
.cursor{cursor:pointer;}

/* IE6下PNG图片透明 */
/* img, div{behavior: url("iepng/iepngfix.htc");} */
.margin-t-20{margin-top:20px;}
.margin-r-20{margin-right:20px;}
.margin-f-20{margin-bottom:20px;}
.margin-l-20{margin-left:20px;}

.container{width:1190px;margin:0 auto;}

/*.header{ padding-top:22px; height:68px;}
.header .search{float:right; border:2px solid #ff7800; width:446px; height:36px; margin-top:2px;}
.search-select{float:left;border:1px solid #fff; border-right:1px solid #e2e2e2;float:left; height:26px; width:58px; margin:5px 7px; cursor:pointer; position:relative;}
.search-select i{ position:absolute;top:2px;right:10px;}
.s-s-cont{display:none;}
.active .s-s-cont{display:block; position:absolute; border:1px solid #e2e2e2; background:#fff;left:-5px;z-index: 5;}
.s-s-cont li{display:block; height:20px;width:100%; width:62px; margin-bottom:3px;}
.s-s-cont li a{display:block; width:62px; text-indent:4px;}
.s-s-cont li a:hover{ color:#fff; background:#50b400;}



.search-txt{float:left;width:310px; height:32px; line-height:32px; border:1px solid #fff; color:#666; text-indent:6px;}
a.search-btn{float:right; color:#fff; background:#ff7800; width:58px; height:36px; line-height:36px; text-align:center; font-size:20px;}

/*nav*/
/*.nav{background:#343434; height:60px; line-height:60px;}
.nav-ul{ margin-left:-17px;}
.nav-ul li{width:123px; text-align:center; float:left;}
.nav-ul li a{display:inline-block; width:90px; height:60px; line-height:60px; font-size:16px; color:#fff;}
.nav-ul li a:hover,.nav-ul li a.on{background:#50b400;}

.nav-icon{float:right; height:60px;}
.nav-icon li{float:right; margin-left:1px;}
.nav-icon li a{display:inline-block;height:60px; line-height:60px; font-size:16px; color:#fff;}
.nav-icon li a:hover{background:#5e6369; }
.nav-icon li a i{color:#fff; font-size:20px;display:inline-block; width:59px; height:60px; line-height:60px; text-align:center; position:relative;}
.nav-icon li a i em{position:absolute;display:block;height:13px;line-height:13px;padding:0 4px;background:#e60012;color:#fff;font-size:12px;border-radius:12px;top:14px;left:30px;letter-spacing:-1px;}
.icon-tz{background:url(images/icon1.gif) no-repeat 0 -60px; }
.icon-db{background:url(images/icon1.gif) no-repeat 0 0; }
.icon-tz.on{background:url(images/icon1.gif) no-repeat -50px -60px; }
.icon-db.on{background:url(images/icon1.gif) no-repeat -50px 0; }*/

/*下拉效果*/
/*.nav-icon-set{position:relative;}
.nav-icon-set:hover a{background:#5e6369;}
.nav-icon-set:hover > .nav-set-panel{display:block;}
.nav-icon-set:hover .nav-set-panel a:hover{background:#70767d;}
.nav-set-panel{display:none;position:absolute;top:60px;right:0; width:113px;background:#5e6369;line-height:33px;z-index:10;}
.nav-icon li .nav-set-panel a{display:block;width:113px;line-height:33px;height:33px; border-bottom:1px solid #70767d; text-indent:22px; color:#fff;font-size:12px;}
.icon-power-off{ font-size:12px; padding-right:8px;}*/

/*滚动图片*/
.slideBox{ width:780px; height:220px; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:778px; height:220px; display:block;  }
.slideBox .hd { bottom: 20px; height: 20px;overflow: hidden;position: absolute;right: 20px;z-index: 3;}
.slideBox .hd li {background: none repeat scroll 0 0 #CECBAD;border-radius: 50%;cursor: pointer;float: left;font-size: 0;height: 10px;line-height: 10px;margin-right: 10px;overflow: hidden;text-align: center;width: 10px;}
.slideBox .hd li.on {background: none repeat scroll 0 0 #50b400;}

/*.foot{background:#535353; color:#a6a6a6; font-size:12px; height:29px; line-height:29px; text-align:center; padding:20px 0; clear:both;}*/

/*当前位置*/
.location{ height:26px; line-height:26px; margin-bottom:16px; font-size:16px;}
.icon-home{background:url(../ly/images/sy-icon.png) no-repeat 0 -427px; height:26px; display:inline-block; width:25px; float:left;}

/*分页*/
.pagesize{ text-align:center; margin:20px auto;clear: both;}
.pagesize a, .pagesize span{display:inline-block; height:28px; line-height:28px; padding:0 10px;background:#efefef; margin:0 5px;border-radius:5px;}
.pagesize a.on, .pagesize .current{background:#ff7800; color:#fff; }
.pagesize a.none, .pagesize span.prev, .pagesize span.next{background:none; color: #666; cursor:no-drop;}

/*标签*/
.icon-price-tag{ color:#b8b8b8;}
/*积分*/
.icon-database{color:#F9B516;}
/*筛选图标*/
.icon-px{ background:url(images/sy-icon.png) no-repeat -30px -320px; width:13px; height:13px; display:inline-block;}
.on .icon-px{ background:url(images/sy-icon.png) no-repeat -59px -320px;color:#390; }
.on .icon-px.on{background:url(images/sy-icon.png) no-repeat -59px -283px;color:#390;}


/*没有内容*/
.nodata{ color:#8e8e8e; font-size:14px; line-height:38px; padding:60px 0;text-align: center;}
.nodata .nodata-img.left{ display:inline-block;font-size:40px; color:#e1e1e1; padding-right:12px;vertical-align: middle;float: none;}
.nodata .nodata-txt.left{ display:inline-block;float: none;}

/*弹出层分类*/
.fl-box{ z-index:300; position:relative;}
.fl-panel{position:absolute; background:#f3ffe7; border:1px solid #50b400;/*top:50%;left:50%;margin:-160px 0 0 -393px;*/top:30px;left:0; width:786px; height:320px; z-index:200;}
.fl-panel .panel-h{padding-top:5px; height:44px; line-height:44px; text-indent:15px; font-size:14px;}
.fl-panel .fl-cont{ padding-left:5px;}
.fl-cont .fl-item{background:#fff;border:1px solid #e2e2e2;width:141px;height:180px; overflow-x:none;overflow-y:auto;padding-top:14px; float:left; margin-left:11px; font-size:12px; }
.fl-item a{display:block; width:100%; padding:0 10px; box-sizing:border-box;height:21px;line-height:21px; margin:2px 0;}
.fl-item a:hover,.fl-item a:active,.fl-item a:focus{color:#666;}
.fl-item a.on{background:#50b400; height:21px; line-height:21px; color:#fff;}
.fl-icon{float:right;}
.panel-p{clear:both; font-size:12px; height:40px; line-height:40px; text-indent:15px;}
.panel-btn .btn-qr{ height:30px; line-height:30px; color:#fff; padding:0 16px; border-radius:3px; font-size:14px; margin:20px 10px 0 0; display:inline-block; background:#50b400;}
.panel-btn .btn-qr.hui{background:#b5b5b5;}

/*图标*/
.icon-share{ width:23px; height:19px; vertical-align:-9px; background-repeat:no-repeat; background-position:0 0 !important;margin-bottom: 3px;}
.icon-128{background-image:url(images/share/article.gif);}/*文档*/
.icon-kc{background-image:url(images/share/course.gif);}/*课程*/
.icon-8{background-image:url(images/share/zip.gif);}/*ZIP*/
.icon-1{background-image:url(images/share/Video.png);}/*视频*/
.icon-16{background-image:url(images/share/photo.gif);}/*图片*/
.icon-2{background-image:url(images/share/word.png);}/*word*/
.icon-4{background-image:url(images/share/ppt.png);}/*ppt*/
.icon-32{background-image:url(images/share/excel.png);}/*excel*/
.icon-64{background-image:url(images/share/pdf.png);}/*pdf*/
.icon-txt{background-image:url(images/share/txt.png);}/*txt*/
.inco-zh{background-image:url(images/share/converting.png);}/*转换*/
/*排序*/
.icon-kng-px{ background:url(images/sy-icon.png) no-repeat -51px -112px; width:11px; height:11px; margin:0 2px 2px 2px; vertical-align:middle;}
.icon-kng-px.on{background:url(images/sy-icon.png) no-repeat -65px -112px;}

.upload-btn{ background:url(images/share-btn.png) no-repeat 0 0; width:179px; height:43px; display:inline-block;transition:none;}
.upload-btn:hover{background:url(images/share-btn.png) no-repeat 0 -43px;}

.upload-kng-btn{background:url(images/upload-btn.png) no-repeat; width:225px;height:49px; display:block;transition:none;}
.upload-kng-btn:hover{background:url(images/upload-btn.png) no-repeat 0 -49px;}

/*待办弹出层*/
.db-panel{background:url(images/db-bg.png) no-repeat; width:795px; height:352px; top:50%;left:50%; position:absolute; margin:-200px 0 0 -416px; z-index:1200; padding:50px 0 0 40px;}
.db-panel-h2{ font-size:20px; color:#a2a2a2;height:42px; line-height:42px;}
.db-panel-h2 .icon-db{ background:url(images/ICON1.png) no-repeat; width:42px; height:42px; padding-right:16px; vertical-align:middle;}
.db-panel-h2-txt{ font-size:14px; padding-left:30px;}
.db-panel-info{color:#d2d1d1; font-size:16px; line-height:60px; margin:40px 0 0 8px; width:733px;height:227px;}
.db-panel-info .db-num{ width:20px; height:20px; line-height:20px; text-align:center; font-size:14px; color:#fff; border:2px solid #fff; border-radius:100%; background:#50b400;margin-right:24px;}
.db-panel-info a.db-btn{background:#50b400; color:#fff; text-align:center; font-size:16px; width:108px; height:34px; line-height:34px; border-radius:3px; display:inline-block; float:right; margin-top:15px;}
.db-close{position:absolute; display:inline-block; background:url(images/fancy_close.png) no-repeat; width:30px; height:30px;top:-10px;right:-10px;}

/*筛选*/
.share-sx{ border:1px solid #e2e2e2; width:100%; padding:14px 14px 4px 14px; line-height:18px;box-sizing:border-box;font-size:12px;}
.share-sx-item dt{float:left; width:37px;}
.share-sx-item dd{float:left;/*width:1080px;*/}
.share-sx-item dd a{display:inline-block;line-height:18px;height:18px; padding:0 6px; margin:0 0 10px 16px;}
.share-sx-item dd a.on{background:#8c96a2; color:#fff;}
.share-sx-line{clear:both;border-top:1px dashed #e2e2e2; height:9px;}


/*课程*/
.sy-kc ul{margin-left:-20px;}
.sy-kc-item{ float:left; margin:10px 0 20px 18px; border:1px solid #e2e2e2;width:214px; height:215px; border-radius:3px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.08);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.08);box-shadow: 0 2px 4px rgba(0,0,0,0.08);background-color: #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease;}
.sy-kc-item:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-o-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.sy-kc-item .sy-kc-img{ position:relative;width:214px; height:120px;}
.sy-kc-item .sy-kc-img img{width:214px; height:120px;}
.sy-kc-item .sy-kc-img-txt{ position:absolute;width:214px;left:0;bottom:0; height:30px; line-height:30px; background:url(images/bg-hei.png) repeat; font-size:12px; color:#fff;}
.sy-kc-item .sy-kc-img-txt i{padding:0 5px 0 10px;}
.sy-kc-info .title{ padding:10px 0 3px 10px; font-size:14px; width:198px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sy-kc-info .metas{ padding:0 10px;}
.hot-num,.sy-kc-info .metas i.icon-user,.sy-kc-info .metas i.icon-eye,.sy-kc-info .metas i.icon-play{color:#a6acb3; font-size:14px; padding-right:2px; vertical-align:middle; margin-bottom:4px;}



.border{border:1px solid #eaeaea;}

/*排序 搜索*/
.zj-detail-px{ height:38px; line-height:38px;background:#f5f5f5;border: 1px solid #e2e2e2;}
.zj-detail-px .px-cont a{display:inline-block; height:38px; padding:0 20px;}
.zj-detail-px .px-cont a.on{ background:#fff; color:#ff7800;}
.share-search{float:right; border:1px solid #e2e2e2; width:176px; height:28px; line-height:28px; border-radius:20px; margin:4px 7px 0 7px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; background:#fff;}
.share-search .search-inp{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; width:150px; height:25px; line-height:25px; border:none; float:left;border-radius:20px; text-indent:10px; vertical-align:text-top; color:#666;}
.share-search a.search-btn{ color:#8e97a3; background:none; width:24px;height:26px;line-height:26px; font-size:16px; text-align:left;}
.share-search .icon-search:before{ content: "\e036";}
.share-search:hover{width:226px; border:1px solid #50b400;}
.share-search:hover .search-inp{ width:200px;}
.share-search:hover a.search-btn{color:#50b400;}

/*------评分-----*/
/*平均分*/
.pl-pjf-left{ padding:15px 0 0 5px;line-height:22px;}
.pjf-txt{ float:left; width:74px; padding-top:7px; height:60px;}
.pjf-txt .pjf-txt-fs{ font-family:Tahoma, Geneva, sans-serif; font-size:28px; color:#ff6600; font-weight:bold;}
.pjf-star{float:left; padding-top:20px; line-height:15px;}
.pjf-star .icon-star-small{ background:url(../../../images/star1.png) no-repeat;width:10px; height:10px; margin-right:4px;}
.pjf-star .icon-star-small.on{background:url(../../../images/star2.png) no-repeat;}
.pl-pjf-left .pf-box{display:inline-block;width: 260px;padding-bottom:20px;font-size:13px;}
.pl-pjf-left .pf-box .df-star-ul{display:inline-block;width: 190px;}
.pl-pjf-left .pf-pl{display:inline-block;}

/*满意度*/
.dp-myd{ height:76px; float:right;padding-top:23px;}
.dp-myd .dp-myd-num{background:url(images/sy-icon.png) no-repeat -338px 0; width:28px; height:21px; color:#fff; line-height:14px; text-align:center;font-family:Tahoma, Geneva, sans-serif; }
.dp-myd .dp-myd-bg{ background:url(images/pl-px.gif) no-repeat; width:420px; height:39px;}
.dp-myd.my-0 .dp-myd-num{margin-left:8px;}
.dp-myd.my-1 .dp-myd-num{margin-left:65px;}
.dp-myd.my-2 .dp-myd-num{margin-left:144px;}
.dp-myd.my-3 .dp-myd-num{margin-left:225px;}
.dp-myd.my-4 .dp-myd-num{margin-left:308px;}
.dp-myd.my-5 .dp-myd-num{margin-left:382px;}

/*评分*/
.df-star{height:35px; clear:both; }
.df-star strong{ font-size:14px; color:#333;}
.df-star-ul{position:relative; display:inline-block; width:345px; vertical-align:top;}
.df-star-li{display:inline-block;}
.df-star-li .icon-star-big{ width:24px; height:24px;background:url(../../../images/star-off.png);cursor:pointer;}
.df-star-li .icon-star-big:hover,.df-star-li .icon-star-big.on{background:url(../../../images/star-on.png);}
.df-star-li .df-star-dec{position:absolute;left:137px; font-size:12px; color:#ff6600; display:none;top:1px;}
.df-star-li:hover .df-star-dec{display:block;}

.pf-pl{text-align:right;}
.pf-pl-kuang{ height:90px; border:1px solid #e1e1e1; padding:5px; width:863px;margin-bottom:8px;}
a.btn-tj{ height:32px; line-height:32px; padding:0 15px; font-size:14px; color:#fff; background:#51b401; border-radius:3px; display:inline-block;}
/*评论*/
.detail-pl{width:874px;padding:10px 20px;}
.pl-h2{ height:41px; line-height:41px; padding-top:4px; border-bottom:1px solid #e2e2e2; font-size:16px; color:#333;}
.pl-h3{height:52px; line-height:52px; border-bottom:1px dotted #d7d7d7; font-size:14px; color:#333;}

.pl-item{ border-bottom:1px dotted #e2e2e2; padding-bottom:10px;}
.pl-item .pl-tx{float:left; width:40px; margin-right:15px; margin-top:15px;}
.pl-item .pl-tx img{ width:40px; height:40px; border-radius:100%;}
.pl-item .pl-info{float:left; width:816px;}
.pl-item .pl-info .pl-name{ font-size:14px; color:#ffa36b; padding:12px 0 3px 0;}
.pl-item .pl-info .pl-name .time{ color:#999; font-size:12px; margin-left:13px;}
.pl-item .pl-info .pl-hf{padding:5px 10px;width:796px; background:#f2f2f2; margin:10px 0 5px 0;}
.pl-hf .pl-tx{float:left; width:30px; margin-right:10px; margin-top:6px;}
.pl-hf .pl-tx img{ width:30px; height:30px; border-radius:100%;}
.pl-hf .pl-info{float:left; width:756px;}
.pl-hf .pl-info .pl-name{ font-size:14px; color:#ffa36b; padding:2px 0 0 0;}
.pl-hf .pl-info .pl-name .pl-hf-txt{display:inline; font-size:12px; color:#666;}
.pl-hf .pl-info .pl-txt{color:#999;}
.pl-hf.kuang{}
.pl-hf.kuang .pl-kuang{ border:1px solid #e2e2e2; background:#fff; height:54px; width:792px; margin-top:3px;}
.pl-hf.kuang .pl-hf-btn{text-align:right; padding-bottom:5px; margin-top:5px;}
.pl-hf-btn .hf-btn{ height:25px; line-height:25px; padding:0 10px; background:#51b401; font-size:12px; color:#fff; display:inline-block; margin-left:8px; border-radius:3px;}
.pl-hf-btn .hf-btn.hui{background:#bfbfbf;}

.task-tj{position: relative;cursor: pointer;}
.task-tj .task-tj-info{position: absolute;z-index:2;padding:6px 12px;min-width:205px;max-width:600px;background:#fff;border:1px solid #e2e2e2;box-shadow:0 2px 2px #eee;display:none;font-size:12px;line-height: 20px;}
.task-tj:hover .task-tj-info{ display:block;}
.icon-tj{ border:5px solid #a4a3a4; border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid transparent; vertical-align:bottom; margin-bottom:7px;}

/**返回顶部样式*/
#totop{position:fixed;bottom:40px;right:10px;z-index:999;width:71px; cursor:pointer; display:none;}
*html #totop{position:absolute;cursor:pointer;right:10px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")}
#totop a{display:block;width:71px;height:24px;padding-top:48px;background:url(../images/totop.gif) no-repeat;text-align:center;color: #888;transition: none;}
#totop a.cur{background-position:-88px 0;text-decoration:none;color:#3a9}
