/*
 * @Author: HM
 * @Date: 2018-12-05 11:37:16
 * @LastEditTime: 2025-08-01
 * @Description: In User Settings Edit
 * @Version 2.1.5.1
 */


/*-- public css --*/


/* sprite */
.sprite{display:inline-block;background:url(../image/sprite.png)  no-repeat;}
.icon12{height:20px;width:20px;background-position:0 0;}
.icon13{height:20px;width:20px;background-position:-20px 0;}
.icon10{height:20px;width:20px;background-position:-40px 0;}
.icon11{height:20px;width:20px;background-position:-60px 0;}
.icon14{height:20px;width:20px;background-position:-80px 0;}
.icon17{height:20px;width:20px;background-position:-100px 0;}
.icon18{height:20px;width:20px;background-position:-120px 0;}
.icon15{height:20px;width:20px;background-position:-140px 0;}
.icon16{height:20px;width:20px;background-position:-160px 0;}
.icon03{height:20px;width:20px;background-position:-180px 0;}
.icon04{height:20px;width:20px;background-position:-200px 0;}
.icon01{height:20px;width:20px;background-position:-220px 0;}
.icon02{height:20px;width:20px;background-position:-240px 0;}
.icon05{height:20px;width:20px;background-position:-260px 0;}
.icon08{height:20px;width:20px;background-position:-280px 0;}
.icon09{height:20px;width:20px;background-position:-300px 0;}
.icon06{height:20px;width:20px;background-position:-320px 0;}
.icon07{height:20px;width:20px;background-position:-340px 0;}
/* div容器 */
.maxlayout {
	width: 700px;
	display: inline-block;
}
.minlayout {
	width: 260px;
	display: inline-block;
}
@media screen and (min-width:1280px){
	.maxlayout { width: 900px; }
	.minlayout { width: 280px; }
}
.resp01	.maxlayout { width: 900px; }
.resp01	.minlayout { width: 280px; }

/* tag-title */
.tag-title {
	width: 100%;
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	/* background: url(../../images/opac/tail.png) no-repeat 95% 50%; */
	padding: 0 6px;
}
.tag-title .sprite { vertical-align: -4px; }
.tag-title strong {
	color: #2f2424;
	margin-right: 5px;
	font-weight: normal;
}
.tag-title span.color8 { text-transform: uppercase; }
/* btn */
/*.btn {
	display: inline-block;
  color: #fff;
  border-radius: 2px;
  min-width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  border: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.bluebtn { background: #288be4; }
.graybtn { background: #999999; }
.btn.bluebtn:hover { background: #0673d6; }
.btn.graybtn:hover { background: #666666; }*/
/*-- !end / public css --*/

