* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {	
	margin: 0;
	padding: 0;
	color: #333333;
	font: 12px/16px Tahoma;
	word-break: break-all;
	word-wrap:break-word;
}

h1, h2, h3, h4, h5, h6, blockquote, pre, a, address, em, img, strong, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	line-height: 1.5;
	word-break: break-all;
	word-wrap:break-word;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Microsoft YaHei";
}


a {
	color: #006aad;
	font-size: inherit;
	line-height: inherit;
	text-decoration: none;
}
a.disp, .sel-box a  {
	color: #333;
}

a:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}


label {
	cursor: pointer;
}
caption,th {
	text-align: left;
}

em {
	font-style: normal;
}

img {
	border: 0 none;
	vertical-align: bottom;
}

input[type="checkbox"] {
	vertical-align: middle;
}



select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {
	padding: 6px 8px;
	font-size: 14px;
	color: #303d3f;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	/*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;*/
	vertical-align: middle;
}
textarea {
	resize:none;
}
input[type="file"] {
	padding: 5px 7px;
}

select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, input[type="file"]:hover {
	border-color: #bbb;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus {
	color: #696969;
	border-color: #f59942;
	background-color: #fff;
	outline: 0;
}
.center {
	text-align: center;
}
.sel {
	display: inline-block;
	position: relative;
	margin-right: 8px;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 20px;
	color: #303d3f;
	background: url(../images/icon-arrow.png) no-repeat right 10px #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
	vertical-align: middle;
	cursor: pointer;
}
a.disp, .sel-box a {
	color: #333;
}
.sel-box {
	display: none;
	position: absolute;
	left: -1px;
	top: 35px;
	width: 125px;
	background: #fff;
	border: 1px solid #dddddd;
	border-bottom: 0;
	z-index: 99;

}
.sel-box li {
	border-bottom: 1px solid #dddddd;
}
.sel-box a {
	display: block;
	padding: 4px 7px;
	line-height: 20px;
}
.sel-box a:hover {
	background: #f1f1f1;
}
button, .btn, input[type="button"], input[type="submit"] {
	display: inline-block;
	padding: 6px 5px;
	font-size: 14px;
	color: #fff;
	background: #2d9651;
	border: 1px solid #0c692b;
	border-radius: 3px;
   vertical-align: middle;
	cursor: pointer;
}
button i, .btn i {
	margin-right: 4px;
}
.btn-l {
	display: inline-block!important;
	height: 15px;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 15px;
	color: #158c3d!important;
	background: #fff;
	border: 1px solid #158c3d!important;
   vertical-align: middle;
	cursor: pointer;	
}

.btn-disable {
	cursor: not-allowed;
	background: #eaeaea!important;
	color: #777!important;
	border-color: #aaa!important;
}

input:focus, textarea:focus, button:focus {
	outline: 0;
}
input[readonly] {
	color: #939192;
	background: #f5f5f5!important;
	cursor: default;
}



ol, ul{
	list-style: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}
.no-border {
	border: 0!important;
}


.sample-box {
	margin: 10px;
	padding: 10px;	
	background: #fff;
	border: 1px dashed #aaa;
	border-radius: 5px;
}
.sample-box:before {
	position: relative;
	top: -10px;
	font-size: 0;
	line-height: 0;
	content: "sample";
	font-weight: bold;
	font-size: 14px;
}

.clear-line {
	clear: both;
	height: 1px;
	line-height: 1px;
}
.clear:after {
	clear: both;
	color: #333333;
	content: " ";
	display: block;
}
.clear{zoom:1;}
.font-m {
	font-family: "Microsoft YaHei"!important;
	font-weight: lighter!important;
}
.title-p40 {
	height: 40px!important;
	font-size: 18px!important;
	line-height: 40px!important;
}
.title-p40 i {
	margin-right: 5px;
}

.hide-text {
	font: 0/0 a!important;
	color: transparent!important;
	text-shadow: none!important;
	background-color: transparent!important;
	border: 0!important;
}
/*---- ico ----*/
@import "/css/font-awesome.min.css";
/*---- tree ----*/
.tree{
	padding-left: 9px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}
