zhujian_OA/mobile1/AFrontEnd/css/special.css

body,html {
    margin:0;padding: 0;color: #333;font-size:14px; overflow-x:hidden; overflow-y:auto;
    font-family: Microsoft YaHei, SimSun, Arial, Helvetica, Verdana, sans-serif;        
}
/***********使网站整体变灰色的样式代码 如果需要打开，把下面的body注释去掉*************/
/**
body,html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#grayscale");}
**/
/**变灰色的样式支持IE6以上和Webkit浏览器(Chrome 18+, Safari 6.0+, and Opera 15+)**/

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration:none;color:#333;cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}
input,textarea,select {outline:none;} img{border:0;} 
select{background:#fff}/*部分浏览器select背景色默认是灰色*/
input[type="button"]{cursor:pointer;}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  -webkit-user-select: text;  -webkit-rtl-ordering: logical; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;display: none;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;display: none;}

input.placeholder{color:#ccc;}/*给input定义 placeholder样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;} /*解决谷歌浏览器中的input背景色默认是黄色*/
ul, ol, li {list-style-type:none;padding:0;margin:0;}  

/**{margin:0;padding:0;}*//*淘宝的样式初始化：*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1,h2,h3{font-weight: normal; line-height: 1.5;margin:20px 0 10px 0;}
h4,h5,h6{font-weight: normal; line-height: 1.5;margin:10px 0 10px 0;}
h1{font-size: 36px;} 
h2{font-size: 30px;} 
h3{font-size: 24px;} 
h4{font-size: 18px;} 
h5{font-size: 14px;} 
h6{font-size: 12px;}

pre{line-height:1.5;margin:5px 0 5px 0;-ms-word-break: break-all; word-break: break-all;white-space: pre-wrap;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
table {border-collapse: collapse;}
em {position:relative;color: red; padding-left: 3px;line-height:1;vertical-align:central; font:14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
hr {margin-top: 10px;margin-bottom: 10px;border: 0;border-top: 1px solid #eee;}

/*为加上0.1秒的过渡**/
/**{outline: none; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;}*/
.sp-transition{-webkit-transition:0.6s;	-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;transition:0.6s;}/**过渡**/
.sp-transition-no{-moz-transition:0s; -o-transition:0s; -webkit-transition:0s;transition:0s;}

/*冻结头部和底部*/
.sp-fixed-top{position:fixed;top:0;left:0; width:100%;height:50px;line-height:50px;font-size:17px;z-index:999; background-color:#fff;}
.sp-fixed-foot{position:fixed;left:0;bottom:0; width:100%;height:40px;line-height:40px;border-top:1px solid #e5e6e7;z-index:999;}

/**背景遮罩层**/
.sp-bgMask {/*background:#000;opacity: 0.3;filter: alpha(opacity=30);*/  
            background:url('./icons/bgMask.png') center center repeat; position: fixed;top: 0;left: 0;z-index: 800;display:none;width: 100%;height: 100%;} 

/*loading加载层样式*/
.sp-load{z-index:311;background:#fff;height:200px;width:450px;display:none; border:1px solid #ddd; box-shadow: 0 0 7px #888; border-radius:5px;}
.sp-load-img{float:left;width:439px; margin-left:5px; height:175px;background:url('./icons/loading/loading_round.gif') center center no-repeat;}
.sp-load-title{float:left;width:100%;height:30px;line-height:30px;text-align:center;color:#093;margin-top:-50px;}

/**对话框样式,注意名字**/
.sp-dialog{height:auto;z-index:903;background:#fff;max-height:400px;width:300px;display:none;}
.sp-dialog-head{float:left;height:34px;line-height:34px;background:#05519c;width:100%;color:#fff;font-size:15px;}
.sp-dialog-tip{float:left;width:auto;line-height:34px;margin-left:7px; color:#fff;}
.sp-dialog-close{float:right;height:32px;line-height:32px; width:22px; font-size:26px; color:#fff;margin:0 5px 2px 0; cursor:pointer;}
.sp-dialog-body{float:left;width:94%;margin-left:3%;padding:10px 0; min-height:24px; overflow-y:auto;line-height:24px;-ms-word-break:break-all; word-break:break-all;}
.sp-dialog-foot{float:left;width:100%;height:50px;border-top:1px solid #ddd;text-align:center;}
.sp-dialog-btnTrue{background:none;border:none; height:30px;line-height:30px;margin:10px 10px; text-align:center;width:80px;border-radius:3px; background-color:#215b94;color:#fff; cursor:pointer;}
.sp-dialog-btnCancle{background:none;border:none; height:30px;line-height:30px;margin:10px 10px; text-align:center;width:80px;border-radius:3px; background-color:#8697a7;color:#fff; cursor:pointer;}
.sp-dialog-btnClose{background:none;border:none; height:30px;line-height:30px;float:right; margin:10px 10px; text-align:center;width:80px;border-radius:3px; background-color:#215b94;color:#fff; cursor:pointer;}


.sp-dialog-logo-true{ float: left; width:100%;height:50px; background: url("icons/state/true.png") center center no-repeat; background-size: 50px 50px;}
.sp-dialog-logo-false{ float: left; width:100%;height:50px; background: url("icons/state/false.png") center center no-repeat; background-size: 50px 50px;}


/**居中的 对话框**/
.sp-layer{width:auto;height:auto;background:#fff;z-index:901;min-width:400px; min-height:120px; display:none; position:absolute;}
.sp-layer-head{float:left;width:100%;height:34px; line-height:34px;background-color:#05519c;border-bottom:1px solid #85a9cc; color:#fff;font-size:15px;cursor:move}
.sp-layer-title{width:auto;float:left;line-height:34px;margin-left:15px; color:#fff;font-size:15px;}
.sp-layer-close{float:right;width: 20px;height:100%;height:32px;line-height:32px; font-size:26px;color:#fff; cursor:pointer;margin:0 5px 2px 0;}
.sp-layer-body{float:left;width:100%;height:auto;min-height:80px; padding:10px;overflow-y:auto; }
.sp-layer-foot{float:left;width:100%;height:50px;border-top:1px solid #ddd;text-align:center;}
.sp-dialog-btnTrue{background:none;border:none; height:30px;line-height:30px;margin:10px 10px; text-align:center;width:100px;border-radius:3px; background-color:#215b94;color:#fff; cursor:pointer;}
.sp-dialog-btnCancle{background:none;border:none; height:30px;line-height:30px;margin:10px 10px; text-align:center;width:100px;border-radius:3px; background-color:#8697a7;color:#fff; cursor:pointer;}
.openCenter,.closeCenter,.openDialog,.closeDialog{cursor:pointer;}/*作为打开关闭的标记class*/

/***只有空白背景的弹出层20180604***/
.sp-layer2{width:auto;height:auto;background:#fff;z-index:902;min-width:300px; min-height:160px; display:none; position:absolute;}
.sp-layer2-close{float:right; width:34px; height:34px; margin-right: -24px; margin-top:-24px; cursor: pointer; background:url(icons/layerImg/sp-layer2-close.png) no-repeat center center;}
.sp-layer2-body { float: left; width:100%;height:auto;min-height:80px; margin-top:-7px; padding:5px 10px 10px 10px;overflow-y:auto;text-align: center;}
.sp-layer2-body img{float:left;width:100%;}

/**宽度自适应的表格**/
.sp-grid-autowidth a { color:#000000; text-decoration: none; }
.sp-grid-autowidth a:hover { color:#000000; text-decoration: underline; }
.sp-grid-autowidth{border-collapse: collapse;min-width:100%;table-layout: fixed;}
.sp-grid-autowidth thead th{line-height:20px;padding:8px 10px;border:none; white-space: nowrap; background:#F5F6FA; text-align:center;}
.sp-grid-autowidth tbody td{text-align: left;border-top:1px solid #E1E6EB;line-height:20px;padding:8px 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/**table表格**/
.sp-grid a { color:#676767; text-decoration: none; }
.sp-grid a:hover {text-decoration: underline; }
.sp-grid{border-collapse: collapse;width:100%;}
.sp-grid thead th{line-height:20px;padding:8px 8px; border:none; white-space: nowrap; background:#F5F6FA; text-align:left; font-weight:normal !important;letter-spacing:1px;}
.sp-grid tbody td{text-align: left;line-height:20px;padding:7px 8px;border-bottom:1px solid #E1E6EB;}
/***条纹*为*奇数行背景***/
.sp-grid-striped{}
.sp-grid-striped tbody td{border-bottom:none;}
.sp-grid-striped .evenTr{background:#fbfbfb;}

.sp-grid-border{border:1px solid #E1E6EB; border-right:none;} /*对表格加上头部和外围线*/
.sp-grid-border thead th{border-bottom:1px solid #E1E6EB; border-right:1px solid #E1E6EB;}
.sp-grid-border tbody td{border-bottom:1px solid #E1E6EB;border-right:1px solid #E1E6EB;}

.sp-grid-noline{} /*取消掉table的下划线*/
.sp-grid-noline tbody td{border-bottom:none;}

.sp-grid-nothead{}/*设置thead为不可见*/
.sp-grid-nothead thead th{height:0 !important;line-height:0 !important; opacity:0; border:0;padding:0;background:none !important;}

.sp-grid-nowrap{table-layout: fixed;}/*以省略号显示过长字段*/
.sp-grid-nowrap tbody td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*鼠标移入的变色效果*/
.sp-grid-hover tbody tr:hover{background:#f2fbff;}

/*table中文字居中显示*/
.sp-grid-center thead th{text-align:center;}
.sp-grid-center tbody td{text-align:center;}
/*这是点击表行出现选中效果，背景色*/
.sp-grid-select{}
.sp-grid-trselected td{background-color:#fbec88 !important;}/*点击行后选中该行变色*/

.sp-grid-xs tbody td{padding:6px 8px;}
.sp-grid-xs tbody td a:hover{ color:#0c6ad8;}


/**无边框的table表格样式**/
.sp-grid-job{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; border-left:none;}
.sp-grid-job tbody td{text-align: center;height:30px; line-height:30px; border-bottom:1px solid #E1E6EB; border-left:1px solid #E1E6EB;}
.sp-grid-job tbody td input[type='text']{outline:none;border:none;width:100%; text-indent:5px; color:#666; float:left;}
.sp-grid-job tbody td input[type='password']{outline:none;border:none;width:100%; text-indent:5px; color:#666; float:left;}
.sp-grid-job tbody td input[type='number']{outline:none;border:none;width:100%; text-indent:5px; color:#666; float:left;}
.sp-grid-job tbody td select{outline:none;border:none;float:left;width:100%; text-indent:5px;color:#666;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp-grid-job tbody td select:hover{border:1px solid #ddd;}
.sp-grid-job tbody td textarea{outline:none;border:none;width:100%;padding:0 5px; line-height:22px !important;color:#666; float:left;}

.sp-grid-job-div{width:100%;height:40px;line-height:40px; text-align:center; border:1px solid #E1E6EB; border-top:none;}
.sp-grid-job-div a{color:#0066cc !important;}

/**报表样式的表格样式**/
.sp-grid-import{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; border-left:none;}
.sp-grid-import thead th{line-height:20px;padding:8px 8px; border-bottom:1px solid #E1E6EB; border-left:1px solid #E1E6EB; white-space: nowrap; text-align:center; font-weight:normal !important;letter-spacing:1px;}
.sp-grid-import tbody td{text-align: center;line-height:20px;padding:8px 8px;border-bottom:1px solid #E1E6EB; border-left:1px solid #E1E6EB;}

/*新闻表格 放在首页-列表形式*/
.sp-grid-news a { color:#000000; text-decoration: none; }
.sp-grid-news a:hover { color:#000000; text-decoration: underline; }
.sp-grid-news{ margin: 0; border-collapse: collapse; float:left; width: 96%;margin-left:2%; table-layout: fixed;}
.sp-grid-news thead th{height:0; line-height:0px; border:none; white-space: nowrap;}
.sp-grid-news tbody td { line-height:20px;padding:7px 8px;cursor: pointer;color:#606060;border-bottom:1px dotted #ccc;text-align: left; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow: ellipsis; }
.sp-grid-news tbody td a:hover{color:#0c6ad8;}

.sp-grid-news-noborder{margin: 0; border-collapse: collapse; float:left; width: 98%;margin-left:1%; table-layout: fixed;}
.sp-grid-news-noborder tbody td { line-height:20px;padding:7px 8px;cursor: pointer;color:#606060;text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-grid-news-noborder tbody td a:hover{color:#0c6ad8;}

/*.sp-grid-list tbody td a:hover{color:#0c6ad8;}*/
.sp-grid-xs tbody td{padding:6px 8px;}
.sp-grid-xs tbody td a:hover{ color:#0c6ad8;}

.sp-noLine{border-bottom:0 !important;}
/*行选中时状态*/
.sp-gridActive{background-color:#cce8ff;}
.sp-gridActive td{background-color:#cce8ff !important; color:#333;}

.sp-table-striped{}/*条纹*/
.sp-table-striped tbody tr:nth-child(even){background:#f8f8f9}/*奇数行背景*/

/*数据表格用到的单独的一个样式*/
.sp-table a { color:#666; text-decoration: none; } 
.sp-table a:hover {text-decoration: underline; }
.sp-table{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; color:#888;}
.sp-table thead th{line-height:20px;padding:8px 8px; border:none; white-space: nowrap; background:#F5F6FA;border-right:1px solid #E1E6EB; text-align:center; font-weight:normal !important;letter-spacing:1px; cursor:pointer;}
.sp-table tbody td{text-align: center;line-height:20px;padding:7px 8px;font-size:13px; border-top:1px solid #E1E6EB;}
.sp-table tbody tr:hover{background:#F9F9FA;}
.sp-table tfoot td{text-align: left;line-height:20px;padding:15px 8px;font-size:13px; border-top:1px solid #E1E6EB;}
.sp-table .btninput{outline:none;border:0; padding:4px 15px;background:#F7F7F7; color:#555; border:1px solid #ddd; cursor:pointer; margin:3px;}/*灰色按钮*/
.sp-table .btninput:hover{background:#fff;}
a.title-unread{color:#000 !important;}
.sp-pagebtn{outline:none;border:0; padding:4px 15px;background:#F7F7F7; color:#555; border:1px solid #ddd; cursor:pointer;}/*灰色按钮*/
.sp-table-tip{width:100%;height:200px;line-height:200px;font-size:18px; text-align:center; border:1px solid #E1E6EB; border-top:none;}
.sp-table-tip i{color:#57C2ED;}

/***行高最小的一种,表头较小，用于表头是两行及以上的表格情况***/
.sp-table-sm{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; color:#666;}
.sp-table-sm thead th{line-height:20px;padding:3px 8px; border:none; white-space: nowrap; background:#F5F6FA;border-right:1px solid #E1E6EB; text-align:center; font-weight:normal !important;letter-spacing:1px; cursor:pointer;}
.sp-table-sm tbody td{text-align: center;line-height:20px;padding:7px 8px;border-top:1px solid #E1E6EB; max-width:200px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-table-sm tbody tr:hover{background:#F9F9FA;}
.sp-table-sm tfoot td{text-align: left;line-height:20px;padding:15px 8px;font-size:13px; border-top:1px solid #E1E6EB;}
.sp-table-sm a {color:#333;text-decoration: none;} 
.sp-table-sm a:hover {text-decoration: underline;}

/***行高较小的一种,用于表头是一行的表格情况***/
.sp-table-md{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; color:#666;}
.sp-table-md thead th{line-height:20px;padding:7px 8px; border:none; white-space: nowrap; background:#F5F6FA;border-right:1px solid #E1E6EB; text-align:center; font-weight:normal !important;letter-spacing:1px; cursor:pointer;}
.sp-table-md tbody td{text-align: center;line-height:20px;padding:7px 8px;border-top:1px solid #E1E6EB; max-width:200px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-table-md tbody tr:hover{background:#F9F9FA;}
.sp-table-md a {color:#333;text-decoration: none;} 
.sp-table-md a:hover {text-decoration: underline;}

/*主要用于统计模块的表格*/
.sp-table-sta{border-collapse: collapse;width:100%; border:1px solid #E1E6EB;border-right:none; color:#666;}
.sp-table-sta thead th{line-height:20px;padding:7px 8px; border:none; white-space: nowrap; background-color:#6d96b9; color:#fff; border-right:1px solid #E1E6EB; text-align:center; font-weight:normal !important;letter-spacing:1px; cursor:pointer;}
.sp-table-sta tbody td{text-align: center;line-height:20px;padding:7px 8px;border-top:1px solid #E1E6EB;border-right:1px solid #E1E6EB; max-width:200px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-table-sta tbody td:nth-child(even){background-color:#ebf2fa;}
.sp-table-sta tbody tr:hover td{background-color:#F9F9FA !important;}
.sp-table-sta a {color:#333;text-decoration: none;} 
.sp-table-sta a:hover {text-decoration: underline;}

/**统计模块的第二种演示布局**/
.sp-table-sta-two{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; color:#888;}
.sp-table-sta-two thead th{line-height:20px;padding:8px 8px; border:none; white-space: normal; background:#505f75; color: #fff; border-right:1px solid #E1E6EB; text-align:center; font-weight:normal !important;letter-spacing:1px; cursor:pointer;}
.sp-table-sta-two tbody td{text-align: center;line-height:20px;padding:7px 8px;font-size:13px; border-top:1px solid #E1E6EB; border-right:1px solid #E1E6EB;}
.sp-table-sta-two tbody tr:nth-child(even){background:#eef2f2}

/**table结束**/

/*字体颜色设置*/
.sp-color-white{color:#fff;} 
.sp-color-white a{color:#fff;} 
a.sp-color-white{color:#fff;padding:0 5px;} 
a.sp-color-white:hover{text-decoration:underline !important;}

.sp-color-black{color:#222;}
.sp-color-black a{color:#222;}
a.sp-color-black{color:#222;padding:0 5px;}
a.sp-color-black:hover{text-decoration:underline !important;}

.sp-color-black-dark{color:#000 !important;}
.sp-color-black-dark a{color:#000 !important;}
a.sp-color-black-dark{color:#000 !important;padding:0 5px;}
a.sp-color-black-dark:hover{text-decoration:underline !important;}

.sp-color-orange{color:#e97505 !important;}
.sp-color-orange a{color:#e97505 !important;}
a.sp-color-orange{color:#e97505 !important;padding:0 5px;}
a.sp-color-orange:hover{text-decoration:underline !important;}

.sp-color-green{color:#009900 !important;}
.sp-color-green a{color:#009900 !important;}
a.sp-color-green{color:#009900 !important;padding:0 5px;}
a.sp-color-green:hover{text-decoration:underline !important;}

.sp-color-blue{color:#0066cc !important;}
.sp-color-blue a{color:#0066cc !important;}
a.sp-color-blue{color:#0066cc !important;padding:0 5px;}
a.sp-color-blue:hover{text-decoration:underline !important;}

.sp-color-red{color:red !important;}
.sp-color-red a{color:red !important;}
a.sp-color-red{color:red !important;padding:0 5px;}
a.sp-color-red:hover{text-decoration:underline !important;}

.sp-color-gray{color:#999999 !important;}
.sp-color-gray a{color:#999999 !important;}
a.sp-color-gray{color:#999999 !important;padding:0 5px;}
a.sp-color-gray:hover{text-decoration:underline !important;}

.sp-color-purple,.sp-color-purple a{color:#93f !important;}
a.sp-color-purple{color:#93f !important;padding:0 5px;}
a.sp-color-purple:hover{text-decoration:underline !important;}

.sp-color-yellow,.sp-color-yellow a{color:#febb2c !important;}
a.sp-color-yellow{color:#febb2c !important;padding:0 5px;}
a.sp-color-yellow:hover{text-decoration:underline !important;}

.sp-color-brown,.sp-color-brown a{color:#cf8c00 !important;}
a.sp-color-brown{color:#cf8c00 !important;padding:0 5px;}
a.sp-color-brown:hover{text-decoration:underline !important;}

/* 背景颜色设置 */
.sp-bg-gray{background-color: #f3f4f7 !important;}
.sp-bg-white{background-color: #fff !important;}


/**页面宽度列行布局**/
.sp-page{ float:left; width:100%; }
.sp-page-mgn{float:left;width:98.6%; margin:10px 0.7%; background-color:#fff;}
.sp-page-pad{ float:left; width:100%; padding:10px;}
.sp-page-center{width:1000px;margin:0 auto;}
.sp-page-row{float:left;width:100%; margin:3px 0;}
.sp-page-col{float:left; width:auto; height:auto; }

/*页面标题*/
.sp-page-title{float:left; height:18px;line-height:18px; width:100%; border-left:2px solid #88B7E0; text-indent:8px; margin:5px 0;}
.sp-page-title-gray{float:left;width:100%;text-indent:10px; margin-top:10px; height:40px;line-height:40px; border-left:4px solid #6D7781;background-color:#F5F6FA; border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.sp-page-back{outline:none;height:18px;line-height:18px; text-align:center; padding:1px 10px; margin-left:10px; background:#fff; color:#666; border:1px solid #BBBBBB; cursor:pointer;}
.sp-page-back i{margin-left:-8px;}

/*没有浮动的盒子*/
.sp-box{width:100%;padding:8px 0; display:inline-block;float:left;clear:both;} 
.sp-box-mgn{width:98.6%; margin:10px 0.7%;background-color:#fff;}
.sp-box-pad{width:100%; padding:10px;}
.sp-box-line{width:100%;line-height:26px; padding:3px 0;}
.sp-box-row{width:100%;padding:3px 0;display:inline-block; vertical-align:top;}
.sp-box-col{width:auto;display:inline-block; vertical-align:top;}

/*浮动页面标题,主要为了结合bootstrap用*/
.sp-box-title{ height:18px;line-height:18px; width:100%; border-left:2px solid #88B7E0; text-indent:8px; margin:5px 0;}
.sp-box-title-gray{width:100%;text-indent:10px; margin-top:10px; height:40px;line-height:40px; border-left:4px solid #6D7781;background-color:#F5F6FA; border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.sp-box-title-back{outline:none;height:18px;line-height:18px; text-align:center; padding:1px 10px; margin-left:10px; background:#fff; color:#666; border:1px solid #BBBBBB; cursor:pointer;}
.sp-box-title-back i{margin-left:-8px;}

/*新闻样式*/
.sp-news{width:100%;height:100%;float:left; border:1px solid #eeeeee; margin:10px 0; padding:15px 0; font-family:Microsoft YaHei;}
.sp-news-maintitle{width:100%;line-height:20px; text-align:center; padding-top:20px; padding-bottom:10px; font-size:20px;color:#000;}
.sp-news-subtitle{width:90%;line-height:20px;margin:0 5% 0 5%; padding:5px 0 12px 0; font-size:16px;color:#333;text-align:center;}
.sp-news-date{width:80%;line-height:20px;margin:0 10% 0 10%; padding:5px 0 12px 0; font-size:14px;color:#888;text-align:center;border-bottom:1px solid #ddd;}
.sp-news-info{width:80%; margin:0 auto; padding-top:30px; color:#666; line-height:26px; }

/*自定义行间距*/
.sp-lh-16{ float:left; width:100%;line-height:16px;margin:3px 0;}
.sp-lh-18{ float:left; width:100%;line-height:18px;margin:3px 0;}
.sp-lh-20{ float:left; width:100%;line-height:20px;margin:3px 0;}
.sp-lh-22{ float:left; width:100%;line-height:22px;margin:3px 0;}
.sp-lh-24{ float:left; width:100%;line-height:24px;margin:3px 0;}
.sp-lh-26{ float:left; width:100%;line-height:26px; margin:3px 0;}
.sp-lh-28{ float:left; width:100%;line-height:28px; margin:3px 0;}
.sp-lh-30{ float:left; width:100%;line-height:30px; margin:3px 0;}
.sp-lh-32{ float:left; width:100%;line-height:32px; margin:3px 0;}
.sp-lh-34{ float:left; width:100%;line-height:34px; margin:3px 0;}
.sp-lh-36{ float:left; width:100%;line-height:36px; margin:3px 0;}
.sp-lh-40{ float:left; width:100%;line-height:40px; margin:3px 0;}
.sp-lh-50{ float:left; width:100%;line-height:50px; margin:3px 0;}

/*自定义线条*/
.sp-line-blue{float:left;width:100%;height:1px;border-bottom:1px solid #0f9ae0;margin:5px 0;display:block; clear:both;}
.sp-line-gray{float:left;width:100%;height:1px;border-bottom:1px solid #e7eaec;margin:5px 0;display:block; clear:both;}
.sp-line-gray-dashed{float:left;width:100%;height:1px;border-bottom:1px dashed #797979;margin:5px 0;display:block; clear:both;}
.sp-line-gray-dotted{float:left;width:100%;height:1px;border-bottom:1px dotted #797979;margin:5px 0;display:block; clear:both;}
.sp-line-gray-double{float:left;width:100%;height:4px;border-bottom:4px double #797979;margin:3px 0;display:block; clear:both;}


/*文字阴影：发光字体*/
.sp-textshadow-shine{-webkit-text-shadow:0 0 0.2em #0f9ae0,0 0 0.2em #0f9ae0;text-shadow:0 0 0.2em #0f9ae0,0 0 0.2em #0f9ae0;}
/**文字阴影：立凸体文字**/
.sp-textshadow-solid{-webkit-text-shadow:-1px -1px #fff, 1px 1px #666; text-shadow:-1px -1px #fff, 1px 1px #666;}
/**文字阴影：凹体文字**/
.sp-textshadow-dent{-webkit-text-shadow:1px 1px #fff, -1px -1px #666; text-shadow:1px 1px #fff, -1px -1px #666;}
/*文字阴影：浮雕文字阴影效果*/
.sp-textshadow-relief{-webkit-text-shadow: 0 2px 0 rgba(255,255,255,0.6); text-shadow: 0 2px 0 rgba(255,255,255,0.6); }

/*盒阴影*/
.sp-boxshadow{-ms-box-shadow: 0 0 10px #888; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888;box-shadow: 0 0 10px #888;}/**边框阴影**/



/*form表单的input与textarea控件*/
.sp-input {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
           margin:1px 0;border: solid 1px #ddd; width: 100%; height:30px;-webkit-line-height: 1;-ms-line-height: 30px;line-height: 30px\9; text-indent:5px;}
.sp-textarea{width:100%;padding:0 5px;border: solid 1px #ddd; -webkit-line-height: 1;-ms-line-height: 22px; line-height: 22px\9;
             -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} 
/*鼠标移入变色效果*/
.sp-input:hover, .sp-textarea:hover{border: solid 1px #3bb4f2;}
.sp-input:focus, .sp-textarea:focus{border: solid 1px #0f9ae0 \9; border-color: rgba(82,168,236,0.8);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(102, 175, 233, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(102, 175, 233, 0.6); 
}

.sp-input-sigle-line{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
           margin:1px 0;border:0; border-bottom: solid 1px #ddd; width: 99%; height:34px;line-height: 34px; text-indent:5px;}
/***input加上红色边框**/
.sp-input-red {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
           margin:1px 0;border: solid 1px #f81a1a; width: 100%; height:30px;-webkit-line-height: 1;line-height: 30px\9;-ms-line-height: 30px; text-indent:5px;}
.sp-textarea-red{width:100%;text-indent:3px;border: solid 1px #f81a1a; -webkit-line-height: 1;line-height: 22px\9;-ms-line-height: 22px; 
             -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sp-input-red:hover, .sp-textarea-red:hover{border: solid 1px #f81a1a;}
.sp-input-red:focus, .sp-textarea-red:focus{border: solid 1px #f81a1a \9; border-color: rgba(241, 82, 82,0.8);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(241, 82, 82, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(241, 82, 82, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(241, 82, 82, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(241, 82, 82, 0.6); 
}

/*表单验证：右侧提示信息*/
/*.sp-error{position: relative;line-height:18px; padding:4px 5px;white-space:nowrap;display:none;vertical-align:top;background: #d45252;border-radius:3px;color:#fff;font-size:12px;margin-left:5px; top:7px;}
.sp-error:after, .sp-error:before {right: 100%;top: 50%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-error:after {border-color: rgba(136, 183, 213, 0);border-right-color: #d45252;border-width: 6px;margin-top: -6px;}*/ 
.sp-error{position: absolute;line-height:18px; white-space:nowrap;display:none;vertical-align:middle;background: #fff;color:#d45252;font-size:12px; top:8px; right:32px; }

.sp-errorTip{border:1px solid #d45252;}
.sp-errorTip:hover{border:1px solid #d45252;}/**验证错误后，边框变红**/
.sp-errorTip:focus{border:1px solid #d45252;box-shadow:0 0 2px rgba(212,82,82,0.8);-moz-box-shadow:0 0 2px rgba(212,82,82,0.8);-ms-box-shadow:0 0 2px rgba(212,82,82,0.8);-webkit-box-shadow:0 0 2px rgba(212,82,82,0.8);}

.sp-requireLogo{background:url('./icons/validate/input-require.png') no-repeat;background-position:right center;}
.sp-errorLogo{background:url('./icons/validate/input-errorLogo.png') no-repeat;background-position:right center;}
.sp-rightLogo{background:url('./icons/validate/input-rightLogo.png') no-repeat;background-position:right center;}
textarea.sp-errorLogo {background-position:right 7px;} 
textarea.sp-requireLogo {background-position:right 7px;}
 
.sp-strength-tip{position: relative;line-height:18px; padding:4px 5px;white-space:nowrap;display:none;vertical-align:top; background: #59c153;border-radius:3px;color:#fff;font-size:12px;margin-left:5px; top:7px;}
.sp-strength-tip:after, .sp-strength-tip:before {right: 100%;top: 50%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-strength-tip:after {border-color: rgba(136, 183, 213, 0);border-right-color: #59c153;border-width: 6px;margin-top: -6px;} 

/*表单验证是需要用到的class名*/
.sp-required{} 
.sp-telephone{} 
.sp-phone{}  
.sp-tel{}
.sp-card{} 
.sp-email{} 
.sp-postcode{}
.sp-fax{}  
.sp-num{} 
.sp-decimal{} 
.sp-url{} 
.sp-ip{} 
.sp-chinese{} 
.sp-username{} 
.sp-password{}
/*日期控件加上必填class*/
.sp-required-date{}
/*end 表单验证：右侧提示信息*/

/*input radio单选按钮*/
.sp-radio-default,.sp-radio-orange,.sp-radio-blue,.sp-radio-green,.sp-radio-none{line-height:26px;}
/*1.灰色radio*/
.sp-radio-default label{vertical-align:middle;margin:0 10px;}
.sp-radio-default img{vertical-align:middle;}
.rd-default{padding-left:25px;cursor:pointer;background: url("./icons/radio/rd-default.png") no-repeat left center; background-size:16px 16px;}
.rd-default-checked{padding-left:25px;cursor:pointer;background: url("./icons/radio/rd-default-checked.png") no-repeat left center; background-size:16px 16px;}
/*2.橙色radio*/
.sp-radio-orange label{vertical-align:middle;margin:0 10px;}
.sp-radio-orange img{vertical-align:middle;}
.rd-orange {padding-left:25px;cursor:pointer;background: url("./icons/radio/rd-orange.png") no-repeat left center; background-size:16px 16px;}
.rd-orange-checked{padding-left:25px;cursor:pointer;background:url('./icons/radio/rd-orange-checked.png') no-repeat left center; background-size:16px 16px;}
/*3.蓝色radio*/
.sp-radio-blue label{vertical-align:middle;margin:0 10px;}
.sp-radio-blue img{vertical-align:middle;}
.rd-blue{padding-left:25px;cursor:pointer;background: url("./icons/radio/rd-blue.png") no-repeat left center; background-size:16px 16px;}
.rd-blue-checked{padding-left:25px;cursor:pointer;background: url("./icons/radio/rd-blue-checked.png") no-repeat left center; background-size:16px 16px;}
/*4.绿色radio*/
.sp-radio-green label{vertical-align:middle;margin:0 10px;}
.sp-radio-green img{vertical-align:middle;}
.rd-green{padding-left:25px;cursor:pointer;background: url("./icons/radio/rd-green.png") no-repeat left center; background-size:16px 16px;}
.rd-green-checked{padding-left:25px;cursor:pointer;background: url("./icons/radio/rd-green-checked.png") no-repeat left center; background-size:16px 16px;}

/**5.无皮肤radio**/
.sp-radio-none label{vertical-align:middle;margin:0 10px;}
.rd-none{}
.rd-none-checked{}

/*checkbox多选按钮样式*/
.sp-checkbox-gray,.sp-checkbox-blue,.sp-checkbox-orange,.sp-checkbox-green,.sp-checkbox-none{line-height:26px;}
/*灰色checkbox*/
.sp-checkbox-gray label{vertical-align:middle;margin:0 10px;}
.chb-gray{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-gray.png") no-repeat left center; background-size:16px 16px;}
.chb-gray-checked{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-gray-checked.png") no-repeat left center; background-size:16px 16px;}
/*蓝色checkbox*/
.sp-checkbox-blue label{vertical-align:middle;margin:0 10px;}
.chb-blue{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-blue.png") no-repeat left center; background-size:16px 16px;}
.chb-blue-checked{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-blue-checked.png") no-repeat left center; background-size:16px 16px;}
/*橙色checkbox*/
.sp-checkbox-orange label{vertical-align:middle;margin:0 10px;}
.chb-orange{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-orange.png") no-repeat left center; background-size:16px 16px;}
.chb-orange-checked{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-orange-checked.png") no-repeat left center; background-size:16px 16px;}
/*绿色checkbox*/
.sp-checkbox-green label{vertical-align:middle;margin:0 10px;}
.chb-green{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-green.png") no-repeat left center; background-size:16px 16px;}
.chb-green-checked{padding-left:25px;cursor:pointer;background: url("./icons/checkbox/chb-green-checked.png") no-repeat left center; background-size:16px 16px;}

/*无皮肤checkbox*/
.sp-checkbox-none label{vertical-align:middle;margin:0 10px;}
.chb-none{}
.chb-none-checked{}

.sp-checkbox-all{}

/**利用span标签实现单选操作2018-4-3**/
.sp-radio-tabs{float:left; width:100%; background:url('icons/radio/rd-blue.png') left center no-repeat; background-size:16px 16px; cursor:pointer; padding-left:20px; line-height:25px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-radio-tabs-active{background:url('icons/radio/rd-blue-checked.png') left center no-repeat; background-size:16px 16px;}

/**利用span标签实现多选操作2018-7-24**/
.sp-checkbox-tabs{float:left; width:100%; background:url('icons/checkbox/chb-blue.png') left center no-repeat; background-size:16px 16px; cursor:pointer; padding-left:20px; line-height:25px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-checkbox-tabs-active{background:url('icons/checkbox/chb-blue-checked.png') left center no-repeat; background-size:16px 16px;}

/**空心按钮**/
.sp-btn-default-outline{outline:none;border:1px solid #c2c2c2; padding:3.6px 14.5px;color:#000;background:transparent;cursor:pointer; margin:1px 3px;}/*灰色按钮*/
.sp-btn-default-outline:hover{background:#bababa;}
.sp-btn-gray-outline{outline:none;border:1px solid #bdc7d4; padding:3.6px 14.5px;background:transparent; color:#000; margin:1px 3px; cursor:pointer;}/*灰色按钮*/
.sp-btn-gray-outline:hover{background:#bdc7d4;color:#000;}
.sp-btn-blue-outline{outline:none;border:1px solid #1c84c6; padding:3.6px 14.5px;color:#1c84c6;background:transparent;cursor:pointer; margin:1px 3px;}/*蓝色按钮*/
.sp-btn-blue-outline:hover{color:#fff !important; background:#1c84c6; text-decoration:none;}
.sp-btn-green-outline{outline:none;border:1px solid #009f3c; padding:3.6px 14.5px;color:#009f3c;background:transparent;cursor:pointer; margin:1px 3px;}/*绿色 #02aa41 #009f3c*/
.sp-btn-green-outline:hover{background:#02aa41;color:#fff !important; text-decoration:none;}
.sp-btn-red-outline{outline:none;border:1px solid #e3302b; padding:3.6px 14.5px;color:#e3302b;background:transparent;cursor:pointer; margin:1px 3px;}/*红色*/
.sp-btn-red-outline:hover{color:#fff;background:#e3302b;text-decoration:none;}
.sp-btn-yellow-outline{outline:none;border:1px solid #febb2c;padding:3.6px 14.5px;color:#febb2c;background:transparent;cursor:pointer; margin:1px 3px;}
.sp-btn-yellow-outline:hover{background:#f7a54a;color:#fff !important; text-decoration:none;}
.sp-btn-orange-outline{outline:none;border:1px solid #e97505; padding:3.6px 14.5px;color:#e97505;background:transparent;cursor:pointer; margin:1px 3px;}
.sp-btn-orange-outline:hover{background:#ed7a0a;color:#fff !important; text-decoration:none;}
.sp-btn-brown-outline{outline:none;border:1px solid #cf8c00; padding:3.6px 14.5px;color:#cf8c00;background:transparent;cursor:pointer; margin:1px 3px;}
.sp-btn-brown-outline:hover{background:#cf8c00;color:#fff;}
.sp-btn-sea-outline{outline:none;border:1px solid #044d8b; padding:3.6px 14.5px;color:#044d8b;background:transparent;cursor:pointer; margin:1px 3px;}/*灰色按钮*/
.sp-btn-sea-outline:hover{background:#044d8b;color:#fff !important; text-decoration:none;}

a.sp-btn-default-outline{text-decoration:none !important; color:#333 !important;}
a.sp-btn-gray-outline{text-decoration:none !important; color:#000 !important;}
a.sp-btn-blue-outline{text-decoration:none !important; color:#1c84c6 !important;}
a.sp-btn-green-outline{text-decoration:none !important; color:#009f3c !important;}
a.sp-btn-red-outline{text-decoration:none !important; color:#e3302b !important;}
a.sp-btn-yellow-outline{text-decoration:none !important; color:#febb2c !important;}
a.sp-btn-orange-outline{text-decoration:none !important; color:#e97505 !important;}
a.sp-btn-brown-outline{text-decoration:none !important; color:#cf8c00 !important;}
a.sp-btn-sea-outline{text-decoration:none !important; color:#044d8b !important;}
a.sp-btn-solid{text-decoration:none !important; }

/* 实心按钮 */
.sp-btn-default{outline:none;border:0; padding:5px 15px;color:#000;background:#c2c2c2;cursor:pointer; margin:1px 3px;}/*灰色按钮*/
.sp-btn-default:hover{background:#bababa;}
.sp-btn-gray{outline:none;border:0; padding:5px 15px;background:#bdc7d4; color:#000; margin:1px 3px; cursor:pointer;}/*灰色按钮*/
.sp-btn-gray:hover{background:#cdd3db;color:#000;}
.sp-btn-blue{outline:none;border:0; padding:5px 15px;color:#fff;background:#1c84c6;cursor:pointer; margin:1px 3px;}/*蓝色按钮*/
.sp-btn-blue:hover{color:#fff !important; text-decoration:none;}
.sp-btn-green{outline:none;border:0; padding:5px 15px;color:#fff;background:#009f3c;cursor:pointer; margin:1px 3px;}/*绿色 #02aa41 #009f3c*/
.sp-btn-green:hover{background:#02aa41;color:#fff !important; text-decoration:none;}
.sp-btn-red{outline:none;border:0; padding:5px 15px;color:#fff;background:#e3302b;cursor:pointer; margin:1px 3px;}/*红色*/
.sp-btn-red:hover{color:#fff;background:#e3302b;text-decoration:none;}
.sp-btn-yellow{outline:none;border:0; padding:5px 15px;color:#fff;background:#febb2c;cursor:pointer; margin:1px 3px;}
.sp-btn-yellow:hover{background:#f7a54a;color:#fff !important; text-decoration:none;}
.sp-btn-orange{outline:none;border:0; padding:5px 15px;color:#fff;background:#e97505;cursor:pointer; margin:1px 3px;}
.sp-btn-orange:hover{background:#ed7a0a;color:#fff !important; text-decoration:none;}
.sp-btn-brown{outline:none;border:0; padding:5px 15px;background:#cf8c00;color:#fff;cursor:pointer; margin:1px 3px;}
.sp-btn-brown:hover{background:#cf8c00;color:#fff;}
.sp-btn-sea{outline:none;border:0; padding:5px 15px;color:#fff;background:#044d8b;cursor:pointer; margin:1px 3px;}/*灰色按钮*/
.sp-btn-sea:hover{background:#044d8b;color:#fff !important; text-decoration:none;}

/**更多操作时的按钮*/
.sp-btn-solid{outline:none;border: 1px solid #ccc;padding:5px 15px;color:#007cc6;background:#fff;cursor:pointer; margin:1px 3px;display:inline-block;}
.sp-btn-solid:hover{border: 1px solid #007cc6;}
.sp-btn-solid-part{ position:absolute; background-color:#fff; width:120px; border:1px solid #ddd; border-top:2px #2d8fd9 solid; box-shadow:0 0 3px #bbb; z-index:9;}
/*透明按钮*/
.sp-btn-transparent{ float:left;outline:none;border:0;background-color:#fff; width:100%; text-align:center; padding:5px 0; color:#333;}

.sp-btn-lg{padding:7px 40px;}
.sp-btn-md{padding:3px 15px;}
.sp-btn-sm{padding:1px 10px;}  
.sp-btn-min{padding: 3px 5px;}

a.sp-btn-default{text-decoration:none !important;color:#000;}
a.sp-btn-gray{text-decoration:none !important;color:#000;}
a.sp-btn-blue{text-decoration:none !important;color:#fff !important; }
a.sp-btn-green{text-decoration:none !important;color:#fff !important;}
a.sp-btn-red{text-decoration:none !important;color:#fff !important;}
a.sp-btn-yellow{text-decoration:none !important;color:#fff !important;}
a.sp-btn-orange{text-decoration:none !important;color:#fff !important;}
a.sp-btn-brown{text-decoration:none !important;color:#fff !important;}
a.sp-btn-sea{text-decoration:none !important;color:#fff !important;}
a.sp-btn-solid{text-decoration:none !important;}

.sp-btn-default-outline,.sp-btn-gray-outline,.sp-btn-blue-outline,.sp-btn-green-outline,.sp-btn-red-outline,.sp-btn-yellow-outline,.sp-btn-orange-outline,.sp-btn-brown-outline,.sp-btn-sea-outline{white-space:nowrap;}
.sp-btn-default,.sp-btn-gray,.sp-btn-blue,.sp-btn-green,.sp-btn-red,.sp-btn-yellow,.sp-btn-orange,.sp-btn-brown,.sp-btn-sea,.sp-btn-solid{white-space:nowrap;}

.sp-btn-radius{-ms-border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}

/***圆角兼容ie的处理   PIE.htc文件路径是相对于html文件的路径，而不是相对于css文件**/
/*.sp-radius{position:relative;behavior:url('../css/PIE.htc'); -ms-border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}*/
.sp-radius{-ms-border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}

/*用于时间框，宽度是240*/
.sp-input-date{border: solid 1px #ddd;width:240px;height:30px;-webkit-line-height: 1;line-height: 30px\9;-ms-line-height: 30px; text-indent:5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*一般的密码框、用户名*/
.sp-input-user{border: solid 1px #ddd;width:240px;height:30px;-webkit-line-height: 1;line-height: 30px\9;-ms-line-height: 30px; text-indent:5px; background:url('./icons/userpwd/logo-user.png') right center no-repeat #fff;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp-input-pwd{border: solid 1px #ddd;width:240px;height:30px;-webkit-line-height: 1;line-height: 30px\9;-ms-line-height: 30px; text-indent:5px; background:url('./icons/userpwd/logo-pwd.png') right center no-repeat #fff;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*背景图片合成的搜索框*/
.sp-search-imgtxt{float:left; border: none;width:206px;height:32px;line-height:30px;text-indent:5px;color:#aaa;background:url('./icons/search/bg_searchTxt.png') no-repeat; }
.sp-search-imgbtn{float:left;cursor:pointer; margin-left:-2px; outline:none;border:0; background:url('./icons/search/bg_btnSeacrh.png') no-repeat;width:64px; height:32px;color:#fff; border:1px solid #f27d0a;}

/*常用搜索框*/
.sp-input-search{float:left;border: solid 1px #ddd;width:240px;height:30px;-webkit-line-height: 1;line-height: 30px\9;-ms-line-height: 30px; text-indent:35px;  background:url('./icons/search/input_search.png') no-repeat;background-position:left center;background-color:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.sp-search{float:left;width:200px;height:30px;line-height:30px;border:1px solid #ccc;text-indent:5px;}
.sp-search:focus{border:1px solid #aaa;}
.sp-search-btn{float:left;outline:none;border:0;width:60px; height:30px;line-height:30px;color:#000;background-color:#c2c2c2;cursor:pointer; }
.sp-search-btn:hover{background-color:#bababa; color:#2a6496;}

.sp-search-green{float:left;width:200px;height:30px;line-height:30px;border:1px solid #009f3c;text-indent:5px;border-radius:3px 0 0 3px;}
.sp-search-green:focus{border:1px solid #093;}
.sp-search-green-btn{float:left;outline:none;border:0; width:60px; height:30px;line-height:30px;color:#fff;background:#009f3c;cursor:pointer;border-radius:0 3px 3px 0;}
.sp-search-green-btn:hover{background:#093;}

.sp-search-blue{float:left;width:200px;height:30px;line-height:30px;border:1px solid #1c84c6;text-indent:5px;border-radius:3px 0 0 3px;}
.sp-search-blue:focus{border:1px solid #1a7bb9;}
.sp-search-blue-btn{float:left;outline:none;border:0; width:60px; height:30px;line-height:30px;color:#fff;background:#1c84c6;cursor:pointer;border-radius:0 3px 3px 0;}
.sp-search-blue-btn:hover{background:#1a7bb9;}

.sp-search-orange{float:left;width:200px;height:30px;line-height:30px;border:1px solid #ea7706;text-indent:5px;border-radius:3px 0 0 3px;}
.sp-search-orange:focus{border:1px solid #ed7a0a;}
.sp-search-orange-btn{float:left;outline:none;border:0; width:60px; height:30px;line-height:30px;color:#fff;background:#e97505;cursor:pointer;border-radius:0 3px 3px 0;}
.sp-search-orange-btn:hover{background:#ed7a0a;}

/*span自定义宽度设置*/
.sp-span1 { width: 80px;} 
.sp-span2 { width: 160px;} 
.sp-span3 { width: 240px;}
.sp-span4 { width: 320px;}
.sp-span5 { width: 400px;} 
.sp-span6 { width: 480px;} 
.sp-span7 { width: 560px;} 
.sp-span8 { width: 640px;}
.sp-span9 { width: 720px;}  
.sp-span10 { width: 800px;} 
.sp-span11 { width: 880px;} 
.sp-span12 { width: 960px;}


/*页面布局第一种-左、右侧布局*/
.sp-wrapper-head{position:absolute;top:0; left:0; right:0; height:40px; background-color:#1e74d5;color:#fff; }
.sp-wrapper-left{position:absolute; left:0; top:40px; bottom:0; width:140px; background-color:#1f263f;}
.sp-wrapper-right{position:absolute; left:140px; right:0; top:40px; bottom:0;}
.sp-wrapper-right iframe{overflow-y:auto;}

/******页面布局头部中的布局*************/
.sp-wrapper-head .sp-wrapper-head-left{float:left;width:auto; height:40px;white-space:nowrap; margin-left:10px;}
.sp-wrapper-head .sp-wrapper-head-title{float:left;height:40px;line-height:40px;cursor:pointer; padding-left:5px;  color:#fff; }
.sp-wrapper-head .sp-wrapper-head-title i{font-size:18px;}
.sp-wrapper-head .sp-wrapper-head-title span{padding-left:5px;font-size:18px;}
.sp-wrapper-head .sp-wrapper-head-img{float:left;width:auto;height:30px;  margin:5px 0; }
/*页面布局头部右侧*/
.sp-wrapper-head .sp-wrapper-head-right{float:right;width:auto; height:40px;white-space:nowrap;}
.sp-wrapper-head .sp-wrapper-head-col{float:left;height:40px;line-height:40px;cursor:pointer;color:#e9f3fd;}
.sp-wrapper-head .sp-wrapper-head-col-span {padding:0 10px;height:40px;line-height:40px;color:#e9f3fd; }
.sp-wrapper-head .sp-wrapper-head-col span i{padding-right:5px;}
.sp-wrapper-head .sp-wrapper-head-col a{text-decoration:none;color:#666666;}
.sp-wrapper-head .sp-wrapper-head-col:hover{background-color:#3a7fcf;}
/*标识头部含有子菜单*/
.sp-wrapper-head .sp-wrapper-head-sub{position:absolute; background:#fff;width:100%;height:auto;padding:5px 0; color:#333;display:none;z-index:99; border:1px solid #ccc; box-sizing: border-box;}
.sp-wrapper-head .sp-wrapper-head-sub a{color:#666;}
.sp-wrapper-head .sp-wrapper-head-sub a:hover{color:#3a7fcf;}
.sp-wrapper-head .sp-wrapper-head-col:hover .sp-wrapper-head-sub{display:block;}
/*.sp-wrapper-head-sub i{color:#f56704;}*/

/**头部头像**/
.sp-wrarrer-photo{width:30px; height:30px; border-radius:15px; float:left; margin:5px 0 5px 8px;}

/*页面布局-头部-皮肤设置*/
.sp-wrapper-head .sp-skin-box{padding:0 10px;}
.sp-wrapper-head .sp-skin-box>span{float:left; width:23px;height:23px;margin:3px; border:none; cursor:pointer;}
.sp-wrapper-head .sp-skin-box .sp-skin-current{border:1px solid red;}
.sp-wrapper-head .sp-skin-black{background-color:#333438 !important;float:left; width:23px;height:23px; border:none;cursor:pointer;}
.sp-wrapper-head .sp-skin-gray{background-color:#576a85 !important;float:left; width:23px;height:23px; border:none;cursor:pointer;}
.sp-wrapper-head .sp-skin-white{background-color:#ccc !important;float:left; width:23px;height:23px; border:none;cursor:pointer;}
.sp-wrapper-head .sp-skin-green{background-color:#19a97b !important;float:left; width:23px;height:23px; border:none;cursor:pointer;}
.sp-wrapper-head .sp-skin-blue{background-color:#169ddc !important;float:left; width:23px;height:23px; border:none;cursor:pointer;}
.sp-wrapper-head .sp-skin-red{background-color:#bc3906 !important;float:left; width:23px;height:23px; border:none;cursor:pointer;}
.sp-wrapper-head .sp-skin-box .sp-skin-current>label{width:21px;height:21px; border:none;}

/*****左侧菜单第一种风格；五级菜单**********/
/*左侧最多能扩展到五级的菜单*/
/*第一种左侧菜单改版写法**/
.sp-leftmenu{float:left;width:140px;height:100%; overflow:hidden;background-color:#1f263f;table-layout: fixed;font-size:13px;}
.sp-leftmenu-scroll{float:left;width:160px;height:100%; overflow-y:scroll;overflow-x:hidden; }
.sp-leftmenu ul li{padding:0;margin:0;list-style-type:none;line-height:0 !important;}
.sp-leftmenu ul li .sp-leftmenu-active{cursor:pointer;color:#fff;background-color:#f27d0a !important;-moz-transition:0s; -o-transition:0s; -webkit-transition:0s;transition:0s;}
.sp-leftmenu a{ float:left; width:100%; text-decoration:none;cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-leftmenu a:hover{text-decoration:none;cursor:pointer;}
/*左侧菜单上部折叠的开关*/
.sp-leftmenu .sp-leftmenu-switch{float:left;width:100%;height:38px; line-height:38px;background-color:#394555;cursor:pointer;}
.sp-leftmenu .sp-leftmenu-switch i{font-size:20px;text-align:center;width:100%;height:38px; line-height:38px;color:#f7f7f7;}
.sp-leftmenu .sp-leftmenu-first,.sp-leftmenu-second,.sp-leftmenu-third,.sp-leftmenu-fourth,.sp-leftmenu-fifth{float:left;width:100%; }
.sp-leftmenu .sp-leftmenu-first>a{line-height:38px;background-color:#1f263f; color:#A7B1C2;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sp-leftmenu .sp-leftmenu-first>a:hover{background-color:#364a5c;color:#fff;}
.sp-leftmenu-first>a .sp-leftmenu-ltitle{ float:left; width:100px; padding-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-leftmenu-first>a>i{float:left; width:18px; margin-left:5px; text-align:center; line-height:38px;}

.sp-leftmenu-second{display:none;}
.sp-leftmenu-second>a{line-height:38px;background-color:#3d5266;color:#e6e5e5;cursor:pointer; border-bottom:1px solid #31485e;}
.sp-leftmenu-second>a:hover{color:#fff;}
.sp-leftmenu-second>a .sp-leftmenu-ltitle{float:left;width:120px;padding-left:25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sp-leftmenu-third{display:none;}
.sp-leftmenu-third>a{line-height:38px;background-color:#475f75;color:#e6e5e5;border-bottom:1px solid #3a536a;}
.sp-leftmenu-third>a .sp-leftmenu-ltitle{float:left;width:120px;padding-left:32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-leftmenu-fourth{display:none;}
.sp-leftmenu-fourth>a{line-height:38px;background-color:#4f6a82;border-bottom:1px solid #49627a;color:#e6e5e5;}
.sp-leftmenu-fourth>a .sp-leftmenu-ltitle{float:left;width:120px;padding-left:38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-leftmenu-fifth{display:none;}
.sp-leftmenu-fifth>a{line-height:38px;background-color:#587389;color:#e6e5e5;}
.sp-leftmenu-fifth>a .sp-leftmenu-ltitle{float:left;padding-left:44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sp-leftmenu .sp-leftmenu-icon{position:relative; float:right; display:inline-block; margin-right:10px; width:10px;}
.sp-leftmenu .sp-leftmenu-icon i{width:8px;}
.sp-leftmenu .has-sub i.sub-logo{ color:#a0abb3;width:10px;}
.sp-leftmenu .has-sub i.sub-logo-hide{display:none;color:#a0abb3; width:8px;}
.sp-leftmenu .leftmenuClick{color:#ff6600 !important;}

/*菜单折叠*/
.sp-leftmenu-fold{width:40px;}
.sp-leftmenu-fold .sp-leftmenu-scroll{width:60px;}
.sp-leftmenu-fold .sp-leftmenu-first{width:40px;}
.sp-leftmenu-fold .sp-leftmenu-first>a>i{margin-left:11px;}
.sp-leftmenu-fold .sp-leftmenu-first>a .sp-leftmenu-ltitle{display:none !important;}
.sp-leftmenu-fold .sp-leftmenu-first:hover .sp-leftmenu-ltitle{position:absolute;display:block !important;width:100px;text-indent:2px;line-height:38px;background-color:#364a5c;margin-left:39px;z-index:30;}
.sp-leftmenu-fold .sp-leftmenu-second{width:40px;display:none !important;}
.sp-leftmenu-fold .sp-leftmenu-third{width:40px;display:none !important;}
.sp-leftmenu-fold .sp-leftmenu-fourth{width:40px;display:none !important;}
.sp-leftmenu-fold .sp-leftmenu-fifth{width:40px;display:none !important;}
.sp-leftmenu-fold .sub-logo{display:none !important;}
.sp-leftmenu-fold .sub-logo-hide{display:none !important;}

/*第二种框架风格布局-左右布局不同之处*/
.sp-wrapper-left-second{position:absolute; left:0; top:40px; bottom:0; width:60px; background-color:#2F4050;}
.sp-wrapper-right-second{position:absolute; left:60px; right:0; top:40px; bottom:0;}
.sp-wrapper-right-second iframe{overflow-y:auto;}

/*第二种框架风格左侧菜单风格---最新修改201808--最多支持到五级横向展开*/
.sp-leftbar{float:left;width:60px;height:100%; overflow:hidden;background-color:#2F4050;table-layout: fixed;}
.sp-leftbar-scroll{float:left;width:80px;height:100%; overflow-y:scroll;overflow-x:hidden; }
.sp-leftbar ul li{padding:0;margin:0;list-style-type:none;line-height:0 !important;}
.sp-leftbar .sp-leftbar-first{float:left; width:60px; height:50px; text-align:center; cursor:pointer; border-top:1px solid #364a5c;}
.sp-leftbar .sp-leftbar-first .sp-leftbar-first-up{float:left; width:100%; margin-top:7px;line-height:18px; color:#fff; font-size:15px; text-align:center;}
.sp-leftbar .sp-leftbar-first .sp-leftbar-first-down{float:left; width:100%; margin-bottom:7px;line-height:18px; color:#fff; font-size:13px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sp-leftbar .sp-leftbar-first:hover{background:url('skintwo/horzActive.png') no-repeat;}
.sp-leftbar .leftbarTwoActive{background:url('skintwo/horzActive.png') no-repeat; border-top:0;}
.sp-leftbar-first>ul{position:absolute;z-index:22; margin-left:60px; width:120px; height:auto; background-color:#fff;border:1px solid #ccc; display:none; border-bottom-right-radius:3px;border-top-right-radius:3px;}
/*.sp-leftbar-first:hover>ul{display:block;}*/

.sp-leftbar-second{float:left;width:100%;}
.sp-leftbar-second>a{float:left;width:100%; padding:0 0;height:30px;line-height:30px;}
.sp-leftbar-second>a:hover{color:#0068b7; background-color:#eee;}
.sp-leftbar-second a .ileft{float:left;width:15px; text-align:center;}
.sp-leftbar-second a .lbtitle{float:left;width:81px; margin-left:5px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sp-leftbar-second a .iright{float:right;width:5px; margin-right:10px;}
.sp-leftbar-second>ul{position:absolute;margin-left:119px; width:120px; height:auto; background-color:#fff; border:1px solid #ccc; display:none;}
.sp-leftbar-second:hover>ul{display:block;}

.sp-leftbar-third{float:left;width:100%;}
.sp-leftbar-third>a{float:left;width:100%; padding:0;height:30px;line-height:30px;}
.sp-leftbar-third>a:hover{color:#0068b7; background-color:#eee;}
.sp-leftbar-third>ul{position:absolute;margin-left:119px; width:120px; height:auto; background-color:#fff; border:1px solid #ccc; display:none;}
.sp-leftbar-third:hover>ul{display:block;}

.sp-leftbar-fourth{float:left;width:100%;}
.sp-leftbar-fourth>a{float:left;width:100%; padding:0;height:30px;line-height:30px;}
.sp-leftbar-fourth>a:hover{color:#0068b7; background-color:#eee;}
.sp-leftbar-fourth>ul{position:absolute;margin-left:119px; width:120px; height:auto; background-color:#fff; border:1px solid #ccc; display:none;}
.sp-leftbar-fourth:hover>ul{display:block;}

.sp-leftbar-fifth>a{float:left;width:100%;padding:0;height:30px;line-height:30px;}
.sp-leftbar-fifth>a:hover{color:#0068b7; background-color:#eee;}

.sp-leftbar-second a.leftbartitleActive{color:#0068b7; background-color:#eee;}

/*框架页签布局--页签*/
.sp-wrapper-tabs{float:left; width:100%;}/**框架页签**/
.sp-wrapper-tabs .sp-wrapper-tabs-head{position:relative; height:31px;min-width:500px; overflow:hidden;
                                       background:url('../../tpl/index/img-new/background.png') left center; 
                                       background-size:cover;background-position:0 0;
                                       /*border-bottom:1px solid #bbb;*/
}
/*tab的菜单*/
/*.sp-wrapper-tabs .sp-wrapper-tabs-menu{position: absolute; width:100%; overflow:hidden;height:30px;background-color:#fafafa;}*/

/*.sp-wrapper-tabs .sp-wrapper-tabs-menu{position: absolute; z-index:1; margin-left:40px; width:10000px; overflow:hidden; height:30px;background-color:#fafafa;}*/
/*20220222修改*/
.sp-wrapper-tabs .sp-wrapper-tabs-menu{position: absolute; z-index:1; margin-left:100px; width:10000px; overflow:hidden; height:30px;
                                       /*background-color:#fafafa;*/ }


.sp-wrapper-tabs .sp-wrapper-tabs-menu li{float:left;position:relative;width:90px;height:30px;line-height:30px !important;color:#888; border-right:1px solid #eee; text-align:center;cursor:pointer;
                                          background-color:rgba(255, 255, 255, 0.7); 
} 
.sp-wrapper-tabs .sp-wrapper-tabs-menu li.sp-wrapper-tabs-current{color:#000;font-weight:bold; background-color:#fff;border-bottom:2px solid #666;height:31px;line-height:30px;}
.sp-wrapper-tabs .sp-wrapper-tabs-menu li i{/*float:right; margin-bottom:5px; margin-right:2px;*/ display:none;
                                             position:absolute; right:0; width:12px; height:14px;}
.sp-wrapper-tabs .sp-wrapper-tabs-menu li:hover i{display:inline-block;}
/*页签左右移动按钮*/
.sp-wrapper-tabs-menu-shiftleft{position:absolute;z-index:3; left:0; width:40px; height:30px; line-height:30px;  color:#888; background-color:#fff; text-align:center; border-right: solid 1px #eee; cursor:pointer;}
.sp-wrapper-tabs-menu-shiftleft:hover{background-color:#f5f5f5;}
.sp-wrapper-tabs-menu-shiftright{position:absolute;z-index:3; right:110px; width:40px; height:30px; line-height:30px;  color:#888; background-color:#fff;text-align:center; border-left: solid 1px #eee; cursor:pointer;}
.sp-wrapper-tabs-menu-shiftright:hover{background-color:#f5f5f5;}
/*页签操作*/
.sp-pagetab-close{position:absolute; right:0px; z-index:3; height:30px;line-height:30px; width:110px; text-align:center; color:#888; border-left:1px solid #eeeeee; background-color:#fff; cursor:pointer;}
.sp-pagetab-close:hover{color:#1e74d5;}
.sp-pagetab-closepart{position:absolute;  z-index:3; width:120px; top:31px; padding: 2px 5px; right:5px; display:none; background-color:#fff; box-shadow:0 0 5px #aaa; border:1px solid #eee; text-align:center;}
.sp-pagetab-closeline{float:left; width:100%; line-height:26px; margin:3px 0; color:#666; cursor:pointer; font-size:13px;}
.sp-pagetab-closeline:hover{background-color:#f5f5f5; color:#000;}
/*页签对应的iframe*/
.sp-wrapper-tabs .sp-wrapper-tabs-box{float:left; width:100%; padding:0; margin-top:-1px;}/*tab的肚子*/
.sp-wrapper-tabs .sp-wrapper-tabs-box .hide{display:none;}         
.sp-wrapper-tabs .sp-wrapper-tabs-box-col{display:none;}
.sp-wrapper-tabs .sp-wrapper-tabs-box  .sp-wrapper-tabs-box-current{display:block;}

/*tab选项卡默认-蓝色*/
 .sp-tab{float:left; width:100%;background-color:#fff;}
 .sp-tab .sp-tab-menu{float:left;height:30px;width:100%;border-bottom:1px solid #bdbdbd;}/*tab的菜单*/
 .sp-tab .sp-tab-menu li{float:left;width:100px;height:30px;line-height:30px;color:#333;text-align:center;cursor:pointer;} 
 .sp-tab .sp-tab-menu li.sp-tab-current{color:#1e74d5;border-bottom:2px solid #1e74d5;height:30px;}
 .sp-tab .sp-tab-menu li a{color:#333;text-decoration:none;}
 .sp-tab .sp-tab-menu li.sp-tab-current a{color:#1e74d5;}
 .sp-tab .sp-tab-box{float:left; width:97%; padding:10px 1.5%; line-height:22px;margin-top:-1px;}/*tab的肚子*/
 .sp-tab .sp-tab-box .sp-tab-hide{display:none;}
 .sp-tab .sp-tab-box .sp-tab-current{}

 /**灰色风格****/
 .sp-tab-gray .sp-tab-menu{height:32px;background-color:#e6ebf2; border-bottom:1px solid #ccc;}
 .sp-tab-gray .sp-tab-menu li{ height:32px; line-height:32px; color:#666; border-bottom:1px solid #ccc;}
 .sp-tab-gray .sp-tab-menu li.sp-tab-current{height:32px; line-height:27px; color:#154C9F; border-top:3px solid #084da9;border-left:1px solid #ccc; border-right:1px solid #ccc;  background-color:#fff; border-bottom:1px solid #fff;}

 /*椭圆风格*/
 .sp-tab-round .sp-tab-menu{border:1px solid #1e74d5; border-radius:5px;height:32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 .sp-tab-round .sp-tab-menu li{color:#333; width:25%; border-right:1px solid #1e74d5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 .sp-tab-round .sp-tab-menu li:hover{color:#154C9F;}
 .sp-tab-round .sp-tab-menu li.sp-tab-current{color:#fff;height:30px;background-color:#1e74d5; border-bottom:none; border-right:none;}
 .sp-tab-round .sp-tab-menu li a{color:#333;text-decoration:none;}
 .sp-tab-round .sp-tab-menu li.sp-tab-current a{color:#fff;}
 .sp-tab-round .sp-tab-menu li:last-child{ border-right:none;}
 /**绿色：#093; #009933;**/

  /*块状风格*/
 .sp-tab-block .sp-tab-menu{border-bottom:1px solid #bdbdbd;}
 .sp-tab-block .sp-tab-menu li{color:#333;}
 .sp-tab-block .sp-tab-menu li:hover{color:#01479d;}
 .sp-tab-block .sp-tab-menu li.sp-tab-current{color:#fff;height:30px;background-color:#1e74d5;border-bottom:none;}
 .sp-tab-block .sp-tab-menu li a{color:#333;text-decoration:none;}
 .sp-tab-block .sp-tab-menu li.sp-tab-current a{color:#fff;}

  /***边框风格****/
 .sp-tab-radius .sp-tab-menu  li:hover{color:#01479d;}
 .sp-tab-radius .sp-tab-menu  li.sp-tab-current{color:#1e74d5; height:30px; border:1px solid #bdbdbd; border-bottom:1px solid #fff; border-top-left-radius:10px; border-top-right-radius:10px;}
 .sp-tab-radius .sp-tab-menu  li.sp-tab-current a{color:#1e74d5;}

 .sp-tab-border .sp-tab-menu{float:left;height:30px;width:100%;border-bottom:1px solid #1e74d5;}
 .sp-tab-border .sp-tab-menu li{float:left;width:100px;height:30px; margin-left:6px; line-height:30px !important; border:1px solid #666666; border-bottom:none; color:#666666;border-top-left-radius:5px; border-top-right-radius:5px;} 
 .sp-tab-border .sp-tab-menu li:first-child{margin-left:0;}
 .sp-tab-border .sp-tab-menu  li:hover{color:#01479d;}
 .sp-tab-border .sp-tab-menu  li.sp-tab-current{color:#0066cc; height:30px; border:1px solid #1e74d5;  border-top-left-radius:5px; border-top-right-radius:5px;}
 .sp-tab-border .sp-tab-menu  li.sp-tab-current a{color:#1e74d5;}
  
 /**左右布局**/
 /*类型七：选项签在左侧sp-tab-left*/
 .sp-tab-left{background-color:#f7f7f7;border:1px solid #cccbca;}
 .sp-tab-left .sp-tab-menu{float:left; height:auto; width:20%; border-bottom:none; border-right:1px solid #cccbca;}/*tab的菜单*/
 .sp-tab-left .sp-tab-menu li{float:left;width:100%;height:40px;line-height:40px;color:#333;text-align:center;cursor:pointer;} 
 .sp-tab-left .sp-tab-menu li a{color:#333;text-decoration:none;}
 .sp-tab-left .sp-tab-menu li.sp-tab-current{color:#1e74d5;height:40px; border-right:1px solid #fff;border-top:1px solid #cccbca; border-bottom:1px solid #cccbca;margin-right:-1px; background-color:#fff; }
 .sp-tab-left .sp-tab-menu li.sp-tab-current a{color:#1e74d5;}
 .sp-tab-left .sp-tab-box{float:left; width:80%; height:100%; padding:10px; line-height:22px;margin-top:0; background-color:#fff; overflow-y:auto; }/*tab的肚子*/
 .sp-tab-left .sp-tab-box .sp-tab-hide{display:none;}
 .sp-tab-left .sp-tab-box .sp-tab-current{}
  /*类型八：选项签在右侧sp-tab-right*/
 .sp-tab-right{background-color:#f7f7f7;border:1px solid #cccbca;}
 .sp-tab-right .sp-tab-menu{float:right; height:auto; width:20%; border-bottom:none; border-left:1px solid #cccbca;}/*tab的菜单*/
 .sp-tab-right .sp-tab-menu li{float:left;width:100%;height:40px;line-height:40px;color:#333;text-align:center;cursor:pointer;} 
 .sp-tab-right .sp-tab-menu li a{color:#333;text-decoration:none;}
 .sp-tab-right .sp-tab-menu li.sp-tab-current{color:#1e74d5;height:40px; border-left:1px solid #fff;border-top:1px solid #cccbca; border-bottom:1px solid #cccbca;margin-right:-1px; background-color:#fff; }
 .sp-tab-right .sp-tab-menu li.sp-tab-current a{color:#1e74d5;}
 .sp-tab-right .sp-tab-box{float:left; width:80%; height:100%; padding:10px; line-height:22px;margin-top:0; background-color:#fff; overflow-y:auto; }/*tab的肚子*/
 .sp-tab-right .sp-tab-box .sp-tab-hide{display:none;}
 .sp-tab-right .sp-tab-box .sp-tab-current{}
/*label的数字提示*/
.label {display: inline;padding:1px 5px;font-size: 12px !important;line-height: 1;color: #fff;white-space: nowrap;border-radius: .25em;vertical-align:text-top;font-weight:normal;left:-10px;}
 a.label:hover,a.label:focus {color: #fff;text-decoration: none; cursor: pointer;}
.label:empty {display: none;}
.label {position: relative;top: -1px;}
.label-default {background-color: #777;}
.label-default[href]:hover,.label-default[href]:focus {background-color: #5e5e5e;}
.label-primary {background-color: #337ab7;}
.label-primary[href]:hover,.label-primary[href]:focus {background-color: #286090;}
.label-success {background-color: #5cb85c;}
.label-success[href]:hover,.label-success[href]:focus {background-color: #449d44;}
.label-info {background-color: #5bc0de;}
.label-info[href]:hover,.label-info[href]:focus {background-color: #31b0d5;}
.label-warning {background-color: #f0ad4e;}
.label-warning[href]:hover,.label-warning[href]:focus {background-color: #ec971f;}
.label-danger {background-color: #d9534f;}
.label-danger[href]:hover,.label-danger[href]:focus {background-color: #c9302c;}

/*圆圈中间有数字的 提示样式*/
.sp-circletip-default{position:absolute;width:22px;height:22px;line-height:22px;font-size: 12px !important;color:#fff; text-align:center;background:url('./icons/circle/label_default.png') no-repeat center; margin-top: -10px;}
.sp-circletip-primary{position:absolute;width:22px;height:22px;line-height:22px;font-size: 12px !important;color:#fff; text-align:center;background:url('./icons/circle/label_primary.png') no-repeat center; margin-top: -10px;}
.sp-circletip-success{position:absolute;display: inline;width:22px;height:22px;line-height:22px;font-size: 12px !important;color:#fff; text-align:center;background:url('./icons/circle/label_success.png') no-repeat center; margin-top: -10px;}
.sp-circletip-danger{position:absolute;width:22px;height:22px;line-height:22px;font-size: 12px !important;color:#fff; text-align:center;background:url('./icons/circle/label_danger.png') no-repeat center; margin-top: -10px;}
.sp-circletip-red{position:absolute;width:22px;height:22px;line-height:22px; border-radius:11px; font-size: 12px !important;color:#fff; text-align:center;background:url('./icons/circle/label_red.png') no-repeat center; margin-top: -10px;}
.sp-circletip-warning{position:absolute;display: inline;width:22px;height:22px;line-height:22px;font-size: 12px !important;color:#fff; text-align:center;background:url('./icons/circle/label_warning.png') no-repeat center; margin-top: -10px;}
.sp-circletip-info{position:absolute;display: inline;width:22px;height:22px;line-height:22px;font-size: 12px !important;color:#fff; text-align:center;background:url('./icons/circle/label_info.png') no-repeat center; margin-top: -10px;}

/*面板panel*/
.sp-panel{float:left;height:auto;width:100%;border-radius:5px;margin:5px 0;}
.sp-panel .sp-panel-head{float:left;width:100%;line-height:22px;padding:8px;font-size:15px; cursor:pointer;}
.sp-panel .sp-panel-body{float:left;width:100%;line-height:22px;padding:8px;}
.sp-panel .sp-panel-footer{float:left;width:100%;line-height:22px;padding:8px; background-color:rgba(0, 0, 0, 0.075); border-top:1px solid #ccc;}

/****面板：灰色*******/
.sp-panel-default{border:1px solid #ccc;}
.sp-panel-default .sp-panel-head{background-color:rgba(0, 0, 0, 0.075);color:#333;}
/****面板：绿色*******/
.sp-panel-green{border:1px solid #093;}
.sp-panel-green .sp-panel-head{background-color:#093;color:#fff;}
/****面板：蓝色*******/
.sp-panel-blue{border:1px solid #1C84C6;}
.sp-panel-blue .sp-panel-head{background-color:#1C84C6;color:#fff;}
/****面板：红色*******/
.sp-panel-red{border:1px solid #bc3906;}
.sp-panel-red .sp-panel-head{background-color:#e3302b;color:#fff;}
/****面板：橙色*******/
.sp-panel-orange{border:1px solid #ed7a0a;}
.sp-panel-orange .sp-panel-head{background-color:#ed7a0a;color:#fff;}
/*折叠面板*/
.sp-panel-folder{}
.sp-panel-folder .sp-panel-body{display:none;transition: height 0.5s;-ms-transition: height 0.5s;-moz-transition: height 0.5s;}
.sp-panel-folder .sp-panel-footer{display:none;}

/*文件上传 控件*/
.sp-upload{position:relative; display:block; min-height:36px;overflow:hidden;vertical-align:middle;}
.sp-upload-file{position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);cursor:pointer !important; width:100%;height:100%;}
.sp-upload-btn{ position:absolute; right:0; outline:none;border:0; height:30px; line-height:30px; padding:0 5px; color:#fff;background:#1c84c6;cursor:pointer !important; margin:3px 0; border-radius:3px;}
.sp-upload-btn:hover{background:#1c7dbb;}
.sp-upload-url { position:absolute; left:0px; right:60px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:2px;
                            border: solid 1px #ddd; width: 98%;margin:3px 0 3px 0; height:30px;-webkit-line-height: 1;line-height: 30px\9;-ms-line-height: 30px; text-indent:3px;}

.sp-upload-btn-single{position:absolute; left:10px; outline:none;border:0; height:30px; line-height:30px; padding:0 5px; color:#fff;background:#1c84c6;cursor:pointer !important; margin:3px 0; border-radius:3px;}
.sp-upload-btn-single:hover{background:#1c7dbb;}
.sp-upload-file-single{position:absolute; left:10px; width:68px; height:34px; line-height:34px; top:0; opacity:0; filter:alpha(opacity=0);cursor:pointer !important; cursor:pointer !important;}
.sp-upload-tip { float: left; width: 100%; margin-top: 35px; padding:0 10px; color:#666; font-size:13px !important;border-radius:3px; display:none;text-align: left; }
.sp-upload-tip-lh{ float: left; width: 100%; line-height:20px; margin:2px 0; padding:0 5px;white-space:nowrap;  }
.sp-upload-tip-info{float:left;width:100%; line-height:20px; display:none; cursor:pointer; white-space:nowrap;}
.sp-upload-tip-close{float:right; cursor:pointer;line-height:20px; }
.sp-upload-tip-lh:hover{background-color:#ddd;}
.sp-upload-tip-lh:hover .sp-upload-tip-close{color:red;}
 
.sp-upload-img{float:left; outline:none; background:url('./icons/file/addPhotocenter.png') center center no-repeat; width:120px;height:90px; border-radius:3px; cursor:pointer;}
.sp-upload-file-img{position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);cursor:pointer; width:100%;height:100%;}
.sp-upload img.sp-grid-control-checked{background:url('./icons/file/addPhotocenter2.png') center center no-repeat #fff8dc; border:1px dashed #aaa !important;}
/**表格中**/
/*.sp-grid-job .sp-upload{position:relative;  display:block; min-height:36px;overflow:hidden;vertical-align:middle; cursor:pointer !important;}
.sp-grid-job .sp-upload-file{position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);cursor:pointer !important; width:100%;height:100%;}
.sp-grid-job .sp-upload-btn{ position:absolute; outline:none;border:0; height:30px; line-height:30px; padding:0 5px; margin:3px 1px 3px 0; color:#fff;background:#1c84c6;cursor:pointer !important; border-radius:3px;}
.sp-grid-job .sp-upload-btn:hover{background:#1b6a95;}
.sp-grid-job .sp-upload-url { position:absolute;left:1px; right:60px;  border-radius:2px; border: solid 1px #ddd !important; width: 98%; height:30px;line-height: 30px; margin:3px 0 3px 0; text-indent:3px;}*/


 
/********************* 开始：跑马灯 *********************/
.sp-scroll-img{ float:left; width:100%; background-color:#e2e7ed; height:auto; padding:10px 0;}
.sp-scroll-img  .scroll-content{width:1000px;margin:0 auto;height:131px;background:#f1f5f8;}
.scroll-content .scroll-content-goleft{float:left;width:27px;height:51px;line-height:51px;margin-top:40px;cursor:pointer;}
.scroll-content .scroll-content-goleft .scroll-goleftLogo{float:left;width:27px; height:51px; line-height:51px; background:url('./icons/marquee/goLeft.png');}
.scroll-content .scroll-content-goright{float:right; width:28px;height:49px;line-height:49px; margin-top:41px;cursor:pointer;}
.scroll-content .scroll-content-goright .scroll-gorightLogo{float:left;width:28px; height:49px; line-height:49px;background:url('./icons/marquee/goRight.png');}
.scroll-content .scroll-content-center{ float:left;width:944px;overflow: hidden;height:101px;background:none;padding:15px 0;}

.scroll-content-center .scroll-img-wrap {width: 944px; height: 101px; text-align: center; overflow: hidden; position: relative;}
.scroll-img-wrap ul, li {list-style-type: none; margin: 0; padding: 0;}
.scroll-img-wrap ul {position: absolute;left: 0;top: 0;}
.scroll-img-wrap li {float: left;width: 217px;height: 101px;line-height: 101px;background: #aacccc; margin-right: 5px;}
.scroll-img-wrap li img{height: 101px; width: 217px;}
/********************* 结束：跑马灯 *********************/

/*横向菜单：纵向向下展开的二级菜单  horizontal的缩写是：horz  vertical缩写：vert*/
.sp-horz-down{position:relative;width:auto;height:auto;}
.sp-horz-down ul,li{padding:0; margin:0; list-style:none;}
.sp-horz-down ul li{float:left;width:120px;line-height:30px !important;cursor:pointer; background-color:#093;text-align:center;color:#fff;}
.sp-horz-down ul li a{text-decoration:none;color:#fff;width:100%;}
.sp-horz-down ul li ul{position:absolute;display:none; width:118px;border-right:1px solid #f4f4f4;border-left:1px solid #f4f4f4;}
.sp-horz-down ul li:hover ul{display:block !important;}
.sp-horz-down ul li:hover ul li{float:left;width:100%;line-height:30px !important;cursor:pointer; background-color:#fff; border-bottom:1px solid #f4f4f4;}
.sp-horz-down ul li:hover ul li a{color:#333;}
.sp-horz-down ul li:hover ul li a:hover{color:#ffae3e;}

/*横向菜单：纵向向上展开的二级菜单 样式 */
.sp-horz-up {width:auto;position:relative; font-size:14px;}
.sp-horz-up ul,li {padding:0; margin:0;list-style-type: none; }
.sp-horz-up ul li {float:left; position:relative;}
.sp-horz-up ul li a{display:block;text-decoration:none;width:120px; height:30px;line-height:30px !important; text-align:center; color:#fff; border-top:1px solid #f4f4f4;background:#1c84c6;font-size:14px; cursor:pointer;}
.sp-horz-up ul li ul {display: none; }
.sp-horz-up ul li:hover a {color:#fff; background:#167bbb;}
.sp-horz-up ul li:hover ul {display:block; position:absolute;bottom:30px;left:0;border-right:1px solid #f4f4f4;border-left:1px solid #f4f4f4;width:118px;}
.sp-horz-up ul li:hover ul li {display:block; background:#fff; width:100%; clear:both;}
.sp-horz-up ul li:hover ul li a {display:block; background:#fff; color:#000; width:100%; line-height:30px !important;}
.sp-horz-up ul li:hover ul li a:hover {background:#eee; color:#000;}

/***简单竖向多级菜单 向右展开两级菜单***/
.sp-ver{position:relative; width:auto; height:auto;}
.sp-ver-right{float:left; width:130px;background: #f2f2f2;border-top:2px solid #f27d0a;}
.sp-ver-right-up{float:left; width:100%; line-height:36px; color:#000; font-size:18px;text-indent:20px;}
.sp-ver-right ul>li{float:left; width:100%;}
.sp-ver-right ul>li>a{float:left;width:100%;line-height:34px;text-indent:18px;}
.sp-ver-right ul>li:hover{border-left:2px solid #f27d0a;background:#fff;cursor:pointer;}
.sp-ver-right ul>li:hover a{text-indent:16px;}
.sp-ver-right ul li ul{display:none; position:absolute;background:#fff;width:120px;margin-left:130px;box-shadow: 0 0 5px #ddd;}
.sp-ver-right ul li ul li{width:100%; line-height:34px !important; }
.sp-ver-right ul li ul li a:hover{color:#f27d0a;cursor:pointer;}
.sp-ver-right ul>li:hover ul{display:block;}
.sp-ver-right ul>li:hover ul li{border-left:none;}

/**树形菜单20181104**/
.sp-tree{ float:left; height:auto; overflow:auto;}
.sp-tree ul,li {padding:0; margin:0;list-style-type: none; }
.sp-tree ul li {float:left; width:100%; line-height:30px; padding-left:20px;}
.sp-tree ul li i.fa-plus-square-o{width:20px;}
.sp-tree ul li i.fa-minus-square-o{width:20px; display:none;}
.sp-tree ul li ul li{display:none;}
.sp-tree-nochild{padding-left:40px !important;}


/*进度条*/
.sp-progress {position: relative;border: 1px solid #1ab394;background-color: #fff;border-radius:5px;}
.sp-progress .progress-in {position: absolute;height: 100%;width: 0%;border: none;background-color: #1ab394;text-align: center;color: #fff;z-index: 1;}
.sp-progress .direction-left{left:0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.sp-progress .direction-right{right:0;border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.sp-progress .percent-show {position: absolute;width: auto; min-width:30px; height: 100%;top: 0;left: 0;color: #333;text-align: center;z-index: 2;}
.sp-progress-blue{border:1px solid #1c84c6;}   
.sp-progress-blue .progress-in{background-color: #1c84c6;}
.sp-progress-orange{border:1px solid #e97505;}  
.sp-progress-orange .progress-in{background-color: #e97505;}
.sp-progress-red{border:1px solid #ed5565;}     
.sp-progress-red .progress-in{background-color: #ed5565;}

/*时间轴 自定义蓝色*/
.sp-timeline-blue{float:left;width:100%;padding:10px;height:100%;background-color:#f8f8f8;}
.sp-timeline-blue .sp-timeline-blue-title{float:left;width:100%;text-indent:150px;line-height:40px;font-size:16px; font-weight:bold;}
.sp-timeline-blue .sp-timeline-blue-clock{float:left;width:100%;height:40px;background: url("icons/timeline/timeline-clock-blue.png") no-repeat 105px 0;}
.sp-timeline-blue .sp-timeline-blue-list{float:left;width:100%;background: url("icons/timeline/timeline-bg-blue.png") repeat-y 124px 0; padding-top:20px;}
.sp-timeline-blue-list ul,li{padding:0;margin:0;list-style:none;}
.sp-timeline-blue-list ul{float:left;width:100%;background: url("icons/timeline/timeline-circle-blue.png") no-repeat 117px 12px;color: #333; min-height:50px; padding:5px 0;}
.sp-timeline-blue-list      .sp-timeline-blue-list-left{float:left;width:110px;height:auto;padding:5px 0;}
.sp-timeline-blue-list-left .sp-timeline-blue-list-date{width:100%;text-align:left;float:left; line-height:20px;word-break:break-all; word-wrap:break-word;}
.sp-timeline-blue-list-right{position:relative; margin:1px 12px 0 145px; height:100%;border-radius:2px; background-color:#008bf5;}
.sp-timeline-blue-list-right-info{float:left;width:100%;text-align:left;line-height:22px;padding:5px; word-break:break-all; word-wrap:break-word;background-color:#008bf5; border-radius:5px;color:#fff; }
.sp-timeline-blue-list-right:after, .sp-timeline-blue-list-right:before{right: 100%;top: 14px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-timeline-blue-list-right:after {border-color: rgba(136, 183, 213, 0);border-right-color: #008bf5;border-width: 6px;margin-top: -6px;}
.sp-timeline-blue-list-right:before {border-color: rgba(194, 225, 245, 0);border-right-color: #008bf5;border-width: 7px;margin-top: -7px;}
.sp-timeline-blue-end-linecover{float:left;width:124px;height:30px;border-right:2px solid #f8f8f8; margin-top:-30px;}/*去掉时间轴的尾巴*/

/*时间轴蓝色和灰色：右侧有时间、新闻*/
.sp-timeline-default{float:left;width:100%;padding:10px;height:100%;background-color:#f8f8f8;}
.sp-timeline-default .sp-timeline-default-list{float:left;width:100%;height:auto; background:url("icons/timeline/timeline-bg-default.png") repeat-y 8px 0;}
.sp-timeline-default-list ul,li{padding:0;margin:0;list-style:none;}
.sp-timeline-default-list ul{float:left;width:100%;height:auto;padding:5px 0;background:url("icons/timeline/timeline-circle-default.png") no-repeat 0 0;}
.sp-timeline-default-up{float:left;width:100%;height:auto;}
.sp-timeline-default-date{float:left;width:100%;height:22px;line-height:22px;text-indent:28px; margin-top:-6px; color:#8a8686 !important;}
.sp-timeline-default-down{position:relative;margin:20px 10px 5px 28px;background:#fff; line-height:22px; min-height:32px;border:1px solid #f5f5f5;}
.sp-timeline-default-down-info{float:left;width:100%;position:relative;line-height:22px; padding:5px; background:#fff;word-break:break-all; word-wrap:break-word;}

/*时间轴 绿色风格*/
.sp-timeline-green{float:left;width:100%;padding:10px;height:100%;background-color:#f8f8f8;}
.sp-timeline-green .sp-timeline-green-list{float:left;width:100%;height:auto; background:url("icons/timeline/timeline-bg-green.png") repeat-y 8px 0;}
.sp-timeline-green-list ul,li{padding:0;margin:0;list-style:none;}
.sp-timeline-green-list ul{float:left;width:100%;height:auto;padding:10px 0;background:url("icons/timeline/timeline-circle-green.png") no-repeat 0 11px; }
.sp-timeline-green-up{position:relative;margin:0 10px 0 28px;height:auto;background-color:#339933;}
.sp-timeline-green-up-date{float:left;width:100%;padding:0 5px;height:30px;line-height:30px;margin-top:-5px; color:#fff !important; background-color:#339933; font-size:15px;border-radius:5px 5px 0 0;}
.sp-timeline-green-up-date:after, .sp-timeline-green-up-date:before{right: 100%;top: 11px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-timeline-green-up-date:after {border-color: rgba(136, 183, 213, 0);border-right-color: #339933;border-width: 6px;margin-top: -6px;}
.sp-timeline-green-up-date:before {border-color: rgba(194, 225, 245, 0);border-right-color: #339933;border-width: 7px;margin-top: -7px;}
.sp-timeline-green-down{position:relative;margin:28px 10px 5px 28px;background:#fff;line-height:22px; min-height:32px;}
.sp-timeline-green-down-info{float:left;width:100%;position:relative;line-height:22px; padding:5px; background:#fff;word-break:break-all; word-wrap:break-word; border-radius:0 0 5px 5px;box-shadow: 0 2px 1px #dcdcdc;}
.sp-timeline-green-up-linecover{float:left;background:no-repeat;width:8px;height:15px;margin-bottom:-15px;border-right:2px solid #f8f8f8; }/*用于遮盖住顶部长处来的线条*/

/*设置消息左侧导航 2017-03-10*/
.sp-pagebar-head{float: left;width: 100%; height: 70px;line-height: 70px;text-indent: 20px;background-color: #d9dee4;}
.sp-pagebar-content{float: left;width: 100%;height: 100%; background-color:#F6F8F8;}
.sp-pagebar-content ul, li {padding: 0;margin: 0;list-style: none;}
.sp-pagebar-content ul {float: left;width: 100%;}
.sp-pagebar-content ul li {float: left;width: 100%;}
.sp-pagebar-content ul li a {float: left;width: 100%;line-height: 40px;text-indent: 25px;cursor: pointer;}
.sp-pagebar-content ul li a:hover {background-color: #f4f6f8;}
.sp-pagebar-content ul.has-sub li a {text-indent: 0;}
.sp-pagebar-content ul.has-sub li a i {float: left;margin-left: 8px;line-height: 33px;padding-right: 8px;font-size: 16px;}
.sp-pagebar-content ul li a.sp-menu-active {background-color: #fff;}
.sp-pagebar-content ul li ul li a i{float: left; margin-top:3px;}
.sp-pagebar-content ul li ul li a span{float: left; margin-left:0;}
.sp-pagebar-content ul li ul li {float: left;width: 100%;}/*二级*/
.sp-pagebar-content ul li ul li a {float: left;width: 100%;line-height: 40px;text-indent: 25px !important;}
.sp-pagebar-leftfold {position: absolute; width: 21px;height: 77px; margin-left: 159px;margin-top: 267px; cursor: pointer;z-index:20;}
.sp-pagebar-leftfold i:hover{font-size:16px;}


/*select 单选样式 作为标记*/
.sp-select{float:left;width:100%; height:30px;line-height:30px;border: solid 1px #ddd;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp-select option{padding:3px 6px;}
.sp-select-mul{width:100%;padding:3px 0; border: solid 1px #ddd;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp-select-mul option{padding:3px 6px;}
.sp-select-mul-btn{width:80px;outline:none;border:0; padding:4px 15px;background:#F7F7F7; color:#555; border:1px solid #ddd; cursor:pointer; margin:3px;}
.sp-select-mul-btn:hover{background:#fff;}

/**首页的桌面布局**/
.sp-desktop{float:left;width:100%; height:auto;}
.sp-desksp-nav-head-left{float:left;width:40%;}
.sp-desksp-nav-head-right{float:right;width:60%;}
.sp-desktop .dtrow{float:left; width:180px; height:60px;background-color:#ccc; margin:10px;padding:15px 20px; color:#fff; border-radius:6px;cursor:pointer;}
.sp-desktop .dtrow a{color:#fff;}
.sp-desktop .dtrow .left{float:left; width:40px;height:60px;line-height:60px;font-size:30px;}
.sp-desktop .dtrow .right{float:right;width:135px;line-height:60px;font-size:28px; text-align:center;}

.sp-desktop .dtrowBlue{background-color:#476b9f;}   .sp-desktop .dtrowBlue:hover{background-color:#426494;}
.sp-desktop .dtrowGreen{background-color:#689f30;}  .sp-desktop .dtrowGreen:hover{background-color:#60942c;}
.sp-desktop .dtrowRed{background-color:#db2042;}    .sp-desktop .dtrowRed:hover{background-color:#d22040;}
.sp-desktop .dtrowOrg{background-color:#e6891d;}    .sp-desktop .dtrowOrg:hover{background-color:#db831c;}
.sp-desktop .dtrowDeep{background-color:#853636;}   .sp-desktop .dtrowDeep:hover{background-color:#5e2626;}
.sp-desktop .dtrowZi{background-color:#8c1987;}     .sp-desktop .dtrowZi:hover{background-color:#7d1779;}
.sp-desktop .dtrowHuang{background-color:#ff8000;}  .sp-desktop .dtrowHuang:hover{background-color:#e27303;}
.sp-desktop .dtrowLan{background-color:#007cc6;}    .sp-desktop .dtrowLan:hover{background-color:#1f82e5;}

/*fontello字体图标*/
/*@font-face {font-family: 'fontello';font-weight: normal;font-style: normal;src: url('./fontello/font/fontello.eot?38983849');
      src: url('./fontello/font/fontello.eot?38983849#iefix') format('embedded-opentype'),url('./fontello/font/fontello.ttf?38983849') format('truetype'),url('./fontello/font/fontello.svg?38983849#fontello') format('svg');      
  }
.icon{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none;display: inline-block;text-decoration: inherit;
       text-align: center; font-variant: normal;text-transform: none;line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/

/**自定义步骤条还未完成**/
.sp-step{float:left;width:100%;height:40px;min-width:300px;}
.sp-step-col{float:left;width:25%; min-width:100px;height:40px;background:url('./icons/step/sp-step-line-gray.png') repeat-x left center; }
.sp-step-col-num{float:left;width:50px;height:40px;background:url('./icons/step/sp-step-roundGray.png') no-repeat 10px center #fff;line-height:40px;text-align:center; text-indent:10px; color:#cdcdcd !important; font-size:16px;}
.sp-step-col-title{float:left;width:auto;height:40px;line-height:40px; padding:0 10px; color:#999999;background-color:#fff;}


/**行列20180627**/

/*ul,li的样式布局,超出宽度以..显示*/
.sp-ul-list{width:100%;padding-bottom:0px;list-style:none; color:#666666; }
.sp-ul-list>li{width:96%;line-height:20px;padding:3px 2%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sp-ul-list li a{color:#666666;}

/*让li在一行，有更好效果可以给li加上宽度*/
.sp-ul-list-inline{padding-left:0;margin-left:-5px;list-style:none;color:#666666;}
.sp-ul-list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
.sp-ul-list-inline>li a{color:#666;}

/**列表类别20180626**/
.sp-list-type{float:left; width:100%; height:30px; border-bottom:1px solid #1e74d5;}
.sp-list-type  .sp-list-type-title{float:left;color:#1e74d5; border:1px solid #1e74d5; padding:0 20px; text-align:center; height:30px; line-height:30px; cursor:pointer; border-top-left-radius:10px; border-top-right-radius:10px;}
.sp-list-type .sp-list-type-active{ border-bottom:1px solid #fff;}
.sp-list-type  .sp-list-type-right{float:right; padding-right:5px; text-align:center; height:30px; line-height:30px; color:#1c84c6;}

.sp-list-type-gray{float:left; width:100%; height:30px; border-bottom:1px solid #bcbcbc;}
.sp-list-type-gray  .sp-list-type-title{float:left;color:#555; border:1px solid #bcbcbc; padding:0 20px; cursor:pointer; text-align:center; height:30px; line-height:30px;  border-top-left-radius:10px; border-top-right-radius:10px;}
.sp-list-type-gray  .sp-list-type-title:hover{color:#1e74d5;}
.sp-list-type-gray .sp-list-type-active{ border-bottom:1px solid #fff; color:#1e74d5;}
.sp-list-type-gray  .sp-list-type-right{float:right; padding-right:5px; text-align:center; height:30px; line-height:30px; color:#666;}

/*首页用到的img头像样式*/
.sp-user-img{width:100px;height:100px; border-radius:20px;}
.sp-index-img{width:50px; height:50px;border-radius:25px;}

/*状态*/
.sp-status-hasSet{position:absolute;width:20px;height:26px;background:url('./icons/status/hasSet.png')  center no-repeat;}
.sp-status-unset{position:absolute;width:20px;height:26px;background:url('./icons/status/unset.png')  center no-repeat;}

/*页面的tab切换效果20170524*/
.sp-page-tab{float:left;width:100%;height:36px;border-bottom:1px solid #ddd;}
.sp-page-tab-left{float:left; width:auto;}
.sp-page-tab-left span{float:left;width:100px; height:36px;line-height:36px; text-align:center; cursor:pointer; }
.sp-page-tab-left span.pageTabActive{color:#1c84c6; border-bottom:2px solid #1c84c6;height:36px;}
.sp-page-tab-right{float:right; width:auto;}
.sp-page-tab span{float:left;width:100px; height:36px;line-height:36px; text-align:center; cursor:pointer; }
.sp-page-tab span.pageTabActive{color:#1c84c6; border-bottom:2px solid #1c84c6;height:36px;}

/**/
.sp-sort-th{cursor:pointer !important;}
span.grid-th-span{display: inline-block;speak: none;font-style: normal;font-weight: normal;font-variant: normal;
    text-transform: none; -webkit-font-smoothing: antialiased; }
/*span.grid-th-span i{ display:block; float:left; width:100%; line-height:6.5px !important;}*/

/*20170810加上美化滚动条*/
/*::-webkit-scrollbar { width: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {
    background-color: #999;
}
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}*/

/**美化滚动条 只对webkit内核管用**/
/*::-webkit-scrollbar{ width: 6px;height: 14px;}*/
/*::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}*/
/*::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}*/
/*::-webkit-scrollbar-thumb{min-height: 20px;-moz-background-clip: content-box; -webkit-background-clip: content-box; background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}*/
/*::-webkit-scrollbar-corner{background: transparent;}*/

/*2017年8月12日*/
.sp-search-box{}

/*文字缩进*/
.sp-indent-0{text-indent:0px;}
.sp-indent-5{text-indent:5px;}
.sp-indent-10{text-indent:10px;}
.sp-indent-15{text-indent:15px;}
.sp-indent-20{text-indent:20px;}
.sp-indent-25{text-indent:25px;}
.sp-indent-30{text-indent:30px;}

/*文字的对齐方式，大小写，加粗，换行*/
.sp-text-left {text-align: left !important;}
.sp-text-right {text-align: right !important;} 
.sp-text-center {text-align: center !important;}
.sp-text-justify {text-align: justify !important;}/*两侧对其*/
.sp-text-top{ vertical-align:top !important}/*上下居顶*/
.sp-text-middle{ vertical-align:middle !important}/*上下居中*/
.sp-text-bottom{ vertical-align:bottom !important}/*上下居底*/

.sp-text-lowercase {text-transform: lowercase !important;}/*小写*/
.sp-text-uppercase {text-transform: uppercase !important;}/*大写*/
.sp-text-capitalize {text-transform: capitalize !important;}/*首字母大写*/
.sp-text-weight{font-weight:bold !important;}/*字体加粗*/

.sp-text-nowrap {white-space: nowrap;} /*禁止文字换行*/
.sp-text-break{white-space:normal;word-break:break-all; }/*允许文字换行*/ 
.sp-text-ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}/*溢出后以省略号显示*/

.sp-text-del{text-decoration:line-through;}
.sp-text-overline{text-decoration:overline;}
.sp-text-underline{text-decoration:underline;}

 /**浮动**/
.sp-pull-left{float:left !important; } 
.sp-pull-right{float:right !important;}
.sp-pull-none{float:none !important;}

.sp-clear-left{clear:left !important;} /**清除浮动**/
.sp-clear-right{clear:right !important;}  
.sp-clear-both{clear:both !important;}

/*定义隐藏、透明的样式*/
.sp-hide{display: none;}
.sp-opacity{opacity:0; height:0 !important;height:0;}
/*angular样式默认隐藏*/
.ng-hide{display:none !important;}

/*字体大小设置*/
.sp-fs-12{font-size:12px !important;} 
.sp-fs-13{font-size:13px !important;} 
.sp-fs-14{font-size:14px !important;}
.sp-fs-15{font-size:15px !important;} 
.sp-fs-16{font-size:16px !important;} 
.sp-fs-17{font-size:17px !important;}
.sp-fs-18{font-size:18px !important;}
.sp-fs-20{font-size:20px !important;}
.sp-fs-22{font-size:22px !important;}
.sp-fs-24{font-size:24px !important;}
.sp-fs-26{font-size:26px !important;}


/*常用居中宽度*/
.sp-center-800{width:800px; margin:0 auto;}
.sp-center-900{width:900px; margin:0 auto;}
.sp-center-950 {width:950px;margin:0 auto;}
.sp-center-1000{width:1000px; margin:0 auto;}
.sp-center-1100{width:1100px; margin:0 auto;}
.sp-center-1150{width:1150px; margin:0 auto;}
.sp-center-1200{width:1200px; margin:0 auto;}

/*select:disabled, input:disabled, textarea:disabled {
    background:#fff !important;
}*/

/*禁用样式*/
input[type='button'].sp-disabled,input[type='radio'].sp-disabled,input[type='checkbox'].sp-disabled,input[type='submit'].sp-disabled,button.sp-disabled{text-decoration: none; pointer-events:none; cursor: not-allowed !important; opacity: 0.5; filter: alpha(opacity=50);}
a.sp-disabled,span.sp-disabled,label.sp-disabled,textarea.sp-disabled,input[type='text'].sp-disabled,input[type='number'].sp-disabled,input[type='file'].sp-disabled{ pointer-events:none; cursor: not-allowed !important;}

input[type='button']:disabled,input[type='radio']:disabled,input[type='checkbox']:disabled,button:disabled{cursor: not-allowed !important; opacity: 0.5; filter: alpha(opacity=50);}
a:disabled,span:disabled,label:disabled,textarea:disabled,input[type='text']:disabled{ pointer-events:none; cursor: not-allowed !important; }
input[type='text']:disabled,input[type='number']:disabled,input[type='datetime']:disabled,textarea:disabled{ background-color:#fff; }
/*将file控件鼠标移入变成手型*/
/*input[type='file']{cursor: pointer !important;font-size: 0;}*/
input[type='file']{cursor: pointer !important;}
/*将number类型文本框的右侧两个按钮去掉*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{-moz-appearance: textfield;}

/* ios12 input[disabled]导致字体不兼容颜色变浅问题*/
input[type='text']:disabled,input[type='number']:disabled{
	/*color:#8a8a8a;
	-webkit-text-fill-color: #8a8a8a;*/
	-webkit-opacity:1;
	opacity: 1;
}
select:disabled{
	-webkit-opacity:1;
    opacity:1
}

/**鼠标移到标签上面显示的样式，手型、禁用**/
.sp-cursor-pointer{cursor:pointer !important;} /*鼠标手型样式*/
.sp-cursor-allowed{cursor: not-allowed !important; color:#888 !important;} /*鼠标禁用样式*/

/**只读**/
.sp-readonly{ pointer-events:none; cursor: not-allowed !important;}

/*常用图标 20180321*/
.sp-logo-add{display:inline-block; width:18px; height:16px;  background:url('icons/logo/sp-logo-add.png') no-repeat center center; background-size:14px 14px; cursor:pointer; outline:none; border:0; }
.sp-logo-edit{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-edit.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-logo-delete{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-delete.png') no-repeat center center; background-size:16px 16px; cursor:pointer; outline:none; border:0; }
.sp-logo-share{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-share.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-sort-up{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-sort-up.png') no-repeat center center; background-size:18px 16px; cursor:pointer;  outline:none; border:0;}
.sp-sort-down{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-sort-down.png') no-repeat center center; background-size:18px 16px; cursor:pointer;  outline:none; border:0;}

.sp-logo-add-gray{display:inline-block; width:18px; height:16px;  background:url('icons/logo/sp-logo-add-gray.png') no-repeat center center; background-size:14px 14px; cursor:pointer; outline:none; border:0; }
.sp-logo-edit-gray{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-edit-gray.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-logo-delete-gray{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-delete-gray.png') no-repeat center center; background-size:16px 16px; cursor:pointer; outline:none; border:0; }
.sp-logo-share-gray{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-share-gray.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-sort-up-gray{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-sort-up-gray.png') no-repeat center center; background-size:18px 16px; cursor:pointer;  outline:none; border:0;}
.sp-sort-down-gray{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-sort-down-gray.png') no-repeat center center; background-size:18px 16px; cursor:pointer;  outline:none; border:0;}

.sp-logo-preview{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-preview.png') no-repeat center center; background-size:16px 16px; cursor:pointer; outline:none; border:0; }
.sp-logo-download{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-download.png') no-repeat center center; background-size:16px 16px; cursor:pointer; outline:none; border:0; }
.sp-people-list{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-people-list.png') no-repeat center center; background-size:16px 16px; cursor:pointer; outline:none; border:0; }
.sp-logo-upfile{display:inline-block; width:18px; height:16px; background:url('icons/logo/sp-logo-upfile.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}

/*border颜色,单纯给标签加上2018-3-30 */
.sp-border{border:1px solid #E1E6EB !important;}
.sp-border-top{border-top:1px solid #E1E6EB !important;}
.sp-border-bottom{border-bottom:1px solid #E1E6EB !important;}
.sp-border-right{border-right:1px solid #E1E6EB !important;}
.sp-border-left{border-left:1px solid #E1E6EB !important;}


/**2018-5-18 统计statistic模块左右布局**/ 
/*左侧*/
.sp-sta-left{position:absolute;top:10px; left:10px; bottom:10px; width: 130px;  background-color: #fff;}
.sp-sta-left a{float:left; width:100%; height:36px; line-height:36px; text-indent:15px;color:#222; border-bottom:1px solid #dfdfdf; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:0 3px;}
.sp-sta-left a.staLeftActive{border-left:3px solid #015293; color:#015293;text-indent:12px; font-weight:bold; background-color:#f0f3f4;}
/*右侧*/
.sp-sta-right{position:absolute; top:10px; left:150px; right:10px; bottom:10px; width:auto; background-color: #fff;}


/*根据建设局项目信息以及滨旅计划明细的详情页面的完善，将有多个详细页面时的布局进行归纳2018-5-22*/
.sp-prj-left{position:absolute;top:10px; left:10px; bottom:10px; width: 190px;background-color:#ebf2f6;}
.sp-prj-right{position:absolute; top:10px; left:201px; right:10px; bottom:10px; width:auto;}

/**百分比布局20180604***/
.sp-col-5,.sp-col-10,.sp-col-15,.sp-col-20,.sp-col-25,.sp-col-30,.sp-col-33,.sp-col-35,.sp-col-40,.sp-col-45,.sp-col-50,.sp-col-55,.sp-col-60,.sp-col-65,.sp-col-70,.sp-col-75,.sp-col-80,.sp-col-85,.sp-col-90,.sp-col-95,.sp-col-100{float:left; padding:0 10px;}
.sp-col-12,.sp-col-18,.sp-col-22,.sp-col-28,.sp-col-32,.sp-col-38,.sp-col-42,.sp-col-48,.sp-col-52,.sp-col-58,.sp-col-62,.sp-col-68,.sp-col-72,.sp-col-78,.sp-col-82,.sp-col-88{float:left; padding:0 10px;}

.sp-col-5{width:5%;}
.sp-col-10{width:10%;}
.sp-col-15{width:15%;}
.sp-col-20{width:20%;}
.sp-col-25{width:25%;}
.sp-col-30{width:30%;}
.sp-col-33{width:33.3333333%;}
.sp-col-35{width:35%;}
.sp-col-40{width:40%;}
.sp-col-45{width:45%;}
.sp-col-50{width:50%;}
.sp-col-55{width:55%;}
.sp-col-60{width:60%;}
.sp-col-65{width:65%;}
.sp-col-70{width:70%;}
.sp-col-75{width:75%;}
.sp-col-80{width:80%;}
.sp-col-85{width:85%;}
.sp-col-90{width:90%;}
.sp-col-95{width:95%;}
.sp-col-100{width:100%;}

.sp-col-12{width:12%;}
.sp-col-18{width:18%;}
.sp-col-22{width:22%;}
.sp-col-28{width:28%;}
.sp-col-32{width:32%;}
.sp-col-38{width:38%;}
.sp-col-42{width:42%;}
.sp-col-48{width:48%;}
.sp-col-52{width:52%;}
.sp-col-58{width:58%;}
.sp-col-62{width:62%;}
.sp-col-68{width:68%;}
.sp-col-72{width:72%;}
.sp-col-78{width:78%;}
.sp-col-82{width:82%;}
.sp-col-88{width:88%;}


/*间距设置*/
.sp-mt-0{margin-top:0px;}
.sp-mt-5{margin-top:5px;}
.sp-mt-10{margin-top:10px;}
.sp-mt-15{margin-top:15px;}
.sp-mt-20{margin-top:20px;}
.sp-mt-30{margin-top:30px;}
.sp-mb-0{margin-bottom:0px;}
.sp-mb-5{margin-bottom:5px;}
.sp-mb-10{margin-bottom:10px;}
.sp-mb-15{margin-bottom:15px;}
.sp-mb-20{margin-bottom:20px;}
.sp-mb-30{margin-bottom:30px;}
.sp-ml-0{margin-left:0px;}
.sp-ml-5{margin-left:5px;}
.sp-ml-10{margin-left:10px;}
.sp-ml-15{margin-left:15px;}
.sp-ml-20{margin-left:20px;}
.sp-ml-30{margin-left:30px;}
.sp-mr-0{margin-right:0px;}
.sp-mr-5{margin-right:5px;}
.sp-mr-10{margin-right:10px;}
.sp-mr-15{margin-right:15px;}
.sp-mr-20{margin-right:20px;}
.sp-mr-30{margin-right:30px;}
.sp-mgn-0{margin:0px;}

.sp-pt-0{padding-top:0px;}
.sp-pt-5{padding-top:5px;}
.sp-pt-10{padding-top:10px;}
.sp-pt-15{padding-top:15px;}
.sp-pt-20{padding-top:20px;}
.sp-pt-30{padding-top:30px;}
.sp-pb-0{padding-bottom:0px;}
.sp-pb-5{padding-bottom:5px;}
.sp-pb-10{padding-bottom:10px;}
.sp-pb-15{padding-bottom:15px;}
.sp-pb-20{padding-bottom:20px;}
.sp-pb-30{padding-bottom:30px;}
.sp-pl-0{padding-left:0px;}
.sp-pl-5{padding-left:5px;}
.sp-pl-10{padding-left:10px;}
.sp-pl-15{padding-left:15px;}
.sp-pl-20{padding-left:20px;}
.sp-pl-30{padding-left:30px;}
.sp-pr-0{padding-right:0px;}
.sp-pr-5{padding-right:5px;}
.sp-pr-10{padding-right:10px;}
.sp-pr-15{padding-right:15px;}
.sp-pr-20{padding-right:20px;}
.sp-pr-30{padding-right:30px;}
.sp-pad-0{padding:0;}

.sp-pad-col{background-color:#f9fafc;padding:10px 15px;}
.sp-pad-col:hover{background-color:#f7f7f7;  cursor:pointer;}
.sp-pad-col i{width:18px;}


/***图片列表20180604***/
.sp-imglist{}

/**全站搜索结果20180604**/
.sp-search-result{float:left;width:100%;box-shadow:0 0 8px #e6ebf1;  border:2px solid #e6ebf1; background-color:#fff; margin-bottom:20px;}
.sp-search-head{float:left; width:100%; height:50px; line-height:50px; background-color:#f5f5f5; font-weight:bold; font-size:17px; border-bottom:1px solid #e6e6e6; text-indent:100px;}
.sp-search-head span{color:#f27d0a;}
.sp-search-bottom{float:left;width:100%; padding:10px 100px; min-height:600px; }
.sp-search-content{float:left; width:100%; margin-top:5px;}
.sp-search-list{float:left;width:100%; border-bottom:1px dotted #b0b0b0; padding:8px 0;}
.sp-search-list-title{float:left;width:100%;color:#2e8dd2; line-height:24px;}
.sp-search-list-title a{float:left;width:100%;color:#2e8dd2; line-height:24px;}
.sp-search-list-time{float:left;width:100%;color:#6b6b6b; line-height:22px; text-indent:5px;}
.sp-search-list-info{float:left;width:100%;color:#414141; line-height:26px; margin-top:6px; padding:0 5px; }
.sp-search-list-info em,.sp-search-list-title a em{font-weight:normal;padding:0; color:#f27d0a; font:"14px/21px "Microsoft YaHei", "Helvetica Neue",  Helvetica, SimSun, Arial, Verdana, sans-serif"; }

/**遮罩条20180611**/
/**第一种风格**/
.sp-maskbar{position:relative;}
.sp-maskbar-first{float:left;width:330px;height:138px; cursor:pointer;}
.sp-maskbar-first img{float:left;width:100%;height:138px;}
.sp-maskbar-first .sp-maskbar-title{float:left;width:100%;margin-top:-28px;text-align:center;height:28px;line-height:28px;background-color:rgba(222,134,57,.7);color:#fff;transition:.3s; -moz-transition:.3s; -webkit-transition:.3s;-o-transition:.3s;}
.sp-maskbar-first:hover .sp-maskbar-title{float:left;width:100%;margin-top:-138px;height:138px;line-height:138px;font-size:18px}
/*第二种风格*/
.sp-maskbar-second{float:left;width:330px;height:138px; cursor:pointer;}
.sp-maskbar-second img{float:left;width:100%;height:138px;}
.sp-maskbar-second .sp-maskbar-title{float:left; width:100%;margin-top:0; text-align:center; height:0; line-height:32px; font-size:14px; background-color:rgba(0,0,0,.7); opacity:0; color:#fff; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s;-o-transition:.3s;}
.sp-maskbar-second:hover .sp-maskbar-title{margin-top:-32px; height:32px; line-height:32px; opacity:1; }
/*遮罩块20180612*/
.sp-maskbar-block{position:relative; width:330px;height:138px; cursor:pointer;}
.sp-maskbar-block img{float:left;width:100%;height:138px;}
.sp-maskbar-block .sp-maskbar-layer{position:absolute; width:100%; height:100%;  top:0; right:0; left:0; bottom:0; text-align:center; background-color:rgba(0,0,0,.7); opacity:0; color:#fff;  transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;-o-transition:all .3s; }
.sp-maskbar-block:hover .sp-maskbar-layer{ opacity:1;}
/*遮罩块-含有文字的模式20180614*/
.sp-maskbar-data{ float:left; position:relative;  overflow: hidden;background: #fff;width:109px; height:109px; text-align:center;cursor:pointer; border:1px solid #ddd;}
.sp-maskbar-data span{ float:left; position: relative; z-index:1; width:100%; height:30px; line-height:30px;  margin-top:25px;cursor:pointer;  color:#484848; font-size:17px;}
.sp-maskbar-data label{float:left; position: relative; z-index:1; width:100%; line-height:20px; margin-top:10px; font-size:16px;cursor:pointer;  color:#555; font-weight:normal !important;}
.sp-maskbar-data .sp-maskbar-layer { top: 0; left: 0; width: 100%;  height: 100%; position: absolute; background: none;}
.sp-maskbar-data .sp-maskbar-layer::after {
    content: "";  position: absolute;  z-index: -1;  top: 0; left: 0; right: 0; bottom: 0;
    background: #d9e3eb; border-radius: 100%; 
    -webkit-transform: scale(0); transform: scale(0);    
    transition:transform ease-out 0.6s;-moz-transition:transform ease-out 0.6s;-webkit-transition:transform ease-out 0.6s;-o-transition:transform ease-out 0.6s;
}
.sp-maskbar-data:hover .sp-maskbar-layer::after {
    -webkit-transform: scale(2); transform: scale(2); z-index: 0;
}

/**面包屑导航**/
.sp-breadcrumb{width:98%; margin-left:1%; height:40px; line-height:40px;}
.sp-breadcrumb a{padding:0 2px;}
.sp-breadcrumb a:last-child{color:#0066cc; text-decoration:none;}
.sp-breadcrumolb i{padding-right:5px;}

/**气泡嘴**/
/*尖嘴向左 arrow:箭头*/
.sp-arrow-left {position: relative;background: #fff;border: 1px solid #ddd;  width:100%;height:37px;line-height:37px;color:#ff840a;text-indent:10px;}
.sp-arrow-left:after, .sp-arrow-left:before{right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-arrow-left:after {border-color: rgba(136, 183, 213, 0);border-right-color: #fff;border-width: 6px;margin-top: -6px;}
.sp-arrow-left:before {border-color: rgba(194, 225, 245, 0);border-right-color: #ddd;border-width: 7px;margin-top: -7px;}

/*尖嘴向上*/
.sp-arrow-top {position: relative;background: #fff;border: 1px solid #093; height:36px;line-height:36px;width:100%;color:#093;text-indent:10px;}
.sp-arrow-top:after, .sp-arrow-top:before  {bottom: 100%;left: 94%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-arrow-top:after {border-color: rgba(136, 183, 213, 0);	border-bottom-color: #fff;border-width: 8px;margin-left: -8px;}
.sp-arrow-top:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #093;border-width: 9px;margin-left: -9px;}

/*尖嘴向右*/
.sp-arrow-right {position: relative;	background: #d45252;border: 1px solid #d45252;height:36px;line-height:36px;width:100%;color:#fff;text-indent:10px;}
.sp-arrow-right:after, .sp-arrow-right:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-arrow-right:after {border-color: rgba(136, 183, 213, 0);border-left-color: #d45252;border-width: 8px;margin-top: -8px;}
.sp-arrow-right:before {border-color: rgba(194, 225, 245, 0);border-left-color: #d45252;border-width: 9px;margin-top: -9px;}

/*尖嘴向下*/
.sp-arrow-bottom {position: relative;background: #fff;border: 1px solid #337ab7;height:36px;line-height:36px;width:100%;color:#337ab7;text-indent:10px;}
.sp-arrow-bottom:after, .sp-arrow-bottom:before {top: 100%;left: 94%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.sp-arrow-bottom:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 8px;margin-left: -8px;}
.sp-arrow-bottom:before {border-color: rgba(194, 225, 245, 0);border-top-color: #337ab7;border-width: 9px;margin-left: -9px;}

/**对bootstrap中部分宽度进行调整**/
/*.row{margin-right:-8px;margin-left:-8px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:8px;padding-left:8px;}
.ibox-content{padding: 15px 20px 15px 20px;}*/


/****/
.sp-ibox{}
.sp-ibox:hover{}
.sp-ibox-radius{float:left; width: 50px; height: 50px; line-height: 50px; border-radius: 25px; background-color: #bdc7d4; color: #fff; text-align: center; font-size: 22px;}
.sp-ibox-title{float: left; height: 40px; line-height: 40px; color: #666; text-indent:20px; font-size:16px;}

/**图片设置**/
.sp-img-auto{max-width:100%; height:auto;}

/**给元素加上relative20180710**/
.sp-relative{position:relative;}

/**值班安排总布局**/
.sp-duty{width:auto;min-width:1100px; width:100%; margin:0 auto;}
.sp-duty-col{float:left; width:14%; min-width:150px; height:110px; margin:2px 0.142%; border:1px solid #89abdb;background-color:#d5e5f9; border-radius:3px;}
.sp-duty-col ul,li{padding:0;margin:0;list-style:none;}
.sp-duty-col ul.sp-duty-col-up{float:left;width:100%;height:24px;line-height:24px; background-color:#89abdb; border-bottom:1px solid #fff;}
.sp-duty-col ul.sp-duty-col-foot{float:left;width:100%;height:100%;padding-top:5px;}
.sp-duty-col ul.sp-duty-col-foot li{float:left;width:100%;line-height:19px; text-indent:6px;}
.sp-duty-col ul.sp-duty-col-foot li .span_leader{width:48px;}
.sp-duty-col ul.sp-duty-col-foot li .span_name{width:28px;}
.sp-duty-col ul.sp-duty-col-foot li .span_ban{width:30px;}
.sp-duty-col-left{padding-left:8px;float:left;}
.sp-duty-col-right{float:right;height:20px;width:40px;text-align:center;line-height:20px;  background-color:#fff; border-radius:10px; font-size:13px;}
.sp-duty-weekend{border:1px solid #f7bb2c;background-color:#f7e7bd;}
.sp-duty-weekend ul.sp-duty-col-up{background-color:#f7bb2c;}


/**分页控件的布局**/
.pagination{margin:5px 0;}

/**焦点20180725**/
.sp-focus{text-indent:3px; }

/*利用checkbox的多选组件*/
.sp-selectmore{float:left; width:100%; min-height:30px; border:1px solid #ddd; border-radius:5px;}
.sp-selectmore-up{float:left; width:100%; min-height:30px; line-height:30px; color:#666; cursor:pointer; background:url('icons/selectmore/down.png') no-repeat center right; padding-right:15px;}
.sp-selectmore-up-hasclick{ background:url('icons/selectmore/up.png') no-repeat center right;}
.sp-selectmore-up span{float:left; line-height:20px; margin:5px 2px; padding:0 5px;  border:1px solid #ddd;}
.sp-selectmore-up span>label{padding-right:4px; cursor:pointer;  font-size:16px;}
.sp-selectmore-up span:hover label{color:#000 !important; font-size:16px; font-weight:bold;}

.sp-selectmore-bottom{float:left; width:100%; display:none; padding:0 5px; }
.sp-selectmore-bottom span{ float: left; width: 100%;  background: url(icons/checkbox/chb-blue.png) left center no-repeat;
    cursor: pointer; padding-left: 20px; line-height: 25px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.sp-selectmore-bottom span.sp-selectmore-active {
    background: url(icons/checkbox/chb-blue-checked.png) left center no-repeat;
}

/*圆角tab页签头部，20181102*/
.sp-tabs-head-single{ margin-left: 3px; padding: 5px; border: 1px solid #c6c6c6; border-bottom: 0; border-radius: 5px 5px 0 0; cursor: pointer;}
.sp-tabs-head-single-active{background: #1d7dcc; color: white;}



/*由于量很大如要加样式，加载此上部20180730*/
/**下面是icon的字体图标，**/
@font-face {
  font-family: 'fontello';
  src: url('fontello/font/fontello.eot?22676561');
  src: url('fontello/font/fontello.eot?22676561#iefix') format('embedded-opentype'), url('fontello/font/fontello.woff?22676561') format('woff'),url('fontello/font/fontello.woff2') format('woff2'),  
       url('fontello/font/fontello.ttf?22676561') format('truetype'),
       url('fontello/font/fontello.svg?22676561#fontello') format('svg');
  font-weight: normal; font-style: normal;
} 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";  font-style: normal;  font-weight: normal;  speak: none; 
  display: inline-block;  text-decoration: inherit;  width: 1em;  margin-right: .2em;  text-align: center; 
  font-variant: normal; text-transform: none; line-height: inherit;  margin-left: .2em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}
 
.icon-search:before { content: '\e803'; } /* '' */
.icon-flashlight:before { content: '\e804'; } /* '' */
.icon-mail:before { content: '\e805'; } /* '' */
.icon-heart:before { content: '\e806'; } /* '' */
.icon-heart-empty:before { content: '\e807'; } /* '' */
.icon-star:before { content: '\e808'; } /* '' */
.icon-star-empty:before { content: '\e809'; } /* '' */
.icon-video:before { content: '\e80d'; } /* '' */
.icon-picture:before { content: '\e80e'; } /* '' */
.icon-camera:before { content: '\e80f'; } /* '' */
.icon-layout:before { content: '\e810'; } /* '' */
.icon-menu:before { content: '\e811'; } /* '' */
.icon-check:before { content: '\e812'; } /* '' */
.icon-cancel:before { content: '\e813'; } /* '' */
.icon-plus:before { content: '\e816'; } /* '' */
.icon-plus-squared:before { content: '\e818'; } /* '' */
.icon-minus:before { content: '\e819'; } /* '' */
.icon-minus-circled:before { content: '\e81a'; } /* '' */
.icon-minus-squared:before { content: '\e81b'; } /* '' */
.icon-help:before { content: '\e81c'; } /* '' */
.icon-help-circled:before { content: '\e81d'; } /* '' */
.icon-info:before { content: '\e81e'; } /* '' */
.icon-info-circled:before { content: '\e81f'; } /* '' */
.icon-back:before { content: '\e820'; } /* '' */
.icon-home:before { content: '\e821'; } /* '' */
.icon-link:before { content: '\e822'; } /* '' */
.icon-attach:before { content: '\e823'; } /* '' */
.icon-lock:before { content: '\e824'; } /* '' */
.icon-lock-open:before { content: '\e825'; } /* '' */
.icon-eye:before { content: '\e826'; } /* '' */
.icon-tag:before { content: '\e827'; } /* '' */
.icon-bookmark:before { content: '\e828'; } /* '' */
.icon-bookmarks:before { content: '\e829'; } /* '' */
.icon-flag:before { content: '\e82a'; } /* '' */
.icon-thumbs-up:before { content: '\e82b'; } /* '' */
.icon-thumbs-down:before { content: '\e82c'; } /* '' */
.icon-download:before { content: '\e82d'; } /* '' */
.icon-upload:before { content: '\e82e'; } /* '' */
.icon-upload-cloud:before { content: '\e82f'; } /* '' */
.icon-reply:before { content: '\e830'; } /* '' */
.icon-reply-all:before { content: '\e831'; } /* '' */
.icon-forward:before { content: '\e832'; } /* '' */
.icon-quote:before { content: '\e833'; } /* '' */
.icon-code:before { content: '\e834'; } /* '' */
.icon-export:before { content: '\e835'; } /* '' */
.icon-pencil:before { content: '\e836'; } /* '' */
.icon-feather:before { content: '\e837'; } /* '' */
.icon-print:before { content: '\e838'; } /* '' */
.icon-retweet:before { content: '\e839'; } /* '' */
.icon-keyboard:before { content: '\e83a'; } /* '' */
.icon-comment:before { content: '\e83b'; } /* '' */
.icon-chat:before { content: '\e83c'; } /* '' */
.icon-bell:before { content: '\e83d'; } /* '' */
.icon-attention:before { content: '\e83e'; } /* '' */
.icon-alert:before { content: '\e83f'; } /* '' */
.icon-vcard:before { content: '\e840'; } /* '' */
.icon-address:before { content: '\e841'; } /* '' */
.icon-location:before { content: '\e842'; } /* '' */
.icon-map:before { content: '\e843'; } /* '' */
.icon-direction:before { content: '\e844'; } /* '' */
.icon-compass:before { content: '\e845'; } /* '' */
.icon-cup:before { content: '\e846'; } /* '' */
.icon-trash:before { content: '\e847'; } /* '' */
.icon-doc:before { content: '\e848'; } /* '' */
.icon-docs:before { content: '\e849'; } /* '' */
.icon-doc-landscape:before { content: '\e84a'; } /* '' */
.icon-doc-text:before { content: '\e84b'; } /* '' */
.icon-doc-text-inv:before { content: '\e84c'; } /* '' */
.icon-newspaper:before { content: '\e84d'; } /* '' */
.icon-book-open:before { content: '\e84e'; } /* '' */
.icon-book:before { content: '\e84f'; } /* '' */
.icon-folder:before { content: '\e850'; } /* '' */
.icon-archive:before { content: '\e851'; } /* '' */
.icon-box:before { content: '\e852'; } /* '' */
.icon-rss:before { content: '\e853'; } /* '' */
.icon-phone:before { content: '\e854'; } /* '' */
.icon-cog:before { content: '\e855'; } /* '' */
.icon-tools:before { content: '\e856'; } /* '' */
.icon-share:before { content: '\e857'; } /* '' */
.icon-shareable:before { content: '\e858'; } /* '' */
.icon-basket:before { content: '\e859'; } /* '' */
.icon-bag:before { content: '\e85a'; } /* '' */
.icon-calendar:before { content: '\e85b'; } /* '' */
.icon-login:before { content: '\e85c'; } /* '' */
.icon-logout:before { content: '\e85d'; } /* '' */
.icon-mic:before { content: '\e85e'; } /* '' */
.icon-mute:before { content: '\e85f'; } /* '' */
.icon-sound:before { content: '\e860'; } /* '' */
.icon-volume:before { content: '\e861'; } /* '' */
.icon-clock:before { content: '\e862'; } /* '' */
.icon-hourglass:before { content: '\e863'; } /* '' */
.icon-lamp:before { content: '\e864'; } /* '' */
.icon-light-down:before { content: '\e865'; } /* '' */
.icon-light-up:before { content: '\e866'; } /* '' */
.icon-adjust:before { content: '\e867'; } /* '' */
.icon-block:before { content: '\e868'; } /* '' */
.icon-resize-full:before { content: '\e869'; } /* '' */
.icon-resize-small:before { content: '\e86a'; } /* '' */
.icon-popup:before { content: '\e86b'; } /* '' */
.icon-publish:before { content: '\e86c'; } /* '' */
.icon-window:before { content: '\e86d'; } /* '' */
.icon-arrow-combo:before { content: '\e86e'; } /* '' */
.icon-down-circled:before { content: '\e86f'; } /* '' */
.icon-left-circled:before { content: '\e870'; } /* '' */
.icon-right-circled:before { content: '\e871'; } /* '' */
.icon-up-circled:before { content: '\e872'; } /* '' */
.icon-down-open:before { content: '\e873'; } /* '' */
.icon-left-open:before { content: '\e874'; } /* '' */
.icon-right-open:before { content: '\e875'; } /* '' */
.icon-up-open:before { content: '\e876'; } /* '' */
.icon-down-open-mini:before { content: '\e877'; } /* '' */
.icon-left-open-mini:before { content: '\e878'; } /* '' */
.icon-right-open-mini:before { content: '\e879'; } /* '' */
.icon-up-open-mini:before { content: '\e87a'; } /* '' */
.icon-down-open-big:before { content: '\e87b'; } /* '' */
.icon-left-open-big:before { content: '\e87c'; } /* '' */
.icon-right-open-big:before { content: '\e87d'; } /* '' */
.icon-up-open-big:before { content: '\e87e'; } /* '' */
.icon-down:before { content: '\e87f'; } /* '' */
.icon-left:before { content: '\e880'; } /* '' */
.icon-right:before { content: '\e881'; } /* '' */
.icon-up:before { content: '\e882'; } /* '' */
.icon-down-dir:before { content: '\e883'; } /* '' */
.icon-left-dir:before { content: '\e884'; } /* '' */
.icon-right-dir:before { content: '\e885'; } /* '' */
.icon-up-dir:before { content: '\e886'; } /* '' */
.icon-down-bold:before { content: '\e887'; } /* '' */
.icon-left-bold:before { content: '\e888'; } /* '' */
.icon-right-bold:before { content: '\e889'; } /* '' */
.icon-up-bold:before { content: '\e88a'; } /* '' */
.icon-down-thin:before { content: '\e88b'; } /* '' */
.icon-left-thin:before { content: '\e88c'; } /* '' */
.icon-right-thin:before { content: '\e88d'; } /* '' */
.icon-up-thin:before { content: '\e88e'; } /* '' */
.icon-ccw:before { content: '\e88f'; } /* '' */
.icon-cw:before { content: '\e890'; } /* '' */
.icon-arrows-ccw:before { content: '\e891'; } /* '' */
.icon-level-down:before { content: '\e892'; } /* '' */
.icon-level-up:before { content: '\e893'; } /* '' */
.icon-shuffle:before { content: '\e894'; } /* '' */
.icon-loop:before { content: '\e895'; } /* '' */
.icon-switch:before { content: '\e896'; } /* '' */
.icon-play:before { content: '\e897'; } /* '' */
.icon-stop:before { content: '\e898'; } /* '' */
.icon-pause:before { content: '\e899'; } /* '' */
.icon-record:before { content: '\e89a'; } /* '' */
.icon-to-end:before { content: '\e89b'; } /* '' */
.icon-to-start:before { content: '\e89c'; } /* '' */
.icon-fast-forward:before { content: '\e89d'; } /* '' */
.icon-fast-backward:before { content: '\e89e'; } /* '' */
.icon-progress-0:before { content: '\e89f'; } /* '' */
.icon-progress-1:before { content: '\e8a0'; } /* '' */
.icon-progress-2:before { content: '\e8a1'; } /* '' */
.icon-progress-3:before { content: '\e8a2'; } /* '' */
.icon-target:before { content: '\e8a3'; } /* '' */
.icon-palette:before { content: '\e8a4'; } /* '' */
.icon-list:before { content: '\e8a5'; } /* '' */
.icon-list-add:before { content: '\e8a6'; } /* '' */
.icon-signal:before { content: '\e8a7'; } /* '' */
.icon-trophy:before { content: '\e8a8'; } /* '' */
.icon-battery:before { content: '\e8a9'; } /* '' */
.icon-back-in-time:before { content: '\e8aa'; } /* '' */
.icon-monitor:before { content: '\e8ab'; } /* '' */
.icon-mobile:before { content: '\e8ac'; } /* '' */
.icon-network:before { content: '\e8ad'; } /* '' */
.icon-cd:before { content: '\e8ae'; } /* '' */
.icon-inbox:before { content: '\e8af'; } /* '' */
.icon-install:before { content: '\e8b0'; } /* '' */
.icon-globe:before { content: '\e8b1'; } /* '' */
.icon-cloud:before { content: '\e8b2'; } /* '' */
.icon-cloud-thunder:before { content: '\e8b3'; } /* '' */
.icon-flash:before { content: '\e8b4'; } /* '' */
.icon-moon:before { content: '\e8b5'; } /* '' */
.icon-flight:before { content: '\e8b6'; } /* '' */
.icon-paper-plane:before { content: '\e8b7'; } /* '' */
.icon-leaf:before { content: '\e8b8'; } /* '' */
.icon-lifebuoy:before { content: '\e8b9'; } /* '' */
.icon-mouse:before { content: '\e8ba'; } /* '' */
.icon-briefcase:before { content: '\e8bb'; } /* '' */
.icon-suitcase:before { content: '\e8bc'; } /* '' */
.icon-dot:before { content: '\e8bd'; } /* '' */
.icon-dot-2:before { content: '\e8be'; } /* '' */
.icon-dot-3:before { content: '\e8bf'; } /* '' */
.icon-brush:before { content: '\e8c0'; } /* '' */
.icon-magnet:before { content: '\e8c1'; } /* '' */
.icon-infinity:before { content: '\e8c2'; } /* '' */
.icon-erase:before { content: '\e8c3'; } /* '' */
.icon-chart-pie:before { content: '\e8c4'; } /* '' */
.icon-chart-line:before { content: '\e8c5'; } /* '' */
.icon-chart-bar:before { content: '\e8c6'; } /* '' */
.icon-chart-area:before { content: '\e8c7'; } /* '' */
.icon-tape:before { content: '\e8c8'; } /* '' */
.icon-graduation-cap:before { content: '\e8c9'; } /* '' */
.icon-language:before { content: '\e8ca'; } /* '' */
.icon-ticket:before { content: '\e8cb'; } /* '' */
.icon-water:before { content: '\e8cc'; } /* '' */
.icon-droplet:before { content: '\e8cd'; } /* '' */
.icon-air:before { content: '\e8ce'; } /* '' */
.icon-credit-card:before { content: '\e8cf'; } /* '' */
.icon-floppy:before { content: '\e8d0'; } /* '' */
.icon-clipboard:before { content: '\e8d1'; } /* '' */
.icon-megaphone:before { content: '\e8d2'; } /* '' */
.icon-database:before { content: '\e8d3'; } /* '' */
.icon-drive:before { content: '\e8d4'; } /* '' */
.icon-bucket:before { content: '\e8d5'; } /* '' */
.icon-thermometer:before { content: '\e8d6'; } /* '' */
.icon-key:before { content: '\e8d7'; } /* '' */
.icon-flow-cascade:before { content: '\e8d8'; } /* '' */
.icon-flow-branch:before { content: '\e8d9'; } /* '' */
.icon-flow-tree:before { content: '\e8da'; } /* '' */
.icon-flow-line:before { content: '\e8db'; } /* '' */
.icon-flow-parallel:before { content: '\e8dc'; } /* '' */
.icon-rocket:before { content: '\e8dd'; } /* '' */
.icon-gauge:before { content: '\e8de'; } /* '' */
.icon-traffic-cone:before { content: '\e8df'; } /* '' */
.icon-cc:before { content: '\e8e0'; } /* '' */
.icon-cc-by:before { content: '\e8e1'; } /* '' */
.icon-video-1:before { content: '\e8fc'; } /* '' */
.icon-videocam-outline:before { content: '\e8fd'; } /* '' */
.icon-videocam:before { content: '\e8fe'; } /* '' */
.icon-picture-outline:before { content: '\e8ff'; } /* '' */
.icon-picture-1:before { content: '\e900'; } /* '' */
.icon-camera-outline:before { content: '\e901'; } /* '' */
.icon-camera-1:before { content: '\e902'; } /* '' */
.icon-th-outline:before { content: '\e903'; } /* '' */
.icon-th:before { content: '\e904'; } /* '' */
.icon-th-large-outline:before { content: '\e905'; } /* '' */
.icon-th-large:before { content: '\e906'; } /* '' */
.icon-th-list-outline:before { content: '\e907'; } /* '' */
.icon-th-list:before { content: '\e908'; } /* '' */
.icon-cancel-circled-outline:before { content: '\e90f'; } /* '' */
.icon-cancel-circled-1:before { content: '\e910'; } /* '' */
.icon-plus-outline:before { content: '\e911'; } /* '' */
.icon-plus-1:before { content: '\e912'; } /* '' */
.icon-home-outline:before { content: '\e91b'; } /* '' */
.icon-attach-outline:before { content: '\e91f'; } /* '' */
.icon-attach-1:before { content: '\e920'; } /* '' */
.icon-lock-1:before { content: '\e921'; } /* '' */
.icon-lock-filled:before { content: '\e922'; } /* '' */
.icon-lock-open-1:before { content: '\e923'; } /* '' */
.icon-lock-open-filled:before { content: '\e924'; } /* '' */
.icon-pin-outline:before { content: '\e925'; } /* '' */
.icon-pin:before { content: '\e926'; } /* '' */
.icon-eye-outline:before { content: '\e927'; } /* '' */
.icon-eye-1:before { content: '\e928'; } /* '' */
.icon-tag-1:before { content: '\e929'; } /* '' */
.icon-tags:before { content: '\e92a'; } /* '' */
.icon-bookmark-1:before { content: '\e92b'; } /* '' */
.icon-flag-1:before { content: '\e92c'; } /* '' */
.icon-flag-filled:before { content: '\e92d'; } /* '' */
.icon-download-outline:before { content: '\e930'; } /* '' */
.icon-download-1:before { content: '\e931'; } /* '' */
.icon-upload-outline:before { content: '\e932'; } /* '' */
.icon-upload-1:before { content: '\e933'; } /* '' */
.icon-upload-cloud-outline:before { content: '\e934'; } /* '' */
.icon-upload-cloud-1:before { content: '\e935'; } /* '' */
.icon-code-outline:before { content: '\e93a'; } /* '' */
.icon-code-1:before { content: '\e93b'; } /* '' */
.icon-export-outline:before { content: '\e93c'; } /* '' */
.icon-export-1:before { content: '\e93d'; } /* '' */
.icon-pencil-1:before { content: '\e93e'; } /* '' */
.icon-pen:before { content: '\e93f'; } /* '' */
.icon-feather-1:before { content: '\e940'; } /* '' */
.icon-edit:before { content: '\e941'; } /* '' */
.icon-print-1:before { content: '\e942'; } /* '' */
.icon-comment-1:before { content: '\e943'; } /* '' */
.icon-chat-1:before { content: '\e944'; } /* '' */
.icon-chat-alt:before { content: '\e945'; } /* '' */
.icon-bell-1:before { content: '\e946'; } /* '' */
.icon-attention-1:before { content: '\e947'; } /* '' */
.icon-attention-filled:before { content: '\e948'; } /* '' */
.icon-warning-empty:before { content: '\e949'; } /* '' */
.icon-warning:before { content: '\e94a'; } /* '' */
.icon-contacts:before { content: '\e94b'; } /* '' */
.icon-vcard-1:before { content: '\e94c'; } /* '' */
.icon-address-1:before { content: '\e94d'; } /* '' */
.icon-location-outline:before { content: '\e94e'; } /* '' */
.icon-location-1:before { content: '\e94f'; } /* '' */
.icon-map-1:before { content: '\e950'; } /* '' */
.icon-direction-outline:before { content: '\e951'; } /* '' */
.icon-direction-1:before { content: '\e952'; } /* '' */
.icon-compass-1:before { content: '\e953'; } /* '' */
.icon-trash-1:before { content: '\e954'; } /* '' */
.icon-doc-1:before { content: '\e955'; } /* '' */
.icon-doc-text-1:before { content: '\e956'; } /* '' */
.icon-doc-add:before { content: '\e957'; } /* '' */
.icon-doc-remove:before { content: '\e958'; } /* '' */
.icon-news:before { content: '\e959'; } /* '' */
.icon-folder-1:before { content: '\e95a'; } /* '' */
.icon-folder-add:before { content: '\e95b'; } /* '' */
.icon-folder-delete:before { content: '\e95c'; } /* '' */
.icon-archive-1:before { content: '\e95d'; } /* '' */
.icon-box-1:before { content: '\e95e'; } /* '' */
.icon-rss-outline:before { content: '\e95f'; } /* '' */
.icon-rss-1:before { content: '\e960'; } /* '' */
.icon-phone-outline:before { content: '\e961'; } /* '' */
.icon-phone-1:before { content: '\e962'; } /* '' */
.icon-menu-outline:before { content: '\e963'; } /* '' */
.icon-menu-1:before { content: '\e964'; } /* '' */
.icon-cog-outline:before { content: '\e965'; } /* '' */
.icon-cog-1:before { content: '\e966'; } /* '' */
.icon-basket-1:before { content: '\e969'; } /* '' */
.icon-calendar-outlilne:before { content: '\e96a'; } /* '' */
.icon-calendar-1:before { content: '\e96b'; } /* '' */
.icon-mic-outline:before { content: '\e96c'; } /* '' */
.icon-mic-1:before { content: '\e96d'; } /* '' */
.icon-volume-off:before { content: '\e96e'; } /* '' */
.icon-volume-low:before { content: '\e96f'; } /* '' */
.icon-volume-middle:before { content: '\e970'; } /* '' */
.icon-volume-high:before { content: '\e971'; } /* '' */
.icon-headphones:before { content: '\e972'; } /* '' */
.icon-clock-1:before { content: '\e973'; } /* '' */
.icon-wristwatch:before { content: '\e974'; } /* '' */
.icon-stopwatch:before { content: '\e975'; } /* '' */
.icon-lightbulb:before { content: '\e976'; } /* '' */
.icon-block-outline:before { content: '\e977'; } /* '' */
.icon-block-1:before { content: '\e978'; } /* '' */
.icon-resize-full-outline:before { content: '\e979'; } /* '' */
.icon-resize-full-1:before { content: '\e97a'; } /* '' */
.icon-resize-normal-outline:before { content: '\e97b'; } /* '' */
.icon-resize-normal:before { content: '\e97c'; } /* '' */
.icon-move-outline:before { content: '\e97d'; } /* '' */
.icon-move:before { content: '\e97e'; } /* '' */
.icon-popup-1:before { content: '\e97f'; } /* '' */
.icon-zoom-in-outline:before { content: '\e980'; } /* '' */
.icon-zoom-in:before { content: '\e981'; } /* '' */
.icon-zoom-out-outline:before { content: '\e982'; } /* '' */
.icon-zoom-out:before { content: '\e983'; } /* '' */
.icon-popup-2:before { content: '\e984'; } /* '' */
.icon-loop-outline:before { content: '\e999'; } /* '' */
.icon-loop-1:before { content: '\e99a'; } /* '' */
.icon-loop-alt-outline:before { content: '\e99b'; } /* '' */
.icon-loop-alt:before { content: '\e99c'; } /* '' */
.icon-play-outline:before { content: '\e99e'; } /* '' */
.icon-stop-outline:before { content: '\e9a0'; } /* '' */
.icon-stop-1:before { content: '\e9a1'; } /* '' */
.icon-record-outline:before { content: '\e9a8'; } /* '' */
.icon-record-1:before { content: '\e9a9'; } /* '' */
.icon-eject-outline:before { content: '\e9aa'; } /* '' */
.icon-eject:before { content: '\e9ab'; } /* '' */
.icon-eject-alt-outline:before { content: '\e9ac'; } /* '' */
.icon-eject-alt:before { content: '\e9ad'; } /* '' */
.icon-bat1:before { content: '\e9ae'; } /* '' */
.icon-bat2:before { content: '\e9af'; } /* '' */
.icon-bat3:before { content: '\e9b0'; } /* '' */
.icon-bat4:before { content: '\e9b1'; } /* '' */
.icon-bat-charge:before { content: '\e9b2'; } /* '' */
.icon-plug:before { content: '\e9b3'; } /* '' */
.icon-desktop:before { content: '\e9b8'; } /* '' */
.icon-laptop:before { content: '\e9b9'; } /* '' */
.icon-tablet:before { content: '\e9ba'; } /* '' */
.icon-mobile-1:before { content: '\e9bb'; } /* '' */
.icon-contrast:before { content: '\e9bc'; } /* '' */
.icon-globe-outline:before { content: '\e9bd'; } /* '' */
.icon-globe-1:before { content: '\e9be'; } /* '' */
.icon-globe-alt-outline:before { content: '\e9bf'; } /* '' */
.icon-globe-alt:before { content: '\e9c0'; } /* '' */
.icon-sun:before { content: '\e9c1'; } /* '' */
.icon-sun-filled:before { content: '\e9c2'; } /* '' */
.icon-cloud-1:before { content: '\e9c3'; } /* '' */
.icon-flash-outline:before { content: '\e9c4'; } /* '' */
.icon-flash-1:before { content: '\e9c5'; } /* '' */
.icon-moon-1:before { content: '\e9c6'; } /* '' */
.icon-waves-outline:before { content: '\e9c7'; } /* '' */
.icon-waves:before { content: '\e9c8'; } /* '' */
.icon-rain:before { content: '\e9c9'; } /* '' */
.icon-cloud-sun:before { content: '\e9ca'; } /* '' */
.icon-drizzle:before { content: '\e9cb'; } /* '' */
.icon-snow:before { content: '\e9cc'; } /* '' */
.icon-cloud-flash:before { content: '\e9cd'; } /* '' */
.icon-cloud-wind:before { content: '\e9ce'; } /* '' */
.icon-wind:before { content: '\e9cf'; } /* '' */
.icon-plane-outline:before { content: '\e9d0'; } /* '' */
.icon-plane:before { content: '\e9d1'; } /* '' */
.icon-leaf-1:before { content: '\e9d2'; } /* '' */
.icon-lifebuoy-1:before { content: '\e9d3'; } /* '' */
.icon-briefcase-1:before { content: '\e9d4'; } /* '' */
.icon-brush-1:before { content: '\e9d5'; } /* '' */
.icon-pipette:before { content: '\e9d6'; } /* '' */
.icon-power-outline:before { content: '\e9d7'; } /* '' */
.icon-power:before { content: '\e9d8'; } /* '' */
.icon-check-outline:before { content: '\e9d9'; } /* '' */
.icon-check-1:before { content: '\e9da'; } /* '' */
.icon-gift:before { content: '\e9db'; } /* '' */
.icon-temperatire:before { content: '\e9dc'; } /* '' */
.icon-chart-outline:before { content: '\e9dd'; } /* '' */
.icon-chart:before { content: '\e9de'; } /* '' */
.icon-chart-alt-outline:before { content: '\e9df'; } /* '' */
.icon-chart-alt:before { content: '\e9e0'; } /* '' */
.icon-chart-bar-outline:before { content: '\e9e1'; } /* '' */
.icon-chart-bar-1:before { content: '\e9e2'; } /* '' */
.icon-chart-pie-outline:before { content: '\e9e3'; } /* '' */
.icon-chart-pie-1:before { content: '\e9e4'; } /* '' */
.icon-ticket-1:before { content: '\e9e5'; } /* '' */
.icon-credit-card-1:before { content: '\e9e6'; } /* '' */
.icon-clipboard-1:before { content: '\e9e7'; } /* '' */
.icon-database-1:before { content: '\e9e8'; } /* '' */
.icon-key-outline:before { content: '\e9e9'; } /* '' */
.icon-key-1:before { content: '\e9ea'; } /* '' */
.icon-flow-split:before { content: '\e9eb'; } /* '' */
.icon-flow-merge:before { content: '\e9ec'; } /* '' */
.icon-flow-parallel-1:before { content: '\e9ed'; } /* '' */
.icon-flow-cross:before { content: '\e9ee'; } /* '' */
.icon-certificate-outline:before { content: '\e9ef'; } /* '' */
.icon-certificate:before { content: '\e9f0'; } /* '' */
.icon-scissors-outline:before { content: '\e9f1'; } /* '' */
.icon-scissors:before { content: '\e9f2'; } /* '' */
.icon-flask:before { content: '\e9f3'; } /* '' */
.icon-wine:before { content: '\e9f4'; } /* '' */
.icon-coffee:before { content: '\e9f5'; } /* '' */
.icon-beer:before { content: '\e9f6'; } /* '' */
.icon-anchor-outline:before { content: '\e9f7'; } /* '' */
.icon-anchor:before { content: '\e9f8'; } /* '' */
.icon-puzzle-outline:before { content: '\e9f9'; } /* '' */
.icon-puzzle:before { content: '\e9fa'; } /* '' */
.icon-tree:before { content: '\e9fb'; } /* '' */
.icon-calculator:before { content: '\e9fc'; } /* '' */
.icon-infinity-outline:before { content: '\e9fd'; } /* '' */
.icon-infinity-1:before { content: '\e9fe'; } /* '' */
.icon-pi-outline:before { content: '\e9ff'; } /* '' */
.icon-pi:before { content: '\ea00'; } /* '' */
.icon-at:before { content: '\ea01'; } /* '' */
.icon-at-circled:before { content: '\ea02'; } /* '' */
.icon-looped-square-outline:before { content: '\ea03'; } /* '' */
.icon-looped-square-interest:before { content: '\ea04'; } /* '' */
.icon-sort-alphabet-outline:before { content: '\ea05'; } /* '' */
.icon-sort-alphabet:before { content: '\ea06'; } /* '' */
.icon-sort-numeric-outline:before { content: '\ea07'; } /* '' */
.icon-sort-numeric:before { content: '\ea08'; } /* '' */
.icon-dribbble-circled-1:before { content: '\ea09'; } /* '' */
.icon-dribbble-1:before { content: '\ea0a'; } /* '' */
.icon-facebook-circled-1:before { content: '\ea0b'; } /* '' */
.icon-facebook-1:before { content: '\ea0c'; } /* '' */
.icon-flickr-circled-1:before { content: '\ea0d'; } /* '' */
.icon-flickr-1:before { content: '\ea0e'; } /* '' */
.icon-github-circled-1:before { content: '\ea0f'; } /* '' */
.icon-github-1:before { content: '\ea10'; } /* '' */
.icon-lastfm-circled-1:before { content: '\ea11'; } /* '' */
.icon-lastfm-1:before { content: '\ea12'; } /* '' */
.icon-linkedin-circled-1:before { content: '\ea13'; } /* '' */
.icon-linkedin-1:before { content: '\ea14'; } /* '' */
.icon-pinterest-circled-1:before { content: '\ea15'; } /* '' */
.icon-pinterest-1:before { content: '\ea16'; } /* '' */
.icon-skype-outline:before { content: '\ea17'; } /* '' */
.icon-skype-1:before { content: '\ea18'; } /* '' */
.icon-tumbler-circled:before { content: '\ea19'; } /* '' */
.icon-tumbler:before { content: '\ea1a'; } /* '' */
.icon-twitter-circled-1:before { content: '\ea1b'; } /* '' */
.icon-twitter-1:before { content: '\ea1c'; } /* '' */
.icon-vimeo-circled-1:before { content: '\ea1d'; } /* '' */
.icon-vimeo-1:before { content: '\ea1e'; } /* '' */
.icon-help-circled-1:before { content: '\ea26'; } /* '' */
.icon-help-circled-alt:before { content: '\ea27'; } /* '' */
.icon-pencil-2:before { content: '\ea29'; } /* '' */
.icon-clock-2:before { content: '\ea2d'; } /* '' */
.icon-stopwatch-1:before { content: '\ea2e'; } /* '' */
.icon-hourglass-1:before { content: '\ea2f'; } /* '' */
.icon-aboveground-rail:before { content: '\ea44'; } /* '' */
.icon-airfield:before { content: '\ea45'; } /* '' */
.icon-airport:before { content: '\ea46'; } /* '' */
.icon-art-gallery:before { content: '\ea47'; } /* '' */
.icon-bar:before { content: '\ea48'; } /* '' */
.icon-baseball:before { content: '\ea49'; } /* '' */
.icon-basketball:before { content: '\ea4a'; } /* '' */
.icon-beer-1:before { content: '\ea4b'; } /* '' */
.icon-belowground-rail:before { content: '\ea4c'; } /* '' */
.icon-bicycle:before { content: '\ea4d'; } /* '' */
.icon-bus:before { content: '\ea4e'; } /* '' */
.icon-cafe:before { content: '\ea4f'; } /* '' */
.icon-campsite:before { content: '\ea50'; } /* '' */
.icon-cemetery:before { content: '\ea51'; } /* '' */
.icon-cinema:before { content: '\ea52'; } /* '' */
.icon-college:before { content: '\ea53'; } /* '' */
.icon-commerical-building:before { content: '\ea54'; } /* '' */
.icon-credit-card-2:before { content: '\ea55'; } /* '' */
.icon-cricket:before { content: '\ea56'; } /* '' */
.icon-embassy:before { content: '\ea57'; } /* '' */
.icon-fast-food:before { content: '\ea58'; } /* '' */
.icon-ferry:before { content: '\ea59'; } /* '' */
.icon-fire-station:before { content: '\ea5a'; } /* '' */
.icon-football:before { content: '\ea5b'; } /* '' */
.icon-fuel:before { content: '\ea5c'; } /* '' */
.icon-garden:before { content: '\ea5d'; } /* '' */
.icon-giraffe:before { content: '\ea5e'; } /* '' */
.icon-golf:before { content: '\ea5f'; } /* '' */
.icon-grocery-store:before { content: '\ea60'; } /* '' */
.icon-harbor:before { content: '\ea61'; } /* '' */
.icon-heliport:before { content: '\ea62'; } /* '' */
.icon-hospital:before { content: '\ea63'; } /* '' */
.icon-industrial-building:before { content: '\ea64'; } /* '' */
.icon-library:before { content: '\ea65'; } /* '' */
.icon-lodging:before { content: '\ea66'; } /* '' */
.icon-london-underground:before { content: '\ea67'; } /* '' */
.icon-minefield:before { content: '\ea68'; } /* '' */
.icon-monument:before { content: '\ea69'; } /* '' */
.icon-museum:before { content: '\ea6a'; } /* '' */
.icon-pharmacy:before { content: '\ea6b'; } /* '' */
.icon-pitch:before { content: '\ea6c'; } /* '' */
.icon-police:before { content: '\ea6d'; } /* '' */
.icon-post:before { content: '\ea6e'; } /* '' */
.icon-prison:before { content: '\ea6f'; } /* '' */
.icon-rail:before { content: '\ea70'; } /* '' */
.icon-religious-christian:before { content: '\ea71'; } /* '' */
.icon-religious-islam:before { content: '\ea72'; } /* '' */
.icon-religious-jewish:before { content: '\ea73'; } /* '' */
.icon-restaurant:before { content: '\ea74'; } /* '' */
.icon-roadblock:before { content: '\ea75'; } /* '' */
.icon-school:before { content: '\ea76'; } /* '' */
.icon-shop:before { content: '\ea77'; } /* '' */
.icon-skiing:before { content: '\ea78'; } /* '' */
.icon-soccer:before { content: '\ea79'; } /* '' */
.icon-swimming:before { content: '\ea7a'; } /* '' */
.icon-tennis:before { content: '\ea7b'; } /* '' */
.icon-theatre:before { content: '\ea7c'; } /* '' */
.icon-toilet:before { content: '\ea7d'; } /* '' */
.icon-town-hall:before { content: '\ea7e'; } /* '' */
.icon-trash-3:before { content: '\ea7f'; } /* '' */
.icon-tree-1:before { content: '\ea80'; } /* '' */
.icon-tree-2:before { content: '\ea81'; } /* '' */
.icon-warehouse:before { content: '\ea82'; } /* '' */
.icon-user-3:before { content: '\ea88'; } /* '' */
.icon-video-2:before { content: '\ea89'; } /* '' */
.icon-th-large-1:before { content: '\ea8b'; } /* '' */
.icon-th-1:before { content: '\ea8c'; } /* '' */
.icon-doc-3:before { content: '\eaa3'; } /* '' */
.icon-docs-landscape:before { content: '\eaa4'; } /* '' */
.icon-folder-3:before { content: '\eaa5'; } /* '' */
.icon-archive-2:before { content: '\eaa6'; } /* '' */
.icon-clock-3:before { content: '\eaab'; } /* '' */
.icon-popup-3:before { content: '\eaaf'; } /* '' */
.icon-up-circle:before { content: '\eab5'; } /* '' */
.icon-terminal:before { content: '\eacd'; } /* '' */
.icon-vimeo-rect:before { content: '\ead0'; } /* '' */
.icon-tumblr-rect:before { content: '\ead1'; } /* '' */
.icon-linkedin-rect:before { content: '\ead3'; } /* '' */
.icon-vkontakte-rect:before { content: '\ead4'; } /* '' */
.icon-youtube:before { content: '\ead5'; } /* '' */
.icon-odnoklassniki-rect:before { content: '\ead6'; } /* '' */
.icon-pencil-3:before { content: '\eae5'; } /* '' */
.icon-cd-1:before { content: '\eaf5'; } /* '' */
.icon-inbox-2:before { content: '\eaf6'; } /* '' */
.icon-globe-3:before { content: '\eaf7'; } /* '' */
.icon-graduation-cap-1:before { content: '\eafb'; } /* '' */
.icon-megaphone-1:before { content: '\eafc'; } /* '' */
.icon-database-2:before { content: '\eafd'; } /* '' */
.icon-key-2:before { content: '\eafe'; } /* '' */
.icon-food:before { content: '\eb02'; } /* '' */
.icon-shop-1:before { content: '\eb03'; } /* '' */
.icon-diamond:before { content: '\eb04'; } /* '' */
.icon-t-shirt:before { content: '\eb05'; } /* '' */
.icon-wallet:before { content: '\eb06'; } /* '' */
.icon-group:before { content: '\eb14'; } /* '' */
.icon-video-3:before { content: '\eb17'; } /* '' */
.icon-photo-1:before { content: '\eb1e'; } /* '' */
.icon-photo-circled:before { content: '\eb1f'; } /* '' */
.icon-th-large-2:before { content: '\eb20'; } /* '' */
.icon-view-mode:before { content: '\eb23'; } /* '' */
.icon-ok-circled-1:before { content: '\eb25'; } /* '' */
.icon-ok-circled2:before { content: '\eb26'; } /* '' */
.icon-help-1:before { content: '\eb2e'; } /* '' */
.icon-help-circled-2:before { content: '\eb2f'; } /* '' */
.icon-info-circled-2:before { content: '\eb30'; } /* '' */
.icon-website:before { content: '\eb33'; } /* '' */
.icon-website-circled:before { content: '\eb34'; } /* '' */
.icon-bookmark-2:before { content: '\eb3f'; } /* '' */
.icon-bookmark-empty:before { content: '\eb40'; } /* '' */
.icon-flag-2:before { content: '\eb41'; } /* '' */
.icon-flag-circled:before { content: '\eb42'; } /* '' */
.icon-quote-circled:before { content: '\eb4a'; } /* '' */
.icon-export-3:before { content: '\eb4b'; } /* '' */
.icon-pencil-4:before { content: '\eb4c'; } /* '' */
.icon-pencil-circled:before { content: '\eb4d'; } /* '' */
.icon-edit-1:before { content: '\eb4e'; } /* '' */
.icon-edit-circled:before { content: '\eb4f'; } /* '' */
.icon-edit-alt:before { content: '\eb50'; } /* '' */
.icon-print-3:before { content: '\eb51'; } /* '' */
.icon-retweet-3:before { content: '\eb52'; } /* '' */
.icon-location-5:before { content: '\eb5a'; } /* '' */
.icon-location-circled:before { content: '\eb5b'; } /* '' */
.icon-compass-2:before { content: '\eb5c'; } /* '' */
.icon-compass-circled:before { content: '\eb5d'; } /* '' */
.icon-trash-5:before { content: '\eb5e'; } /* '' */
.icon-trash-circled:before { content: '\eb5f'; } /* '' */
.icon-doc-5:before { content: '\eb60'; } /* '' */
.icon-doc-circled:before { content: '\eb61'; } /* '' */
.icon-doc-new:before { content: '\eb62'; } /* '' */
.icon-doc-new-circled:before { content: '\eb63'; } /* '' */
.icon-folder-4:before { content: '\eb64'; } /* '' */
.icon-folder-circled:before { content: '\eb65'; } /* '' */
.icon-folder-close:before { content: '\eb66'; } /* '' */
.icon-folder-open-1:before { content: '\eb67'; } /* '' */
.icon-wrench-1:before { content: '\eb6e'; } /* '' */
.icon-wrench-circled:before { content: '\eb6f'; } /* '' */
.icon-basket-2:before { content: '\eb70'; } /* '' */
.icon-basket-circled:before { content: '\eb71'; } /* '' */
.icon-calendar-4:before { content: '\eb72'; } /* '' */
.icon-calendar-circled:before { content: '\eb73'; } /* '' */
.icon-mic-3:before { content: '\eb74'; } /* '' */
.icon-mic-circled:before { content: '\eb75'; } /* '' */
.icon-volume-off-1:before { content: '\eb76'; } /* '' */
.icon-volume-down:before { content: '\eb77'; } /* '' */
.icon-volume-1:before { content: '\eb78'; } /* '' */
.icon-volume-up:before { content: '\eb79'; } /* '' */
.icon-headphones-1:before { content: '\eb7a'; } /* '' */
.icon-clock-5:before { content: '\eb7b'; } /* '' */
.icon-lightbulb-2:before { content: '\eb7d'; } /* '' */
.icon-lightbulb-alt:before { content: '\eb7e'; } /* '' */
.icon-move-1:before { content: '\eb85'; } /* '' */
.icon-zoom-in-2:before { content: '\eb86'; } /* '' */
.icon-zoom-out-2:before { content: '\eb87'; } /* '' */
.icon-down-hand:before { content: '\eb94'; } /* '' */
.icon-left-hand:before { content: '\eb95'; } /* '' */
.icon-right-hand:before { content: '\eb96'; } /* '' */
.icon-up-hand:before { content: '\eb97'; } /* '' */
.icon-record-2:before { content: '\eba3'; } /* '' */
.icon-target-3:before { content: '\ebad'; } /* '' */
.icon-desktop-2:before { content: '\ebaf'; } /* '' */
.icon-desktop-circled:before { content: '\ebb0'; } /* '' */
.icon-laptop-1:before { content: '\ebb1'; } /* '' */
.icon-laptop-circled:before { content: '\ebb2'; } /* '' */
.icon-network-1:before { content: '\ebb3'; } /* '' */
.icon-inbox-alt:before { content: '\ebb6'; } /* '' */
.icon-globe-4:before { content: '\ebb7'; } /* '' */
.icon-globe-alt-1:before { content: '\ebb8'; } /* '' */
.icon-cloud-5:before { content: '\ebb9'; } /* '' */
.icon-cloud-circled:before { content: '\ebba'; } /* '' */
.icon-flight-1:before { content: '\ebbb'; } /* '' */
.icon-leaf-2:before { content: '\ebbc'; } /* '' */
.icon-font-1:before { content: '\ebbd'; } /* '' */
.icon-fontsize-1:before { content: '\ebbe'; } /* '' */
.icon-bold:before { content: '\ebbf'; } /* '' */
.icon-italic:before { content: '\ebc0'; } /* '' */
.icon-text-height:before { content: '\ebc1'; } /* '' */
.icon-text-width:before { content: '\ebc2'; } /* '' */
.icon-briefcase-2:before { content: '\ebca'; } /* '' */
.icon-road:before { content: '\ebcc'; } /* '' */
.icon-qrcode:before { content: '\ebcd'; } /* '' */
.icon-barcode:before { content: '\ebce'; } /* '' */
.icon-braille:before { content: '\ebcf'; } /* '' */
.icon-book-1:before { content: '\ebd0'; } /* '' */
.icon-adjust-1:before { content: '\ebd1'; } /* '' */
.icon-tint:before { content: '\ebd2'; } /* '' */
.icon-check-2:before { content: '\ebd3'; } /* '' */
.icon-check-empty:before { content: '\ebd4'; } /* '' */
.icon-gift-1:before { content: '\ebd6'; } /* '' */
.icon-fire-2:before { content: '\ebd7'; } /* '' */
.icon-magnet-1:before { content: '\ebd8'; } /* '' */
.icon-chart-1:before { content: '\ebd9'; } /* '' */
.icon-chart-circled:before { content: '\ebda'; } /* '' */
.icon-credit-card-3:before { content: '\ebdb'; } /* '' */
.icon-megaphone-2:before { content: '\ebdc'; } /* '' */
.icon-clipboard-2:before { content: '\ebdd'; } /* '' */
.icon-hdd-1:before { content: '\ebde'; } /* '' */
.icon-key-3:before { content: '\ebdf'; } /* '' */
.icon-filter:before { content: '\ebe2'; } /* '' */
.icon-gauge-1:before { content: '\ebe3'; } /* '' */
.icon-smiley-circled:before { content: '\ebe5'; } /* '' */
.icon-address-book:before { content: '\ebe6'; } /* '' */
.icon-address-book-alt:before { content: '\ebe7'; } /* '' */
.icon-asl:before { content: '\ebe8'; } /* '' */
.icon-glasses:before { content: '\ebe9'; } /* '' */
.icon-hearing-impaired:before { content: '\ebea'; } /* '' */
.icon-iphone-home:before { content: '\ebeb'; } /* '' */
.icon-person:before { content: '\ebec'; } /* '' */
.icon-adult:before { content: '\ebed'; } /* '' */
.icon-child:before { content: '\ebee'; } /* '' */
.icon-blind:before { content: '\ebef'; } /* '' */
.icon-guidedog:before { content: '\ebf0'; } /* '' */
.icon-accessibility:before { content: '\ebf1'; } /* '' */
.icon-universal-access:before { content: '\ebf2'; } /* '' */
.icon-male-1:before { content: '\ebf3'; } /* '' */
.icon-female-1:before { content: '\ebf4'; } /* '' */
.icon-behance-1:before { content: '\ebf5'; } /* '' */
.icon-blogger:before { content: '\ebf6'; } /* '' */
.icon-delicious:before { content: '\ebf9'; } /* '' */
.icon-deviantart:before { content: '\ebfa'; } /* '' */
.icon-digg:before { content: '\ebfb'; } /* '' */
.icon-dribbble-3:before { content: '\ebfc'; } /* '' */
.icon-facebook-3:before { content: '\ebfd'; } /* '' */
.icon-flickr-2:before { content: '\ebfe'; } /* '' */
.icon-foursquare:before { content: '\ebff'; } /* '' */
.icon-friendfeed:before { content: '\ec00'; } /* '' */
.icon-friendfeed-rect:before { content: '\ec01'; } /* '' */
.icon-github-3:before { content: '\ec02'; } /* '' */
.icon-github-text:before { content: '\ec03'; } /* '' */
.icon-googleplus:before { content: '\ec04'; } /* '' */
.icon-instagram-2:before { content: '\ec05'; } /* '' */
.icon-linkedin-3:before { content: '\ec06'; } /* '' */
.icon-path:before { content: '\ec07'; } /* '' */
.icon-picasa-1:before { content: '\ec08'; } /* '' */
.icon-pinterest-2:before { content: '\ec09'; } /* '' */
.icon-reddit:before { content: '\ec0a'; } /* '' */
.icon-skype-3:before { content: '\ec0b'; } /* '' */
.icon-slideshare:before { content: '\ec0c'; } /* '' */
.icon-stackoverflow:before { content: '\ec0d'; } /* '' */
.icon-stumbleupon-1:before { content: '\ec0e'; } /* '' */
.icon-twitter-3:before { content: '\ec0f'; } /* '' */
.icon-tumblr-1:before { content: '\ec10'; } /* '' */
.icon-vimeo-2:before { content: '\ec11'; } /* '' */
.icon-vkontakte-1:before { content: '\ec12'; } /* '' */
.icon-w3c:before { content: '\ec13'; } /* '' */
.icon-wordpress:before { content: '\ec14'; } /* '' */
.icon-youtube-1:before { content: '\ec15'; } /* '' */
.icon-facebook-4:before { content: '\ec16'; } /* '' */
.icon-facebook-rect-1:before { content: '\ec17'; } /* '' */
.icon-linkedin-rect-1:before { content: '\ec18'; } /* '' */
.icon-tumblr-rect-1:before { content: '\ec19'; } /* '' */
.icon-vimeo-rect-1:before { content: '\ec1a'; } /* '' */
.icon-vimeo-3:before { content: '\ec1b'; } /* '' */
.icon-twitter-bird-1:before { content: '\ec1c'; } /* '' */
.icon-win8:before { content: '\ec1f'; } /* '' */
.icon-menu-2:before { content: '\f008'; } /* '' */
.icon-th-list-1:before { content: '\f009'; } /* '' */
.icon-th-thumb:before { content: '\f00a'; } /* '' */
.icon-th-thumb-empty:before { content: '\f00b'; } /* '' */
.icon-upload-cloud-2:before { content: '\f014'; } /* '' */
.icon-data-science:before { content: '\f016'; } /* '' */
.icon-download-2:before { content: '\f02e'; } /* '' */
.icon-upload-2:before { content: '\f02f'; } /* '' */
.icon-monitor-1:before { content: '\f032'; } /* '' */
.icon-tablet-1:before { content: '\f033'; } /* '' */
.icon-mobile-2:before { content: '\f034'; } /* '' */
.icon-isight:before { content: '\f039'; } /* '' */
.icon-videocam-1:before { content: '\f03a'; } /* '' */
.icon-bell-2:before { content: '\f03f'; } /* '' */
.icon-movie:before { content: '\f040'; } /* '' */
.icon-doc-2:before { content: '\f04a'; } /* '' */
.icon-user-2:before { content: '\f061'; } /* '' */
.icon-user-male:before { content: '\f062'; } /* '' */
.icon-user-female:before { content: '\f063'; } /* '' */
.icon-users-2:before { content: '\f064'; } /* '' */
.icon-folder-2:before { content: '\f067'; } /* '' */
.icon-folder-empty:before { content: '\f069'; } /* '' */
.icon-trophy-1:before { content: '\f074'; } /* '' */
.icon-trash-2:before { content: '\f083'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-skype-2:before { content: '\f30b'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
.icon-facebook-squared:before { content: '\f30e'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-gplus-circled:before { content: '\f310'; } /* '' */
.icon-tumblr-2:before { content: '\f311'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-tumblr-circled:before { content: '\f316'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */
.icon-linkedin-4:before { content: '\f31a'; } /* '' */
.icon-dribbble:before { content: '\f31b'; } /* '' */
.icon-dribbble-circled:before { content: '\f31c'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-stumbleupon-circled:before { content: '\f31f'; } /* '' */
.icon-lastfm:before { content: '\f321'; } /* '' */
.icon-lastfm-circled:before { content: '\f322'; } /* '' */
.icon-rdio:before { content: '\f324'; } /* '' */
.icon-rdio-circled:before { content: '\f325'; } /* '' */
.icon-spotify:before { content: '\f327'; } /* '' */
.icon-spotify-circled:before { content: '\f328'; } /* '' */
.icon-qq:before { content: '\f32a'; } /* '' */
.icon-codepen:before { content: '\f32c'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-dropbox:before { content: '\f330'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */
.icon-flattr:before { content: '\f336'; } /* '' */
.icon-skype:before { content: '\f339'; } /* '' */
.icon-skype-circled:before { content: '\f33a'; } /* '' */
.icon-renren:before { content: '\f33c'; } /* '' */
.icon-sina-weibo:before { content: '\f33f'; } /* '' */
.icon-paypal:before { content: '\f342'; } /* '' */
.icon-picasa:before { content: '\f345'; } /* '' */
.icon-soundcloud:before { content: '\f348'; } /* '' */
.icon-mixi:before { content: '\f34b'; } /* '' */
.icon-behance:before { content: '\f34e'; } /* '' */
.icon-google-circles:before { content: '\f351'; } /* '' */
.icon-vkontakte:before { content: '\f354'; } /* '' */
.icon-smashing:before { content: '\f357'; } /* '' */
.icon-folder-open-empty:before { content: '\f4c2'; } /* '' */
.icon-calendar-2:before { content: '\f4c5'; } /* '' */
.icon-newspaper-1:before { content: '\f4f0'; } /* '' */
.icon-camera-2:before { content: '\f4f7'; } /* '' */
.icon-search-2:before { content: '\f50d'; } /* '' */
.icon-db-shape:before { content: '\f600'; } /* '' */
.icon-sweden:before { content: '\f601'; } /* '' */
.icon-logo-db:before { content: '\f603'; } /* '' */



/*2021-11-16点击不会因此的背景遮罩层*/
.DLTX { background:url('./icons/bgMask.png') center center repeat; position: fixed;top: 0;left: 0;z-index: 99999;display:none;width: 100%;height: 100%;}
/*2022-05-18统一添加ng-cloak初始化隐藏效果*/
[ng-cloak]{display:none}
/*2022-06-07滚动条美化*/
::-webkit-scrollbar{width:16px;height:14px}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-thumb{min-height:20px;-moz-background-clip:content-box;-webkit-background-clip:content-box;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-corner{background:transparent}



/*2022-09-04加载loading*/
.loading{background:url(../../AFrontEnd/css/icons/bgMask.png) center center repeat;position:fixed;top:0;left:0;z-index:800;width:100%;height:100%}
.loading-msg{width:400px;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);color:white;text-align:center}
.spinner{margin:20px auto 0;width:150px;text-align:center}
.spinner > div{width:30px;height:30px;background-color:white;border-radius:100%;display:inline-block;animation:bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}
.spinner .bounce1{animation-delay:-0.32s}
.spinner .bounce2{animation-delay:-0.16s}
@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0)}
40%{transform:scale(1.0)}
}
/*2022-09-07点击不会因此的背景遮罩层*/
.wpsBg { background:url('./icons/bgMask.png') center center repeat; position: fixed;top: 0;left: 0;z-index: 99999;display:none;width: 100%;height: 100%;}

/*2023-2-24更换工作桌面底图*/
.sp-desk-img{width:100%;height:50px;float:left;background-size:cover;margin-top:5px;border:1px solid white;}
.sp-desk-current{border:1px solid red;}


/*2023-01-11 新table操作栏按钮*/
.sp-new-logo-add{display:inline-block; width:16px; height:16px; background:url('newicons/add.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-check{display:inline-block; width:16px; height:16px; background:url('newicons/check.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-edit{display:inline-block; width:16px; height:16px; background:url('newicons/edit.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-delete{display:inline-block; width:16px; height:16px; background:url('newicons/delete.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-set{display:inline-block; width:16px; height:16px; background:url('newicons/set.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-column{display:inline-block; width:16px; height:16px; background:url('newicons/column.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-up{display:inline-block; width:16px; height:16px; background:url('newicons/up.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-down{display:inline-block; width:16px; height:16px; background:url('newicons/down.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}
.sp-new-logo-formbuilder{display:inline-block; width:16px; height:16px; background:url('newicons/formbuilder.png') no-repeat center center; background-size:16px 16px; cursor:pointer;  outline:none; border:0;}