﻿@charset "utf-8";

/* css by linzhaohai@hotmail.com */

html,
body,
div,
ul,
ol,
li,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
code,
form,
select,
fieldset,
input,
button,
textarea,
p,
pre,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

.w1000 {
	width: 1000px;
}

.center {
	margin: 0px auto;
}

.clear {
	clear: both;
}

.header {
	position: relative;
}

.logo_box {
	position: absolute;
	top: 30px;
	left: 0px;
}

.text_box {
	position: absolute;
	top: 77px;
	right: 0px;
}

.login_con {
	display: inline-block;
	background: url(../images/con2.png) no-repeat;
	height: 19px;
	line-height: 19px;
	padding-left: 31px;
}

.login_con1 {
	display: inline-block;
	background: url(../images/con1.png) no-repeat;
	height: 19px;
	line-height: 19px;
	padding-left: 31px;
}

body {
	font-family: Arial, "宋体", \5B8B\4F53, Tahoma, Helvetica, sans-serif;
	color: #7f8284;
	font-size: 13px;
	background: url(../images/opac_bj.jpg) repeat;
}

.clear {
	clear: both;
}

img {
	border: 0;
	border: none;
	display: inline-block;
}

select,
input {
	display: inline;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h2,
h3 {
	font-size: 16px;
	color: #1380d8;
	line-height: 30px;
	padding-left: 10px;
	margin: 5px 0 5px 0;
}

h2 {
	font-size: 24px;
}

h4 {
	font-size: 14px;
	line-height: 1.5;
	color: #404243;
	font-weight: 100;
}

b {
	font-weight: 700;
	font-size: 13px;
	color: #404243;
}

ul,
li {
	list-style: none;
}

a:link {
	color: #404243;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #7f8284;
	text-decoration: none;
}

.red,
a.red {
	color: #c7340c;
}

.blue,
a.blue {
	color: #0864b3;
}

a.blue:hover {
	color: #074278;
}

.y_btn,
.g_btn {
	width: 70px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin: 0 4px 0 0;
	vertical-align: middle;
	background: url(../images/y_btn.gif) no-repeat;
}

.g_btn {
	width: 97px;
	background: url(../images/g_btn.gif) no-repeat;
}

.top_wrap {
	margin: 0 auto;
	height: 113px;
	background: url(../images/top1.jpg) repeat center;
}

.logo_box span {
	width: 241px;
	height: 104px;
	display: inline-block;
	background: url(../images/logo.png) no-repeat;
	_background: url(../images/logo.gif) no-repeat;
}

.text_box {
	height: 30px;
	text-align: right;
	vertical-align: middle;
}

.text_box span {
	margin: 0 0 0 20px;
}

.top_nav {
	background: url(../images/nav.jpg) repeat-x;
	height: 36px;
	position: relative;
	margin-bottom: 20px;
}

.top_nav ul li.main {
	float: left;
}

.top_nav ul li a {
	display:block;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.top_nav ul li a span {
	background: url(../images/nav_x.jpg) no-repeat right top;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-weight: 700;
	width: 109px;
}

.top_nav ul li ul.sub_nav {
	background: #8b3320;
	width: 107px;
	position: absolute;
	text-align: center;
	top: 36px;
	z-index: 100;
	display: none;
}

.top_nav ul li ul.sub_nav li a {
	margin-bottom: 1px;
	display: block;
	height: 36px;
	width: 107px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 36px;
	background: none;
}

.top_nav ul li ul.sub_nav li a:hover {
	color: #fff;
	background: #6b281a;
}


/* 搜索，登陆区域样式开始*/

.box {
	width: 812px;
	min-height: 418px;
	height: auto!important;
	_height: 418px;
	margin: 0 auto;
	background: url(../images/box_share_bg.gif) repeat-y;
}

.box .content {
	background: url(../images/search_box_bg.gif) no-repeat;
	min-height: 373px;
	height: auto!important;
	_height: 373px;
	padding: 25px 166px 0 166px;
}

.box .login_bg {
	background: url(../images/login_box_bg.gif) no-repeat;
	padding-top: 110px;
	min-height: 288px;
}

.box .bottom_bg {
	background: url(../images/box_bottom_bg.gif) no-repeat;
	height: 45px;
	font-size: 0;
}

.search_input,
.common_input {
	height: 21px;
	width: 273px;
	border: 1px solid #117ed4;
	background-color: #FFF;
	line-height: 21px;
	vertical-align: middle;
}

.common_input {
	border: 1px solid #d8dbdc;
	width: 120px;
}

.search_select {
	padding: 2px;
	width: 118px;
	border: 1px solid #117ed4;
	background-color: #fff;
	color: #0a2c78;
	height: 23px\9;
}

.w80 {
	width: 75px;
	margin-top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.search_select {
		height: 23px;
	}
	.w80 {
		margin-top: 0;
	}
}

.search_btn,
.search_btn02 {
	width: 130px;
	height: 110px;
	display: inline-block;
	cursor: pointer;
	margin: 20px 0 0 160px;
	background: url(../images/search_btn.png) no-repeat;
	_background: url(../images/search_btn.gif) no-repeat;
}

.search_btn02 {
	width: 80px;
	height: 23px;
	vertical-align: middle;
	margin: 0;
	background: url(../images/search_btn02.gif) no-repeat;
}

.login_btn {
	width: 132px;
	height: 112px;
	display: inline-block;
	cursor: pointer;
	float: right;
	margin: 0 20px 0 5px;
	background: url(../images/login_btn.gif) no-repeat;
}

.box dl {
	width: 480px;
	min-height: 35px;
	height: auto!important;
	_height: 35px;
	vertical-align: middle;
}

.box dl dt {
	height: 30px;
	width: 120px;
	line-height: 30px;
	color: #404243;
	vertical-align: middle;
	display: inline-block;
	padding: 2px 0 2px 0;
}

.box dl dd {
	height: 30px;
	width: 355px;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
	height: 1%;
	padding: 2px 0 2px 0;
}

#search_option {}

.option_con {
	width: 460px;
	padding: 9px;
	height: 1%;
	border: 1px solid #d8dbdc;
	border-top: none;
	background-color: #fff;
}

.option_con dl dt {
	vertical-align: top;
	padding: 4px 0 0px 0;
}

.option_con dl dd {
	width: 340px;
}

.option_con dl span {
	margin: 0 10px 0 5px;
	vertical-align: middle;
}

.option_con select {
	border: 1px solid #d8dbdc;
	color: #7f8284;
}

.option_title {
	height: 24px;
	width: 478px;
	line-height: 24px;
	line-height: 25px\9;
	vertical-align: middle;
	color: #404243;
	text-indent: 10px;
	border: 1px solid #d8dbdc;
	background-color: #fff;
	margin-top: 10px;
	cursor: pointer;
}

.option_title span {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	float: right;
	margin: 5px 10px 0 0;
	background: url(../images/arrow.gif) no-repeat;
}

.option_con dl.login {
	width: 300px;
}

.option_con dl.login dt {
	width: 70px;
}

.option_con dl.login dd {
	width: 205px;
	margin-left: 0px;
}

.option_con dl.login .common_input {
	width: 190px;
}

.option_con dd.w460 {
	width: 460px;
	font-size: 12px;
}

.option_con dd.w460 span {
	width: 200px;
	display: inline-block;
	margin: 0 5px 0 5px;
}

.option_con dd.w460 b {
	font-family: "宋体", \5B8B\4F53;
}

.option_con dd.w460 p {
	line-height: 1.5;
	margin: 10px 0 5px 0;
}

#search_option .current {
	font-weight: 700;
	background: url(../images/title_bg.gif) repeat-x;
}

#search_option .current span {
	background: url(../images/arrow_close.gif) no-repeat;
}


