@charset "UTF-8"; /** ##################文库首页 */
.library_header {
	width: 100%;
	height: 200px;
	background-image: url('../../images/library/banner.jpg');
	background-color: #313131;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
/**顶部搜索*/
.library-search {
	height: 40px;
	padding: 76px 0 0 40%;
}

.search-div .search-input, .library-search .search-input {
	float: left;
	width: 508px;
	border: 1px solid #3d5aec;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}

.search-div .search-input input, .library-search .search-input input {
	width: 400px;
	height: 38px !important;
	line-height: 38px !important;
	font-size: 14px;
	padding-left: 15px;
	background-color: transparent;
	border: none;
}

.search-div .search-btn, .library-search .search-btn {
	cursor: pointer;
	float: right;
	width: 106px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #3d5aec;
	color: #fff;
}

.search-div .upload-btn, .library-search .upload-btn {
	border-radius: 4px;
	background: #e35d64;
	height: 40px !important;
	padding: 0 20px;
	border: none;
	outline: none;
	margin-left: 35px;
}

.search-div .upload-btn span, .library-search .upload-btn span {
	color: #fff;
}

.library-main {
	background: #fff;
}
/**上侧分类*/
.library-type-div {
	background: #fff;
	box-shadow: 0px 15px 10px #eaeaea;
}

.library-type {
	padding: 20px 50px;
	font-size: 16px;
}

.library-type .type-div {
	height: 30px;
	line-height: 30px;
	margin: 5px 0;
}

.library-type .type-div:after {
	content: "";
	display: block;
	clear: both;
}

.library-type .type-div .active {
	color: red;
}

.library-type ul {
	width: 95%;
}

.library-type li {
	margin-left: 40px;
	margin-bottom: 10px;
	cursor: pointer;
}

library-type li.active {
	color: red;
}

.library-type b, .library-type ul, .library-type li {
	float: left;
}
/**中间主体列表*/
.library-main .library-list {
	border: 1px solid #eee;
	border-radius: 4px 4px;
}

.library-main .library-list:after {
	clear: both;
	display: block;
	content: "";
}
/**卡片样式*/
ul.doc-card {
	*position: relative;
	overflow: hidden;
}

ul.doc-card li {
	float: left;
	width: 16.66%;
	padding: 10px 0;
}

ul.doc-card li .li-wrap {
	width: 105px;
	text-align: center;
	position: relative;
}

ul.doc-card li .li-wrap a .doc-img {
	width: 96px;
	height: 127px;
	padding: 1px 1px 2px;
	border: 1px solid #ccc;
}

ul.doc-card li .li-wrap p.title {
	margin-top: 10px;
	height: 38px;
	overflow: hidden;
	line-height: 18px;
	color: #9A9A9A;
}

ul.doc-card li .li-wrap p {
	line-height: 18px;
	color: #9A9A9A;
}
/**列表样式*/
ul.doc-list {
	*position: relative;
	overflow: hidden;
	padding: 0 0 0 15px
}

ul.doc-list li {
	width: 100%;
	padding: 15px 0px;
	border-bottom: 1px dashed #EEEEEE;
}

ul.doc-list li:hover {
	background-color: #efefef;
}

ul.doc-list li .li-wrap {
	text-align: left;
	position: relative;
}

ul.doc-list li .li-wrap .rigth-text, ul.doc-list li .li-wrap .left-img {
	float: left;
}

ul.doc-list li .li-wrap .rigth-text {
	margin-left: 25px;
	width: 715px;
}

ul.doc-list li .li-wrap a .doc-img {
	width: 50px;
	height: 60px;
	padding: 1px 1px 2px;
	border: 1px solid #ccc;
}

ul.doc-list li .li-wrap p.title {
	overflow: hidden;
	line-height: 18px;
	color: #555;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
}

ul.doc-list li:hover p.title a {
	color: #1abc9c;
}

ul.doc-list li .li-wrap .text {
	color: #6b7a88;
	font-size: 14px;
	margin-top: 15px;
}

ul.doc-list li .li-wrap .text span {
	margin-right: 5px;
}

ul.doc-list li .li-wrap .text .text-danger {
	color: #d62c1a;
}

ul.doc-list li .li-wrap p {
	line-height: 18px;
	color: #9A9A9A;
}
/**右侧推荐*/
.recom-doc .ui-rank ul {
	padding: 10px 0 15px;
	border-bottom: 1px solid #e6e6e6;
}

.ui-rank ul li.lane {
	padding: 3px 0;
	position: relative;
}

.ui-idx {
	width: 25px;
	height: 24px;
	font-family: arial;
	font-size: 18px;
	color: #656565;
	display: inline-block;
	*displaly: inline;
	*zoom: 1;
	text-align: center;
	float: left;
	margin-right: 10px;
}

ul li.lane .book-info {
	margin-top: 3px;
	overflow: hidden;
}

.ui-rank ul li .book-info h6 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 6px;
	color: #333;
	font-weight: 400;
}

.ui-rank ul li .book-info h6 a {
	font-size: 14px;
}

.ui-rank ul li.lane .book-info .rnum {
	float: right;
	color: #818181;
	margin-top: 3px;
	border: none;
}

.doc-rank-t {
	margin-top: 12px;
	font-weight: 400;
	color: #333;
}
/**tab卡*/
.tool-bar {
	border-bottom: 1px solid #e6e6e6;
}

.order_tab {
	margin-top: 10px;
	display: inline-block;
}

.order_tab:after {
	content: "";
	display: block;
	clear: both;
}

.order_tab div {
	float: left;
	margin: 5px 7px;
}

.order_tab div a {
	padding: 1px 13px;
}

.order_tab div a.active {
	color: white;
	background: #464646;
	border-radius: 10px 10px;
}

.main-switch-tab-div {
	background: #e6e6e6;
	height: 40px;
	margin-top: 15px;
}

.main-switch-tab {
	
}

.main-switch-tab li {
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	float: left;
	padding: 0 25px;
	cursor: pointer;
}

.main-switch-tab li.active {
	background: #fff;
}

.list-type {
	text-align: right;
	float: right;
	margin-top: 10px;
}

.list-type .course-icon1 {
	background-position: 0 0;
}

.list-type .course-icon2 {
	background-position: -39px 0;
}

.list-type .switch-icon {
	width: 40px;
	height: 28px;
	display: inline-block !important;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(../../images/library/swich-list.png);
}
/*星*/
.doc-star {
	display: inline-block;
	height: 15px;
	position: relative;
	top: 2px;
	width: 80px;
}

.star-0, .star-1, .star-2, .star-3 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -150px;
}
/*0星*/
.star-4, .star-5, .star-6, .star-7, .star-8 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -135px;
}
/*0.5星*/
.star-9, .star-10, .star-11, .star-12, .star-13 {
	background: url(../../images/library/sprite_star.png) no-repeat
		0px-120px;
}
/*1.0星*/
.star-14, .star-15, .star-16, .star-17, .star-18 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -105px;
}
/*1.5星*/
.star-19, .star-20, .star-21, .star-22, .star-23 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -90px;
}
/*2.0星*/
.star-24, .star-25, .star-26, .star-27, .star-28 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -75px;
}
/*2.5星*/
.star-29, .star-30, .star-31, .star-32, .star-33 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -60px;
}
/*3.0星*/
.star-34, .star-35, .star-36, .star-37, .star-38 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -45px;
}
/*3.5星*/
.star-39, .star-40, .star-41, .star-42, .star-43 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -30px;
}
/*4.0星*/
.star-44, .star-45, .star-46, .star-47, .star-48 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px -15px;
}
/*4.5星*/
.star-49, .star-50 {
	background: url(../../images/library/sprite_star.png) no-repeat 0px 0px;
}
/*5.0星*/
.doc-score i.fa-star {
	color: #FFAC2D;
}
/** ######################文库浏览页 */
.doc-viewer, .video-viewer, .img-viewer {
	width: 100%;
}

