﻿@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2009-4-10
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 框架公用样式文件
*************************************/
/*引入jquery-ui的css，目前使用其中的日期控件*/

body {
	background:#FFF;
	background-attachment:fixed;
	background-image:none;
	background-position:center center;
	background-repeat:no-repeat;
	color:#000;
	font-family:"宋体",Arial;
	font-size:12px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
/* 重置 */
div, form, p, i, img, ul, li, ol, dl, dt, dd, table, tr, td, th, fieldset, label, legend, select, button, input {
	margin:0;
	padding:0;
}
p,li,div{/* add */
	line-height:20px;
}
/* 标题样式 */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
/* 列表样式 */
ul, ol, li, dl, dt, dd {
	list-style:none;
}
/* 图片样式 */
img, a img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}
.ss_k1{ width:299px; float:left}
.ss_bn{ width:38px; float:left}
.input_ss{ height:28px; line-height:28px; padding-left:10px; border:2px solid #e56660; width:285px; margin-right:0px}
.input_subit{ background:url(/images/bottom.jpg); padding:0px; margin:0px; height:32px; border:0px; width:38px;}
/* 链接样式 */
a:link {
	color:#454545;
	text-decoration:none;
}
a:visited {
	color:#454545;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
	text-decoration:none;
}
a:active {
	color:#454545;
	text-decoration:none;
}
/** 图片链接效果 **/
.pic a {
	padding:4px;
	border:1px solid #e6e7e7;
	display:inline-block;
}
.pic a:hover {
 	border:1px solid #F60;
	background:#fff4ce;
	display:inline-block;
}

/**字体颜色**/
.fontred{
	color:#f00;
}
.fontgray{
	color:#999;
}
.fontblack{
	color:#000;
}
/**输入框颜色样式**/
.input-gray{
	color:#999;
}
.input-black{
	color:#000;
}
/*浮动*/
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.floatNone {
	float:none;
}
/* 清除浮动 */

.clearBoth {
	clear:both;
	/*控制分类后，各行高度不一样对不齐问题*/
	width:100%;
	height:1px;
	font-size:0;
	overflow:hidden;
	/*控制分类后，各行高度不一样对不齐问题*/
	line-height:0;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:Right;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
	/*content: ".";  兼容ie8 */
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* 页面宽度 */
.pageWidth {
	height:auto;
	margin:0 auto;
	width:1002px;
}
/* 栏目默认间距设置 */
.columnSpace {
	padding:0 0 5px;
}
/* 面包屑 */
.breadcrumb {
	clear:both;
	padding:5px 5px;
}
/**时间控件背景样式**/
.date-ico {
	background:url(/images/common/time/icon-time.gif) right 50% no-repeat!important;
}
/* 列表分列 */
.column-num1 {
	width:100%;
}
.column-num2 {
	width:47%;
}
.column-num3 {
	width:30%;
}
.column-num4 {
	width:22%;
}
.column-num5 {
	width:17%;
}
.column-num6 {
	width:14%;
}
/* 页面提示 */
.text-oper {
	float:left;
	/*margin-left:8px;*/
}
.text-tip {
	float:left;
	margin:0 0 0 10px;
}
.text-tip span {
	line-height:15px;
}
.text-oper span, .text-tip span {
	width:auto!important;
	word-break:break-all;
}
.text-tip .tip-default {
	color:#999;
}
.text-tip .tip-remind {
	color:#000;
}
.text-tip .tip-ok {
	background:url(/images/common/tip/ok.gif) left top no-repeat;
	color:#3bae47;
	padding-left:20px; 
	display:inline-block;
}
.text-tip .tip-error {
	background:url(/images/common/tip/error.gif) left top no-repeat;
	color:#e60012;
	padding-left:20px;
	display:inline-block;
}
/** 输入框 **/
.input {
	border:1px solid #ddddde;
	height:18px;
	line-height:18px;
	padding:0 2px;
}
/** 输入框 宽度 **/
.input-width {
	width:200px;
}
/** 输入框 鼠标滑过 **/
.input-up {
	border:1px solid #06c;
}
/* 页面跳转及翻页样式*/
.pageJump {
	width:100%;
	text-align:left;
	line-height:20px;
	overflow:hidden;
	clear:both;
	padding:10px 0;
}
.pageJump a {
	color: #000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-right: 2px;
	border: 1px solid #8db5d7;
	text-decoration: none;
}
.pageJump a:hover {
	margin-right: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #FF0000;
}
.pageJump a:active {
	margin-right: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #FF0000;
}
.pageJump span.current {
	margin-right: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #e89954;
	font-weight: bold;
	color: #000;
	background-color: #e89954;
}
.pageJump span.disabled {
	color: #ccc;
	margin-right: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #ccc;
}
.textInput {
	width:25px;
	color: #000;
	border: 1px solid #8db5d7;
}
.pgbtn {
	border: 1px solid #CCC;
	padding-right: 2px;
	padding-left: 2px;
	line-height:18px;
	height:18px;
	background-image: url(/images/common/btnbg.jpg);
	background-repeat: repeat-x;
}
/**1**/

.pageJump .totalcount {
	float:left;
}
/**2**/
.pageJump .number {
	float:right;
}
.pageJump .number a {
	float:left;
	height:15px;
	line-height:15px;
	color:#666!important;
	text-decoration:none;
	border:1px solid #d3d3d4;
	background:url(/images/common/skip-page/bgpage-01.gif) 0 -58px repeat-x;
}
.pageJump .number a:hover {
	color:#0068cc!important;
	border:1px solid #34a7db;
	background:url(/images/common/skip-page/bgpage-01.gif) 0 -87px repeat-x;
}
.pageJump .number span {
	float:left;
	height:15px;
	line-height:15px;
}
.pageJump .number .current, .pageJump .number .disabled {
	color:#0068cc!important;
	border:1px solid #34a7db;
	background:url(/images/common/skip-page/bgpage-01.gif) 0 -87px repeat-x;
}
/**amount**/
.pageJump .amount {
	float:left;
}
.pageJump .amount .num {
	float:left;
	padding-right:5px;
}
.pageJump .amount a {
	float:left;
	height:15px;
	line-height:15px;
	color:#666!important;
	text-decoration:none;
	border:1px solid #d3d3d4;
	background:url(/images/common/skip-page/bgpage-01.gif) 0 -58px repeat-x;
}
.pageJump .amount a:hover, .pageJump .amount .currentpagepize {
	color:#0068cc!important;
	border:1px solid #34a7db;
	background:url(/images/common/skip-page/bgpage-01.gif) 0 -87px repeat-x;
}
/**total**/
.pageJump .total {
	float:right;
}
/**jump**/
.pageJump .jump {
	float:right;
	height:20px;
	line-height:20px;
}
.pageJump .jump .pgbtn {
	font-size:12px;
	font-weight:normal;
	color:#06c;
	padding:0;
	height:18px;
	line-height:13px;
	margin-bottom:5px;
	cursor:pointer;
	vertical-align:middle;
	border:1px solid #98e5f7;
	background:url(/images/common/bgbtn-01.gif) 0 0 repeat-x;
}
/**table**/
.tablestyle {
	width:100%;
}
/** 操作提示 **/
.oper-tips {
	clear:both;
	width:100%;
	margin:10px 0;
	text-align:center;
	height:32px;
}
.oper-tips img {
	width:32px;
	height:32px;
	vertical-align:middle;
}
.oper-tips span {
	margin-left:10px;
	font-weight:bold;
	vertical-align:middle;
	display:inline-block;
	line-height:32px;
}
/**** 成功，没有相关信息操作提示 ****/
.success,.noinfo {
	width:100%;
	margin:0 auto;
	text-align:center;
	clear:both;
}
.success p,.noinfo p {
	height:32px;
}
.success p img,.noinfo p img {
	width:32px;
	height:32px;
	vertical-align:middle;
	/* float:left; */
}
.success p span,.noinfo p span {
	/* float:left; */
	text-align:left;
	margin-left:10px;
	font-weight:bold;
	vertical-align:middle;
	/* display:block; */
	line-height:32px;
}
/* 组件内翻页样式 */
.pages-flip  {
	padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center;font-size:12px;
}
.pages-flip  a {
	border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000099; padding-top: 2px; border-bottom: #fff 1px solid; text-decoration: underline;font-size:12px;
}
.pages-flip a:hover {
	border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #000; border-bottom: #000099 1px solid;font-size:12px;
}
.pages-flip a:active {
	border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #f00; border-bottom: #000099 1px solid;font-size:12px;
}
.pages-flip a.current {
	border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000; padding-top: 2px; border-bottom: #fff 1px solid; background-color: #fff;
}
.pages-flip span.disabled {
	border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid;
}
/*进度条*/
.dialog-waiting {
	background-image: url(/images/common/loading.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 160px;
	margin:15px auto 0;
	text-align:center;
	background-position: center center;
}
/*公用部分头部效果*/
#box_header_sub1{width:100%; background:#f7e1e4; overflow:hidden}
#box_header_sub1 div{ width:100%; margin:0px auto} 
#box_header_sub1 li { width:248px; list-style-type:none; float:left; margin-right:2px}
#box_header_sub2{width:1002px; margin:30px auto 10px; height:85px;}
#box_header_sub3{width:100%; background:#666666; height:38px; line-height:38px;}
#box_header_sub3 div{ width:1002px; margin:0px auto; }
#box_header_sub3 li{ list-style-type:none; float:left; margin:0px 10px}
#box_header_sub3 li a{ color:#fff; font-size:14px; font-weight:bold; line-height:38px;  text-decoration:none; display:block; padding:0px 10px}
#box_header_sub3 li a:hover{ color:#fff; font-size:14px; font-weight:bold; line-height:38px;  text-decoration:none; background:#ff7b76; height:38px}
#box_header_sub3 span{ float: right; line-height:38px;  background:#ff7b76; height:38px; width:210px;}
#box_header_sub3 span a{ color:#fff;font-size:14px; font-weight:bold; text-decoration:none}
#box_header_sub2_sub1{float:left;width:165px; display:inline}
#box_header_sub2_sub2{float:left;margin-left:15px;width:245px;  }
#box_header_sub2_sub3{float:right !important;margin-right:20px;width:340px; padding:0; }
#box_header_sub2_sub4{float:right;width:200px;}
#box_header_sub2_sub3_sub1{ text-align:center;margin:0; padding:0 }
#box_header_sub2_sub3_sub1 a{ font-weight:bold; padding-right:6px;}
#box_header_sub2_sub3_sub2{width:100%; text-align:left; padding-top:10px}


/*公用部分底部效果*/
#box_footer{
	width: 100%;
	 margin-top:10px;
}
#box_footer_sub1{width:100%; height:100px;border-top:1px solid #fff; border-bottom:none; overflow:hidden; padding:25px 0px; background:url(../images/a.jpg) repeat-x}
#box_footer_sub2{width:100%; height:36px; line-height:36px }
#box_footer_sub1_sub1{float:left;width:300px; border-right:1px solid #dedede}
#box_footer_sub1_sub2{float:right;width:675px;margin-top:0px}
#box_footer_sub1_sub2_sub1{width:100%; text-align:left; line-height:24px; color:#666}
#box_footer_sub1_sub2_sub2{width:100%; height:22px; line-height:20px; margin-top:0px; text-align:left;line-height:24px; color:#666}



/*公用弹出窗口效果*/
.tanchu{ overflow:hidden;border:1px solid #000000; }
.tanchu .top{ height:35px; line-height:35px; background:#666666;}
.tanchu .top .left{ float:left; width:80px; height:35px; line-height:35px; text-align:left; padding-left:20px; font-size:14px; font-weight:bold;color:#fff;}
.tanchu .top .right{ float:right; color:#fff; height:35px; line-height:35px; margin-right:18px}
.tanchu .top .right a{color:#fff; }
.tanchu .content{ padding:20px; background:#fff; text-align:left;}
.tanchu .title{ font-size:14px; font-weight:bold; text-align:center}
.tanchu  a.bnt_tanchu{ background:#f4f4f4; text-align:center; padding:2px 18px;border:1px solid #dcdcdc; height:20px; margin-left:10px}

/*面包屑*/
.mbx{ height:32px; line-height:32px; margin:-20px auto 10px; text-align:left; color:#666}
.mbx .title{ font-family:微软雅黑,黑体; font-size:18px; font-weight:bold; color:#333 }
.mbx a{ #666}


/*主导航菜单*/
#nav-menu{height:37px;margin:0 auto; position:absolute; z-index:9999}
#nav-menu .container{position:relative;overflow:visible; z-index:99; margin:0; padding:0}
#nav-menu .menu{padding:0;}
#nav-menu .menu li{position:relative;float:left;padding:0 ;display:inline;font-size:14px; padding:0; margin:0}
#nav-menu .menu li a.xialaguang{ background:none;display:block;color:#FFF;height:36px;text-decoration:none;font-size:14px;width:110px;text-align:center; margin:0; padding:0;border-right:1px solid #666;border-left:1px solid #666}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#454545; margin:0; padding:0; border-left:1px solid #666; border-top:2px solid #666; border-right:1px solid #666}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{background-color:#FFF;}
#nav-menu .menu li a.xialaguang span{height:30px;line-height:25px;display:inline-block;font-weight:bold;}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:130px;}
#nav-menu .menu ul.children{display:none;position:absolute;top:37px;left:0px;width:130px;background:#FFF;border:1px solid #666;border-top:0;line-height:normal;}
#nav-menu .menu ul.children li{width:130px;padding:0px;display:inline-block;font-size:12px;}
#nav-menu .menu ul.children .img2{ width:130px;padding:0px;font-size:12px; text-align:center; clear:both; overflow:hidden; display:block; margin-bottom:5px}
#nav-menu .menu ul.children .img2 img{padding:0px;font-size:12px; text-align:center; clear:both; overflow:hidden; margin-top:10px}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{height:20px;line-height:20px;overflow:hidden;padding:3px 0; padding-left:20px;display:block;color:#000;text-align:left;
text-decoration:none; font-size:12px; font-weight:normal}
#nav-menu .menu ul.children li a:hover{background-color:#eee;text-decoration:none;}

/*一定高度后下移*/
