/*--------------------------------------------------
    [组件样式]
----------------------------------------------------*/
body, button, input, select, textarea{
	font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
}

.redstar{
	padding-right: 2px;
	font-size:20px;
	color:red;
	vertical-align:middle;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}

/*label*/
.clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; overflow:hidden; } .clearfix { zoom:1; }
.clearfix2:before, .clearfix2:after { content:""; display:table; } .clearfix2:after { clear:both; overflow:hidden; } .clearfix2 { zoom:1; }
.form_box{
	background:#fff;
	border:1px solid #ddd;
	padding:20px;
	margin-bottom:10px;
}
.form-element-group{
	width:100%;
	padding:8px 0px;
}
.form-element-group > label{
	width:100px;
	float:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:0;

}
.form-element-group > .form-element-label{
	line-height: 24px;
  	padding: 5px 0;
	box-sizing:border-box;
	margin-bottom:0;
	position:relative;
	padding-left:10px;
}
.form-element-group > .form-element-label .im-ico{
	font-size:12px;
	position:absolute;
	right:-1px;
	top:10px;
}
.form-element-group > .form-element{
	margin-left:105px;
	position:relative;
}

.form-element-group > .form-element .text-panel{
	width:100%;
	line-height:24px;
	padding:5px 7px;
	background:#fdfdfd;
	color:#222;
	border:1px solid #BCBCBC;
	box-sizing:border-box;
	word-break: break-all;
}
.form-element-group > .form-element .text-panel.noborder{
	border: 0px;
}
 
.blank_box > .form-element-group > .form-element .text-panel{
	border:0px;
	padding:0;
	line-height:16px;
	min-height:16px;
}

.form-element-group > .form-element > .input-group{
	width:100%;
}

.form-element-group > .form-element .md-checkbox-inline,
.form-element-group > .form-element .md-radio-inline{
	margin:0;
	padding-top:7px;
}
.form-element.inlne-date .input-group{
	width:50%;
	box-sizing:border-box;
	float:left;
}
.form-element.inlne-date .input-group:first-child{
	padding-right:2px;
}
.form-element .radio-list,.form-element .checkbox-list{
	line-height:24px;
	/* padding:5px 0; */
}
.table-toolbar{
	margin-bottom:0px;
}