.doc-viewer {
	overflow-x: hidden;
	border: 5px solid #F6F6F6;
	border-bottom: 0px;
	clear: both;
}

.img-viewer img {
	width: 100%;
}

.doc-viewer-img {
	width: 100%;
}

.text-muted {
	color: #bdc3c7;
	margin-top: 15px;
}

.text-muted span {
	margin-left: 15px;
}

h1.header {
	font-size: 22px;
	margin: 0px;
	line-height: 150%;
	text-align: center;
}

.doc-preview-tips {
	border: 1px dashed #f1c40f;
	padding: 5px;
	border-radius: 3px;
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 14px;
}

.navbar-fixed-bottom {
	border-top: 1px solid #dddddd;
	background-color: #ecf0f1;
}

.navbar-nav>li>a.down-btn {
	background: #1abc9c;
	color: #fff;
}

.navbar-nav>li>a.down-btn:hover {
	background: #1abc9c;
	color: #fff;
}

.panel-default {
	margin-top: 10px;
}
/** ################上传页面 */
.uploadBtn {
	width: 200px;
	height: 200px;
	text-align: center;
	font-size: 150px;
	line-height: 170px;
	border: 1px solid #c6c6c6;
	color: #ccc;
	margin: 0 auto;
	font-weight: 500;
	border-radius: 4px 4px 4px 4px;
}