.tree:before{
	display: inline-block;
	content: "";
	position: absolute;
	top: -20px;
	bottom: 16px;
	left: 0;
	border: 1px dotted #67b2dd;
	border-width: 0 0 0 1px;
	z-index: 1;
}
.tree .tree-folder{ width: auto; min-height: 20px; cursor: pointer; }
.tree .tree-folder .tree-folder-header{ position: relative; height: 20px; line-height: 20px; }
.tree .tree-folder .tree-folder-header:hover{ background-color: #f0f7fc; }
.tree .tree-folder .tree-folder-header .tree-folder-name,.tree .tree-item .tree-item-name{ display: inline;  }
.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child,.tree .tree-item>[class*="icon-"]:first-child{
	display: inline-block;
	position: relative;
	z-index: 2;
	top: -1px;
}
.tree .tree-folder .tree-folder-header .tree-folder-name{ margin-left: 2px; }
.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child, .tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child, .tree .tree-item>[class*="icon-"]:first-child { margin: -2px 0 0 -2px; }
.tree .tree-folder:last-child:after{
	display: inline-block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 15px;
	bottom: 0;
	left: -15px;
	border-left: 1px solid #FFF;
}
.tree .tree-folder .tree-folder-content{ margin-left: 23px; position: relative; }
.tree .tree-folder .tree-folder-content:before{
	display: inline-block;
	content: "";
	position: absolute;
	z-index: 1;
	top: -14px;
	bottom: 16px;
	left: -14px;
	border: 1px dotted #67b2dd;
	border-width: 0 0 0 1px;
}
.tree .tree-item{
	position: relative;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}
.tree .tree-item:hover{ background-color: #f0f7fc; }
.tree .tree-item .tree-item-name{ margin-left: 2px; }
.tree .tree-item .tree-item-name>[class*="icon-"]:first-child{ margin-right: 3px; }
.tree .tree-item>[class*="icon-"]:first-child{ margin-top: -1px; }
.tree .tree-folder,.tree .tree-item{ position: relative; }
.tree .tree-folder:before,.tree .tree-item:before{
	display: inline-block;
	content: "";
	position: absolute;
	top: 14px;
	left: -13px;
	width: 18px;
	height: 0;
	border-top: 1px dotted #67b2dd;
	z-index: 1;
}
.tree .tree-selected{ background-color: rgba(98,168,209,0.1); color: #6398b0; }
.tree .tree-selected:hover{ background-color: rgba(98,168,209,0.1); }
.tree .tree-item,.tree .tree-folder{ border: 1px solid transparent; }
.tree .tree-folder .tree-folder-header{ border-radius: 0; }
.tree .tree-item,.tree .tree-folder .tree-folder-header{
	margin: 0;
	padding: 5px;
	color: #4d6878;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;

	box-sizing: content-box;
}
.tree .tree-item>[class*="icon-"]:first-child{

}
.tree .tree-selected>[class*="icon-"]:first-child{
	background-color: #f9a021;
	border-color: #f9a021;
	color: #FFF;
}
.tree .icon-plus[class*="icon-"]:first-child,.tree .icon-minus[class*="icon-"]:first-child, .tree .tree-item>[class*="icon-"]:first-child{
	border: 1px solid #DDD;
	vertical-align: middle;
	height: 11px;
	width: 11px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: center;
	border: 1px solid #8baebf;
	line-height: 10px;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}
.tree .icon-plus[class*="icon-"]:first-child:before{
	display: block;
	content: "+";
	font-family: "Open Sans";
	font-size: 16px;
	position: relative;
	z-index: 1;
}
.tree .icon-minus[class*="icon-"]:first-child:before{
	content: "";
	display: block;
	width: 7px;
	height: 0;
	border-top: 1px solid #4d6878;
	position: absolute;
	top: 5px;
	left: 2px;
}
.tree .icon-point[class*="icon-"]:first-child:before{
	content: "";
	display: block;
	width: 5px;
	height: 0;
	border-top: 5px solid #ccc;
	position: absolute;
	top: 3px;
	left: 3px;
}

.tree .tree-unselectable .tree-item>[class*="icon-"]:first-child{
	color: #5084a0;
	width: 13px;
	height: 13px;
	line-height: 13px;
	font-size: 10px;
	text-align: center;
	border-radius: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}
.tree [class*="icon-"][class*="-down"]{ transform: rotate(-45deg); }
.tree .icon-spin{ height: auto; }
.tree .tree-loading{ margin-left: 36px; }
.tree img{ display: inline; veritcal-align: middle; }
/*---- tree end ----*/


.ui-menu {
	position: absolute;
	background: #fff;
	top: 100%;
	left: 0;
	width: auto;
	min-width: 150px;
	padding: 4px;
	margin-top: 1px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	z-index: 1000;
}
.ui-menu:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 13px;
}
.ui-menu:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 14px;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	margin: -1px;
	padding: 4px 12px 5px 7px;
	line-height: 1.5;
	min-height: 0;
	font-weight: 400;
	color: #444;
	border: 1px solid transparent;
	cursor: pointer;
	white-space: nowrap;
}
.ui-menu .ui-menu-item .current, .ui-menu .ui-menu-item .current:hover {
	background-color: #fff;
	font-weight: normal;
	z-index: 1001;
	position: relative;

	color: #444;
	border: 1px solid rgba(0,0,0,0.2);
	border-width: 1px 0 1px 1px;
}
.ui-menu .ui-menu {
	top: 3px;
	left: 97%;
	bottom: -3px;
	width: auto;
	min-width: 150px;
}
.ui-menu .ui-menu:before, .ui-menu .ui-menu:after {
	display: none;
}
.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	background-color: #4f99c6;
	color: #FFF;
	font-weight: normal;
}