.portlet.box.default{
  border: 1px solid #e5e5e5;
/*   border-top: 0; */
}
.portlet.box.default > .portlet-title {
  background-color: #f5f5f5;
/*   border-top: 1px solid #e5e5e5; */
  border-bottom: 1px solid #e5e5e5;
  box-sizing:border-box;
}
.portlet.box.default > .portlet-title > .caption {
  color: #666;
}
/* .portlet.box.default > .portlet-title > .tools > a.collapse { */
/* 	background:url(/_upload/tpl/0f/93/global/img/portlet-collapse-icon.png); */
/* } */
/* .portlet.box.default > .portlet-title > .tools > a.config { */
/*   background-image:url(/_upload/tpl/0f/93/global/img/portlet-config-icon.png); */
/* } */
/* .portlet.box.default > .portlet-title > .tools > a.reload { */
/*   background-image:url(/_upload/tpl/0f/93/global/img/portlet-reload-icon.png); */
/* } */
/* .portlet.box.default > .portlet-title > .tools > a.remove { */
/*   background-image:url(/_upload/tpl/0f/93/global/img/portlet-remove-icon.png); */
/* } */
.portlet-title > .actions > .btn-icon-only{
	width:27px;
	height:27px;
}
.label-selcetbox{
	width:100%;
}
.label-selcetbox > a{
	display:block;
	float:left;
	line-height:34px;
	box-sizing:border-box;
	width:120px;
	margin:2px;
	padding:0 8px;
	position:relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.label-selcetbox > a.selcetbtn:link,
.label-selcetbox > a.selcetbtn:visited{
	color:#555;
	background:#fff;
	border:1px solid #ccc;
}
.label-selcetbox > a.selcetbtn:hover{
	text-decoration:none;
	color:#444;
	background:#fff;
	border:1px solid #aaa;
	box-shadow:0 1px 1px rgba(0,0,0,0.10);
}
.label-selcetbox > a.active:link,
.label-selcetbox > a.active:visited{
	color:#444;
	background:#eee;
	border:1px solid #ccc;
}
.label-selcetbox > a.active:hover{
	text-decoration:none;
	background:#ddd;
}
.label-selcetbox > a > .fa{
	display:block;
	font-size:12px;
	line-height:18px;
	height:18px;
	position:absolute;
	top:50%;
	margin-top:-9px;
	right:5px;
}
/*图片组件*/
/*----------------图片组件----------------*/
.img-grid{
	width:100%;
}
.img-grid > ul{
	margin:0; padding:0;
	width:100%;
	font-size:0;[;font-size:12px;];*font-size:0;font-family:arial;[;letter-spacing:-3px;]; *letter-spacing:normal;*word-spacing:-1px;
}
.img-grid > ul > li{
	list-style:none;
	display:inline-block;
	padding:10px 0;
	border-top:1px solid transparent;
	position:relative;
	display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal;
}
.img-grid > ul > li > .imgbox{
	display:block;
	width:150px;
	height:120px;
}
.img-grid > ul > li > .imgbox > img{
	display:block;
	width:100%;
	height:100%;
}

.img-grid > .datatable-img .detail{
	width:100%;
}
.img-grid > .datatable-img li.bordered{
	border:1px solid #ddd;
	margin:5px;
}


.img-grid > .datatable-detail > li{
	display:block;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	*zoom:1;
}
.img-grid > .datatable-detail > li:last-child{
}
.img-grid > .datatable-detail > li > .imgbox{
	float:left;
}
.img-grid > .datatable-detail > li > .detail{
	margin-left:170px;
	position:relative;
	overflow:hidden;
	*zoom:1;
}

.img-grid > .datatable-detail.cheakbox > li > .cheaking{
	width:40px;
	height:20px;
	padding:10px 0 0 10px;
	float:left;
}
.img-grid > .datatable-detail.cheakbox > li > .detail{
	margin-left:230px;
}

.img-grid > .datatable-detail.no-pic > li > .imgbox{
	display:none;
}
.img-grid > .datatable-detail.no-pic > li > .detail{
	height:auto;
	margin-left:0;
}
.img-grid > .datatable-detail.cheakbox.no-pic > li > .detail{
	height:auto;
	min-height:50px;
	margin-left:22px;
}


/*------------------查询条件----------------*/
.search-bar{
	width:100%;
	position:relative;
}
.query-default{
    width: 100%;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 20px 0px 10px 0px;
    box-sizing: border-box;
    border-radius: 3px 3px 0px 0px;
    position: relative;
    z-index: 3;
}
.query-default.has-border-bottom{
    border-bottom-width : 1px;
}

.query-default > .query-main{
	position:relative;
	margin:0 10px;
/* 	margin-right:250px; */
	z-index:1;
}
.query-default > .query-main > .form-warp{
	float:left;
	width:33.33%;
	box-sizing:border-box;
	padding:0 10px;
}
.query-default > .query-main > .btn-warp{
	position:absolute;
	width:81px;
	right:0;
	top:0;
}

.query-main.query-min{
/* 	margin-right:90px; */
}

.query-default  .query-right{
	padding-bottom: 10px;
}
.query-default  .query-right > .items{
	float:left;
	position:relative;
	margin-left:4px;
	line-height: 26px
}
.query-default  .query-right > .items > a{
	margin-left:10px;
}
.query-default .query-right .float-bar{
	width:254px;
	background:#fff;
	border:1px solid #999;
	box-shadow:2px 2px 0 2px rgba(0,0,0,0.10);
	position:absolute;
	top:35px;
	right:0;
	display:none;
}
.query-default  .query-right .float-bar:before{
	position: absolute;
	top: -9px;
	right: 9px;
	display: inline-block;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #999;
	border-left: 9px solid transparent;
	border-bottom-color: rgba(0,0,0,0.5);
	content: '';
}
.query-default  .query-right .float-bar:after{
	position: absolute;
	top:-8px;
	right:10px;
	display: inline-block;
	border-right:8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	content: '';
}

.query-default  .query-right .float-bar .list-column .btnbox{
	width:100%;
	border-bottom:1px solid #eee;
	position:relative;
}
.query-default  .query-right .float-bar .list-column .btnbox:hover{
	background:#f9f9f9;
}
.query-default  .query-right .float-bar .list-column .btnbox > .pub-btn{
	display:block;
	margin-right:40px;
	line-height:1.5em;
	color:#555;
	padding:18px 5px;
	padding-left:15px;
	box-sizing:border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.float-bar .btnbox > .pub-btn:hover,.float-bar .btnbox > .pub-btn:active{
	text-decoration:none;
}
.query-default  .query-right .float-bar .list-column .btnbox > .pub-btn > span{
	color:#95A5A6;
	margin-right:8px;
	position:relative;
	top:3px;
}
.query-default  .query-right .float-bar .list-column .btnbox > .del-btn{
	display:block;
	width:28px;
	height:24px;
	line-height:24px;
	text-align:center;
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:0;
}
.query-default  .query-right .float-bar .list-column .btnbox > .del-btn i{
	color:#cb5a5e;
}
.query-default  .query-right .float-bar .list-column .btnbox > .del-btn:hover{
	color:#fff;
	background:#ddd;
}


.query-detail{
	width:100%;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #ddd;
	box-sizing:border-box;
	position:relative;
	margin-top:-1px;
/* 	z-index:9999;*会影响常用查询展示不出来* */
	display:none;
}
.query-detail > .query-main{
	padding:15px 10px 5px 10px;
}
.query-detail > .query-btn{
	text-align:right;
	border-top:0px solid #eee;
	padding:10px 0;
	margin:0 10px;
}
.query-detail > .query-btn >a{
	margin-left: 10px;
}
.selected{
	position:relative;
	z-index:1;
	margin-top:5px;
}
.selected .selected-content > .title{
	font-size:12px;
	color:#999;
	position:absolute;
	top:10px;
	left:10px;
}
.selected-content{
	background:#fcfaee;
	border-top:1px solid #f6e3b2;
	padding:4px;
	padding-left:100px;
	position:relative;
	min-height: 38px;
}
.selected-content .msbox{
	width:100%;
}
.selected-content .msbox > a.ms-btn:link,.selected-content .msbox > a.ms-btn:visited{
	display:block;
	line-height:22px;
	color:#b06c0b;
	border:1px solid #f0cca2;
	border-radius:3px !important;
	position:relative;
	float:left;
	padding:0 23px 0 8px;
	margin:2px;
}
.selected-content .msbox > a.ms-btn:hover{
	text-decoration:none;
	background:#fff;
	border:1px solid #dc9d55;
	box-shadow:0 0 2px rgba(183,22,0,0.10);
}
.selected-content .msbox > .ms-btn > i{
	display:block;
	font-size:12px;
	line-height:22px;
	right:5px;
	top:0;
	position:absolute;
}
.query-right > .advanced-query{
	display:none;
}
.query-right > .saved-condition{
	display:none;
}

.form-element-group.help-icon > .form-element{
	margin-right:25px;
}
.form-element-group.help-icon .tip-icon{
    display: block;
    width: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    top: 0px;
    margin-top: 0px;
    right: -25px;
    border: 1px solid #bcbcbc;
    border-left: 0px;
}
.form-element-group.help-icon.select-link .tip-icon{
    right: -64px;
}
.form-element-group.help-icon .tip-icon.tip-icon-noborder{
    border: 0px solid #bcbcbc;
}
.form-element-group.select-link .linklabel.noborder{
    border: 0px solid #bcbcbc;
}



.form-element-group.help-icon .tip-icon > i{
	font-size:14px;
}
.form-element-group.help-icon .tip-icon > span{
	display:none;
}

/*------------label独占一行样式------------*/
.row-label{
}
.row-label .form-element-group > .form-element{
	width:100%;
	margin-left:0;
	position:relative;
}
.row-label .form-element-group > label{
	float:none;
	font-size:14px;
	font-weight:bold;
	width:100% !important;
	margin-bottom:5px;
}

.row-label .query-default  .query-right{
	text-align:center;
	padding-bottom:20px;
	position:relative;
	top:auto;
	right:auto;
}
.row-label .query-default  .query-right > .items{
	margin-left:10px;;
}
.row-label .query-default > .query-main{
	margin-right:10px;
}
.row-label .radio-list > label.radio-inline {
    display:block;
}
.row-label .checkbox-inline+.checkbox-inline, .row-label .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 0;
	padding-left:0;
	padding: 4px 0;
}
.row-label .md-checkbox-inline .md-checkbox {
    display:block;
    margin-right:0;

}
.row-label .md-radio-inline .md-radio {
    display:block;
    margin-right:0;
}
/*------------类table边框样式------------*/
.table-sheet{
	padding: 10px;
	box-sizing:border-box;
}
.table-sheet > .row{
	box-sizing:border-box;
}
.table-sheet > .row > div,.table-sheet > .row > .formextend  > div{
	border:1px solid #efefef;
	box-sizing:content-box;
	padding: 0px;
    background-color: #FFF;
    margin: -1px;
}
.table-sheet > .row .form-element-group{
	padding-bottom:0;
	position:relative;
}
.table-sheet > .row .form-element-group > .form-element-label{
	padding:10px 4px;
	border-right:1px solid #efefef;
	float:none;
	position:absolute;
	top:0;
	bottom:0;
	text-align:right
}
.table-sheet > .row .form-element-group > .form-element{
    margin-left: 100px;
    padding: 2px 8px;
}
.table-sheet > .row .form-element-group.select-link .linklabel{
	top:4px;
}
.table-sheet > .row .form-element-group > .form-element .text-panel{
	padding:0px 12px 0px 0px;
	border:none;
	background:none;
	line-height: 26px
}

.table-sheet > .row .form-element-group > .form-element-label > .redstar {
	position:initial;
}
.table-sheet > .row .form-element-group > .form-element-label {
	width:100px;
}

/*------------快捷按钮/视图------------*/
.portlet-btn{
	width:100%;
	margin-bottom:20px;
}

.portlet-btn > .multiselecttab-title > .title{
	font-size:16px;
	padding:7px 0 7px 0;
	float:left;
}
.portlet-btn > .multiselecttab-title  > .btn-group .fa{
	vertical-align: middle;
}
.portlet-btn > .multiselecttab-title > .btn-group{
	float:right;
}
.portlet-btn > .multiselecttab-title > .btn-group > .btn{
	margin-left:3px;	
	background-color:#fff;
	border-color: #e5e5e5;
}
.portlet-btn > .multiselecttab-title > .btn-group > .btn > i{
	font-size:18px;
	line-height:24px;
}
.portlet-btn .btn-default:active,.portlet-btn .btn-default.active{
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: none;
}
.portlet-btn > .multiselecttab-title > .btn-group > .btn.active > i,.portlet-btn > .multiselecttab-title > .btn-group > .btn.active > span{
	color:#26a69a;
}

.portlet-btn.border-b > .multiselecttab-title{
	border-bottom:1px solid #e5e5e5;
}
.portlet-btn.border-b > .multiselecttab-title> .btn-group{
	bottom:-1px;
}
@media screen and (max-width: 767px) {
	.query-default  .query-right{
		text-align:center;
		padding-bottom:20px;
		position:relative;
		top:auto;
		right:auto;
	}
	.query-default  .query-right > .items{
		margin-left:10px;;
	}
	.query-default > .query-main{
		margin-right:10px;
	}
}

.timeline-s{
	width:100%;
	position:relative;
}
.timeline-s:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:3px;
	background:#ccc;
	left:36px;
}
.timeline-s > .items{
	min-height:76px;
	position:relative;
	padding-left:92px;
	padding-top:5px;
	margin-bottom:10px;
}
.timeline-s > .items.noline:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:3px;
	background:#fff;
	left:36px;
}
.timeline-s > .items > .title{
	width:76px;
	height:76px;
	background:#fff;
	border-radius:70px !important;
	padding:5px;
	border:1px solid #f7f7f7;
	position:absolute;
	top:0;
	left:0;
}
.timeline-s > .items > .title:before{
	display:block;
	content:"\f175";
	font: normal normal normal 16px/1 FontAwesome;
	color:#ccc;
	background:#fff;
	padding-bottom:1px;
	position:absolute;
	top:-16px;
	left:33px;
}
.timeline-s > .items > .title > .tag{
	display:block;
	width:100%;
	height:64px;
	text-align:center;
	color:#fff;
	font-size:14px;
	border-radius:70px !important;
	overflow:hidden;
	padding:10px 14px;
}