/* 搜索，登陆区域样式结束*/


/* 左侧导航样式开始*/

.big_wrap {
	width: 980px;
	margin: 0 auto;
	min-height: 600px;
	height: auto;
	_height: 600px;
	height: 1%;
}

.nav_wrap {
	width: 1080px;
	margin: 0 auto;
	min-height: 600px;
	height: auto;
	_height: 600px;
	height: 1%;
}


.main_wrap {
	width: 770px;
	min-height: 700px;
	height: 700px;
	float: left;
	overflow: auto;
}

.left_wrap {
	width: 200px;
	min-height: 700px;
	height: auto!important;
	_height: 700px;
	float: left;
	background: url(../images/left_wrap_bg.gif) repeat-y;
	margin-right: 10px;
}

.left_wrap .head_title {
	height: 30px;
	padding: 18px 10px 0 10px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	color: #404243;
	background: url(../images/left_wrap_head.gif) no-repeat;
}

.left_wrap .bottom_bg {
	background: url(../images/left_wrap_bottom_bg.gif) left bottom no-repeat;
	height: 5px;
	font-size: 0;
}

.left_wrap .search_area {
	min-height: 60px;
	height: auto!important;
	_height: 60px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	background-color: #FFF;
}

.search_area select,
.search_area .search_input {
	border: 1px solid #b8bcbd;
	width: 174px;
}

