/* 
类型：财务后台公共样式库
作者：小简
日期：2017-09-02 10:15
心情：★★★☆☆
兼容：IE8+、-webkit-、-moz-
备注：此为公共样式需要优先引用
*/
html,body{
	/*前2是英文字体，之后分别是：设备默认字体、微软雅黑（PC）、苹果黑体（mac）、文泉驿微米黑、宋体、通用适配字体*/
	font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
	font-size: 14px;
	background-color: #f5f5f5;
}
ul,li {
	list-style:none;
	padding:0;
	margin:0;
}
input,select{ 
	outline:none;
}
h1,h2,h3,h4,h5,h6{ 
	font-weight:normal;
}
a{
	text-decoration: none!important;
}
/*清浮*/
.clear:after,.clearfixd:after{content:""; display:table; height:0; clear:both; font-size:0; visibility:hidden;}
.clear,.clearfixd{zoom:1; *+height: 1%;}

/*隐藏元素*/
.hidden,.hide{ display: none ;}
.show{ display: block; }

/*文字溢出省略号*/
.text-overflow{ white-space: nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis; overflow:hidden;}

/*左右浮动*/
.float-left{ float: left; }
.float-right{ float: right; }

/*透明度*/
.opacity-70{
	filter:alpha(opacity=70);
	-webkit-opacity:.7;
	-moz-opacity:.7;
	opacity:.7;
}