.step-div {
	width: 939px;
	margin: 0 auto;
}

.step-div:after {
	content: "";
	display: block;
	clear: both;
}

.step-1, .step-2, .step-3 {
	width: 939px;
	height: 83px;
	background-repeat: no-repeat;
	float: left;
	margin: 20px 7px;
	text-align: center;
	line-height: 100px;
	font-size: 28px;
}

.step-2, .step-3 {
	display: none;
}

.progress-container {
	width: 100%;
	height: 20px;
	background-color: gray;
	color: #fff;
}

.progress {
	height: 20px;
	background-color: orange;
	display: inline-block;
}
/** ################### 搜索页面 */
.search-div {
	height: 40px;
	margin: 0 auto;
	width: 520px;
}

.doc-search-div .wenku-left {
	padding-left: 0px;
}

.doc-search-div .wenku-left .panel-body li a {
	padding-left: 1em;
	display: block;
	line-height: 230%;
}

.doc-search-div .wenku-left .panel-body li a.active, .doc-search-div .wenku-left .panel-body li a:hover
	{
	background-color: #efefef;
	color: #16a085;
}

.doc-search-div .wenku-left .panel-body li a:hover {
	font-weight: normal;
}

.doc-search-div .col-xs-7 {
	padding-left: 0px;
}

.doc-search-div .wenku-result {
	min-height: 588px;
}

.doc-search-div .wenku-result .wenku-title {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.doc-search-div .wenku-result a {
	color: #16a085;
	font-size: 18px;
}

.doc-search-div .wenku-result a img {
	height: 18px;
	position: relative;
	top: -2px;
}

.doc-search-div .wenku-result li {
	padding: 18px 0px 10px;
}

.doc-search-div .wenku-search-words a {
	display: inline-block;
	margin-right: 8px;
}

.doc-search-div .wenku-title a:hover {
	text-decoration: underline;
}

.doc-search-div .wenku-word a {
	font-size: 14px;
	margin: 5px;
}

.doc-search-div .wenku-desc {
	text-indent: 2em;
	word-break: break-all;
}

.doc-search-div .wenku-result em {
	color: red;
	font-style: normal;
}

.doc-search-div .wenku-left  .strong {
	font-weight: bold;
	font-style: normal;
}