.search_area span {
	padding: 0 0 5px 0;
	display: inline-block;
	vertical-align: middle;
}

.left_nav,
.books_nav {
	padding: 5px 0 5px 0;
	min-height: 542px;
	height: auto!important;
	_height: 542px;
}

.left_nav .title {
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #404243;
	cursor: pointer;
	padding-left: 38px;
	margin: 5px 0 5px 0;
	vertical-align: middle;
	background: url(../images/left_nav_bg.gif) no-repeat;
}

.left_nav .current {
	font-weight: 700;
	background: url(../images/left_nav_bg_current.gif) no-repeat;
}

.left_nav ul {
	padding: 5px 0 5px 28px;
}

.left_nav ul li {
	width: 162px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 1px;
	padding-left: 10px;
	background: url(../images/left_sub_nav_bg.gif) no-repeat;
}

.left_nav ul li em {
	margin: 0 10px 0 10px;
}

.left_nav ul li a {
	color: #404243;
}

.left_nav ul li a:hover {
	color: #000;
}

.books_nav {
	height: 720px;
	padding: 5px 10px 5px 10px;
}

.books_nav ul {
	background-color: #fff;
	height: 640px;
}

.books_nav ul li {
	height: 28px;
	line-height: 28px;
	margin: 5px 0 5px 0;
	padding-left: 10px;
	border-bottom: 1px solid #e3e7e8;
}

.books_nav ul li b {
	margin: 0 10px 0 0;
}

.books_nav ul li em {
	margin: 0 0 0 5px;
}

.books_nav ul li span {
	background-color: #c7340c;
	padding: 2px 5px 2px 5px;
	color: #fff;
}

.books_nav ul li span a,
.books_nav ul li span b {
	color: #fff;
	font-weight: 700;
}

.tree_wrap {
	height: 630px;
	padding: 0 5px 0 5px;
	color: #404243;
}

.tree_wrap .con {
	border: 1px solid #fff;
	height: 618px;
	padding: 5px;
	overflow: auto;
	overflow-y: scroll;
}


/* 左侧导航样式结束*/


/* 内容列表样式开始*/

.key_info {
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	padding: 0 0 0 15px;
	vertical-align: middle;
}

.key_info em {
	color: #e0600b;
	font-weight: 700;
	font-style: normal;
	margin-right: 10px;
}

.key_info select {
	padding: 2px;
	width: 80px;
	border: 1px solid #b8bcbd;
	color: #404243;
	height: 23px\9;
}

.key_info .search_input {
	border: 1px solid #b8bcbd;
	width: 130px;
}

.key_info span {
	margin: 0 5px 0 5px;
}

.sort_box {
	float: right;
	margin-right: 20px;
}

.page_wrap {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	padding-left: 10px;
	vertical-align: middle;
}

.page_wrap span {
	margin: 0 15px 0 10px;
}

.page_bar span {
	display: inline-block;
	margin: 0 2px 0 2px;
}

.page_bar {
	width: 550px;
	float: right;
	text-align: right;
	margin-right: 20px;
}

.list_type01,
.list_type02,
.num {
	width: 26px;
	height: 25px;
	color: #404243;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/list_type01.gif) no-repeat;
}

.num {
	background: url(../images/num_btn.gif) no-repeat;
}

.pre_btn,
.next_btn {
	width: 70px;
	height: 25px;
	color: #404243;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	border: 0;
	background: url(../images/page_btn.gif) no-repeat;
}

.list_type02 {
	background: url(../images/list_type02.gif) no-repeat;
}

.list_item {
	min-height: 140px;
	height: auto!important;
	_height: 128px;
	padding: 15px 10px 0 10px;
	clear: both;
	background: url(../images/list_bg.gif) left 139px no-repeat;
}

.list_item .pic {
	width: 90px;
	height: 128px;
	padding: 0 10px 0 10px;
	background: url(../images/book_bg.png) top center no-repeat;
	float: left;
}

.list_item .info {
	width: 460px;
	min-height: 99px;
	padding: 0 10px 0 20px;
	float: left;
	text-align: left;
}

.list_item .info h4 {
	margin: 0 0 5px 0;
}

.list_item .info h4 span {
	margin: 0 5px 0 15px;
}