/*-- header --*/
.header {
	position: relative;
	width: 100%;
	background: #f5f4f4;
	height: 60px;
}
.header .container {
	width: 990px;
	margin: 0 auto;
}
.header .logo {
	margin-top: 12px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #2e2323;
}
.header .logo img {
	height: 82%;
	vertical-align: middle;
}
.header .nav {
	float: left;
	margin-left: 50px;
	height: 60px;
}
.header .nav li {
	position: relative;
	float: left;
	line-height: 60px;
	margin: 0 10px;
	min-width: 50px;
	text-align: center;
}
.header .nav li a {
	position: relative;
	display: inline-block;
	color: #333;
	text-decoration: none;
	font-size: 16px;
}
.header .nav li a:hover { text-decoration: none; }
.header .nav li a::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #fb4d42;
	position: absolute;
	left: 0;
	bottom: 15px;
	-webkit-transition: width .3s ease;
	-ms-transition: width .3s ease;
	-o-transition: width .3s ease;
	-moz-transition: width .3s ease;
	transition: width .3s ease;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	-moz-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	transform: scale(0, 1);
}
.header .nav li:hover a::before,
.header .nav li.focus a::before {
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
.header .nav li:hover a,
.header .nav li.focus a { color: #fb4d42; }
.header .login {
	display: inline-block;
	height: 30px;
	width: 85px;
	text-align: center;
	line-height: 28px;
	margin-top: 15px;
	color: #288be4;
	border-radius: 2px;
	border: 1px solid #288be4;
	text-decoration: none;
}
.header .login .icon01 { vertical-align: -4px; }
.header .login:hover {
	background: #288be4;
	color: #fff;
	text-decoration: none;
}
.header .login:hover .icon01 { background-position:-240px 0; }
.header .logged {
	position: relative;
	display: inline-block;
	padding-top: 10px;
	height: 52px;
	line-height: 38px;
	text-decoration: none;
}
.header .logged .userimg {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
	/* margin-right: 10px; */
	/* background: #dbdbdb; */
	background: #a2acb7;
	color: #fff;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.header .logged .userimg img { width: 100%; }
.header .logged:hover .listb { display: inline-block; }
.header .logged .listb {
	position: absolute;
	display: none;
	top: 55px;
	right: -13px;
	background: #fff;
	padding: 15px 0px;
	border: 1px solid #efefef;
	border-radius: 2px;
	width: 100px;
	-webkit-box-shadow: 0 3px 8px 0px rgb(0 0 0 / 7%);
	box-shadow: 0 3px 8px 0px rgb(0 0 0 / 7%);
	line-height: 30px;
	z-index: 1;
}
.header .logged .listb li,
.header .logged .listb li a {
	width: 100%;
	display: inline-block;
}
.header .logged .listb li { padding: 0 20px; }
.header .logged .listb li:hover { background: #f8f8f8; }
.header .logged .listb li.pointer {
	position: absolute;
	top: -14px;
  right: 16px;
	background: url(../image/pointer-t.png);
	height: 14px;
	width: 22px;
	padding: 0;
}
.header .notice {
	display: block;
	position: relative;
	float: right;
	width: 40px;
	height: 50px;
	line-height: 50px;
	margin-right: 10px;
	margin-top: 6px;
	text-align: center;
}
.header .notice .notice-count {
	position: absolute;
	top: 5px;
	left: 20px;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 0 4px;
	text-align: center;
	background-color: #fb4d42;
	border-radius: 8px;
	font-size: 12px;
	color: #FFF;
	z-index: 1;
}
.header .notice .icon-notice {
	/*display: inline-block;*/
	width: 20px;
	height: 20px;
	background: url(../image/icon-notice.png) no-repeat;
	background-position: 0 0;
	margin-top: 15px;
}
.header .notice .icon-notice:hover { background-position: 0 -20px; }
.header .notice-list {
	display: none;
	position: absolute;
	top: 48px;
	right: -54px;
	width: 366px;
	border: 1px solid #efefef;
	background: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 8px 0px rgb(0 0 0 / 7%);
	box-shadow: 0 3px 8px 0px rgb(0 0 0 / 7%);
	z-index: 1;
}
.header .notice-list .pointer {
	position: absolute;
	top: -14px;
  right: 62px;
	background: url(../image/pointer-t.png);
	height: 14px;
	width: 22px;
	padding: 0;
}
.header .notice-list .bar {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #ededed;
	border-radius: 2px 2px 0 0;
	overflow: hidden;
}
.header .notice-list .box {
	background: #fff;
	height: 210px;
	overflow-y: auto;
}
.header .notice-list .item{
	position: relative;
	padding: 15px 15px 15px 70px;
	color: #999;
	background: #fff;
	border-bottom: 1px solid #ededed;
	line-height: 20px;
}
.header .notice-list .link {
	position: absolute;
	display: block;
	left: 15px;
	top: 15px;
	width: 40px;
	height: 40px;
	overflow: hidden;
}
.header .notice-list .link img {
	max-width: 100%;
	max-height: 100%;
}
.header .notice-list .details {
	text-align: left;
	overflow: hidden;
	height: 40px;
	line-height: 20px;
	color: #666;
}
.header .notice-list .show-all {
	height: 38px;
	line-height: 38px;
	background: #f8f8f8;
	display: block;
	border-radius: 0 0 2px 2px;
}
@media screen and (min-width:1280px){
	.header { height: 60px; }
	.header .container { width: 1210px; }
	.header .logo {
		margin-top: 12px;
		height: 36px;
		line-height: 36px;
	}
	.header .nav li { line-height: 60px; }
	.header .nav li a::before { bottom: 15px; }
	.header .login { margin-top: 15px; }
	.header .logged { padding-top: 10px; }
}
.resp01 .header { height: 60px; }
.resp01 .header .container { width: 1210px; }
.resp01 .header .logo {
	margin-top: 12px;
	height: 36px;
	line-height: 36px;
}
.resp01 .header .nav li { line-height: 60px; }
.resp01 .header .nav li a::before { bottom: 15px; }
.resp01	.header .login { margin-top: 15px; }
.resp01	.header .logged { padding-top: 10px; }

/* @media screen and (min-width:1601px){
	.header { height: 80px; }
	.header .container { width: 1550px; }
	.header .logo {
		margin-top: 18px;
		height: 42px;
		line-height: 42px;
	}
	.header .nav li { line-height: 80px; }
	.header .nav li a::before { bottom: 20px; }
	.header .login, .header .logged { margin-top: 25px; }
}
.resp02 .header { height: 80px; }
.resp02 .header .container { width: 1550px; }
.resp02 .header .logo {
	margin-top: 18px;
	height: 42px;
	line-height: 42px;
}
.resp02 .header .nav li { line-height: 80px; }
.resp02 .header .nav li a::before { bottom: 20px; }
.resp02	.header .login, .resp02	.header .logged { margin-top: 25px; } */
/*-- !end / header --*/

/*-- footer --*/
.footer {
	width:  100%;
	float: left;
	background: #333;
	padding: 20px 0;
}
.footer p {
	text-align: center;
	margin: 2px 0;
	color: #efefef;
}
/*-- !end / footer --*/

/*-- searchWrap --*/
.searchwrap {
	position: relative;
	width: 100%;
	float: left;
	height: 140px;
	padding-top: 30px;
	background: url(../image/img1.jpg) no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../image/img1.jpg', sizingMethod='scale');
	-ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../image/img1.jpg', sizingMethod='scale');
	zoom: 1;
}
.searchwrap.searchwrap-index {
	padding-top: 104px;
	height: 298px !important;
	background-position: center;
}
.searchwrap .layout {
	width: 990px;
	margin: auto;
}
@media screen and (min-width: 1280px){
	.searchwrap .layout { width: 1210px; }
	.searchwrap.searchwrap-index .layout { width: 930px; }
}
.resp01 .searchwrap .layout { width: 1210px; }
.resp01 .searchwrap.searchwrap-index .layout,
.searchwrap.searchwrap-index .layout { width: 930px; }
.searchwrap .container {
	width: 100%;
	float: left;
	padding-left: 4px;
}
.searchwrap .container .tabs {
	width: 100%;
	float: left;
}
.searchwrap .container .tabs li {
	display: block;
	float: left;
	position: relative;
}
.searchwrap .container .tabs li .tips-pointer-up{
	position: absolute;
	display: none;
	width: 10px;
	height: 6px;
	background: url(../image/pointer-up.png) no-repeat;
	left: 50%;
	margin-left: -10px;
	bottom: -20px;
}
.searchwrap .container .tabs li a {
	color: #333;
	padding-bottom: 3px;
	margin-right: 20px;
	margin-left: 10px;
	font-size: 14px;
	text-decoration: none;
}
.searchwrap.searchwrap-index .container .tabs li a { font-size: 18px; }
.searchwrap .container .tabs li a:hover { text-decoration: none; }
.searchwrap .container .tabs li:hover a,
.searchwrap .container .tabs li.focus a { border-bottom: 2px solid #288be4; }
.searchwrap .container .tabs li.focus .tips-pointer-up { display: block; }
.searchwrap .container .searchlayout {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.searchwrap .container .searchlayout .results {
	display: block;
	float: left;
	position: absolute;
	top: 45px;
	left: 10px;
	background: #fff;
	width: 480px;
	border: 1px solid #dddddd;
	box-shadow: 2px 2px 5px #eee;
	padding: 10px 0;
	z-index: 5;
}
.searchwrap .container .searchlayout .results li {
	float: left;
	display: block;
	width: 100%;
}
.searchwrap .container .searchlayout .results li a {
	float: left;
	width: 100%;
	line-height: 26px;
	padding: 0 10px;
	text-decoration: none;
}
.searchwrap .container .searchlayout .results li:hover { background: #f8f8f8; }
.searchwrap .container .searchlayout .input {
	float: left;
	height: 36px;
	width: 400px;
	border-radius: 2px 0 0 2px;
	background: #fff;
	border: 1px solid #288be4;
	padding: 12px 15px;
}
@media screen and (min-width: 1280px){
	.searchwrap .container .searchlayout .input { width: 590px; }
}
.resp01 .searchwrap .container .searchlayout .input { width: 590px; }
.searchwrap.searchwrap-index .searchlayout .input { width: 690px; height: 45px; font-size: 16px; }
.searchwrap .container .searchlayout .searchbtn {
	float: left;
	display: block;
	min-width: 90px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #288be4;
	color: #fff;
	border-radius: 2px;
	font-size: 14px;
	text-decoration: none;
	transition: background 0.3s linear;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
}
.searchwrap.searchwrap-index .container .searchlayout .searchbtn { height: 45px; line-height: 45px; font-size: 16px; }
.searchwrap .container .searchlayout .searchbtn:hover {
	text-decoration: none;
	background: #0673d6;
}
.searchwrap .container .searchlayout .searchbtn.blue-search-btn {
	margin: 0 0 0 -1px;
	border-radius: 0 2px 2px 0;
}
.searchwrap .container .searchlayout .searchbtn.gray-btn { background: #999999; }
.searchwrap .container .searchlayout .searchbtn.gray-btn:hover { background: #666666; }
.searchwrap .container .searchlayout .searchbtn.sec-search-btn {
	background: transparent;
	color: #288be4;
	font-size:12px;
}
.searchwrap .container .searchlayout .searchbtn.sec-search-btn:hover { color: #fb4d42; }
/*-- !end / searchWrap --*/

/*-- searchlist --*/
.searchlist {
	width: 100%;
	float: left;
	background: #fff;
}
.searchlist .maxlayout .condi a { text-decoration: none; }
.searchlist .maxlayout .condi .crumb {
	display: inline-block;
	background: #f8f8f8;
	border: 1px solid #dddddd;
	border-radius: 20px;
	padding: 0 10px;
	cursor: default;
	margin-bottom: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.searchlist .maxlayout .condi .crumb i {
	display: inline-block;
	vertical-align: top;
	max-width: 80px;
	overflow: hidden;
	white-space: nowrap;
}
.searchlist .maxlayout .condi .crumb .delete {
	border-left: 1px solid #ddd;
	padding-left: 5px;
}
.searchlist .maxlayout .condi .crumb:hover {
	border-color: #fb4d42;
	background: #fff;
}
.searchlist .maxlayout .condi .crumb:hover .delete { color: #fb4d42; }
.searchlist .maxlayout .listtips {
	width: 100%;
	float: left;
	background: #f8f8f8;
	padding: 10px 20px;
	margin-top: 20px;
}
/* 搜索结果列表 */
.searchlist .maxlayout .listview {
	width: 100%;
	/*float: left;*/
	margin-top: 15px;
}
.searchlist .maxlayout .listview li {
	/*position: relative;*/
	display: inline-flex;
	width: 100%;
	/*float: left;*/
	/*margin-bottom: 20px;*/
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dashed #dddddd;
}
/*.searchlist .maxlayout .listview li .con {
	!*position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	float: left;
	padding-bottom: 20px;*!
	border-bottom: 1px dashed #dddddd;
}
.searchlist .maxlayout .listview li .con .operate {
	position: absolute;
	top: 7px;
	right: 0;
}*/
/*.searchlist .maxlayout .listview li .con .operate .sprite { vertical-align: -5px; }
.searchlist .maxlayout .listview li .con .operate:hover,
.searchlist .maxlayout .listview li .con .operate:focus,
.searchlist .maxlayout .listview li .con .operate.focus { text-decoration: none; color: #fb4d42; }
.searchlist .maxlayout .listview li .con .operate:hover .sprite,
.searchlist .maxlayout .listview li .con .operate.focus .sprite { background-position: -200px 0; }
.searchlist .maxlayout .listview li .top {
	width: 100%;
	float: left;
}*/
.searchlist .maxlayout .listview li .cover {
	display: block;
	object-fit: contain;
	float: left;
	background: #fff;
	text-align: center;
}
.searchlist .maxlayout .listview li  .cover img {
	vertical-align: middle;
	object-fit: contain;
	width: 160px;
	height: 160px;
}
.opac-middle {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.searchlist .maxlayout .listview li  .intro {
	margin-left: 5px;
    display: flex;
	flex-direction: column;
	width: 100%;
}
/**图书标题*/
.searchlist .intro-title h3 {
	max-width: 92%;
	font-size: 18px;
	font-weight: normal;
	display: inline-flex;
	margin-bottom: 10px;
	align-items: center;
}

.searchlist .intro-title{
	display: inline-flex; justify-content: space-between;padding-right: 3px;
}
.searchlist .intro-title h3 a {
	color: #1a1a1a;
	max-width: 610px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3em; /* 根据需要调整行高 */
	max-height: 1.3em; /* 行高乘以行数 */
}

.searchlist .maxlayout .listview li  .intro h3 .bookmark {
	display: inline-block;
	color: #66c8c5 !important;
	font-size: 12px;
	border: 1px solid #66c8c5;
	line-height: 14px;
	border-radius: 2px;
	vertical-align: 1px;
	margin-left: 5px;
	padding: 0 1px;
	height: 16px;
}
.searchlist .maxlayout .listview li  .intro p {
	width: 100%;
	margin-bottom: 5px;
}
.truncate-text-2,
.searchlist .maxlayout .listview li  .intro p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5em; /* 根据需要调整行高 */
	max-height: 3em; /* 行高乘以行数 */
}
/*-- !end / searchlist --*/

/*-- minlayout-btnWrap --*/
.minlayout-btnWrap {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}
.minlayout-btnWrap .btn {
	display: inline-block;
	border-radius: 2px;
	color: #fff;
	padding: 0 10px;
	line-height: 24px;
	height: 24px;
	text-decoration: none;
	margin-right: 10px;
}
.minlayout-btnWrap .btn.surebtn { background: #288be4; }
.minlayout-btnWrap .btn.cancelbtn { background: #999999; }
.minlayout-btnWrap .btn.surebtn:hover { background: #0673d6; }
.minlayout-btnWrap .btn.cancelbtn:hover { background: #666666; }
/*-- !end / minlayout-btnWrap --*/
/**组样式*/
.search_r_group{
	width: 100%;
	float: left;
	background: #f3f3f3;
}
.search_r_group { background: #f3f3f3; }
.search_r_group,
.search_r_group .con ul {
	width: 100%;
	float:left;
}
.search_r_group .con {
	width: 100%;
	padding-top: 5px;
	float: left;
	background: #ffffff;
}
.search_r_group .scrollUL,
.subjects .scrollUL{
	max-height: 13.2em;
	overflow-y:auto;
}
.search_r_group .con li {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #ddd;
	padding-left: 10px;
	padding-right: 10px;
}
.search_r_group .con li:hover {
	background: #fafafa;
	color: #000000;
}
.search_r_group .con li label {
	cursor: pointer;
	padding-bottom: 6px;
	padding-top: 6px;
	float: left;
	width: 80%;
}
.search_r_group .con li label input {
	vertical-align: -2px;
	width: 14px;
	height: 14px;
}
.search_r_group .con li em {
	text-align: right;
	padding-bottom: 6px;
	padding-top: 6px;
	float: right;
}
/*-- 学科分类 --*/
.subjects {
	width: 100%;
	float: left;
	background: #f3f3f3;
}
.subjects .con {
	width: 100%;
	padding-top: 5px;
	float: left;
	background: #ffffff;
}
.subjects .con ul li {
	float: left;
	width: 100%;
	border-bottom: 1px dashed #ddd;
	padding: 6px 10px;
}
.subjects .con li label:hover {
	background:  #f3f3f3;
	color: #000000;
}
.subjects .con li label {
	cursor: pointer;
	display: inline-block;
	max-width: 58%;
}
.subjects .con li input {
	width: 14px;
	height: 14px;
	margin-top: 4px;
	margin-right: 5px;
}
.subjects .con li .unfold {
	height: 14px;
	display: inline-block;
	cursor: pointer;
	width: 14px;
	/*margin-top: 2px;*/
	margin-right: 5px;
}
.subjects .con li li {
	border: none;
	padding-left: 20px;
	padding-right: 0px;
}
/*-- !end / 学科分类 --*/
/*-- 主题词 --*/
.descriptors {
	width: 100%;
	background: #f3f3f3;
	float: left;
}
.descriptors .con {
	float: left;
	width: 100%;
	background: #ffffff;
	padding-top: 10px;
}
.descriptors .con .item {
	float: left;
	display: block;
	padding: 0 10px;
	border-radius: 20px;
	background: #f8f8f8;
	border: 1px solid #dddddd;
	text-decoration: none;
	margin-bottom: 8px;
	margin-right: 8px;

	max-width: 132px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
/*text-overflow: ellipsis;*/
	line-height: 1.5em; /* 根据需要调整行高 */
	max-height: 1.5em; /* 行高乘以行数 */
}
.descriptors .con .item.weak { color: #999; }
.descriptors .con .item.weak:hover { color: #fb4d42; }
/*-- !end / 主题词 --*/

/*-- bookdetail --*/
.bookdetail {
	width: 100%;
	float: left;
	background: #fff;
}
.bookdetail .position {
	width: 100%;
	float: left;
	background: #f8f8f8;
	line-height: 40px;
	padding-left: 10px;
}
.bookdetail .position .sprite { vertical-align: -4px; display: none; }
.bookdetail .book-information {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	margin-top: 15px;
}
.bookdetail .book-information .book-img {
	display: block;
	float: left;
	width: 200px;
	height: 200px;
	overflow: hidden;
	background: #ffffff;
	text-align: center;
	font-size: 0;
}
.bookdetail .book-information .book-img img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.bookdetail .book-information .book-info {
	margin-left: 220px;
	position: relative;
	color: #666;
}
.bookdetail .book-information .book-info h1 {
	float: left;
	font-size: 18px;
	color: #1a1a1a;
	font-weight: normal;
	margin-bottom: 10px;
	width: 90%;
}
.bookdetail .book-information .book-info h1 .bookmark {
	display: inline-block;
	color: #66c8c5 !important;
	font-size: 12px;
	border: 1px solid #66c8c5;
	line-height: 14px;
	border-radius: 2px;
	vertical-align: 1px;
	margin-left: 5px;
	padding: 0 1px;
}
.bookdetail .book-information .book-info>div {
	display: inline-flex;
	width: 100%;
	margin-bottom: 4px;
}

.bookdetail .book-information .book-info > div > span:first-child {
	width: 3.2em;
	color: #999;
}
.bookdetail .book-information .qk > div > span:first-child {
	width: 5em;
	text-align: right;
}
.bookdetail .book-information .book-info p .qkitem {
	display: inline-block;
	width: 98px;
	text-align: right;
}
/*.bookdetail .book-information .book-info .operate {
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.bookdetail .book-information .book-info .operate .sprite {
	vertical-align: -4px;
	margin-right: 3px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.bookdetail .book-information .book-info .operate.focus { color: #fb4d42; }
.bookdetail .book-information .book-info .operate.focus .sprite,
.bookdetail .book-information .book-info .operate:hover .sprite { background-position: -200px 0; }*/
/* 内容简介 */
.nrjj-wrap {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.nrjj-wrap .tag-title { line-height: 30px; }
.nrjj-wrap .con {
	color: #666;
	line-height: 26px;
}
/* 馆藏情况 */
.collection {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.collection .tag-title { line-height: 30px; padding: 0; }
.collection .tabs {
	width: 100%;
	float: left;
	border-bottom: 1px solid #eee;
}
.collection .tabs .item {
	position: relative;
	float: left;
	margin-bottom: -1px;
	cursor: pointer;
	padding: 0px 0px 5px 0px;
	color: #8895a2;
	margin-right: 40px;
}
.collection .tabs .item:after {
	position: absolute;
	display: inline-block;
	top: 2px;
	right: -20px;
	content: "";
	width: 1px;
	background: #bbb;
	height: 14px;
}
.collection .tabs .item:last-child:after { display: none; }
.collection .tabs .item.active,
.collection .tabs .item:hover {
	border-bottom: 2px solid #288be4;
	color: #288be4;
}
.collection .tabContent {
	width: 100%;
	float: left;
}
.collection .tabContent .tabBox { display: none; }
.collection .tabContent .tabBox.active { display: block; }
.collection .info {
	position: relative;
	width: 100%;
	float: left;
	margin-top: 15px;
}
.collection .info .btn-wrap {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.collection .info .actbtn {
	display: block;
	float: left;
	margin-left: 20px;
}
.collection .info .actbtn:hover { text-decoration: none;color: #fb4d42; }
/*.collection .info .actbtn .yuyue {
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(../image/icon01.png);
	background-position: 0 0;
	vertical-align: -3px;
}
.collection .info .actbtn:hover .yuyue { background-position: 0 -17px; }*/
.collection .info .actbtn .tongj {
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(../image/icon01.png);
	background-position: -18px 0;
	vertical-align: -3px;
}
.collection .info .actbtn:hover .tongj { background-position: -18px -17px; }
.collection table.list {
	width: 100%;
	float: left;
}
.collection table.list thead tr{
	background: #f5f5f5 !important;
}
.collection table.list th {
	line-height: 40px;
	padding: 0 5px;
	font-weight: normal;
	color: #666;
}
.collection table.list td {
	line-height: 18px;
	padding: 10px 5px;
	border-bottom: 1px solid #eeeeee;
}
.collection table.list td.gcdz .tipswrap {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.collection table.list td.gcdz .tips-popup {
	display: none;
	position: absolute;
	bottom: 30px;
	left: -55px;
	background: #fff;
	border: 1px solid #dddeee;
	width: 350px;
	box-shadow: 2px 2px 10px #ddd;
	float: left;
	border-radius: 2px;
	cursor: default;
	padding-bottom: 5px;
	text-align: left;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.collection table.list td.gcdz .tips-popup .tips-pointer-down {
	display: inline-block;
	position: absolute;
	background: url(../image/pointer-down.png);
	width: 18px;
	height: 14px;
	bottom: -14px;
	left: 50px;
}
.collection table.list td.gcdz .tips-popup table {
	width: 100%;
	float: left;
	border: none;
}
.collection table.list td.gcdz .tips-popup table th {
	background: #eeeeee;
	padding: 0 10px;
	height: 35px;
	border: none;
}
.collection table.list td.gcdz .tips-popup table td {
	padding: 0 10px;
	height: 25px;
	border: none;
	border-top: 1px solid #eee;
}
.collection table.list td.gcdz .tips-popup table tr:hover td { background: #f8f8f8; }
.collection table.list td.gcdz .tipswrap:hover .tips-popup { display: inline-block; }
/* 电子资源 */
.eresources {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.eresources .tag-title { line-height: 30px; padding: 0; }
.eresources .con {
	width: 100%;
	float: left;
	padding-top: 15px;
}
.eresources .con .read-btn {
	display: inline-block;
	border-radius: 50px;
	border: 1px solid #8895a2;
	line-height: 25px;
	min-width: 80px;
	text-align: center;
}
.eresources .con .read-btn:hover {
	text-decoration: none;
	border-color: #fb4d42;
}
/* 目录详情 */
.directory {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.directory .tag-title { line-height: 30px; padding: 0; }
.directory .con {
	width: 100%;
	float: left;
	margin-top: 15px;
	color: #666;
}
.directory .con p { line-height: 26px; }
/*-- !end / bookdetail --*/

/*-- 相关推荐 --*/
.recommend {
	width: 100%;
	background: #f3f3f3;
	float: left;
}
.recommend ul,
.recommend li {
	width: 100%;
	float: left;
	background: #ffffff;
}
.recommend li {
	border-bottom: 1px dashed #ddd;
	padding: 10px;
	line-height: 16px;
}
.recommend li .title {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 6px;
}
.recommend li .title a {
	color: #2f2424;
	text-decoration: none;
}
.recommend li .title a:hover { text-decoration: underline; }
.recommend li span.color1 { font-size: 12px; }
/*-- !end / 相关推荐 --*/

/*-- orderWrap --*/
.orderWrap {
	float: left;
	width: 100%;
	background: #f8f8f8;
	padding: 30px;
	min-height: 380px;
	margin-top: 10px;
}
.orderWrap .form-group {
	width: 100%;
	margin-bottom: 15px;
}
.orderWrap .form-group .control-label {
	display: inline-block;
	width: 210px;
	text-align: right;
}
.orderWrap .form-group .form-con {
	display: inline-block;
}
.orderWrap .form-group .form-control {
	width: 250px;
	border: 1px solid #ddd;
	border-radius: 2px;
	height: 30px;
	padding: 5px;
}
.orderWrap .form-group .form-con .lab {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #ccc;
	margin-right: 3px;
}
.orderWrap .form-group .form-con .item { cursor: pointer; }
.orderWrap .form-group .form-con .item input[type="checkbox"] {
	vertical-align: -2px;
	margin-right: 3px;
}
.orderWrap-tips {	min-height: 260px; }
.orderWrap-tips strong {
	width: 50px;
	float: left;
}
.orderWrap-tips .con { margin-left: 50px; }


/*-- !end / orderWrap --*/
.goodsWrap{
	float: left;
	/*background: #f8f8f8;*/
	width: 450px;
	padding: 30px;
	height: 220px;
}
.goodsWrap .form-group {
	width: 100%;
	margin-bottom: 15px;
}
.goodsWrap .form-group .control-label {
	display: inline-block;
	width: 90px;
	text-align: right;
}
.goodsWrap .form-group .form-con {
	display: inline-block;
}
.goodsWrap .form-group .form-control {
	width: 250px;
	border: 1px solid #ddd;
	border-radius: 2px;
	height: 30px;
	padding: 5px;
}
.goodsWrap .form-group .form-con .lab {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #ccc;
	margin-right: 3px;
}
.goodsWrap .form-group .form-con .item { cursor: pointer; }
.goodsWrap .form-group .form-con .item input[type="checkbox"] {
	vertical-align: -2px;
	margin-right: 3px;
}
.goodsWrap-tips{
	font-size: 0.8em;padding-left: 90px
}
/*-- 高级检索 --*/
.layui-layer-btn a {
	border-radius: 2px;
	height: 30px !important;
	line-height: 30px !important;
	border-color: #999 !important;
	background: #999 !important;
	color: #fff !important;
}
.layui-layer-btn .layui-layer-btn0 {
	background: #288be4 !important;
	border-color: #288be4 !important;
}
.advlayer {
	width: 100%;
	padding: 15px 20px;
}
.advlayer .condition,
.advlayer .condition .item,
.advlayer .condition .itemInfo {
	width: 100%;
	float: left;
}
.advlayer .condition .item .cond1 {
	display: block;
	width: 10%;
	float: left;
	font-weight: 700;
	color: #333;
	min-height: 1px;
}
.advlayer .condition .item .cond2 {
	display: block;
	width: 20%;
	font-weight: 700;
	min-height: 1px;
	color: #333;
	float: left;
}
.advlayer .condition .item .cond3 {
	display: block;
	width: 60%;
	font-weight: 700;
	color: #333;
	min-height: 1px;
	float: left;
}
.advlayer .condition .itemInfo .cond1 {
	display: block;
	width: 10%;
	min-height: 1px;
	float: left;
}
.advlayer .condition .itemInfo select.control {
	width: 90%;
	border-radius: 2px;
	border: 1px solid #ddd;
	color: #333;
	height: 30px;
}
.advlayer .condition .itemInfo .cond1 select.control { width: 80% }
.advlayer .condition .itemInfo .cond2 {
	display: block;
	width: 20%;
	min-height: 1px;
	float: left;
}
.advlayer .condition .itemInfo .cond3 {
	display: block;
	width: 60%;
	min-height: 1px;
	float: left;
}
.advlayer .condition .itemInfo .cond3 select.way {
	background: #f8f8f8;
	height: 30px;
	line-height: 30px;
	border-radius: 2px 0 0 2px;
	border: 1px solid #ddd;
	border-right: none;
	float: left;
	width: 20%;
	color: #333;
}
.advlayer .condition .itemInfo .cond3 input.input {
	float: left;
	border: 1px solid #ddd;
	border-radius: 0 2px 2px 0;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	width: 80%;
}
.advlayer .condition .itemInfo .cond4 {
	display: block;
	width: 10%;
	min-height: 1px;
	float: left;
}
.advlayer .condition .itemInfo .cond4 .btn1 {
	display: block;
	float: left;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 45%;
	text-align: center;
	height: 30px;
	line-height: 28px;
	color: #333;
	margin-left: 5%;
	cursor: pointer;
}
.advlayer .condition .itemInfo .cond4 .btn1:hover { background: #eee; }
.advlayer input,
.advlayer select {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.advlayer select:focus,
.advlayer input:focus {
	border-color: #ccc !important;
	box-shadow: inset 0 0 5px #e3e3e3;
}
.advlayer .type,
.advlayer .year,
.advlayer .language {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	background: #fff;
}
.advlayer .type label,
.advlayer .language label {
	cursor: pointer;
	margin-right: 10px;
}
.advlayer .type strong,
.advlayer .year strong,
.advlayer .language strong {
	display: inline-block;
	width: 70px;
	text-align: right;
}
.advlayer .type label input[type="checkbox"],
.advlayer .language label input[type="checkbox"] {
	margin-right: 3px;
	vertical-align: -2px;
}
.advlayer .year input {
	width: 100px;
	border-radius: 2px;
	border: 1px solid #ddd;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
}
/*-- !end / 高级检索 --*/

/*-- 新闻详情 面包屑 --*/
.remind-tips {
	width: 100%;
	float: left;
	padding: 30px;
}
.remind-tips .tit {
	text-align: center;
	font-weight: bolder;
	font-size: 18px;
}
.remind-tips .tit .success {
	display: inline-block;
	background: url(../image/success.png);
	width: 36px;
	height: 36px;
	vertical-align: middle;
	margin-right: 10px;
}
.remind-tips a {
	display: inline-block;
	color: #5a646e;
	text-decoration: underline;
}
.remind-tips a:hover { color: #fb4d42; }
/*-- !end / 新闻详情 面包屑 --*/

/*-- opac首页 --*/
.opaclogo {
	text-align: center;
	margin-top: 150px;
	margin-bottom: 60px;
}
/* 热门搜索 */
.otherwrap {
	width: 100%;
	float: left;
}
.otherwrap .container {
	width: 990px;
	margin: 0 auto;
}
.otherwrap .container .tit {
	width: 100%;
	float: left;
	margin-bottom: 25px;
	margin-top: 35px;
}
.otherwrap .container .tit .tx {
	display: inline-block;
	background: #ececec;
	width: 100px;
	line-height: 30px;
	text-align: center;
}
.otherwrap .container .tit .line {
	display: inline-block;
	height: 1px;
	width: 860px;
	background: #eee;
	vertical-align: 4px;
}
.otherwrap .container .tit .mo {
	color: #ccc;
	margin-left: 3px;
}
.otherwrap .container .hotlink { min-height: 65px; }
.otherwrap .container .hotlink a {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
}
.otherwrap .container .bookkist {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 50px;
}
.otherwrap .container .bookkist li {
	display: block;
	float: left;
	width: 166px;
}
.otherwrap .container .bookkist li p {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	word-break: break-all;
	text-overflow: ellipsis;
}
.otherwrap .container .bookkist li p a { color: #0866bb; }
.otherwrap .container .bookkist li p a:hover { color: #288be4; }
.otherwrap .container .bookkist li .cover {
	width: 160px;
	height: 160px;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
.otherwrap .container .bookkist li .cover img {
	max-width: 100%;
	max-height: 100%;
}
/* .otherwrap .container .bookkist li .color1 { text-decoration: none; } */
.otherwrap .container .bookkist li .color1:hover { color: #666 !important; }
/*-- !end / opac首页 --*/

/*-- 通借 --*/
.borrowWrap {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.borrowWrap .tit {
	padding: 10px 0 10px 10px;
	background: #f8f8f8;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #1a1a1a;
}
.borrowWrap .form-group {
	width: 50%;
	margin-bottom: 10px;
	display: block;
	float: left;
}
.borrowWrap .form-group .control-label {
	display: inline-block;
	width: 90px;
	text-align: right;
	color: #666;
}
.borrowWrap .form-group .form-con {
	display: inline-block;
}
.borrowWrap .form-group .form-control {
	width: 220px;
	border: 1px solid #ddd;
	border-radius: 2px;
	height: 30px;
	padding: 5px;
}
.borrowWrap .form-group .form-con .lab {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #ccc;
	margin-right: 3px;
}
.borrowWrap .form-group .form-con .item { cursor: pointer; }
.borrowWrap .form-group .form-con .item input[type="checkbox"] {
	vertical-align: -2px;
	margin-right: 3px;
}
.borrowWrap .btnwrap {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 30px;
}
/*-- !end / 通借 --*/

/*-- 新书通报 --*/
.new-book-circular {
	width: 100%;
	float: left;
}
.new-book-circular .tabs {
	width: 100%;
	float: left;
	background: #f5f5f5;
	margin-top: 30px;
	height: 40px;
	padding-left: 10px;
}
.new-book-circular .tabs .item {
	position: relative;
	float: left;
	cursor: pointer;
	color: #8895a2;
	margin-right: 40px;
	line-height: 38px;
}
.new-book-circular .tabs .item:after {
	position: absolute;
	display: inline-block;
	top: 12px;
	right: -20px;
	content: "";
	width: 1px;
	background: #bbb;
	height: 14px;
}
.new-book-circular .tabs .item:last-child:after { display: none; }
.new-book-circular .tabs .item.active,
.new-book-circular .tabs .item:hover {
	border-bottom: 2px solid #288be4;
	color: #288be4;
}
.new-book-circular .tabContent {
	width: 100%;
	float: left;
}
.new-book-circular .tabContent .tabBox { display: none; }
.new-book-circular .tabContent .tabBox.active { display: block; }

.new-book-circular .listview {
	/* width: 100%; */
	float: left;
	margin-left: -30px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.new-book-circular .listview li {
	display: block;
	float: left;
	width: 480px;
	margin-left: 30px;
	margin-bottom: 30px;
}
@media screen and (min-width:1280px){
	.new-book-circular .listview li { width: 590px; }
}
.resp01 .new-book-circular .listview li { width: 590px; }
/* @media screen and (min-width:1601px){
	.new-book-circular .listview li { width: 655px; }
}
.resp02 .new-book-circular .listview li { width: 655px; } */
.new-book-circular .listview li .cover {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	background: #ffffff;
	text-align: center;
	font-size: 0;
}
.new-book-circular .listview li .cover:hover { opacity: .9; }
.new-book-circular .listview li img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.new-book-circular .listview li .con { margin-left: 170px; }
.new-book-circular .listview li .con h3 {
	width: 100%;
	font-size: 18px;
	font-weight: normal;
}
.new-book-circular .listview li .con h3 a { color: #1a1a1a; }
.new-book-circular .listview li .con .info a {
	display: inline-block;
	max-width: 88px;
}
@media screen and (min-width:1280px){
	.new-book-circular .listview li .con .info a {
		display: inline-block;
		max-width: 125px;
	}
}
.resp01 .new-book-circular .listview li .con .info a {
	display: inline-block;
	max-width: 125px;
}
/*-- !end / 新书通报 --*/

/*-- 读者荐购 --*/
.dzjg-wrap {
	width: 100%;
	float: left;
}
.dzjg-wrap .toptips {
	width: 100%;
	float: left;
	background: #f3f3f3;
	padding: 10px 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.dzjg-list {
	width: 100%;
	float: left;
}
.dzjg-list li {
	position: relative;
	width: 100%;
	float: left;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.dzjg-list li .divl { margin-right: 180px; }
.dzjg-list li h3 {
	font-size: 18px;
	color: #1a1a1a;
	margin-bottom: 10px;
	font-weight: normal;
}
.dzjg-list li p {
	max-height: 40px;
	overflow: hidden;
}
.dzjg-list li .divr {
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 170px;
	float: right;
	text-align: right;
}
.dzjg-list li .jgbtn {
	display: block;
	float: right;
	border: 1px solid #8895a2;
	color: #8895a2;
	height: 30px;
	background: #fff;
	width: 120px;
	text-align: center;
	margin: auto;
	letter-spacing: 2px;
	border-radius: 2px;
}
.dzjg-list li .jgbtn:hover {
	border-color: #fb4d42;
	color: #fb4d42;
}

/* 荐购表格 */
.jgbg-wrap {
	width: 100%;
	float: left;
}
.jgbg-wrap .position {
	width: 100%;
	float: left;
	background: #f8f8f8;
	padding-left: 10px;
	line-height: 40px;
}
.jgbg-wrap .jgbg {
	position: relative;
	width: 100%;
	float: left;
	/* background: #f8f8f8; */
	padding: 20px;
	margin-top: 20px;
}
.jgbg-wrap .jgbg .cover {
	position: absolute;
	top: 50px;
	left: 140px;
	width: 220px;
	height: 220px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
.jgbg-wrap .jgbg .cover img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.jgbg-wrap .form-group {
	width: 416px;
	margin: 0 auto 15px auto;
}
.jgbg-wrap .form-group .control-label {
	display: inline-block;
	width: 80px;
	text-align: right;
}
.jgbg-wrap .form-group .form-con {
	display: inline-block;
}
.jgbg-wrap .form-group .form-control {
	width: 250px;
	border: 1px solid #ddd;
	border-radius: 2px;
	height: 30px;
	padding: 5px 10px;
}
.jgbg-wrap .form-group .cxbtn .cx {
	display: inline-block;
	width: 18px;
	height: 16px;
	background: url(../image/icon01.png) no-repeat;
	background-position: -35px 0;
	vertical-align: -4px;
	margin-right: 3px;
}
.jgbg-wrap .form-group .cxbtn:hover .cx { background-position: -35px -17px;}
.jgbg-wrap .jgbg .tips {
	display: block;
	width: 416px;
	margin: 20px auto;
}
/*-- !end / 读者荐购 --*/
.fenl-wrap {
	width: 100%;
	float: left;
}
.jg-tabs-card {
	width: 100%;
	float: left;
	margin: 20px 0;
}
.jg-tabs-card .item {
	display: block;
	float: left;
	padding: 5px 10px;
	color: #288be4;
	border: 1px solid #288be4;
}
.jg-tabs-card .item.item1 { border-radius: 2px 0 0 2px; }
.jg-tabs-card .item.item2 { border-radius: 0 2px 2px 0; }
.jg-tabs-card .item.active {
	background: #288be4;
	color: #ffffff;
}
.jg-tabs-card .item:hover { text-decoration: none; }
.jg-tabs-card p {
	float: left;
	margin-left: 20px;
	padding: 5px;
}
.fenl-wrap .ztfl {
	width: 100%;
	float: left;
	background: #f5f4f4;
	padding: 15px 15px 0 15px;
}
.fenl-wrap .ztfl ul { margin-right: -20px; }
.fenl-wrap .ztfl li {
	float: left;
	width: 127.5px;
	margin-right: 20px;
}
.fenl-wrap .ztfl li a {
	display: inline-block;
	max-width: 100%;
	color: #333333;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
}
.fenl-wrap .ztfl li a:hover,
.fenl-wrap .ztfl li.active a {
	text-decoration: none;
	color: #288be4;
}
.fenl-wrap .list {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.fenl-wrap .list li {
	float: left;
	width: 100%;
	padding: 15px;
	border-bottom: 1px dashed #ddd;
}
.fenl-wrap .list li .tit {
	float: left;
	display: block;
	width: 36%;
	line-height: 30px;
	padding-right: 1%;
	min-height: 1px;
}
.fenl-wrap .list li .option1 {
	display: block;
	float: left;
	width: 11%;
	line-height: 30px;
	color: #999999;
	min-height: 1px;
	padding-right: 1%;
}
.fenl-wrap .list li .option2 {
	display: block;
	float: left;
	width: 9%;
	line-height: 30px;
	min-height: 1px;
	color: #999999;
	padding-right: 1%;
}
.fenl-wrap .list li .option3 {
	display: block;
	float: left;
	width: 12.5%;
	color: #999999;
	line-height: 30px;
	min-height: 1px;
	padding-right: 1%;
}
.fenl-wrap .list li .option4 {
	float: left;
	display: block;
	width: 15%;
	line-height: 30px;
	min-height: 1px;
	color: #999999;
	padding-right: 1%;
}
.fenl-wrap .list li .option5 {
	float: left;
	display: block;
	width: 9.5%;
	line-height: 30px;
	min-height: 1px;
	color: #888;
}
.fenl-wrap .list li .option6 {
	float: left;
	display: block;
	min-height: 1px;
	width: 7%;
}
.fenl-wrap .list li .btn {
	float: right;
	color: #288be4;
	border: 1px solid #288be4;
}
.fenl-wrap .list li .btn:hover { text-decoration: none; }
.fenl-wrap .list li .btn.graybtn {
	background: #fff;
	color: #ccc;
	border-color: #ccc;
	cursor: not-allowed;
}
.fenl-wrap .ztfl .action-item {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.fenl-wrap .ztfl .action-item select {
	width: 100px;
	height: 30px;
	margin-left: 5px;
}
.fenl-wrap .ztfl .action-item input {
	width: 200px;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #dddddd;
	border-radius: 2px;
	margin-left: 5px;
}
.fenl-wrap .ztfl .action-item .btn {
	vertical-align: top;
	margin-left: 20px;
}
.fenl-wrap .ml-list {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.fenl-wrap .ml-list th {
	text-align: left;
	border-bottom: 1px dotted #e6e6e6;
	padding: 0 8px 10px 8px;
}
.fenl-wrap .ml-list td {
	border-bottom: 1px dotted #e6e6e6;
	padding: 15px 8px;
}
.fenl-wrap .ml-list td .info {
	display: block;
	width: 100%;
}
.xstb-list {
	width: 100%;
	float: left;
	background: #fff;
}
.xstb-list .scope {
	width: 100%;
	float: left;
	background: #f3f3f3;
}
.xstb-list .scope .box {
	width: 100%;
	float: left;
	background: #fff;
	padding: 15px 10px;
}
.xstb-list .scope .group .t {
	width: 70px;
	float: left;
	line-height: 28px;
}
.xstb-list .scope .group .c {
	margin-left: 70px;
}
.xstb-list .scope .group select {
	width: 100%;
	height: 28px;
}
.xstb-list.searchlist .listview { margin-top: 20px; }
.xstb-list.searchlist .listview li {
	height: auto;
	margin-bottom: 10px;
}
.xstb-list.searchlist .listview li .con {
	position: relative;
	padding-bottom: 10px;
}
.xstb-list.searchlist .listview li .top .cover {
	width: 80px;
	height: 80px;
}
.xstb-list.searchlist .listview li .top .intro { margin-left: 90px; }
.xstb-list.searchlist .listview li .top .intro p {
	height: 18px;
	line-height: 18px;
	margin-bottom: 3px;
	color: #999;
}
.xstb-list .dq {
	width: 100%;
	float: left;
	background: #f3f3f3;
	padding: 9px 10px 10px 10px;
	margin-top: 20px;
}
.xstb-list .dq .crumb {
	display: inline-block;
	background: #f8f8f8;
	border: 1px solid #dddddd;
	border-radius: 20px;
	padding: 0 10px;
	cursor: default;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.xstb-list .dq .crumb i {
	display: inline-block;
	vertical-align: top;
	max-width: 80px;
	overflow: hidden;
	white-space: nowrap;
}
.xstb-list .dq .crumb .delete {
	border-left: 1px solid #ddd;
	padding-left: 5px;
}
.xstb-list .dq .crumb .delete:hover { text-decoration: none; }

/* layui */
.layui-table-view {
	margin-top: 0;
	border: none;
}
.layui-table-view .layui-table{
	width: 100%;
}
.layui-table-header {
	background: #f5f5f5;
	border-bottom: none;
}
.layui-table thead tr { background: #f5f5f5; }
.layui-table-view .layui-table th {
	border-bottom: none;
	border-right: none;
}
.layui-table-view .layui-table td {
	color: #333;
	border-color: #eee;
	border-right: none;
}
.layui-table-page { border-color: #eee; }
.layui-table-page .layui-laypage a {
	border-radius: 2px;
	border: 1px solid #dddeee;
	background: #f8f8f8;
	margin-left: 3px;
	margin-right: 3px;
	color: #8895a2;
}
.layui-table-page .layui-laypage a:hover {
	color: #1a1a1a;
  border-color: #aaa;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: #fff;
	color: #fb4d42;
}
.layui-laypage .layui-laypage-curr em { color: #fb4d42; }
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
	top: -1px;
	left: -1px;
}
.layui-disabled,
.layui-disabled:hover {
	border-color: #e5e5e5 !important;
	color: #aaa !important;
	background: #fff !important;
}
.layui-laypage .layui-laypage-count { margin-left: 10px; }
.layui-laypage a { text-decoration: none; }

/* 专题悦读 */
.spec-box {
	width: 100%;
	float: left;
}
.spec-box .layui-carousel {
	margin-top: 30px;
	margin-bottom: 30px;
	background: url(../image/spec-bg.png) no-repeat;
	background-size: cover;
	border-radius: 2px;
	overflow: hidden;
}
.spec-box .layui-carousel a { color: #fff; }
.layui-carousel>[carousel-item]>* {
	background: transparent;
	color: #fff;
}
.layui-carousel>[carousel-item]>div {
	position: relative;
	background: url(../image/spec-bg.png) no-repeat;
	background-size: cover;
}
.spec-box .layui-carousel-ind ul { background: transparent; }
.layui-carousel .cover-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 80px;
	width: 200px;
	height: 200px;
	margin: auto;
	border: 5px solid rgba(255, 255, 255, .3);
	text-align: center;
	font-size: 0;
	overflow: hidden;
}
.layui-carousel .cover-box .spec-tit {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../image/spec-tip.png) no-repeat;
	width: 53px;
	height: 53px;
}
.layui-carousel .cover-box a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #fff;
	vertical-align: middle;
}
.layui-carousel .cover-box img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.layui-carousel .spec-reco-con {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 80px;
	width: 600px;
	height: 200px;
	margin: auto;
	background: url(../image/blue-bg.png) repeat;
	padding: 30px;
	cursor: pointer;
}
.layui-carousel .spec-reco-con .title {
	font-size: 22px;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #fff;
}
.layui-carousel .spec-reco-con .txt {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
}
.layui-carousel .spec-reco-con .reco-spec-tit {
	position: absolute;
	right: 30px;
	top: 16px;
	background: url(../image/reco-spec-tip.png) no-repeat;
	width: 44px;
	height: 46px;
}
@media screen and (min-width: 1280px){
	.layui-carousel .cover-box { left: 125px; }
	.layui-carousel .spec-reco-con { right: 125px; width: 720px; }
}
.spec-list {
	float: left;
	width: 100%;
}
.spec-list .title { margin-bottom: 20px; }
.spec-list .title span {
	position: relative;
	display: inline-block;
	font-size: 18px;
	padding-left: 13px;
	color: #1a1a1a;
}
.spec-list .title span:before {
	position: absolute;
	left: 0;
	top: 2px;
	content: '';
	display: inline-block;
	height: 20px;
	width: 3px;
	border-radius: 10px;
	background: #fb4d42;
}
.spec-list .list-box {
	margin-left: -25px;
}
.spec-list .list-box .item {
	float: left;
	display: block;
	width: 482.5px;
	margin-left: 25px;
	margin-bottom: 25px;
	border: 1px solid #f1f1f1;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: box-shadow 0.3s linear;
	-moz-transition: box-shadow 0.3s linear;
	-o-transition: box-shadow 0.3s linear;
	transition: box-shadow 0.3s linear;
}
@media screen and (min-width: 1280px){
	.spec-list .list-box .item { width: 592.5px; }
}
.spec-list .list-box .item:hover {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.spec-list .list-box .cover-box {
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
	font-size: 0;
	overflow: hidden;
	text-align: center;
}
.spec-list .list-box .cover-box .spec-tit {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background: url(../image/spec-tip.png) no-repeat;
	width: 53px;
	height: 53px;
}
.spec-list .list-box .cover-box .cov {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #fff;
	vertical-align: middle;
}
.spec-list .list-box .cover-box img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	padding: 5px;
}
.spec-list .list-box .intro {
	/*margin-left: 190px;*/
	padding: 15px 15px 0 0;
}
.spec-list .list-box .intro .tit {
	display: block;
	font-size: 18px;
	color: #1a1a1a;
}
.spec-list .list-box .intro .txt {
	margin-top: 15px;
	line-height: 20px;
	height: 100px;
	color: #666;
	overflow: hidden;
}
.spec-list .list-box .intro .views {
	color: #999;
	margin-top: 15px;
}
/* 专题详情 */
.spec-info-box {
	float: left;
	width: 100%;
}
.spec-info-box .position {
	float: left;
	width: 100%;
}
.spec-info-box .spec-info-top {
	width: 100%;
	float: left;
	background: #f8f8f8;
	padding: 25px;
}
.spec-info-box .spec-info-top .cover-box {
	position: relative;
	float: left;
	width: 200px;
	height: 200px;
	overflow: hidden;
	background: #ffffff;
	text-align: center;
	font-size: 0;
}
.spec-info-box .spec-info-top .spec-tit {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background: url(../image/spec-tip.png) no-repeat;
	width: 53px;
	height: 53px;
}
.spec-info-box .spec-info-top .cov {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #fff;
	vertical-align: middle;
}
.spec-info-box .spec-info-top .cover-box img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.spec-info-box .spec-info-top .con { margin-left: 225px; }
.spec-info-box .spec-info-top .tit {
	font-size: 18px;
	margin-bottom: 15px;
}
.spec-info-box .spec-info-top .txt {
	color: #999;
	margin-bottom: 6px;
}
.spec-info-box .spec-info-top .inf {
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 30px;
}
.spec-info-box .spec-info-group {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.spec-info-box .spec-info-group .title {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.spec-info-box .spec-info-group .title .ll {
	position: relative;
	display: inline-block;
	font-size: 18px;
	padding-left: 13px;
	color: #1a1a1a;
}
.spec-info-box .spec-info-group .title .ll:before {
	position: absolute;
	left: 0;
	top: 2px;
	content: '';
	display: inline-block;
	height: 20px;
	width: 3px;
	border-radius: 10px;
	background: #fb4d42;
}
.spec-info-box .spec-info-group .title .sm {
	font-size: 14px;
	color: #999;
	margin-left: 15px;
}
.spec-info-box .spec-info-group .book-group {
	float: left;
	width: 100%;
	border-left: 1px solid #eee;
	margin-bottom: 30px;
}
.spec-info-box .spec-info-group .book-group li {
	float: left;
	width: 16.66%;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 10px 15px 10px;
	margin-bottom: -1px;
}
.spec-info-box .spec-info-group .book-group .cover {
	float: left;
	width: 100%;
	height: 200px;
	overflow: hidden;
	font-size: 0;
	text-align: center;
	vertical-align: middle;
}
.spec-info-box .spec-info-group .book-group .cover img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.spec-info-box .spec-info-group .book-group .tit {
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	color: #333;
}
.spec-info-box .spec-info-group .book-group .aut {
	text-align: center;
	width: 100%;
	margin-top: 3px;
	color: #999;
}
.spec-info-box .spec-info-group .book-group a:hover { color: #fb4d42; }