.stars {
	position: relative;
	display: inline-block;
	width: 97px;
	height: 18px;
	background: url(../images/stars.png) no-repeat 0 -18px;
	vertical-align: bottom;
}
.stars img {
	float: left;
	margin-right: 1.4px;	
}
.stars span {
	float: left;
	width: 97px;
	height: 18px;
	background: url(../images/stars.png) no-repeat 0 0;
}
.stars .s1 {
	width: 10%;
}
.stars .s2 {
	width: 20%;
}
.stars .s3 {
	width: 30%;
}
.stars .s4 {
	width: 40%;
}
.stars .s5 {
	width: 50%;
}
.stars .s6 {
	width: 60%;
}
.stars .s7 {
	width: 70%;
}
.stars .s8 {
	width: 80%;
}
.stars .s9 {
	width: 90%;
}
.stars .s10 {
	width: 100%;
}
.stars + .fen {
	margin-left: 3px;
}



.text-book:after {
	content:"图书";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-paper:after {
	content:"学位论文";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-journal:after {
	content:"期刊";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-standard:after {
	content:"标准";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-article:after {
	content:"期刊文献";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-media:after {
	content:"多媒体";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}

.text-core:after {
	content:"北大核心";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-cscd:after {
	content:"CSCD";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-cssci:after {
	content:"CSSCI";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-sci:after {
	content:"SCI";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-ssc:after {
	content:"SSC";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}
.text-ei:after {
	content:"EI";
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	border: 1px solid #ccc;	
}

.default-cover {
	display: inline-block!important;
	width: 108px!important;
	height: 150px!important;
	max-height: none!important;
	padding: 10px 10px 10px 15px!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.default-cover .title {
	display: block!important;
	height: 126px!important;
	margin: 0!important;
	font-size: 12px!important;
	white-space: normal!important;
	line-height: 18px!important;
	color: #fff!important;;
	text-align: center!important;
}
.default-cover .title:before, .default-cover .title:after {
	display: none!important;
}
.default-cover.c1 {
	background-image: url(../images/default-cover1.png);
}
.default-cover.c2 {
	background-image: url(../images/default-cover2.png);
}
.default-cover.c3 {
	background-image: url(../images/default-cover3.png);
}
.default-cover.c4 {
	background-image: url(../images/default-cover4.png);
}
.default-cover.c5 {
	background-image: url(../images/default-cover5.png);
}
.default-cover.c6 {
	background-image: url(../images/default-cover6.png);
}
.default-cover.c7 {
	background-image: url(../images/default-cover7.png);
}
/*-- 点赞 --*/
.userpraiseclick .done, .op .done {
	color: #961114!important;
}
.userpraiseclick .done i:before {
	content: "\f164";
}

/*-- icon动画 --*/
.icon-animated-bell{
	display: inline-block;
	-moz-animation: ringing 2.0s 5 ease 1.0s;
	-webkit-animation: ringing 2.0s 5 ease 1.0s;
	-o-animation: ringing 2.0s 5 ease 1.0s;
	-ms-animation: ringing 2.0s 5 ease 1.0s;
	animation: ringing 2.0s 5 ease 1.0s;
	-moz-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
@-moz-keyframes ringing{0%{ -moz-transform: rotate(-15deg); }
2%{ -moz-transform: rotate(15deg); }
4%{ -moz-transform: rotate(-18deg); }
6%{ -moz-transform: rotate(18deg); }
8%{ -moz-transform: rotate(-22deg); }
10%{ -moz-transform: rotate(22deg); }
12%{ -moz-transform: rotate(-18deg); }
14%{ -moz-transform: rotate(18deg); }
16%{ -moz-transform: rotate(-12deg); }
18%{ -moz-transform: rotate(12deg); }
20%{ -moz-transform: rotate(0deg); }
}@-webkit-keyframes ringing{0%{ -webkit-transform: rotate(-15deg); }
2%{ -webkit-transform: rotate(15deg); }
4%{ -webkit-transform: rotate(-18deg); }
6%{ -webkit-transform: rotate(18deg); }
8%{ -webkit-transform: rotate(-22deg); }
10%{ -webkit-transform: rotate(22deg); }
12%{ -webkit-transform: rotate(-18deg); }
14%{ -webkit-transform: rotate(18deg); }
16%{ -webkit-transform: rotate(-12deg); }
18%{ -webkit-transform: rotate(12deg); }
20%{ -webkit-transform: rotate(0deg); }
}@-ms-keyframes ringing{0%{ -ms-transform: rotate(-15deg); }
2%{ -ms-transform: rotate(15deg); }
4%{ -ms-transform: rotate(-18deg); }
6%{ -ms-transform: rotate(18deg); }
8%{ -ms-transform: rotate(-22deg); }
10%{ -ms-transform: rotate(22deg); }
12%{ -ms-transform: rotate(-18deg); }
14%{ -ms-transform: rotate(18deg); }
16%{ -ms-transform: rotate(-12deg); }
18%{ -ms-transform: rotate(12deg); }
20%{ -ms-transform: rotate(0deg); }
}@keyframes ringing{0%{ transform: rotate(-15deg); }
2%{ transform: rotate(15deg); }
4%{ transform: rotate(-18deg); }
6%{ transform: rotate(18deg); }
8%{ transform: rotate(-22deg); }
10%{ transform: rotate(22deg); }
12%{ transform: rotate(-18deg); }
14%{ transform: rotate(18deg); }
16%{ transform: rotate(-12deg); }
18%{ transform: rotate(12deg); }
20%{ transform: rotate(0deg); }
}
.icon-animated-vertical{
	display: inline-block;
	-moz-animation: vertical 2.0s 5 ease 2.0s;
	-webkit-animation: vertical 2.0s 5 ease 2.0s;
	-o-animation: vertical 2.0s 5 ease 2.0s;
	-ms-animation: vertical 2.0s 5 ease 2.0s;
	animation: vertical 2.0s 5 ease 2.0s;
}
@-moz-keyframes vertical{0%{ -moz-transform: translate(0,-3px); }
4%{ -moz-transform: translate(0,3px); }
8%{ -moz-transform: translate(0,-3px); }
12%{ -moz-transform: translate(0,3px); }
16%{ -moz-transform: translate(0,-3px); }
20%{ -moz-transform: translate(0,3px); }
22%{ -moz-transform: translate(0,0); }
}@-webkit-keyframes vertical{0%{ -webkit-transform: translate(0,-3px); }
4%{ -webkit-transform: translate(0,3px); }
8%{ -webkit-transform: translate(0,-3px); }
12%{ -webkit-transform: translate(0,3px); }
16%{ -webkit-transform: translate(0,-3px); }
20%{ -webkit-transform: translate(0,3px); }
22%{ -webkit-transform: translate(0,0); }
}@-ms-keyframes vertical{0%{ -ms-transform: translate(0,-3px); }
4%{ -ms-transform: translate(0,3px); }
8%{ -ms-transform: translate(0,-3px); }
12%{ -ms-transform: translate(0,3px); }
16%{ -ms-transform: translate(0,-3px); }
20%{ -ms-transform: translate(0,3px); }
22%{ -ms-transform: translate(0,0); }
}@keyframes vertical{0%{ transform: translate(0,-3px); }
4%{ transform: translate(0,3px); }
8%{ transform: translate(0,-3px); }
12%{ transform: translate(0,3px); }
16%{ transform: translate(0,-3px); }
20%{ transform: translate(0,3px); }
22%{ transform: translate(0,0); }
}
.icon-animated-hand-pointer{
	display: inline-block;
	-moz-animation: hand-pointer 2.0s 4 ease 2.0s;
	-webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
	-o-animation: hand-pointer 2.0s 4 ease 2.0s;
	-ms-animation: hand-pointer 2.0s 4 ease 2.0s;
	animation: hand-pointer 2.0s 4 ease 2.0s;
}
@-moz-keyframes hand-pointer{0%{ -moz-transform: translate(0,0); }
6%{ -moz-transform: translate(5px,0); }
12%{ -moz-transform: translate(0,0); }
18%{ -moz-transform: translate(5px,0); }
24%{ -moz-transform: translate(0,0); }
30%{ -moz-transform: translate(5px,0); }
36%{ -moz-transform: translate(0,0); }
}
.icon-animated-wrench{
	display: inline-block;
	-moz-animation: wrenching 2.5s 4 ease;
	-webkit-animation: wrenching 2.5s 4 ease;
	-o-animation: wrenching 2.5s 4 ease;
	-ms-animation: wrenching 2.5s 4 ease;
	animation: wrenching 2.5s 4 ease;
	-moz-transform-origin: 90% 35%;
	-webkit-transform-origin: 90% 35%;
	-o-transform-origin: 90% 35%;
	-ms-transform-origin: 90% 35%;
	transform-origin: 90% 35%;
}
@-moz-keyframes wrenching{0%{ -moz-transform: rotate(-12deg); }
8%{ -moz-transform: rotate(12deg); }
10%{ -moz-transform: rotate(24deg); }
18%{ -moz-transform: rotate(-24deg); }
20%{ -moz-transform: rotate(-24deg); }
28%{ -moz-transform: rotate(24deg); }
30%{ -moz-transform: rotate(24deg); }
38%{ -moz-transform: rotate(-24deg); }
40%{ -moz-transform: rotate(-24deg); }
48%{ -moz-transform: rotate(24deg); }
50%{ -moz-transform: rotate(24deg); }
58%{ -moz-transform: rotate(-24deg); }
60%{ -moz-transform: rotate(-24deg); }
68%{ -moz-transform: rotate(24deg); }
75%{ -moz-transform: rotate(0deg); }
}@-webkit-keyframes wrenching{0%{ -webkit-transform: rotate(-12deg); }
8%{ -webkit-transform: rotate(12deg); }
10%{ -webkit-transform: rotate(24deg); }
18%{ -webkit-transform: rotate(-24deg); }
20%{ -webkit-transform: rotate(-24deg); }
28%{ -webkit-transform: rotate(24deg); }
30%{ -webkit-transform: rotate(24deg); }
38%{ -webkit-transform: rotate(-24deg); }
40%{ -webkit-transform: rotate(-24deg); }
48%{ -webkit-transform: rotate(24deg); }
50%{ -webkit-transform: rotate(24deg); }
58%{ -webkit-transform: rotate(-24deg); }
60%{ -webkit-transform: rotate(-24deg); }
68%{ -webkit-transform: rotate(24deg); }
75%{ -webkit-transform: rotate(0deg); }
}@-o-keyframes wrenching{0%{ -o-transform: rotate(-12deg); }
8%{ -o-transform: rotate(12deg); }
10%{ -o-transform: rotate(24deg); }
18%{ -o-transform: rotate(-24deg); }
20%{ -o-transform: rotate(-24deg); }
28%{ -o-transform: rotate(24deg); }
30%{ -o-transform: rotate(24deg); }
38%{ -o-transform: rotate(-24deg); }
40%{ -o-transform: rotate(-24deg); }
48%{ -o-transform: rotate(24deg); }
50%{ -o-transform: rotate(24deg); }
58%{ -o-transform: rotate(-24deg); }
60%{ -o-transform: rotate(-24deg); }
68%{ -o-transform: rotate(24deg); }
75%{ -o-transform: rotate(0deg); }
}@-ms-keyframes wrenching{0%{ -ms-transform: rotate(-12deg); }
8%{ -ms-transform: rotate(12deg); }
10%{ -ms-transform: rotate(24deg); }
18%{ -ms-transform: rotate(-24deg); }
20%{ -ms-transform: rotate(-24deg); }
28%{ -ms-transform: rotate(24deg); }
30%{ -ms-transform: rotate(24deg); }
38%{ -ms-transform: rotate(-24deg); }
40%{ -ms-transform: rotate(-24deg); }
48%{ -ms-transform: rotate(24deg); }
50%{ -ms-transform: rotate(24deg); }
58%{ -ms-transform: rotate(-24deg); }
60%{ -ms-transform: rotate(-24deg); }
68%{ -ms-transform: rotate(24deg); }
75%{ -ms-transform: rotate(0deg); }
}@keyframes wrenching{0%{ transform: rotate(-12deg); }
8%{ transform: rotate(12deg); }
10%{ transform: rotate(24deg); }
18%{ transform: rotate(-24deg); }
20%{ transform: rotate(-24deg); }
28%{ transform: rotate(24deg); }
30%{ transform: rotate(24deg); }
38%{ transform: rotate(-24deg); }
40%{ transform: rotate(-24deg); }
48%{ transform: rotate(24deg); }
50%{ transform: rotate(24deg); }
58%{ transform: rotate(-24deg); }
60%{ transform: rotate(-24deg); }
68%{ transform: rotate(24deg); }
75%{ transform: rotate(0deg); }
}
/*---- pages ----*/
.pages {
	clear: both;
	padding: 10px;
	text-align: right; 
}
.pages .total {
	color: #333;
	margin-right: 5px;
}
.page {
	display: inline-block;
}
.page a {
	display: inline-block;
	min-width: 26px;
	margin-left: -1px;
	padding: 4px 0px;
	font-family: Comic Sans MS;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #333;
	background: #fff;
	border: 1px solid #adadad;
	cursor: pointer;
}
.page a:hover {
	background: #eaeaea;
}
.page .current {
	color: #fff;
	background: #333;
}
.page b {
	vertical-align: bottom;
}
.page .pre {
	border-radius: 3px 0 0 3px;
}
.page .next {
	border-radius: 0 3px 3px 0;
}
.page .page-num {
	display: inline-block;
	margin: 0;
}
.page .page-num a {
	font-family: Times New Roman;
}
.page .page-num .current {
	color: #fff;
	background-color: dimgrey;
	border-color: dimgrey;
}
.pages .jump {
	display: inline-block;
	margin-top: 0;
	margin-left: 5px;
	vertical-align: top;
}
.pages .jump input {
	width: 28px;
	padding: 4px;
	text-align: center;
	border: 1px solid #adadad;
}
.pages .jump button {
	height: 26px;
	margin-left: -3px;
	padding: 2px 5px;
}

/*-- flash upload css --*/
div.fieldset {
	border: 1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}

div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash { width: 375px; margin: 10px 5px; border-color: #D9E4FF; }

#spanButtonPlaceHolder {
	display: inline-block;
	height: 30px;
	padding: 3px 15px;
	font-size: 12px;
	line-height: 24px;
	color: #f2f2f2;
	background: #ccc;
	border-radius: 3px;
	vertical-align: middle;
	cursor: pointer;
}
#divprogresscontainer {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 10px;
	padding: 0 5px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
#divprogresscontainer:empty {
	display: none;
}

.fle { float: left; }

.ftt { margin: 0 5px; }

.Ico {
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
}

.IcoNormal {
	float: left;
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
	background-image: url(/images/upload_normal.gif);
	background-repeat: no-repeat;
}

.IcoUpload {
	float: left;
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
	background-image: url(/images/upload.gif);
	background-repeat: no-repeat;
}

.IcoWaiting {
	display: block!important;
	float: left;
	margin-top: 6px;
	padding: 0!important;
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
	background-color: transparent!important;
	background-image: url(/images/upload_waiting.gif)!important;
	background-repeat: no-repeat!important;
	border: 0!important;
}

.progressobj {
	clear: both;
	line-height: 30px;
	font-family: Verdana;
	color: #A59A98;
	margin: 3px;
	border-bottom: 1px solid #eee;
}

.progressobj A { color: #0068B7; text-decoration: underline; }

.progressobj A:hover { color: #0068B7; }

.statebar {
	background-color: #a5dd3d;
	width: 30%;
	font-size: 1px;
	overflow: hidden;
	line-height: 6px;
}

.statebarBigDiv {
	float: left;
	width: 100px;
	height: 6px;
	background-color: #fafafa;
	border: solid 1px #ccc;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 12px;
}

.statebarSmallDiv {
	float: left;
	width: 50px;
	height: 6px;
	background-color: #fafafa;
	border: solid 1px #ccc;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 12px;
}

.theFont { color: #0068B7; }
#divprogressGroup .progressobj {
	border-bottom: 0;
}


/*-- 目录 --*/
.catalog {
	padding: 0 15px;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	font-weight: lighter;
}
.catalog h2 {
	position: relative;
}

.catalog h6 {
	margin: 1.5em 0 0.5em;
	font-size: 18px;
}
.catalog p {
	overflow: hidden;
	margin: 0.8em 0;
	line-height: 22px;
	background: url(../images/catalog-point.gif) left top;
}
.catalog .title {	
	font-size: 14px;
	margin-right: 2em;
	padding-right: 5px;
	background: #fff;
}
.catalog .title a {
	color: #555;
	text-decoration: underline;
}
.catalog tt {
	float: right;
	*margin-top: -22px;
	_margin-top: -22px;
	padding-left: 5px;
	font-size: 12px;
	color: #777;
	background: #fff;
}
.catalog .pages {
	clear: none;
	padding: 0;
	text-align: inherit;
	background: transparent;
}

.no-data {
	display: block!important;
	float: inherit!important;
	width: auto!important;
	height: 80px!important;
	margin: 0!important;
	padding: 10px!important;
	font-size: 16px!important;
	font-family: "Microsoft YaHei"!important; 
	text-align: center!important;
	line-height: 60px!important;
	background: none!important;
}

.export-msg {

}
.export-msg .alert {
	display: none;
	position: fixed;
	top: 250px;
	_top:expression(eval(document.documentElement.scrollTop+250));
	left: 50%;
	width: 380px;
	height: 200px;
	margin-left: -190px;
	padding-top: 160px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	z-index: 999999;
	color: #fff;
	background: url(../images/overload2.gif) no-repeat 0 -50px;
	border-radius: 5px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	box-shadow: 3px 3px 3px #000;
}
.export-msg .alert img {
	display: none;
}

.loading {
	width: 100%;
	height: 100%;
	text-align: center;
}
.loading img {
	margin-right: 3px;
}
/*--alert page--*/
#top .alert {
	padding-top: inherit;
	height: inherit;
}
#top .alert:after, #top-nav .alert:after {
	display: none;
}
.alert {
	position: relative;
	height: 400px;
	background: url(../images/alert-bg.jpg) repeat-y center;
	padding-top: 100px;
}
.alert:after {
	position: absolute;
	bottom: -26px;
	left: 50%;
	width: 115px;
	height: 26px;
	margin-left: -57.5px;
	background: url(../images/alert-bg2.png) no-repeat;
	content: "";

}
.alert-box {
	position: absolute;
	left: 50%;
	width: 450px;
	margin-left: -225px;
	padding-top: 353px;
	text-align: center;
	color: #555;
}
.alert p {
	font-size: 12px;
	line-height: 28px;
}
.alert p a {
	font-size: 14px;
	text-decoration: underline;
	color: #555;
	margin: 0 2px;
}
.alert-box.erro404 {
	background: url(../images/404.png) no-repeat center top;
}
.alert-box.erro500 {
	background: url(../images/500.png) no-repeat center top;
}
.alert-box.erro503 {
	background: url(../images/503.png) no-repeat center top;
}