.list_item .info p {
	margin: 8px 0 0 0;
}

.list_item .info p span {
	margin: 0 15px 0 0;
}

.list_item .info p em {
	font-style: normal;
	margin-right: 5px;
	color: #646768;
}

.list_item .tips {
	width: 110px;
	height: 80px;
	padding: 5px 10px 5px 10px;
	float: right;
	border: 1px solid #d8dcdc;
	background: url(../images/tips_bg.gif) repeat-x;
}

.tips p {
	margin: 5px 0 10px 0;
}

.tips p span {
	margin-right: 5px;
}

.dang_icon,
.jd_icon,
.amazon_icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background: url(../images/dang_icon.gif) no-repeat;
}

.jd_icon {
	background: url(../images/jd_icon.gif) no-repeat;
}

.amazon_icon {
	background: url(../images/amazon_icon.gif) no-repeat;
}

.list_item .tabs_box {
	width: 500px;
	min-height: 29px;
	height: auto!important;
	_height: 29px;
	float: left;
}

.tabs_box ul {
	width: 500px;
	height: 29px;
	overflow: hidden;
}

.tabs_box ul li {
	margin: 0 5px 0 10px;
	float: left;
	height: 29px;
}

.tabs_box>ul>li a {
	display: inline-block;
	width: 80px;
	height: 29px;
	color: #646768;
	line-height: 25px;
	text-align: center;
	background: url(../images/list_tab_bg.gif) left bottom no-repeat;
}

.tabs_box>ul>li a.current {
	display: inline-block;
	background: url(../images/list_tab_bg_current.gif) left bottom no-repeat;
	color: #404243;
	width: 80px;
	height: 29px;
	line-height: 27px;
	font-weight: 700;
}

.tabs_box .tabs_con {
	height: 220px;
	width: 750px;
	margin-left: -120px;
	background-color: fff;
	overflow: hidden;
	display: none;
	border-bottom: 1px solid #e3e4e4;
}

.tabs_con .con {
	height: 170px;
	width: 750px;
	padding: 10px;
	overflow: auto;
	overflow-x: hidden;
}

.tabs_con .con p {
	margin: 2px 0 2px 0;
	line-height: 24px;
	border-bottom: 1px solid #e8eaea;
}

.tabs_con .con p span {
	color: #404243;
	margin: 0 10px 0 0;
	width: 100px;
	display: inline-block;
	padding-left: 5px;
}

.tabs_con .title {
	height: 30px;
	color: #404243;
	line-height: 31px;
	padding-left: 10px;
	font-weight: 700;
	overflow: hidden;
	background: url(../images/list_sub_tab_bg.gif) left bottom repeat-x;
}


/*馆藏信息TAB切换区样式*/

.list_sub_tabs {
	height: 220px;
	width: 770px;
}

.list_sub_tabs ul {
	height: 30px;
	width: 760px;
	color: #404243;
	padding-left: 10px;
	background: url(../images/list_sub_tab_bg.gif) left bottom repeat-x;
	overflow: hidden;
}

.list_sub_tabs ul li {
	margin: 5px 10px 0 10px;
	float: left;
	height: 25px;
	overflow: hidden;
}

.list_sub_tabs ul li a {
	display: inline-block;
	min-width: 70px;
	width: auto!important;
	_width: 70px;
	height: 25px;
	color: #404243;
	text-align: center;
	background: none;
	padding: 0 5px 5px;
	line-height: 25px;
}

.list_sub_tabs ul li a.current1 {
	color: #000;
	font-weight: 100;
	background-image: none;
	background-color: #fff;
}

.list_sub_tabs .sub_con {
	height: 190px;
	width: 770px;
	overflow: auto;
	display: none;
	overflow-x: hidden;
}

.sub_con table {
	width: 100%;
}

.sub_con table th {
	height: 35px;
	line-height: 37px;
	overflow: hidden;
	color: #404243;
	font-weight: 100;
	text-align: left;
	padding-left: 5px;
	background: url(../images/list_sub_tab_title.gif) repeat-x;
}

.sub_con table td {
	height: 24px;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 12px;
	border-bottom: 1px solid #e8eaea;
}

.tabs_con .con .review {
	height: 90px;
	margin: 5px 0 10px 0;
}

.review h4 {
	font-size: 14px;
	line-height: 1.5;
	color: #404243;
}

.review h4 span {
	float: right;
	font-size: 13px;
}

.review h4 em {
	color: #7f8284;
}

