华观科技
软件工匠,用心服务
FSR 2.0最新样式
更新日期: 2016年12月07日 10:23   来源: 本站   作者: 小城故事   阅读: 1597

html,body{font-family: 'Microsoft Yahei',verdana;color:#2e2e2e;height:100%;font-size:12px;margin:0px;padding:0px;}
a{text-decoration:none;color:#2e2e2e;outline:none;}
input,textarea{padding:0;margin:0;border:none;outline:none;}
img{border:none;}
h2{font-size:16px;}
h3{font-size:14px;}

/*滚动条样式*/

.gray{color:#868585;}
.blue{color:#3790ce;}
.red{color:#d84a38;}
.orange{color:#e09d5a;}

.fl{float:left;}
.fr{float:right;}

.fsr-hidden{display: none;}
.clear{clear: both;}

.p3{padding: 3px;}.p5{padding: 5px;}.p8{padding: 8px;}.p10{padding: 10px;}.p15{padding: 15px;}.p20{padding: 20px;}.p30{padding: 30px;}
.m5{margin: 5px;}.m10{margin: 10px;}.m15{margin: 15px;}
.ml3{margin-left: 3px;}.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}
.mr3{margin-right: 3px;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}
.mt3{margin-top: 3px;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}
.mb3{margin-bottom: 3px;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}
.b{font-weight: bold;}
.tc{text-align: center;}
.bd{border: 1px solid #ccc;}
.hide{display: none;}

@media print {
 .no-print{ display:none;}
}

body,input,textarea{font-family: 'Microsoft Yahei',verdana;}

/*只读*/
.fsr-readonly{color: gray;}

/*表单标题*/
.fsr-form-title{text-align: center;font-size: 18px;font-weight: bold;line-height: 50px;}

/*表单脚*/
.fsr-form-footer{border: 1px solid #ccc;margin-top: 10px; clear: both;}

/*图标*/
.fsr-icon{height: 16px;background-repeat: no-repeat;padding-left: 20px;}

/*校验错误信息*/
.fsr-valid-error{color: #f00;margin-top: 5px;font-weight: bold;}

/*红色加粗文本*/
.fsr-red-text{color:red;font-weight:bold;}

/*蓝色加粗文本*/
.fsr-blue-text{color:blue;font-weight:bold;}

/*条件显示提示*/
.fsr-ifshow-tips{color:#f63;padding: 3px 5px;}

/*温馨提示*/
.fsr-tips{padding: 5px 10px 5px 10px;line-height: 1.5pc;color: #f60;}

/*圆角盒子*/
.fsr-radius-box{border-radius: 5px; border: 1px solid #ccc;}

/*组件公共样式*/
.fsr-ui-disabled{
	filter:  alpha(opacity=30); 
	-moz-opacity:.3;
	opacity:.3;
}

/*渐变背景*/
.fsr-gradient{
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#f4f4f4);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#f4f4f4', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#f4f4f4); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#f4f4f4),color-stop(100%,#f4f4f4));
}

/*常用小图标*/
.fsr-min-btn{position: absolute;width: 16px; height: 16px;cursor: pointer;display: inline-block;vertical-align: middle;}
.fsr-min-prev-icon{left: 0;top: 0;background: url("images/min-prev-icon.png") no-repeat center center;}
.fsr-min-next-icon{right: 0;top: 0;background: url("images/min-next-icon.png") no-repeat center center;}

.fsr-link-list{overflow: auto;}
.fsr-link-list .fsr-link-item{display: block;padding: 3px 3px;}
.fsr-link-list .fsr-link-item:hover{color: #fff;background-color: #666;}

.fsr-no-items{display: block;padding: 3px 3px;}
.fsr-items-loading{display: block;padding: 5px 5px 5px 25px;background: url("images/loading-small.gif") no-repeat 5px 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.fsr-item-hover{background: #666;color: #fff;}
.fsr-item-selected{background: #666;color: #fff;}

.fsr-down-ico,.fsr-right-ico{display: inline-block;line-height:normal;vertical-align: middle;background-repeat: no-repeat;width: 4px;height: 7px;background-position: center center;}
.fsr-down-ico{background-image: url("images/arrow-down.png");}
.fsr-right-ico{background-image: url("images/arrow-right.png");}
.fsr-item-hover .fsr-right-ico{background-image: url("images/arrow-right-focus.png");}

.fsr-resize-h-hand,.fsr-resize-v-hand{position:absolute;top:0;z-index:1;}
.fsr-resize-h-hand{cursor: e-resize;width: 10px;}
.fsr-resize-v-hand{cursor: n-resize;height: 10px;}

.fsr-line{border-bottom: 1px solid #ccc;clear: both;}
.fsr-cutting-line{border-bottom: 1px solid #ccc;clear: both;}

.fsr-shadow{
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
}

/*圆角阴影*/
.fsr-radius-shadow{
	border-radius:3px;
	border:1px solid #999;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
}

/*窗口主容器*/
.fsr-window{position: absolute;z-index: 1000;top: 100px;left: 100px;}
.fsr-window-content{background-color: #fff;}
.fsr-window-bg{}
/*窗口基本标题栏*/
.fsr-window-titlebar{
	cursor:default;
	position:relative;border-bottom: 1px solid #aaa;
	height:33px;
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#cccccc);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#cccccc', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#ccc); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#ccc),color-stop(100%,#ccc));  
}
.fsr-window-icon{display: inline-block;*display: inline;width: 16px;height:16px;background: url(images/defaultWindowIcon.png) no-repeat;margin-right:3px;}
.fsr-window-left-title-bar{position: absolute;font-size: 14px;top:6px;*top:8px;left:10px;font-weight: bold;}
.fsr-window-move-handle{position: absolute;top:0px;height: 30px;background-color: #fff; filter: Alpha(opacity=0);-moz-opacity:0; opacity:0; }
/*窗口控制按钮*/
.fsr-window-right-title-bar{position: absolute;top:6px;right:7px;}
.fsr-window-right-title-bar span{height: 21px;width: 21px;display: inline-block;*margin-left: 3px;}
.fsr-window-minimize-btn{background-image: url(images/minBtn.png)}
.fsr-window-minimize-btn:hover{background-image: url(images/minOverBtn.png)}
.fsr-window-maximize-btn{background-image: url(images/maxBtn.png)}
.fsr-window-maximize-btn:hover{background-image: url(images/maxOverBtn.png)}
.fsr-window-restore-btn{background-image: url(images/restoreBtn.png)}
.fsr-window-restore-btn:hover{background-image: url(images/restoreOverBtn.png)}
.fsr-window-close-btn{background-image: url(images/closeBtn.png);cursor: pointer;}
.fsr-window-close-btn:hover{background-image: url(images/closeOverBtn.png)}

/*窗口外层*/
.fsr-window-outter{padding: 10px;}
/*窗口内层*/
.fsr-window-inner{position: relative;width: 100%;height: 100%;}
/*窗口背景*/
.fsr-window-bg{background-color: #fff;position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;}
/*窗口内容框*/
.fsr-window-content{
	border: 1px solid #aaa;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	/* border-radius:4px; */
}
/*窗口状态栏*/
.fsr-window-statusline{
	color:#666;
	border-top:1px solid #ccc;
	line-height:19px;
	*height:20px;
	text-indent:5px;
	/*IE10+*/
	background: -ms-linear-gradient(top,#eeeeee,#ffffff);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#ffffff', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#eee,#fff); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#eee), to(#fff),color-stop(100%,#fff));  
}

/*模态背景*/
.fsr-modal-bg{position:absolute;top:0;left:0;filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;background-color: #666;}

/*对话框*/
.fsr-dialog-body{height:100%;}
.fsr-dialog-content{height:100%;}
.fsr-dialog-info{padding: 15px 15px 0 10px;font-size: 16px;word-break:break-all;}

/* .fsr-dialog-btn-seperator{border-top:1px solid #ccc;border-bottom: 1px solid #fff;} */
.fsr-dialog-btn-bar{margin-bottom: 10px}
.fsr-dialog-btn-bar .fsr-btn{border-radius: 3px;}

/*信息对话框图标*/
.fsr-dialog-message-icon-cell{padding:0 10px;width: 48px;}

/*对话框底部按钮条*/
.fsr-footer-btn-bar{padding: 10px;border-top: 1px solid #ccc;}
.fsr-footer-btn-bar .fsr-btn{border-radius: 3px;}

/*加载中*/
.fsr-loading-bar{background: url("images/loading-bar.gif") no-repeat bottom center;width:150px;height: 20px;}

/**/
.fsr-toast{
	position:absolute;
	padding:10px 15px 10px 15px;
	border-radius: 8px;
	border: 1px solid #aaa;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	/*IE10+*/
	background: #000;
	color: #fff;

}
.fsr-toast-text{background: no-repeat left top;}

/*按钮*/
.fsr-btn{
	border-radius: 3px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	white-space:nowrap; 
	text-align:center;
	position: relative;outline: 0;
	height: 26px;
	vertical-align: middle;
	display: inline-block;
	*margin-right:3px;
	border: 1px solid #999;
	cursor: pointer;
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#cccccc);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#cccccc', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#ccc); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#ccc),color-stop(100%,#ccc));  
}
.fsr-btn:hover{
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#aaaaaa);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#aaaaaa', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#aaa); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#aaa),color-stop(100%,#aaa));  
}
/*按钮圆角*/
.fsr-radius-btn{border-radius: 3px;}
/*包含图标的按钮*/
.fsr-btn-has-icon{padding-left: 16px;}
/*按钮文本*/
.fsr-btn-text{text-align: center;line-height: 26px;padding: 0 12px;}
/*按钮图标*/
.fsr-btn-icon{position: absolute;left: 3px;top: 2px;cursor: pointer;line-height: 0;}
/*图标*/
.fsr-ico{width:16px;height:16px;background: 0;position: absolute;left: 5px;top: 3px;}

/*下拉按钮*/
.fsr-dropdown-btn{padding-right: 12px;}
.fsr-dropdown-ico-btn,.fsr-pick-ico-btn{position: absolute;cursor:pointer;right: 0;top:0;width:25px;height:26px;padding: 0;line-height:4px;display:inline-block;background:center center no-repeat;}
.fsr-dropdown-ico-btn{background-image:  url("images/arrow-down.png");}
.fsr-pick-ico-btn{background-image:  url("images/searchIcon.png");}


/*按钮条(按钮相连)*/
.fsr-btn-bar .fsr-btn{float: left;margin:0 0 0 -1px;border-radius: 0;}
.fsr-btn-bar .fsr-btn:first-child{border-radius: 3px 0 0 3px;margin:0;}
.fsr-btn-bar .fsr-btn:last-child{border-radius: 0 3px 3px 0;}

/*按钮组(按钮不相连)*/
.fsr-btn-group .fsr-btn{border-radius:3px;float: left;*margin-right:3px;}

/*命令按钮组*/
.fsr-btn-command-bar .fsr-btn{border:none;filter:;background:none;float: left;border-radius:0;}
.fsr-btn-command-bar .fsr-btn:hover{
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#cccccc);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#cccccc', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#ccc); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#ccc),color-stop(100%,#ccc));
}

/*标签框显示*/
.fsr-label-box,.fsr-label-rolb{
	height: 20px;
	width:100%;
	line-height:20px;
	padding:3px;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
	display: block;
	overflow: auto;
}

.fsr-html-box{
	width:100%;
	padding:3px;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
	display: block;
	overflow: auto;
	line-height: 1.5pc;
	word-break:break-all; /*支持IE,chrome,FF不支持*/
	word-wrap:break-word;/*支持IE,chrome,FF*/
}

.fsr-label-rolb{color: gray;}

/*带下划线标签显示*/
.fsr-label{
	height: 20px;
	line-height:20px;
	padding:3px 3px 3px 6px;
	border-bottom:1px solid #999;
	display: block;
}

/*文本输入框*/
.fsr-text-input{
	height: 20px;
	padding:3px 3px 3px 3px;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
}
/*多行文本框*/
.fsr-textarea{
	padding:3px;
	height : 80px;
	line-height:1.2pc;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
	font-size: 12px;
}

.fsr-file-input{
	width : 350px;
	height: 20px;
	padding:3px 3px 3px 6px;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
}

.fsr-text-input:focus,.fsr-textarea:focus{
	-webkit-box-shadow: #666 0px 0px 3px;
	-moz-box-shadow: #666 0px 0px 3px;
	box-shadow: #666 0px 0px 3px;
}

/*组合框*/
.fsr-combo{
	width:150px;
	height: 20px;
	padding:3px 3px 3px 3px;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
	position: relative;
	background-color: #fff;
}
.fsr-combo-text{
	position:absolute;
	background: transparent;
	border: none;
	height: 18px;
	top:4px;
	left:5px;
}
/*日期输入框*/
.fsr-date-input,.fsr-time-input{
	height: 20px;
	padding:3px 3px 3px 3px;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
	position: relative;
	background-color: #fff;
}
.fsr-date-input{
	width:100px;
}
.fsr-time-input{
	width:60px;
}

.fsr-date-input-text{
	position:absolute;
	background: transparent;
	border: none;
	height: 18px;
	top:4px;
	left:5px;
}
.fsr-date-input-text{
	width:85px;
}
.fsr-time-input-text{
	width:40px;
}

.fsr-date-ico,.fsr-time-ico{position: absolute;cursor:pointer;right: 0;top:0;width:25px;height:26px;padding: 0;line-height:4px;display:inline-block;background: center center no-repeat;}
.fsr-date-ico{background-image: url("images/dateIcon.png");}
.fsr-time-ico{background-image: url("images/timeIcon.png");}

/*数据网格*/
.fsr-grid-view{
	overflow: hidden;
}

.fsr-grid-header-bg{background: url("images/fsr-default.png") repeat-x;border-bottom: 1px solid #ccc;display: none;}
.fsr-grid-header-controller{overflow: hidden;}
.fsr-grid-header-controller table{table-layout:fixed;empty-cells:show; border-collapse: separate;}
.fsr-grid-header td{padding: 4px 4px;border-right:1px solid;border-color: #ccc;}
.fsr-grid-header-text{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.fsr-check-all-cell,.fsr-check-cell{width: 25px;text-align: center;}
.fsr-grid-hide-header tr{height: auto;}
.fsr-grid-hide-header td{height: 0px;padding: 0 4px;}
.fsr-grid-body{position: relative;overflow: auto;display: none;}
.fsr-grid-body table{table-layout:fixed;empty-cells:show; border-collapse: separate; }

.fsr-grid-data-body td{
	border-right:1px solid;
	border-color: #eee;
	padding: 6px 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.fsr-grid-odd{background-color: #fff;}
.fsr-grid-even{background-color: #f5f5f5;}

.fsr-grid-data-body tr:hover{background-color: #ededf7;}

.fsr-grid-body-table{position: relative;}

/*数据列表*/
.fsr-datalist{overflow: hidden;}
.fsr-datalist-toolbar{}
.fsr-grid-body{}
.fsr-datalist-grid{overflow: auto;}
.fsr-datalist-footerbar{
	white-space:nowrap; 
	padding: 3px;
	border-top:#ccc solid 1px;/* border-bottom:#ccc solid 1px; */ 
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#f4f4f4);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#f4f4f4', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#f4f4f4); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#f4f4f4),color-stop(100%,#f4f4f4));
}
.fsr-datalist-footerbar-right{float: right;padding-right: 10px;}

.fsr-datalist-box{border: 1px solid #ccc;}
.fsr-footer-right-text{color:#f33;font-weight:bold;line-height:30px;}


/*带线条表格*/
.fsr-base-grid{border:1px solid #ccc;border-collapse:collapse;}
.fsr-base-grid td{padding: 8px;border:1px solid #ccc;}
.fsr-base-grid th{padding: 8px;border:1px solid #ccc;background-color: #f6f6f6;}

/*带线条布局表格*/
.fsr-layout-grid{border:1px solid #ccc;border-collapse:collapse;}
.fsr-layout-grid td.cell{padding: 8px;border:1px solid #ccc;}
.fsr-layout-grid .grid-header th{padding: 8px;border:1px solid #ccc;background-color: #f6f6f6;}

/*resize控制手*/
.fsr-resizer{position: absolute; overflow: hidden;background-image: url(images/transparent.png);background-position: initial initial; background-repeat: initial initial;}

/*下拉组件*/
.fsr-dropdown{
	position: absolute;
	display:none;
	border: 1px solid #aaa;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	/* filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5); */
	background-color: #fff;
}

/*日历组件*/
.fsr-calendar{}
.fsr-calendar-title{text-align: center;position: relative;}
.fsr-calendar-title span{cursor: pointer;}
.fsr-prev-month{position:absolute;left:0;top:0;}
.fsr-next-month{position:absolute;right:0;top:0;}
.fsr-calendar-day-container{margin-top: 8px;}
.fsr-calendar-day-container table{width: 100%;table-layout: fixed;border-collapse: collapse;border-spacing: 0;}
.fsr-calendar-day-container table td,.fsr-calendar-day-container table th{text-align: center;border: 1px solid #ccc;line-height: 20px;text-align: center;}
.fsr-calendar-day-container table th{background-color: #f7f7f7;}
.fsr-cal-day-enabled{cursor: pointer;}
.fsr-cal-day-disabled{background-color: #f7f7f7;color: #999;cursor: default;}
.fsr-cal-today{cursor: pointer;background-color: #333;color:#fff;font-weight: bold;}
.fsr-cal-year-selector{width:60px;}
.fsr-cal-year-selector-btn-box{border-top:1px solid #ccc;width:50px;height:16px;position:relative;background:#fff;margin:0px 5px 4px 5px;}
.fsr-cal-day-enabled:hover{background-color: #e6f5fb;}
.fsr-date-input-drop-container{margin: 10px;}
.fsr-date-input-drop-container .fsr-btn-bar{padding:5px 0 0 0;}

/*树组件*/
.fsr-tree{clear: both;}
.fsr-tree ul{padding-left: 20px;margin: 0;}
.fsr-tree ul li{list-style: none;}
.fsr-tree ul li td{padding: 2px 2px;}
.fsr-tree ul li td input{margin: 0;padding: 0;}
.fsr-tree-icon{background: no-repeat top center;width: 16px;}
.fsr-tree-leaf-icon{background-image: url("images/tree-leaf.png");}
.fsr-tree-expandable-icon{background-image: url("images/tree-expandable.png");}
.fsr-tree-collapsable-icon{background-image: url("images/tree-collapsable.png");}
.fsr-tree-text{cursor: default;white-space: nowrap;}
.fsr-tree-text:hover{background-color: #fff2d5;}
.fsr-tree-selected{background-color: #ffe2a5;}
.fsr-tree-plus-icon{background-image: url("images/tree-plus.png");}
.fsr-tree-minus-icon{background-image: url("images/tree-minus.png");}
.fsr-tree-dropdown{overflow: auto;}
.fsr-tree-dropdown .fsr-tree{margin: 10px 10px 10px -10px;}
.fsr-tree-trans-icon{width: 16px;height: 1px;}
.fsr-tree-root{line-height: 2em;padding: 8px 0 0 8px;cursor: default;}
.fsr-tree-root-icon{background-repeat: no-repeat;float: left;display: block;width: 16px;height: 16px;}
.fsr-tree-root-text{float: left;clear: right;}

/*菜单*/
.fsr-menu{
	display:none;
	border-radius: 4px;
	text-align: left;
	padding: 7px 0;
	white-space: nowrap;
	position: absolute!important;
	left: 0;
	top: 0;
	z-index: 1000;
	border: 1px solid #999;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	cursor: default;
}

.fsr-menu-item{
	position: relative;
}

.fsr-menu-item-link{
	padding: 5px 52px 5px 32px;
	position: relative;
}
.fsr-menu-item-link img{width:16px;height:16px;position: absolute;left: 5px;top: 4px;}

.fsr-menu-item-text{}
.fsr-menu-item-more{position: absolute;right: 12px;top: 4px;}
.fsr-menu-separator{border-top: 1px solid #e9e9e9;}

/*分页按钮*/
.fsr-page-icon{display:inline-block;cursor:pointer;margin-left: 2px;margin-top: 2px;width: 20px;height: 20px;background: url("images/fsr-page-icons.png") no-repeat;}
.fsr-first-page{background-position: 0 0;}
.fsr-previous-page{background-position: -17px 0;}
.fsr-next-page{background-position: -35px 0;}
.fsr-last-page{background-position: -53px 0;}
.fsr-page-num,.fsr-page-size{width: 30px;text-align: center;background: transparent;line-height: 16px;height:16px;font-size:10px;border: 1px solid #ccc;}

/*列表额外信息*/
.fsr-extra{display: none;}

/*窗口工具栏*/
.fsr-toolbar{
	white-space:nowrap; 
	/*background-color: #f4f4f4;*/
	border-bottom:1px solid #ccc;
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#f4f4f4);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#f4f4f4', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#f4f4f4); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#f4f4f4),color-stop(100%,#f4f4f4));
}

.fsr-toolbar-item{padding: 5px 0 5px 5px; *padding-bottom:0;position:relative;float: left;}
.fsr-toolbar-title{margin-left:10px;padding: 5px 5px 5px 20px;font-weight: bold;background:no-repeat left center;font-size: 14px;}

/**/
.fsr-toolbar-right-info{font-size: 16px;color: #f33;font-weight: bold;padding:10px 10px 0 0;float: right;}
.fsr-toolbar-right-info .out-text{color: blue}
/*组*/
.fsr-fieldset{border-radius:5px;border:1px solid #ccc;}
.fsr-fieldset legend{font-weight: bold;padding: 0 10px;}
/*富文本显示*/
.fsr-html-text{
	line-height: 1.5pc;
	word-break:break-all; /*支持IE,chrome,FF不支持*/
	word-wrap:break-word;/*支持IE,chrome,FF*/
}

/*单选按钮组*/
.fsr-radio-group{display: inline-block;}
.fsr-radio-group label{margin-left: 3px;margin-right: 8px;}
/*复选按钮组*/
.fsr-checkbox-group{display: inline-block;}
.fsr-checkbox-group label{margin-left: 3px;margin-right: 8px;}

/*页签*/
/*tabs*/
.fsr-tab-navigator{}
.fsr-tab-header-bar{padding:0;margin: 0;overflow: hidden;clear: both;}
.fsr-tab-header-bar li {
	float:left;
	display: block;cursor:pointer;padding: 0;margin: 0;border-left: #ccc solid 1px;border-right: #ccc solid 1px;border-top: #ccc solid 1px;border-top-left-radius:3px;border-top-right-radius:3px;
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#cccccc);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#cccccc', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#ccc); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#ccc),color-stop(100%,#ccc));
}
.fsr-tab-header-bar li.fsr-focus{
	/*IE10+*/
	background: -ms-linear-gradient(top,#f5f5f5,#ffffff);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f5f5f5', endColorStr='#ffffff', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#f5f5f5,#fff); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#f5f5f5), to(#fff),color-stop(100%,#fff));
}
.fsr-tab-header-text{padding: 0 15px;line-height:2em;}
.fsr-tab-header-close-btn{padding-right: 8px;font-weight: bold;}
.fsr-tab-body{clear: both;border:#ccc 1px solid;}
.fsr-tab-item{display: none;background-color: #fff;}

/*表单布局*/
.fsr-hbox-layout{}
.fsr-vbox-layout{}
.fsr-form-layout{}
.fsr-form-row{}
.fsr-must{color: red;}
.fsr-form-label{text-align: right;}
.fsr-form-tips{margin-left: 5px;}
.fsr-form-bg{background-color: #f5f5f5;}
.fsr-form-panel{background: #fff;border: 1px solid #ccc;border-radius:5px;}
.fsr-scroll-panel{overflow: auto;position:relative;}

/*分割线*/
.fsr-h-line{border-bottom: 1px solid #ccc;position:absolute;height: 5px;cursor: n-resize;left: 0px;}
.fsr-v-line{border-right: 1px solid #ccc;position:absolute;width: 5px;cursor: e-resize;top: 0px;}

/*分割布局*/
.fsr-split-layout{overflow: hidden;position: relative;}
.fsr-split-layout-left{overflow: auto; position:absolute;top:0;left: 0;border-right: 1px solid #ccc;}
.fsr-split-layout-right{overflow: auto;position:absolute;top:0;right: 0;}
.fsr-split-layout-top{overflow: auto;position:absolute;top:0;border-bottom: 1px solid #ccc;}
.fsr-split-layout-bottom{overflow: auto;position:absolute;top:0;}

/*锁定头部布局*/
.fsr-lock-top-layout{overflow: hidden;}
.fsr-lock-top-layout-top{}
.fsr-lock-top-layout-bottom{overflow: auto;}

/*折叠布局*/
.fsr-fold-layout{}
.fsr-fold-header{background-color: #f5f5f5;position: relative;height: 30px;margin-bottom: 1px;}
.fsr-fold-title{position: absolute;left : 15px;top : 5px;font-size: 14px;}
.fsr-fold-toggle {position: absolute;right : 8px;top : 8px;width: 15px;height:15px;}
.fsr-fold-expand{background-image: url(images/folding.png);width: 15px;height: 15px;line-height: 15px;}
.fsr-fold-collapse{background-image: url(images/folding.png);width: 15px;height: 15px;line-height: 15px;background-position:-15px 0;}

/*附件组件*/
.fsr-file-attachment{} 
.fsr-fa-top-btn-group{line-height:2em;}
.fsr-fa-add-btn{color: #1e5494;background: url(images/attach.png) no-repeat;padding-left: 15px;}
.fsr-fa-file-item{padding:0 0 5px 40px;background:no-repeat;}
.fsr-fa-file-size{color: #999;}
.fsr-fa-file-footer{height: 18px;}
.fsr-fa-file-footer a{margin-right: 10px;color: #1e5494;}
.fsr-fa-file-footer a:visited{color: #1e5494;}
.fsr-fa-no-attach{color: #ff6600;}

/*列表盒*/
.fsr-list-box{overflow:auto;}
.fsr-list-box ul{margin: 0;padding: 0;}
.fsr-list-box ul li{list-style: none;cursor: pointer;white-space: nowrap;}
.fsr-list-box ul li:hover{color: #fff;background-color: #999;}
.fsr-list-box ul li span{display: block;padding:5px 8px;}

/*图片输入组件*/
.fsr-image-input{position: relative;overflow: hidden;}
.fsr-image-input-btn-group{position: absolute;top:10px;left:10px;width: 99px;display: none;}
.fsr-image-input-container{overflow: auto;position: absolute;top:0;left:0;}

/*文件输入组件 */
.fsr-file-input{
	width:150px;
	height: 20px;
	padding:3px 3px 3px 3px;
	border-radius:3px;
	border:1px solid #999;
	box-shadow:inset 0 2px 5px #ccc;
	position: relative;
	background-color: #fff;
}
.fsr-file-name-text{
	position:absolute;
	background: transparent;
	border: none;
	height: 18px;
	top:4px;
	left:5px;
}
.fsr-file-input-btn-group{
	position: absolute;
	right : -1px;
	*right : -4px;
	top : -1px;
}
.fsr-file-input-btn-group .fsr-btn{float: left;}
.fsr-file-input-btn-group .fsr-btn:last-child{margin:0 0 0 -1px;border-radius: 0 3px 3px 0;}


/*信息列表*/
.fsr-info-list{padding: 20px;}
.fsr-info-list .item{padding: 10px 0 15px 0;border-bottom: 1px dotted #ccc;}
.fsr-info-list .title{font-size: 16px;font-weight: bold;color: #00f;line-height: 30px;}
.fsr-info-list .title:hover{color: #f00;}
.fsr-info-list h4{font-weight: normal;line-height: 30px;color: #666;}
.fsr-info-list .summary{line-height: 1.5;font: normal 14px/24px "Microsoft YaHei";}

/*详细信息浏览*/
.fsr-info-view{margin: 20px 20px 20px 20px;}
.fsr-info-title{font-size: 22px;font-weight: bold;text-align: center;line-height: 40px;margin-top: 0px;font-family:Tahoma,Microsoft Yahei,'黑体';}
.fsr-info-content{font-size: 14px;line-height: 1.5pc;margin-top: 15px;word-wrap: break-word;}
.fsr-info-content *{font-size: 14px;line-height: 2pc;}
.fsr-info-title-line{border: 1px dotted #ccc;}

.fsr-list{margin: 0;padding: 10px;}
.fsr-list li{position:relative;list-style: none;padding-left: 16px;background: url("images/list-dot.png") no-repeat left center;height: 25px;}
.fsr-list li a{position: absolute;left: 20px;top:5px;}
.fsr-list li span{position: absolute;right: 10px;top:5px;}

/*分页控件*/
.fsr-paging-bar{text-align: center;line-height: 24px;padding: 10px 0;}
.fsr-paging-bar strong{display: inline-block;border: solid 1px #ccc;line-height: 22px;margin: 0 2px;padding:0 8px;height: 22px;border-radius:2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;cursor: pointer;font-weight: normal;background-color: #cc0000;color: #fff;}
.fsr-paging-bar a{display: inline-block;border: solid 1px #ccc;line-height: 22px;margin: 0 2px;padding:0 8px;height: 22px;border-radius:2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;cursor: pointer;background-color: #fff;}
.fsr-paging-bar a:hover{color: #fff;background-color: #c00;}

/*文件预览*/
.fsr-file-preview{padding: 10px;}
.fsr-file-preview-text{margin:20px;word-wrap:break-word;white-space: pre-wrap;font-size: 14px;font-family: 'Microsoft Yahei',verdana;line-height: 2em;}

/*即时通讯*/
.fsr-ws-frame{margin: 10px;}
.fsr-ws-msg{clear: both;}
.fsr-ws-his{line-height: 2em;border: 1px solid #ccc;overflow: auto;height: 100px;border-radius:5px;}
.fsr-ws-msg-content-left,.fsr-ws-msg-content-right{padding:5px 10px;border-radius:5px;}
.fsr-ws-msg-content-left{background-color: #e5e9ef;}
.fsr-ws-msg-content-right{background-color: #cfeaf6;}

.fsr-ws-toolbar{
	margin-top:10px;padding:5px;height: 20px;
	border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;
	border-top-left-radius:5px;border-top-right-radius:5px;
	/*IE10+*/
	background: -ms-linear-gradient(top,#ffffff,#cccccc);
	/*IE6-9*/
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#cccccc', gradientType='0');
 	/*firefox*/
 	background-image:-moz-linear-gradient(top center,#fff,#ccc); 
 	/*webkit*/
 	background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#eee),color-stop(100%,#eee));
}

.fsr-ws-t-btn{
	float:left;
	margin-top:3px;margin-left:3px;margin-right:10px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	height: 16px;
	width: 16px;
	*margin-right:3px;
	cursor: pointer;
	background-repeat: no-repeat;
}
.fsr-ws-input{padding:5px;border: 1px solid #ccc;overflow: auto;height:60px;box-shadow:inset 0 2px 5px #ccc;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.fsr-ws-face{width: 40px;height:40px;background-repeat: no-repeat;}

/*浮动按钮*/
.fsr-float-btn{
	text-align:center;
	padding: 10px 15px;
	color: #fff;
	background: #333;
	position: absolute;
	z-index:10000px;
	border-radius:8px;
	cursor: pointer;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
}


/*查询框*/
.fsr-search-input{
	position:relative;
	border:1px solid #ccc; 
	height: 26px;
	width:80px;
	display: inline-block;
	vertical-align: middle;
	line-height: 26px;
	border-radius:3px;
	background-color: #fff;
}

.fsr-search-input a{
	position:absolute;
	right: 0;
	border-left: 1px solid #ccc;
	width: 30px;
	height:26px;
	line-height:26px;
	display:block;
	background: url("images/searchIcon.png") no-repeat center;
}

.fsr-search-input input{
	position:absolute;
	left: 0;
	border: 0;
	line-height: 26px;
	width:260px;
	height: 26px;
	margin-left: 10px;
}


/*精简表单*/
.fsr-sform-title {font-size: 18px;font-weight: bold;line-height: 50px;}
.fsr-sform-row{margin-top: 20px;}
.fsr-sform-row .label{width: 100px;float: left;line-height: 30px;font-size: 14px;}
.fsr-sform-row .input-box{float: left;width: 500px;}

/*大号“加载中”图标动画窗口*/
.fsr-loading-large{
	background-image: url("images/loading-large.gif");
	background-repeat: no-repeat;
	background-position:center;
	width : 50px;
	height : 50px;
	border-radius : 10px;
}

.fsr-loading-large-outter{
	-webkit-box-shadow: #666 0px 0px 8px;
	-moz-box-shadow: #666 0px 0px 8px;
	box-shadow: #666 0px 0px 8px;
	border-radius : 10px;
	background-color: white;
}


附件:
软件工匠  用心服务
联系方式
邮箱:farseersoft@163.com
地址:广州市天河区东莞庄一横路116号广东生产力大厦11层1101-1104
关注公众号
扫码访问微站