/*保留文本段落格式*/
.text-pre{
	white-space:pre-wrap; 
	*white-space: pre; 
	*word-wrap: break-word;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

/*取消select的右侧小三角按钮*/
.select{
appearance:none !important;
-moz-appearance:none;
-webkit-appearance:none;
}
.select-box{
	font-size: 14px;
	display: inline-block;
	height: 24px;
	line-height: 22px;
	border:1px solid #d3d3d3;
	border-radius:8px;
	background: url(../images/select_jt.jpg) no-repeat 80% center;
	background-size: 10px auto;
	background: none\0;
}
.select-box select.select{
	border:0;
	height: 24px;
	padding:0 22px 0 15px;
	padding:0 0 0 5px\0;
	width: 40px\0;
	border-radius:8px;
	background: transparent;
}
.my-input-style{
	font-size: 14px;
	display: inline-block;
	height: 24px;
	line-height: 22px;
	padding:0 9px;
	border:1px solid #d3d3d3;
	border-radius:8px;
}

/*bottstrap样式微调*/
.form-control,.input-group-addon{
	border-color:#d3d3d3 !important;
}
/*滚动条插件微调*/
.mCSB_container{
	margin-right: 0!important;
}
.mCSB_draggerContainer{
	display: none;
}

/*表格重定义*/
.my-table{
	width:100%;
	/*table-layout:fixed;*/
    border-collapse: collapse;
    border-spacing: 0; 
    border: 1px solid #d3e0e2;
	background:#fbfdfd;
	margin-bottom: 0;
}
.my-table th{
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	background: #e1e9eb;
	color: #595959;
	height: 40px;
}
.my-table td{
	padding:2px 10px;
	border:1px #d3e0e2 solid;
	border-width:  0 1px 1px 0;
	vertical-align:middle;
	height: 38px;
	/*white-space: nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis; overflow:hidden;*/
}
.my-table td.edittd{
	background: #31beff;
	color:#fff;
}
.my-table.my-table-mini th{
	border:1px #d3e0e2 solid;
	border-width: 0 1px 1px 0;
	background: #f0f6f8;
	color: #595959;
	height: 32px;
	font-size:14px;
	font-weight: normal;
}
.my-table.my-table-mini td{
	height: 18px;
	padding:0 10px;
	font-size:12px;
}
.t-20{width: 20%;}
.t-50{width: 50%; max-width: 400px;}
.t-15{width: 15%;}
/*媒体查询*/
/*iPad横板显屏*/
@media screen and (max-device-width: 1024px) and (orientation: landscape) {}
/*iPad竖板显屏*/
@media screen and (max-device-width: 768px) and (orientation: portrait) {}
/*设备尺寸小于480*/
@media screen (max-device-width: 480px) {  }
/*设备尺寸大于480*/
@media screen (min-device-width: 480px) {  }
/*窗口尺寸 大于480*/
@media only screen and (min-width: 480px) {  }
/*窗口尺寸 小于480*/
@media only screen and (max-width: 480px) {  }
/*窗口尺寸大于320 小于480*/
@media screen and (min-width: 320px) and (max-width: 480px) {  }
/*横屏*/
@media all and (orientation : landscape) {  }
/*竖屏*/
@media all and (orientation : portrait) {  } 


/*-------------------页面布局开始-----------------------*/
/*顶部导航开始*/
#tobar{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 60px;
	background: #333 url(../images/1_01.png) no-repeat left center;
	background-size: auto 100%;
	z-index: 5;
}
.logo{
	float: left;
	width: 190px;
	padding-top:10px;
	text-align: center;
}
.logo img{
	height: 40px;
}
.user-box{
	float: right;
}
.user-box .my-msg{
	float: right;
	margin-top:12px;
	height: 36px;
	line-height: 36px;
	padding:0 20px;
	border-radius:20px;
	font-size: 14px;
	color: #285b90;
	background-color: #fff;
	position: relative;
}
.user-box .my-msg .range{
	position: absolute;
	top:-4px;
	right: -6px;
	padding:3px 5px;
	background-color: #ff4949;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	border-radius:20px;
}
.user-box .my-info{
	float: right;
	margin-top:21px;
	margin:0 40px;
}
.user-box .my-head{
	float: left;
	width: 40px; 
	height: 40px; 
	margin-right: 16px;
	margin-top:10px;
}
.user-box .my-head img{
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.user-box .my-name{
	float: left;
	margin-top:15px;
	color: #fff;
	line-height: 1.2;
}
/*顶部导航结束*/

/*左侧菜单开始*/
#leftmenu{
	position: fixed;
	top:0;
	left:0;
	width: 190px;
	height: 100%;
	padding-bottom:90px;
	padding-top:60px;
	background: #3286d4 url(../images/1_04.png) no-repeat center bottom;
	z-index: 1;
}
.menu-box{
	height: 100%;
	padding-top:26px;
	overflow-y: auto;
}
.menu-foot{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	text-align: center;
	color: #98adcb;
	padding-top:20px;
}
.menu-foot .version{
	display: inline-block;
	line-height: 1.8;
	color: #98adcb;
	padding-left: 24px;
	background: url(../images/1_23.png) no-repeat left center;
}
/*一级菜单*/
.menu-icon{
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin-right: 24px;
	filter:alpha(opacity=50);
	-webkit-opacity:.5;
	-moz-opacity:.5;
	opacity:.5;

}
.menu-icon.icon-1{background: url(../images/8_per.png) no-repeat center center;background-size:22px 22px;}
.menu-icon.icon-2{background: url(../images/2_per.png) no-repeat center center;background-size:22px 22px;}
.menu-icon.icon-3{background: url(../images/7_per.png) no-repeat center center;background-size:22px 22px;}
.menu-icon.icon-4{background: url(../images/3.png) no-repeat center center;background-size:22px 22px;}
.menu-icon.icon-5{background: url(../images/9_per.png) no-repeat center center;background-size:22px 22px;}
.menu-icon.icon-6{background: url(../images/5_per.png) no-repeat center center;background-size:22px 22px;}
.menu-icon.icon-7{background: url(../images/6_per.png) no-repeat center center;background-size:22px 22px;}
a.menu-site{
	display: block;
	height: 54px;
	line-height: 54px;
	padding-left:35px;
	font-size: 16px;
	color: #ccdced;
}
.active.menu-site{ 
	color:#fff; 
	background: #2d7ec8;
}
/*子菜单*/
.person-box{
	display: none;
	padding-bottom:20px;
	background: #2d7ec8;
}
.active.person-box{
	display: block;
}
.person-box a{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	padding-right: 30px;
	text-align: right;
	color: #afccea;
	position: relative;
}
.person-box a.active:before{
	content: "";
	width: 3px;
	height: 20px;
	position: absolute; 
	left:0;
	top:10px;
	background: #fff;
}
.person-box a.active{
	color: #fff;
	border-color:#fff;
}
.check-more{
	display: inline-block;
	vertical-align: middle;
	margin-left:15px;
	width: 14px;
	height: 14px;
	background: url(../images/1_42.png) no-repeat center center;
	filter:alpha(opacity=50);
	-webkit-opacity:.5;
	-moz-opacity:.5;
	opacity:.5;
}
.active .menu-icon,.active .check-more{
	filter:alpha(opacity=100);
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
}
/*左侧菜单结束*/


