@charset "utf-8";
/* CSS Document */
.bg_box-warp{ position: fixed; _position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.bg_box{ position:fixed; _position:absolute; line-height:150%; top:35%; left:50%; /*width:50%;*/ margin-left:-25%; height:auto; padding:15px; background:rgba(0,0,0,.8); z-index:1000; border-radius:5px; color:#FFF; font-size:14px; animation:mytoup .4s ;-webkit-animation:mytoup .4s;}
.text_mid tbody tr td, .text_mid tbody tr th{ vertical-align:middle !important;}
.text_mid tbody tr th{ text-align:right;}
.my_tab{ width: 100%;border-collapse: collapse; }
.my_tab tbody tr th, .my_tab tbody tr td{ padding: 5px;}
.fieldSet { display: block; position: relative; float: left;}
.error{ padding: 5px; color: red;  float: left;}
.fieldSet label label.error{ float: left; padding:0; color: red; position: absolute; right:-40px; top:0; }


@keyframes mytoup
{
from {top:43%; background:rgba(0,0,0,0); color:rgba(255,255,255,0);}
to {top:35%; background:rgba(0,0,0,.5); color:rgba(255,255,255,1);}
}
@-webkit-keyframes mytoup
{
from {top:43%; background:rgba(0,0,0,0); color:rgba(255,255,255,0);}
to {top:35%; background:rgba(0,0,0,.5); color:rgba(255,255,255,1);}
}

/*.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th*/

.text_mid tbody tr td, .text_mid tbody tr th{ vertical-align:middle !important;}
.text_mid tbody tr th{ text-align:right;}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}

/*-
-----login-*/
.login-top-bg{ background:url(../images/login-bg_2.png) top center repeat-x; height:374px; width:100%; min-width:1020px;}
.login-box{ width:513px; height:280px;}
.login-box-2{ left:50%;top:50%; margin-left:-257px; margin-top:-145px; background:#f8f8f8; border:1px solid #dedede; /*height:500px;*/ width:513px; border-radius:7px;}
.login-top{}
.login-iput-box{ width:450px; margin:0 auto; padding-top:10px;}
.login-iput-box li{ padding-top:15px;}
.login-iput{ border:1px solid #dedede; width:394px; height:35px; border-radius:7px; padding-left:50px; font-size:13px;}
.login-iput-box li span.login-iput-icon-1{background:#FFF url(../images/login-1.png) 20px 8px no-repeat; display: block; width: 45px; height: 35px; position: absolute; top:16px; left: 2px; border-radius:7px;}
.login-iput-box li span.login-iput-icon-2{background:#FFF url(../images/login-2.png) 20px 8px no-repeat; display: block; width: 45px; height: 35px; position: absolute; top:16px; left: 2px; border-radius:7px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.check-box{ padding-left:26px; display:block; height:20px; line-height:20px; color:#747474; position:relative;}
.check-box i{ display:block; position:absolute; top:2px; left:0; width:18px; height:18px; background:url(../images/checkbox.png) no-repeat;}
.check-box i.current{ background-position:-21px 0;}
.l-login-btn{ border:none; height:35px; line-height:35px; text-align:center; width:80px; background:#ff6500; font-size:16px; color:#FFF; border-radius:5px; cursor:pointer;}
.l-login-btn:hover{background:#e05901;}
.bottom-a p{ font-weight:bold; color:#747474; font-size:12px;}
.bottom-a p a{ padding:0 10px;color:#747474; font-weight:500;}

.login_logo{ width:250px; height:41px; background:url(../images/logo_2.png) no-repeat;}
.bg_l{ width:327px; height:373px; background:url(../images/bg_l.png) no-repeat; float:left;}
.bg_r{ width:327px; height:373px; background:url(../images/bg_r.png) no-repeat; float:right;}




/*-header-*/
header{ background:#ff6500; height:56px; width:100%;}
.logo{ width:111px; height:27px; margin:15px 0 0 47px; float:left;}
header h3{ color:#FFF; font-size:18px;}
.admin_box{ float:right; min-width:210px;}
.msg_btn{ display:block; width:26px; height:30px; background: url(../images/icon.png) no-repeat; margin-top:13px; margin-right:50px; float:left;  position:relative;}
.accounts_box{ float:left; margin-right:47px; position:relative; cursor:pointer;}
.accounts_img{ float:left;display:block; width:31px; height:31px; background:url(../images/icon.png) -52px 0 no-repeat; margin-top:12px;}
.msg_btn i{ display:block; position:absolute; width:22px; height:22px; background:#ff3000; font-size:12px; text-align:center; line-height:22px; color:#FFF; border-radius:50%; top:-8px; right:-10px; font-weight:bold;}
.name_box{ float:left; display:block; font-size:18px; color:#FFF; margin-top:13px; margin-left:5px;}
.uo_icon{ display:inline-block; position:absolute; top:24px; right:-16px; width:11px; height:7px; background:url(../images/icon.png) -357px -257px no-repeat;}

.a_up_box{ width:126px; position:absolute; top:5px; left:-9px; padding-top:51px; border:1px solid #da5702; background:#f36102; z-index:100; border-radius:5px;}
.a_up_box a{ color:#FFF; display:block; height:35px; line-height:35px; font-size:16px; text-align:center; background:#fd6501;}
.a_up_box a:hover{ color:#FFF; background:#f89350;}

/*--sidebar-*/
.sidebar_box{ width:207px; border-right:1px solid #eaeaea; background:#f7f7f7; height:100%; /*padding-top:67px;*/}
.sidebar_menu_box{ width:100%;}
.sidebar_menu{ height: auto; position:relative; border-top:1px solid #eaeaea;}

.menu_folat{ position:absolute; top:0; left:44px; width:200px; /*height:100px;*/ height:auto; background:#f7f7f7; border:1px solid #EAEAEA; z-index: 10000;}
.menu_folat:after {
content: "";
display: block;
height:44px;
width:2px;
 background:#f7f7f7;
 position:absolute;
 left:-2px; top:0;
}


.sidebar_menu p{ font-size:16px; height:44px; line-height:44px; padding-left:48px; margin-bottom:0; color:#545454; position:relative; cursor:pointer;}
.sidebar_menu p span{ display:block; width:18px; height:18px; position:absolute; top:13px; left:18px; background:url(../images/icon.png) -350px 0 no-repeat;}
.sidebar_menu p.si_icon_1 span{}
.sidebar_menu p.si_icon_1 i{display:block; width:18px; height:18px; position:absolute; top:13px; right:18px; background:url(../images/icon.png) no-repeat;background-position:-332px -27px;}
.sidebar_menu p.si_icon_1 i.up_icon{ background-position:-332px 0;}
.sidebar_submenu{background:#f0eeee;}
.sidebar_submenu a{height:44px; line-height:44px; cursor:pointer; border-bottom:1px dotted #dbdada; padding-left:66px; font-size:14px; color:#545454; position:relative; border-left:2px solid #f7f7f7; display:block;}
.sidebar_submenu a span{ display:block; position:absolute; width:14px; height:18px; top:12px; left:46px; background:url(../images/icon.png) -354px -87px no-repeat;}
.sidebar_submenu a.current{ background:#FFF; border-left:2px solid #ff6500; color:#ff6500;}
.sidebar_submenu a.current span{ background-position:-354px -54px}
.sidebar_menu p.si_icon_2 span{background-position:-350px -27px}

/*-主体-*/
.main_box{padding-left:208px; margin-right:0;}
.breadCrumb{ height:46px; background:#f7f7f7; padding-left:19px; font-size:16px;}
.breadCrumb a{color:#ff6500; height:46pxp; line-height:46px; float:left;}

.breadCrumb a.home{ display:block; float:left; height:46pxp; line-height:46px; padding-left:34px; color:#ff6500; position:relative;}
.breadCrumb a:hover, .breadCrumb a.home:hover{color:#ff6500; text-decoration:underline;}
.breadCrumb a.home i{ display:block; width:17px; height:14px; position:absolute; top:17px; left:10px; background:url(../images/icon.png) -95px 0 no-repeat;}
.breadCrumb b{ display:block; height:46pxp; line-height:46px; float:left; color:#a6a6a6; padding:0 10px; font-family:"宋体";}
.breadCrumb span{ color:#545454; height:46pxp; line-height:46px; float:left;}
.main_border{ margin:19px; border:1px solid #e9ecef; border-radius:5px;}

/*--搜索区
------------*/
.search-box{ /*height:52px; */ background:#f7f7f7; padding:14px 0 0 28px;  box-sizing: content-box;}
.search-box span{ display:block; margin-bottom:14px; float:left; height:32px; line-height:32px; font-size:14px; color:#545454; padding:0 8px;}
.search-input{ outline: none; font-size:14px; box-sizing: content-box; width:90px; height:30px; padding:0 45px 0 10px; background:#FFF url(../images/date_icon.png) right no-repeat; border:1px solid #d1d5d9; border-radius:7px; float:left; margin-bottom:14px;}
.text-input{outline: none; box-sizing: content-box; height:30px; line-height:30px; padding:0 10px; background:#FFF; border:1px solid #d1d5d9; border-radius:7px; float:left; font-size:14px; margin-bottom:14px;}
.w100{ width:100px;}
.w196{ width:196px;}
.w150{ width:150px;}
.btn-search{ width:80px; height:32px; background:#ff6500; color:#FFF; font-size:14px; border:none; border-radius:7px; float:left;  margin-bottom:14px; margin-left:10px;}
.btn-search:hover{ background:#e95e03;}
.btn-down{width:80px; height:32px; background:#fff; color:#ff6500; font-size:14px; border:1px solid #fbb181; border-radius:7px; float:left;  margin-bottom:14px; margin-left:10px;}
.btn-down:hover{ background:#fde8da;}

/* ---------- Pagination ---------- */
div.xxPagination div, div.xxPagination span, div.xxPagination a, div.xxPagination button{box-sizing:content-box;}
div.xxPagination {
	height: 20px;
	float: right;
	padding: 10px 0px;
	box-sizing:content-box;
}
div.xxPagination a, div.xxPagination span {
	height: 18px;
	line-height: 18px;
	display: inline;
	float: left;
	margin-left: 3px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	outline: none;
	blr: expression(this.hideFocus = true);
}

div.xxPagination a {
	padding: 0px 5px;
	border: 1px solid #cccccc;
}

div.xxPagination a:hover {
	border: 1px solid #fd6d01;
	text-decoration: none;
}

div.xxPagination a.previousPage {
	width: 18px;
	padding: 0px;
	background: url(../images/list.gif) 0px -180px no-repeat;
}

div.xxPagination span.previousPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/list.gif) -30px -180px no-repeat;
	
}

div.xxPagination a.nextPage {
	width: 18px;
	padding: 0px;
	background: url(../images/list.gif) 0px -210px no-repeat;
}

div.xxPagination span.nextPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/list.gif) -30px -210px no-repeat;
}

div.xxPagination a.firstPage {
	width: 18px;
	padding: 0px;
	background: url(../images/list.gif) -60px -180px no-repeat;
}

div.xxPagination span.firstPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/list.gif) -90px -180px no-repeat;
}

div.xxPagination a.lastPage {
	width: 18px;
	padding: 0px;
	background: url(../images/list.gif) -60px -210px no-repeat;
}

div.xxPagination span.lastPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/list.gif) -90px -210px no-repeat;
}

div.xxPagination .currentPage {
	padding: 0px 5px;
	color: #fd6d01!important;
	font-weight: bold;
	cursor: default;
	border: 1px solid #fd6d01;
	background-color: #ffede1;
}

div.xxPagination .pageBreak {
	padding: 0px 5px;
	color: #3366cc;
	cursor: default;
}

div.xxPagination .pageSkip {
	vertical-align: middle;
	padding: 0px 3px;
	color: #666666;
}

div.xxPagination .pageSkip input {
	width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0px 5px;
	text-align: center;
	vertical-align: top;
	*vertical-align: middle;
	ime-mode: disabled;
	border: 1px solid #cccccc;
}

div.xxPagination .pageSkip button {
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 5px;
	vertical-align: top;
	*vertical-align: middle;
	cursor: pointer;
	outline: none;
	blr: expression(this.hideFocus = true);
	border: none;
	background: url(../images/list.gif) -120px -210px no-repeat;
}