.review p {
	padding: 5px 10px;
	height: 50px;
	overflow: hidden;
	font-size: 12px;
	border: 1px solid #e8eaea;
}

.tabs_con .con .write_text {
	width: 950px;
	height: 100px;
	border: 1px solid #d8dbdc;
	margin: 5px 10px;
}

.tabs_con .con .y_btn {
	width: 70px;
	height: 25px;
	text-align: center;
	padding: 0;
	color: #fff;
	margin: -5px 5px 5px 5px;
	float: right;
}

.tabs_con .con select {
	border: 1px solid #d8dbdc;
	color: #7f8284;
}


/*表格，期刊，荐购页样式*/

.table_list {
	margin: 10px 0 10px 0;
	width: 100%;
}

.table_list th {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color: #074278;
	text-align: left;
	padding-left: 5px;
	font-size: 14px;
	font-weight: 100;
	background: url(../images/table_titlebg02.gif) repeat-x;
}

.table_list td {
	height: 25px;
	line-height: 1.5;
	padding: 2px 0 2px 5px;
	font-size: 12px;
	vertical-align: middle;
	border-bottom: 1px solid #e0f2f8;
}

.table_list td em {
	color: #0871ad;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
}

.table_list td span {
	margin-left: 5px;
}

.table_list td b {
	margin-right: 5px;
	font-weight: 100;
}

.table_list a.blue {
	font-size: 13px;
	display: inline-block;
	margin: 2px 0 3px 0;
}

.zine_nav {
	height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	background: url(../images/table_titlebg.gif) repeat-x;
}

.zine_nav li {
	float: left;
	margin: 4px 5px 0 5px;
}

.zine_nav li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 1px 5px;
	color: #1381d8;
	vertical-align: middle;
	background-color: #c8effd;
	border: 1px solid #fff;
}

.zine_nav li a:hover {
	background-color: #fff;
	color: #074278;
}

.zine_date {
	width: 190px;
	height: 430px;
	float: left;
	margin-top: 1px;
	padding: 10px;
	overflow: hidden;
	background: #e6e7e7 url(../images/list_sub_tab_bg.gif) left top repeat-x;
}

.scroll_box {
	height: 430px;
	overflow: auto;
	overflow-x: hidden;
}

.zine_date .title {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	color: #074278;
	cursor: pointer;
	margin-top: 5px;
	background: #e6e7e7 url(../images/table_titlebg.gif) left top repeat-x;
}

.zine_date .current {
	font-weight: 700;
}

.zine_date ul {
	background-color: #fff;
}

.zine_date ul li {
	margin: 0 0 5px 0;
	padding-left: 10px;
	border-bottom: 1px solid #e6e7e7;
}

.zine_date ul li a {
	height: 24px;
	line-height: 24px;
	color: #0864b3;
}

.zine_date ul li a:hover {
	color: #074278;
}

a.blue:hover {
	color: #074278;
}

.zine_con {
	width: 760px;
	height: 430px;
	float: left;
	margin-top: 1px;
	overflow: hidden;
	padding: 10px 10px 10px 0;
	background: #e6e7e7 url(../images/list_sub_tab_bg.gif) left top repeat-x;
}

.zine_con table {
	background-color: #fff;
	width: 100%;
	margin-top: 5px;
}

.zine_con table td {
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	padding: 2px 0 2px 10px;
	border-right: 1px solid #e6e7e7;
}

.reason_box {
	width: 780px;
	height: 400px;
	padding: 10px;
	margin: 0 auto;
	border: 1px solid #d8dbdc;
	background: url(../images/zine_books.gif) center bottom no-repeat;
}

.reason_box .common_input {
	width: 180px;
}

.reason_box table {
	background-color: #f7f7f7;
}

.reason_box th {
	background-image: none;
	background-color: #e8eaea;
	padding-left: 10px;
	color: #404243;
	font-size: 13px;
	border-bottom: 1px solid #fff;
}

.reason_box h3 span {
	float: right;
}

.reason_box td {
	border: none;
	height: 27px;
	line-height: 27px;
	border-bottom: 1px solid #f4f7f8;
}

.reason_box .write_text {
	width: 370px;
	height: 180px;
	border: 1px solid #d8dbdc;
}

.footer {
	border-top: 1px solid #e7e8e8;
	width: 980px;
	height: 70px;
	font-size: 12px;
	margin: 0 auto;
	margin-top: 20px;
}

.footer p {
	text-align: center;
	margin: 10px 0 2px 0;
}


