#screen-area-container{width:1000px;_width:1000px;margin:0px auto 10px auto;}
#select-area{font-family:"microsoft yahei";text-align:left;font-size:14px;border:1px solid #e5e5e5;border-bottom-style:none;line-height:40px;background:#fbfbfb;}
#select-area a{color:#333}
#select-area a:hover{text-decoration:underline}
#select-area .sel-row{border-bottom:1px solid #e5e5e5;}
#select-area .sel-row:after{content:"";clear:both;line-height:0px;display:table;}
#select-area .sel-tt{width:60px;text-align:center;float:left;font-weight:bold;}
#select-area .sel-list{border-left:1px solid #e5e5e5;background-color:#fff;width:937px;float:left;}
#select-area .sel-list ul{padding-left:10px;}
#select-area .sel-list li{display:block;float:left;}
#select-area .sel-list li a{padding:2px 5px;margin-right:10px}
#select-area .sel-list li.selected a{background:#13b07e;color:#fff}

#select-area a.see-select-all{font-size:14px;padding:0 12px;display:inline-block;*display:inline;*zoom:1}
#select-area a.see-select-all .n-all{right:0;top:50%;margin-top:-1px}
#select-area a.see-select-all:hover .n-all{background-position:0 -70px}


.screen-hd-wrap{width:1000px;_width:1000px; margin:0 auto 30px;}
.unit-area,.doc-show-area{font-family:'微软雅黑'}
.fixed{ position:fixed; top:0px}
.doc-show-area a{color:#333}
.unit-area{width:240px;float:left;border:1px solid #ebebeb;background-color:#fcfcfc;margin-bottom:20px}
.unit-area.nav_fixed{position:fixed;top:0;_position:absolute;*margin-left:-240px;_top:expression(eval(document.documentElement.scrollTop))}
.unit-area h1{font-size:18px;color:#333;margin:15px 10px 0;padding-bottom:5px;text-indent:5px;font-family:'微软雅黑';font-weight:bold}
.unit-area .bd{height:450px;overflow-y:auto;*height:auto;*overflow:visible;outline:0}
.unit-area .jspVerticalBar{width:8px;background:0}
.unit-area .jspDrag{border:1px solid #bbb;background:-webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#f5f5f5));background-image:url(/image/drag_bg_f8a5c14a.jpg);background-repeat:no-repeat;background-position:50% 50%;_background-image:none}
.unit-area .jspDrag.jspHover{background-color:#fdfdfd}
.unit-area .jspArrow{background-color:#efefef;background:url('/image/scrollPanel-arrow-icon_097be248.jpg') no-repeat 2px 4px;height:12px}
.unit-area .jspArrowUp{background-color:#efefef}
.unit-area .jspArrowDown{background:url('/image/scrollPanel-arrow-icon-2_2e92bb80.jpg') no-repeat 2px 6px!important;background-color:#efefef!important}
.lesson-item{border-left:1px solid #c8efe3;margin-left:10px;padding-left:8px;}
.lesson-item-sel{height:30px;line-height:30px;padding:5px;padding-left:8px;background:#56c4a1}
.unit-list{margin-left:10px;font-family:'微软雅黑';}
.unit-hide{width: 15px;height:30px;float:left;height:27px;padding:3px 0 3px 0px;display:block;margin-left:4px;background:url(/image/index.png) no-repeat .3px -587px;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.unit-show{width: 15px;height:30px;float:left;height:27px;padding:3px 0 3px 0px;display:block;margin-left:4px;background:url(/image/index.png) no-repeat .3px -727px;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.unit-link,.lesson-link{color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.unit-link{height:27px;padding:3px 0 3px 0px;display:block;margin-left:5px;}
.unit-link-all-resourse{background:url(/image/all-docs.jpg) no-repeat 0 -8px!important}
.unit-link b{display:block;height:27px;width:189px;line-height:27px;text-indent:7px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.no-lesson .unit-link{height:30px}
.unit-link:hover,.selected-unit .unit-link{color:#fff;text-decoration:none;background-color:#56c4a1;}
.unit-link-sel{background:#56c4a1}
.unit-link:hover b,.selected-unit .unit-link b{background:#56c4a1}
.lesson-list{}
.lesson-link{height:20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.lesson-link:hover,.selected-lesson .lesson-link{background-color:#56c4a1;text-decoration:none;color:#fff}
.doc-show-area{float:right;width:735px;padding-bottom:10px;}

.unit-area{width:240px;float:left;}
.unit-area .all-docs-hd{width:234px;background:url(/image/all-docs.jpg) no-repeat!important;height:35px;margin-left:7px;}
.sort-area{height:34px;line-height:34px;position:relative;border-bottom:2px solid #e5e5e5;font-size:14px}
.sort-area .stype-list li{float:left;margin-right:8px;_display:inline; }
.sort-area .stype-list li a,.sort-area .stype-list li span{display:block;float:left;border:1px solid #e8e5e5;padding:0 20px;font-weight:bold}
.sort-area .stype-list li.selected a{border-top:2px solid #13b07e;color:#13b07e;background:#fff;border-bottom:0}
.sort-area .stype-list li a:hover{text-decoration:none}
.sort-area .order-list{position:absolute;right:20px;top:0}
.sort-area .order-list li{float:left}
.sort-area .order-list li a{display:block;float:left;position:relative;padding:0 15px 0 10px}
.sort-area .order-list li .n-down{display:block;background:url(/image/index.png) no-repeat 0 -461px;width:9px;height:10px;position:absolute;right:0;top:13px;overflow:hidden}
.sort-area .stype-list li.selected span{font-weight:bold}
.sort-area .order-list li.selected .n-down{background-position:0 -443px}

.doc-list li{height:90px;border-bottom:1px solid #e9e9e9;padding:15px 0px 15px 138px; _padding-right:0px;position:relative;text-align:left;}
.doc-list li .doc-list-img{position:absolute;width:120px;height:90px;padding:2px;left:0;top:15px;}
.doc-list li .doc-list-img img{width:120px;height:90px;border:1px solid #e2e2e2}
.doc-list li .doc-list-title{font-size:14px;margin:10px 0; font-family:"microsoft yahei";width:580px}
.doc-list li .doc-list-title a{font-size:14px;font-family:"microsoft yahei"; font-weight:bold;white-space: nowrap;display: block;text-overflow: ellipsis;overflow: hidden;width:555px;}
.doc-list li .doc-list-intro{color:#666;padding:5px 0;}
.doc-list li .doc-list-intro-more{ height:35px; margin-top:-4px; line-height:30px;overflow:hidden; width:500px; _width:450px;font-size:14px;white-space: nowrap;display: block;text-overflow: ellipsis;}

.doc-list-info-more{color:#888;font-size:0;padding:15px 0 10px; height:15px; width:580px;_width:450px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.doc-list-info-more em{ float:left; padding:0 10px 0 20px; background:url(/image/index.png) no-repeat; margin-top:-6px; font:12px/15px "微软雅黑";color:#636363}
.doc-list-info-more .ja{ background-position:0 -214px;}
.doc-list-info-more .user{ background-position:0 -245px; color:#2f8dd5}
.doc-list-info-more .doc{ background-position:0 -275px;}
.doc-list-info-more .kb{ background-position:0 -303px;}
.doc-list-info-more .tm{ background-position:0 -331px;}
.doc-list-info-more .ld{ background-position:0 -362px;}
.doc-list-info-more .xiugai{ background-position:0 -662px;}
.doc-list-info-more .tuijian{ background-position:0 -692px;}

.doc-list li .doc-list-info{color:#888;font-size:0;padding:10px 0}
.doc-list li .doc-list-info div{display:inline-block;font-size:12px;*display:inline;*zoom:1}
.doc-list li .doc-list-info .price{width:90px}
.doc-list li .doc-list-info .price span{color:#a1653f}
.doc-list li .doc-list-info .time{width:150px}
.doc-list li .doc-list-info .author{width:150px;}
.doc-list li .doc-list-comment{position:absolute;width:200px;height:42px;right:0;bottom:50px;border-left:1px solid #e9e9e9;padding-left:16px;color:#999}
.doc-list li .doc-list-comment .read{padding-bottom:10px;color:#333}
.doc-list li .doc-list-comment .doc-score{color:#333}
.doc-list li .doc-list-comment .ic{width:10px!important}
.doc-list li .doc-list-loading{position:absolute;width:96px;height:35px;right:0px;top:50px; color:#999;}
.doc-list-loading a{ display:block; width:80px; height:28px;font:12px/28px "微软雅黑";color:#fff;text-align:center;background-color:#ff9c00;}  

.doc-list li:hover{background:#f5f5f5}

.ic-star-s-on{background: url(/image/doc_num_stars.png) no-repeat -129px 0}
.ic-star-s-half{background:url(/image/doc_num_stars.png) no-repeat no-repeat -149px 0}
.ic-star-s-off{background:url(/image/doc_num_stars.png) no-repeat no-repeat -167px 0}
.ic-star-m-on{background:url(/image/doc_num_stars.png) no-repeat no-repeat -63px 0}
.ic-star-m-half{background:url(/image/doc_num_stars.png) no-repeat no-repeat -84px 0}
.ic-star-m-off{background:url(/image/doc_num_stars.png) no-repeat no-repeat -105px 0}
.ic-star-b-on{background:url(/image/doc_num_stars.png) no-repeat no-repeat 0 0}
.ic-star-b-half{background:url(/image/doc_num_stars.png) no-repeat no-repeat -21px 0}
.ic-star-b-off{background:url(/image/doc_num_stars.png) no-repeat no-repeat -42px 0}
.pager-area{padding:0px}#wk-fixed-sidebar{visibility:hidden}

.searchBox{ width:730px; height:30px; margin:10px 0 0;}
.searchBox form{ float:left; width:500px}
.textBox{ width:245px; height:30px; border:1px solid #e7e7e7; font:12px "微软雅黑"; color:#aaa; padding-left:5px; overflow:hidden}
.searchBtn{ width:50px; height:30px; background:#ff9c00; border:none;font:12px "微软雅黑"; color:#fff; text-align:center; cursor:pointer }
.search-right{ float:right;}
.search-right span{ float:left;font:14px/25px "微软雅黑"; color:#313131;}
.search-right .ora{ font-weight:normal; color:#ff7c0f}
.s-right,.s-left{ float:left; width:23px; height:23px;  border:1px solid #dedede; margin-left:10px; background:url(/image/index.png) no-repeat 6px -484px}
.s-right{ background-position:9px -513px}
.n-left,.n-right{float:left; width:23px; height:23px;  border:1px solid #dedede; margin-left:10px; background:url(/image/index.png) no-repeat 6px -484px;}
.n-right{ background-position:9px -513px}

.pl5,.pv5,.phv5{padding:5px;display:block;}
.ic{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;padding:0;vertical-align:-1px;font-size:0;line-height:9999em;overflow:hidden;position:relative;*position:static;width:22px;height:18px; margin-right:3px;float:left;}
.ic-doc{background:url(/image/index.png) no-repeat 0 -412px;}

.pager-area {text-align: center; margin-top: 30px; _margin-top: 10px;}
.pager-area a,.pager-area .current-page {border: 1px #e5e5e5 solid;display: inline-block;padding: 0 10px;height: 26px;margin: 0 2px;border-radius: 2px;background: #fff;line-height: 26px;font-size: 14px;color: #888;transition: all .2s;}
.pager-area a.current,.pager-area.current-page{border-color: #00af00;background: #00af00;color: #fff;}

.unit-area .jc-img{ text-align:center; display:block; width:242px;float:left; width:100%; padding:18px 0;margin-bottom:30px; border-bottom:2px solid #ebebeb;}
.unit-area .jc-img img{ width:95px; padding:0 8px;}


.nav-search{position:absolute;top:226px;left:452px;border-top:none;display:none;z-index:100}
.yema-bottom{margin-top:10px}