/*右侧编辑主容器*/
#container{
	width: 100%;
	padding: 70px 10px 10px 200px;
}
#container #content{
	/*padding-top:10px;*/
	width: 100%;
	min-height: 500px;
	background-color:#fff;
	border-radius:10px;
}
/*通用标题*/
.page-title{
	margin-top: 0;
	margin-bottom: 0;
	border-left:6px solid #3286d4;
	height: 30px;
	line-height: 30px;
	padding-left:10px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.content-box{
	padding:0 30px;
	padding-top:0;
}

/*底部固定栏*/
#footer{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding-left:190px;
	background:#3A65A2;
	font-size:12px;
	line-height:24px;
	color:#ccdced;
} 
#footer .footer-txt{
	padding:0 20px;
}
#footer a{
	color:#ccdced;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer span{ padding-left:5px;}




/*表格样式*/
.br-table thead th{
	border-bottom-width: 1px !important;
	background: #f5f8fb;
	font-weight: normal;
	cursor: pointer;
}
.br-table>tbody>tr>td, .br-table>tbody>tr>th, .br-table>tfoot>tr>td, .br-table>tfoot>tr>th, .br-table>thead>tr>td, .br-table>thead>tr>th{
	vertical-align: middle;	
}
.br-table tbody tr.active td{
	background: #00aeff;
	color: #fff;
}
.br-table tbody tr.active td a{
	color: #000;	
}
.br-table tbody td{
	font-size: 12px;
}
.br-table tbody td a{
	margin-right: 2px;
}

/*表格分页*/
.page-number{
	float: right;
	color:#7e7e7e;
	font-size: 14px;
	text-align: right;
}
.page-number span{
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	line-height: 30px;
	padding:0 9px;
	border:1px solid #d3d3d3;
	border-radius:8px;
	margin-left: 8px;
	vertical-align: middle;
}
.page-number i{
	font-style: normal;
}
.page-number span.cursor-btn{
	font-size: 18px;
	line-height: 22px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 28px;
}
.page-number span.cursor-btn:hover{
	background: #e4f5ff;
	border-color:#00a2ff;
	color: #00a2ff
}
.page-number span.cursor-btn:active{
	background: #00a2ff;
	border-color:#00a2ff;
	color: #fff
}
.page-number .select-box{
	padding:0;
}
.page-number .number-box input{
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 8px;
	vertical-align: middle;
}


/*bootstrap表单样式重置*/
.form-control{
	border-radius: 5px;
}
.max-select.form-control{
	width: 256px !important;
}
.min-select.form-control{
	width: 160px !important;
}
.btn{
	padding-left: 20px;
	padding-right: 20px;
}
.btn-primary{
	background: #00aeff;
	border-color: #00aeff;
}
.btn-primary:hover{
	background-color: #00a7f5;
	border-color: #00a7f5;
}
.btn-primary:focus,.btn-primary:active,.btn-primary:visited,.btn-primary:focus:active,.btn-primary:focus:visited{
	background: #0099e0;
	border-color: #0099e0;
}
.form-group .form-control{
	margin-right: 10px;
	margin-bottom: 12px;
}
.form-group .form-control:last-child{
	margin-right: 0;
}
label{
	line-height: 32px;
	vertical-align: top;
	margin-right: 10px;
	font-weight: normal;
}
.input-daterange .form-control:last-child{
	border-radius: 5px !important;
}

.icon-search{
	width: 13px;
	height: 14px;
	display: inline-block;
	background: url(../images/search.png) no-repeat center center;
	vertical-align: middle;
	margin-right: 5px;
}