/*扩展CSS*/

.w300 {
	width: 300px;
	background: url(../images/left_wrap_bg02.gif) repeat-y;
}

.w300 .head_title {
	background: url(../images/left_wrap_head02.gif) no-repeat;
}

.w300 .bottom_bg {
	background: url(../images/left_wrap_bottom_bg02.gif) left bottom no-repeat;
}

.w300 .search_area {
	height: 65px;
}

.w670 {
	width: 670px;
}

.w670 .list_item {
	background: url(../images/list_bg03.gif) left 133px no-repeat;
}

.w670 .page_wrap .page_bar {
	width: 450px;
}

.w670 .list_item .info {
	width: 510px;
}

.w670 .list_sub_tabs {
	width: 670px;
}

.w670 .tabs_box .tabs_con {
	width: 670px;
}

.w670 .tabs_con .con {
	width: 650px;
}

.w670 .list_sub_tabs .sub_con {
	width: 670px;
}

.w980 {
	min-height: 308px;
	height: auto!important;
	_height: 308px;
	width: 960px;
	background: url(../images/list_bg02.gif) left 313px no-repeat;
}

.w980 .pic {
	width: 220px;
	height: 308px;
	background: url(../images/big_book_bg.png) top center no-repeat;
}

.w980 .info {
	width: 690px;
	height: 279px;
}

.w980 .list_sub_tabs,
.w980 .list_sub_tabs .sub_con,
.w980 .tabs_box .tabs_con {
	width: 980px;
}

.w980 .tabs_box,
.w980 .tabs_box ul {
	width: 720px;
}

.w980 .tabs_con .con {
	width: 960px;
}

.w980 .tabs_box .tabs_con {
	margin-left: -250px;
}

.w980 .tabs_box .list_sub_tabs ul {
	width: 970px
}

.w980 .info h4 {
	font-size: 18px;
	font-weight: 700;
}

.w980 .info span {
	color: #404243;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}

.w980 .info p.line {
	border: 1px solid #e8eaea;
	padding: 5px;
	min-height: 40px;
	font-size: 12px;
}

.w980 .info b {
	color: #e0600b;
}

.w980 .info a.icon {
	height: 20px;
	display: inline-block;
	margin: 0 10px 0 10px;
	vertical-align: middle;
}

.h70,
.w670 .h70 {
	min-height: 65px;
	height: auto!important;
	_height: 65px;
	background: url(../images/list_bg.gif) left 70px no-repeat;
}

.w670 .h70 {
	background: url(../images/list_bg03.gif) left 70px no-repeat;
}

.h70 .tips {
	height: 52px;
	width: 100px;
	margin-top: -5px;
}

.h70 .info h4 {
	font-size: 15px;
}

.h70 .info h4 span {
	font-size: 13px;
	color: #7f8284;
}

.h70 .info {
	height: 60px;
	padding: 0 10px 0 10px;
	width: 580px;
}

.w670 .h70 .info {
	width: 630px;
}


/*新加TAB样式*/

.tab {
	width: 980px;
}

.tab-title {
	height: 40px;
	font-size: 0;
	background-color: #f5f5f5;
	border-bottom:2px #712c1d solid;

}

.tab-title .item {
	display: inline-block;
	width: 210px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-size: 16px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.tab-title .item-cur {
	color: #fff;
	background-color: #712c1d;
}

.tab-cont {
	position: relative;
	background-color: #fff;
	width: 980px;
	height: auto;
	/*overflow: hidden;*/
}

.tab-cont__wrap {
	position: absolute;
}

.tab-cont .item {
	width: 980px;
	height: auto;
	text-align: center;
	color: #333;
}



.text_num{
	width:70px;
	height:25px;
}
.text_list{
	background:#fff;
	border:1px #d8dcdc solid;
	width:35px;
	height:25px;
}


/*新加提示样式*/

.help-tip{
	text-align: center;
    width: 15px;
    height: 15px;
    font-size: 14px;
    line-height: 15px;
    text-indent: 1px;
    margin-top: 5px;
    background: url(../images/icon.png) 2px 2px no-repeat;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.help-tip:before{
	/*content:'!';
	font-weight: bold;
	color:#fff;*/
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
	margin-top:20px;

}

.help-tip p{
	display: none;
	text-align: left;
	background-color: #3598cf;
	padding: 10px;
	position: absolute;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	width:200px;
	z-index:999;
}

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#3598cf;
	top:-12px;
	left:2px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}