.timeline-s > .items > .menu{
	border-bottom:1px solid #f3f3f3;
	position:relative;
	margin-bottom:5px;
	padding-bottom:5px;
}
.timeline-s > .items > .menu:before{
	position: absolute;
	top:28px;
	left:-9px;
	display: inline-block;
	border-top: 7px solid transparent;
	border-right: 7px solid #bbb;
	border-bottom: 7px solid transparent;
	content: '';
}
.timeline-s > .items > .menu:after{
	position: absolute;
	top:28px;
	left:-7px;
	display: inline-block;
	border-top: 7px solid transparent;
	border-right: 7px solid #fff;
	border-bottom: 7px solid transparent;
	content: '';
}
.timeline-s > .items > .menu a{
    display: block;
    width: 100%;
    padding: 3px 15px;
    margin: 0 0 10px 0px;
    background: #fff;
    background: linear-gradient(to bottom, #fff, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f9f9f9,gradientType=0);
    background: -moz-linear-gradient(top, #fff, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9));
    position: relative;
    box-sizing: border-box;
    padding-left: 50px;
    min-height: 64px;
}
.timeline-s > .items > .menu a > i{
	font-size:32px;
	position:absolute;
	top:18px;
	left:10px;
}
.timeline-s > .items > .menu a > em{
	display:block;
	font-size:15px;
	font-style:normal;
	font-weight:600;
}
.timeline-s > .items > .menu a > em > span{
	font-size:12px;
	font-weight:normal;
	background:red;
	border-radius:0 0 0 4px !important;
	color:#fff;
	padding:0 5px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
.timeline-s .menu a:link,.timeline-s .menu a:visited{
	color:#999;
}
.timeline-s .menu a:hover{
	box-shadow:inset 0 1px 0 rgba(255,255,255,1.00),0 1px 2px rgba(0,0,0,0.12);
	text-decoration:none;
}

.timeline-s .skin-green .title > .tag{
	background:#75ce25;
}
.timeline-s .skin-green .menu a{
	border:1px solid #75ce25;
}
.timeline-s .skin-green .menu a > i,
.timeline-s .skin-green .menu a > em{
	color:#75ce25;
}
.timeline-s .skin-green .menu a > em > span{
	background:#75ce25;
}

.timeline-s .skin-yellow .title > .tag{
	background:#efb519;
}
.timeline-s .skin-yellow .menu a{
	border:1px solid #efb519;
}
.timeline-s .skin-yellow .menu a > i,
.timeline-s .skin-yellow .menu a > em{
	color:#efb519;
}
.timeline-s .skin-yellow .menu a > em > span{
	background:#efb519;
}

.timeline-s .skin-purple .title > .tag{
	background:#8e5fa2;
}
.timeline-s .skin-purple .menu a{
	border:1px solid #8e5fa2;
}
.timeline-s .skin-purple .menu a > i,
.timeline-s .skin-purple .menu a > em{
	color:#8e5fa2;
}
.timeline-s .skin-purple .menu a > em > span{
	background:#8e5fa2;
}

.timeline-s .skin-blue .title > .tag{
	background:#199cef;
}
.timeline-s .skin-blue .menu a{
	border:1px solid #199cef;
}
.timeline-s .skin-blue .menu a > i,
.timeline-s .skin-blue .menu a > em{
	color:#199cef;
}
.timeline-s .skin-blue .menu a > em > span{
	background:#199cef;
}

.timeline-s .skin-gray .title > .tag{
	background:#839bab;
}
.timeline-s .skin-gray .menu a{
	border:1px solid #839bab;
}
.timeline-s .skin-gray .menu a > i,
.timeline-s .skin-gray .menu a > em{
	color:#839bab;
}
.timeline-s .skin-gray .menu a > em > span{
	background:#839bab;
}

.highcharts-container{
}

.form-element-group.fix-text-field{
}
.form-element-group.fix-text-field .form-element{
	
}
.form-element-group.fix-text-field .form-element>.form-element-wrap{
	border: 1px solid #BCBCBC;
	height: 28px;
	padding: 0px 4px;
	background-color:#fdfdfd;
}
.form-element-group.fix-text-field .form-element input.form-control{
	border: 0px;
	border-bottom: 1px solid #000;
	float:left;
	height: 24px;
	padding: 4px 4px 0px 4px;
	text-align: center;
	font-weight:400;
	font-size:14px;
	margin:0 2px;
/* 	color:#3175af; */
}

/* .form-element .fixtextinput{ */
/* 	border: 0px; */
/*     border-bottom: 1px solid #BCBCBC; */
/*     width: 50px; */
/*     float: left; */
/* } */
.fix-text-field span.prefix{
	float: left;    
	line-height: 28px;
}
.fix-text-field span.suffix{
	float: left;
	line-height: 28px;
}


.noborder.dataTable{
	width:auto;
	min-width:100%;
	max-width:none;
/* 	table-layout:fixed; */
	border-bottom:1px solid #ddd;
}
.noborder.dataTable th{
	color:#222;
	background:#f5f6fa;
}
.noborder.dataTable td{
	word-break:break-all;
}

.noborder.table>thead>tr>th {
	border: none;
	vertical-align: middle;
	border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd;
    
}

.noborder.dataTable tr.even td{
	background:#fefefd;
}
.noborder.dataTable tr.odd td{
	background:#fff;
}
.noborder.dataTable tr:hover td{
	background:#f3f3f3;
}
.noborder.table thead tr th{
	font-weight: 600;
}
.speed-btn{
	background:linear-gradient(to bottom, #fff, #f7f7f7) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff,endcolorstr=#f7f7f7,gradientType=0);
	background:-moz-linear-gradient(top, #fff, #f7f7f7) !important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7)) !important;
}


/*------------头部通用按钮-------------*/
.top-news a.btn-write:link,.top-news a.btn-write:visited{
	display:block;
	border:1px solid #bdc3c9;
	border-radius:2px !important;
	padding:12px 28px;
	padding-left:70px;
	background:#fff !important;
	background:linear-gradient(to bottom, #fff, #f9f9f9) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f9f9f9,gradientType=0) !important;
	background:-moz-linear-gradient(top, #fff, #f9f9f9) !important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9))  !important;
	position:relative;
	margin-bottom:10px;
	text-align: left;
}
.top-news a.btn-write:hover{
	text-decoration:none;
	background:#f3f3f3 !important;
	background:linear-gradient(to bottom, #fafafa, #f7f7f7) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fafafa,endcolorstr=#f7f7f7,gradientType=0) !important;
	background:-moz-linear-gradient(top, #fafafa, #f7f7f7) !important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#f7f7f7)) !important;
}
.top-news a.btn-write:before{
	display:block;
	font-family:'Glyphicons Halflings';
	font-style:normal;
	font-weight:400;
	font-size:16px;
	color:#ddd;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content: "\e080";
	position:absolute;
	top:24px;
	right:12px;
}

.top-news a.btn-write > i{
	font-size:28px;
	position:absolute;
	top:25px;
	left:22px;
	color: #5b9bd1;
	opacity:0.9;
}

.top-news a.btn-write:hover i{
	opacity:1;
	color: #3175af;
}
.top-news a.btn-write > em{
	display:block;
	color:#aaa;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.top-news a.btn-write > span{
	display:block;
	font-size:14px;
	font-style:normal;
	white-space: nowrap;
	overflow: hidden;
	color:#5b9bd1;
	font-weight:400;
	text-overflow: ellipsis;
}

.top-news a.btn-write:hover span{
	color: #3175af;
}
.top-news{
	margin: 0px;
	
}

/*----------------------appendselect--------------------------*/

.speed-checkbox-bar{
	width:100%;
	position:relative;
	border: 0px solid #BCBCBC;
    padding: 0px 0px;
    min-height: 28px;
}
.speed-checkbox-bar .add-btn-s{
	display:block;
	line-height:28px;
/* 	margin-left:5px; */
	float:left;
}
.speed-checkbox-bar .check-model{
	display:block;
	line-height:26px;
	color:#666;
	border:1px solid #ddd;
	padding:0 30px 0 10px;
	margin-right:5px;
	float:left;
	position:relative;
	border-radius: 0px;
    min-height: 28px;
}
.speed-checkbox-bar .check-model:hover{
	text-decoration:none;
	border:1px solid #ddd;
}
.speed-checkbox-bar .check-model .icons{
	margin-right:5px;
}
.speed-checkbox-bar .check-model:first-child{
	margin-left:0;
}
.speed-checkbox-bar .check-model em{
	display:block;
	height:2em;
	font-style:normal;
	color:#333;
}
.speed-checkbox-bar .check-model .check-tip{
	display:block;
	color:#999;
	position:relative;
	padding-left:20px;
}
.speed-checkbox-bar .check-model .check-tip:before{
	display: inline-block;
    -webkit-font-smoothing: antialiased;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	transform: translate(0, 0);
	content: "\f096";
	font-size: 18px;
    line-height: 14px;
	color:#aaa;
	position:absolute;
	top:50%;
	margin-top:-6px;
	left:0;
}
.speed-checkbox-bar .check-model.checked{
	color:#3598dc;
	border:1px solid #3598dc;
}
.speed-checkbox-bar .check-model .check-tip.checked:before{content: "\f14a"; color:#3598dc;}
.speed-checkbox-bar .check-model .del{
	color:#ff9800;
	position:absolute;
	top:1px;
	right:8px;
	cursor: pointer;
}
.speed-checkbox-bar .check-model .edit{
	display:block;
	width:20px;
	text-align:center;
	color:#3598dc;
	position:absolute;
	top:0;
	right:20px;
}
.speed-checkbox-bar .checked.tip:before{
	content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid #3598dc;
    border-left: 11px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}
.speed-checkbox-bar .checked.tip:after{
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: url(/_upload/tpl/0f/93/3987/template3987/img/right-icon.png) 0 0 no-repeat;
    position: absolute;
    bottom: -1px;
    right: 0px;
}


/*-----------------------状态进度------------------------*/
.nav-pur{ position:relative;}
.nav-pur > .item{ float:left; position:relative;}
.nav-pur > .item:after{
	content: "\f061";
	color:#999;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	position:absolute;
	top:10px;
	right:-13px;
}
.nav-pur > .item:last-child:after{ content:"";}
.nav-pur > .item:first-child{ margin-right:30px;}
.nav-pur > .item:first-child:after{ content:""; display:block; width:1px; height:28px; background:#ccc; position:absolute; top:2px; right:-23px;}
.nav-pur > .item + .item{ margin-left:15px;}
.nav-pur > .item a{ display:block; width:100px; line-height:18px; color:#333; padding:6px 5px 6px 40px; border:1px solid #ddd; position:relative; }
.nav-pur > .item a:hover{ text-decoration:none; color:#2196f3; border:1px solid #2196f3;}
.nav-pur > .item a.active{ color:#fff; background:#03a9f4; border:1px solid #2196f3;}
.nav-pur > .item a:before{ content:""; display:block; width:1px; height:18px; background:#ddd; position:absolute; top:6px; left:33px;}
.nav-pur > .item a i{ font-size:16px; line-height:1; position:absolute; top:7px; left:10px;}
.nav-pur > .item a span{ display:block; line-height:12px; font-size:10px; color:#fff; padding:0 2px; background:#9e9e9e; position:absolute; top:1px; right:1px;}
.nav-pur > .item a.active span{ background:rgba(255,255,255,0.4);}



.status-tab{ overflow:hidden; zoom:1; padding:25px 0; position:relative;}
.status-tab > .item{ width:110px; float:left; text-align:center; border-bottom:2px solid #bbb; float:left; position:relative;}
.status-tab > .item:first-child, .status-tab > .item:last-child{ border:none;}
.status-tab > .item:first-child:after{ content:""; width:48px; height:2px; border-bottom:2px solid #bbb; position:absolute; right:0; bottom:-2px;}
.status-tab > .item:last-child:after{ content:""; width:44px; height:2px; background:#bbb; position:absolute; left:0; bottom:-2px;}
.status-tab > .item a{ display:block; color:#555; padding-bottom:14px; position:relative;}
.status-tab > .item a:hover{ text-decoration:none;}
.status-tab > .item a:before{content:""; display:block; width:18px; height:18px; background:#fff; border-radius:20px !important; position:absolute; left:50%; bottom:-11px; margin-left:-10px;}
.status-tab > .item a:after{ content:""; display:block; width:11px; height:11px; background:#bbb; border-radius:20px !important; position:absolute; left:50%; bottom:-6px; margin-left:-7px;}
.status-tab > .item a span{ display:block; line-height:24px; text-align:center; border-radius:20px !important; margin:0 1px; position:relative;}
.status-tab > .item a:hover span, .status-tab > .item a:hover:after{ background:#d1edff;}
.status-tab > .item a.active span{ color:#fff; background:#45a6e6;}
.status-tab > .item a.active span:before{position: absolute;bottom:-6px;left:50%;margin-left:-11px;display:inline-block;border-right:9px solid transparent;border-top:9px solid #45a6e6;border-left:9px solid transparent;content:'';}
.status-tab > .item a.active:after{ background:#45a6e6;}
.status-tab > .item a em{font-style: normal;}

/****datatable没有数据的时候提示信息******/
.datatable-tips {
	line-height: 100px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	position: relative;
}

.datatable-tips:before {
	content: "";
	display: inline-block;
	width: 120px;
	height: 120px;
	background: url('/_upload/tpl/0f/93/img/no_data_found.png') center center no-repeat;
	background-size: 100% auto;
	vertical-align: top;
}

.dataTable .dataTables_empty {
	line-height: 100px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	position: relative;
}

/*============上传组件===============*/
.file_bar{ width:100%; background:#fff; border:0px solid #ddd; padding:25px; position:relative;}
.file_bar > .item{ position:relative;}
.file_bar .type{ display:block; width:96px; height:96px; margin-bottom:10px;}
.file_bar .icon-word{ background-size:auto 100%;}
.file_bar .file-title{ line-height:20px; color:#333; margin-right:0px;}
.file_bar .file-title span{ display:inline-block; color:#333;word-break: break-all;}
.file_bar .tools{ line-height:22px; position:relative;}
.file_bar .tools a{ display:inline-block; text-decoration:none; position:relative;}
.file_bar .tools a:hover{ color:#236BE9;}
.file_bar .tools a + a{ margin-left:0.5em;}
.file_bar .edit-btn{ display:block; width:120px; line-height:42px; font-size:20px; font-weight:600; color:#fff; background:url(/_upload/tpl/0f/93/3987/template3987/img/edit-icon.png) 12px 5px no-repeat #6ccbff; border:1px solid #64c4f9; border-radius:3px; padding-left:20px; cursor:pointer; position:absolute; top:50%; right:0; margin-top:-17px;}
.file_bar .sign-btn{ display:block; width:120px; line-height:42px; font-size:20px; font-weight:600; color:#fff; background:url(/_upload/tpl/0f/93/3987/template3987/img/sign-icon.png) 12px 5px no-repeat #6ccbff; border:1px solid #64c4f9; border-radius:3px; padding-left:20px; cursor:pointer; position:absolute; top:50%; right:0; margin-top:-17px;}
.file_bar .edit-btn:hover{ opacity:0.85;}
.file_bar .fileonle-item{padding-right: 0px;}
.file_bar.multi > .item{ min-height:48px; padding:15px 0; padding-left:66px;}
.file_bar.multi > .item + .item{ border-top:1px solid #eee;}
.file_bar.multi .type{ width:48px; height:48px; position:absolute; top:50%; margin-top:-27px; left:0;}
.file_bar.multi .edit-btn{ display:none;}
.file_bar .file-input-new {
	float: left;
}


/** 子表格样式 **/
.table-tree-sub {
	position: relative;
    top: -44px;
    left: -3px;
}

.table-tree-sub-div{
	display:inline;
}

.datatable-sub-line{position:absolute; top:0; left:0; bottom:0; right:0; z-index:0;}
.datatable-sub-line:before{ content:""; display:block; border-left:2px dotted #000; position:absolute; left:30px; top:0; bottom:0;}
.datatable-sub-line:after{ content:""; display:block; border-top:2px dotted #000; position:absolute; top:50%; margin-top:-1px; left:30px; right:10px;}

.datatable-sub-line.lastbox:before{ bottom:50%;}

