/****-globals-功能: 重设浏览器默认样式****/
|
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
|
html {
|
color: #000;
|
background: #fff;
|
-webkit-text-size-adjust: 100%;
|
-ms-text-size-adjust: 100%;
|
}
|
/* 内外边距通常让各个浏览器样式的表现位置不同 */
|
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
margin: 0;
|
padding: 0;
|
list-style: none;
|
font-family: 'Microsoft Yahei';
|
}
|
/*定义字体*/
|
body, button, input, select, textarea {
|
font: 12px/1.5 'Microsoft Yahei',Arial,Verdana,tahoma,Helvetica,sans-serif;
|
}
|
|
input, select, textarea {
|
font-size: 100%;
|
}
|
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
display: block;
|
}
|
|
a, input {
|
outline: none;
|
}
|
/* HTML5 媒体文件跟 img 保持一致 */
|
audio, canvas, video {
|
display: inline-block;
|
*display: inline;
|
*zoom: 1;
|
}
|
/* 去掉各Table cell 的边距并让其边重合 */
|
table {
|
border-collapse: collapse;
|
border-spacing: 0;
|
}
|
/* IE bug fixed: th 不继承 text-align*/
|
th {
|
text-align: inherit;
|
}
|
/* 去除默认边框 */
|
fieldset, img {
|
border: 0;
|
}
|
/* ie6 7 8(q) bug 显示为行内表现 */
|
iframe {
|
display: block;
|
}
|
|
/* 去掉 firefox 下此元素的边框 */
|
abbr, acronym {
|
border: 0;
|
font-variant: normal;
|
}
|
|
/* 一致的 del 样式 */
|
del {
|
text-decoration: line-through;
|
}
|
|
address, caption, cite, code, dfn, em, th, var {
|
font-style: normal;
|
font-weight: 500;
|
}
|
|
/* 去掉列表前的标识, li 会继承 */
|
ol, ul {
|
list-style: none;
|
}
|
|
/* 对齐是排版最重要的因素, 别让什么都居中 */
|
caption, th {
|
text-align: left;
|
}
|
|
/* 标题都自定义, 适应多个系统应用 */
|
h1, h2, h3, h4, h5, h6 {
|
font-size: 100%;
|
font-weight: 500;
|
}
|
|
q:before, q:after {
|
content: '';
|
}
|
|
.bd, .hd {
|
width: 100%;
|
clear: both;
|
}
|
|
select {
|
vertical-align: middle;
|
}
|
/* 统一上标和下标 */
|
sub, sup {
|
font-size: 75%;
|
line-height: 0;
|
position: relative;
|
vertical-align: baseline;
|
}
|
|
sup {
|
top: -0.5em;
|
}
|
|
sub {
|
bottom: -0.25em;
|
}
|
/* 清理浮动 */
|
.clear {
|
clear: both;
|
height: 0;
|
overflow: hidden;
|
display: block;
|
line-height: 0;
|
}
|
|
.clearfix:after {
|
clear: both;
|
font-size: 0;
|
height: 0;
|
display: block;
|
visibility: hidden;
|
content: " ";
|
line-height: 0;
|
}
|
|
.clearfix {
|
zoom: 1;
|
}
|
/* for IE6 IE7 */
|
/* 设置空白高度 */
|
.blank6, .blank, .blank15, .blank20, .blank30, .blank50, .blank100 {
|
clear: both;
|
display: block;
|
overflow: hidden;
|
}
|
|
.blank {
|
height: 10px;
|
}
|
|
.blank6 {
|
height: 6px;
|
}
|
|
.blank15 {
|
height: 15px;
|
}
|
|
.blank20 {
|
height: 20px;
|
}
|
|
.blank30 {
|
height: 30px;
|
}
|
|
.blank50 {
|
height: 50px;
|
}
|
|
.blank100 {
|
height: 100px;
|
}
|
/* 左浮动 */
|
.left {
|
float: left;
|
}
|
/* 右浮动 */
|
.right {
|
float: right;
|
}
|
|
/*14号字*/
|
.f14 {
|
font-size: 14px; /*大小*/
|
}
|
/*16号字*/
|
.f16 {
|
font-size: 16px; /*大小*/
|
}
|
/*18号字*/
|
.f18 {
|
font-size: 18px; /*大小*/
|
}
|
/*20号字*/
|
.f20 {
|
font-size: 20px; /*大小*/
|
}
|
/*链接根据页面要求全局自定义*/
|
/*链接*/
|
a:link {
|
text-decoration: none; /*下划线*/
|
color: #000000; /*颜色*/
|
}
|
/*被访问过链接*/
|
a:visited {
|
text-decoration: none; /*下划线*/
|
color: #000000; /*颜色*/
|
}
|
/*鼠标经过*/
|
a:hover {
|
text-decoration: none; /*下划线*/
|
color: #643b05; /*颜色*/
|
}
|
/*链接被按下*/
|
a:active {
|
text-decoration: none; /*下划线*/
|
color: #643b05; /*颜色*/
|
}
|
/*链接橙色*/
|
a.orange {
|
color: #8e5f07; /*颜色*/
|
}
|
/*链接灰色*/
|
a.gray {
|
color: #6d6d6d; /*颜色*/
|
}
|
/*开灯关灯效果*/
|
.turnoff {
|
display: block;
|
width: 100%;
|
height: 100%;
|
top: 0;
|
left: 0;
|
z-index: 1000;
|
position: fixed;
|
background: #000000 repeat;
|
opacity: 0.9;
|
-moz-opacity: 0.9;
|
}
|
|
|
.tc{width:100%;height:100%;background-color:#000; position:fixed;top:0px;left:0px; background-color:rgba(0,0,0,0.2);display:none;z-index: 9999}
|
.loading{width:500px;height:350px;color:#000;background-color:#fff; position:absolute;left:50%;top:50%;margin-top:-175px;margin-left:-250px;}
|
.loadBefor p{height:40px;border-bottom:1px solid #ccc;font-size:25px;font-weight:bold;padding-left:30px;}
|
.loadimg{width:200px;height:250px;background:url(../assets/images/loading.gif) no-repeat;margin-left:150px;}
|
|
.loadAfter{}
|
.loadSucess{width:300px;height:160px;background:url(../assets/images/success.png) no-repeat;margin-left:170px;margin-top:70px;}
|
.loadBtn{height:70px;border-top:1px solid #ccc;margin-top:50px;text-align:right;}
|
.loadBtn input{width:100px;height:35px;border:0px;background-color:#00d400;border-radius:5px;font-size:16px;color:#fff;margin-top:18px;margin-right:18px;cursor:pointer;}
|
|
ul,li{list-style:none;}
|
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
|
.clearfix{display:inline-table}
|
*html .clearfix{height:1%}
|
.clearfix{display:block;margin-left: 17px;margin-top: 17px;}
|
*+html .clearfix{min-height:1%}
|
.addOtherLayer{
|
position:absolute;
|
left:50%;
|
top:50%;
|
margin-top:-150px;
|
width:404px;
|
height:263px;
|
-webkit-box-shadow:0 0 10px #000;
|
-moz-box-shadow:0 0 10px #000;
|
box-shadow:0 0 10px #000;
|
background-color:#fff;
|
z-index: 11;
|
display:none;
|
}
|
.addTemporaryLayer{
|
position:absolute;
|
left:50%;
|
top:50%;
|
margin-top:-150px;
|
width:404px;
|
height:300px;
|
-webkit-box-shadow:0 0 10px #000;
|
-moz-box-shadow:0 0 10px #000;
|
box-shadow:0 0 10px #000;
|
background-color:#fff;
|
z-index: 11;
|
display:none;
|
}
|
#ImportAndExportWidget{
|
/* position:absolute;
|
top:8px; */
|
z-index:10;
|
width:404px;
|
height:263px;
|
/* right:554px;
|
background:#FFF;
|
margin-top:-150px;
|
border: 1px solid rgb(206, 206, 206); */
|
}
|
.adddata{
|
position:absolute;
|
left:35%;
|
top:50%;
|
margin-top:-150px;
|
width:404px;
|
height:263px;
|
-webkit-box-shadow:0 0 10px #000;
|
-moz-box-shadow:0 0 10px #000;
|
box-shadow:0 0 10px #000;
|
background-color:#fff;
|
z-index: 11;
|
}
|
.head{
|
font-weight:bold;
|
background-color:#33A1EC;
|
height:30px;
|
width:100%;
|
line-height:30px;
|
}
|
.head a{
|
color:#fff;
|
float:right;
|
margin-right: 10px;
|
cursor:pointer;
|
font-size: 18px;
|
}
|
.head label{
|
color:#fff;
|
float: left;
|
margin-left:17px;
|
font-size: 14px;
|
}
|
.foot {
|
width:100%;
|
height: 45px;
|
line-height: 45px;
|
}
|
.foot input{
|
width: 65px;
|
height: 25px;
|
border: 0px;
|
background-color: #33A1EC;
|
border-radius: 5px;
|
font-size: 14px;
|
color: #fff;
|
margin-right: 16px;
|
cursor: pointer;
|
float: right;
|
margin-top: 9px;
|
}
|
.tab{position:relative;width:404px;margin:auto;}
|
.tab .tabList ul li{
|
float:left;
|
border:1px solid #ccc;
|
padding:5px 0;
|
width:80px;
|
text-align:center;
|
margin-left:-1px;
|
position:relative;
|
cursor:pointer;
|
}
|
.addOtherLayer .tab .tabCon{
|
|
border:1px solid #35A1EC;
|
width:370px;
|
height:170px;
|
margin:17px auto 0px;
|
}
|
.addTemporaryLayer .tab .tabCon{
|
|
border:1px solid #35A1EC;
|
width:370px;
|
height:170px;
|
margin:5px auto 0px;
|
}
|
.adddata .tab .tabCon{
|
border: 1px solid #35A1EC;
|
width: 370px;
|
height: 177px;
|
margin: 14px auto 0px;
|
}
|
.tab .tabCon div{
|
padding:10px;
|
position:absolute;
|
opacity:0;
|
filter:alpha(opacity=0);
|
}
|
.tab .tabCon table{
|
margin:25px auto;
|
}
|
.tab .tabCon table tr{
|
line-height: 50px;
|
}
|
.tab .tabCon table td{
|
text-align:right;
|
}
|
.tab .tabCon table td label{
|
color:#33A1EC;
|
}
|
.tab .tabCon table td input{
|
width:285px;
|
height:25px;
|
}
|
.tab .tabList li.cur{
|
color:#fff;
|
background:#33A1EC;
|
}
|
.tab .tabCon div.cur{
|
opacity:1;
|
filter:alpha(opacity=100);
|
}
|
div#rMenu {position:absolute; visibility:hidden; top:0; background-color: #048bf4;text-align: left;padding: 1px 2px;}
|
div#rMenu ul li{
|
margin: 1px 0;
|
padding: 0 5px;
|
cursor: pointer;
|
list-style: none outside none;
|
background-color: #fff;;
|
}
|
#div1 {
|
background: #eee;
|
margin: 10px auto;
|
width: 204px;
|
height: 20px;
|
padding: 2px;
|
-webkit-border-radius: 5px;
|
-moz-border-radius: 5px;
|
border-radius: 5px;
|
-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
|
-moz-box-shadow: inset 0 1px 1px 0 #c7c7c7;
|
box-shadow: inset 0 1px 1px 0 #c7c7c7;
|
}
|
.check{
|
border: 2px solid #33a1eb;
|
padding: 2px 4px 2px 0px;
|
-webkit-box-shadow: #A7A7A7 0px 0px 10px;
|
-moz-box-shadow: #666 0px 0px 10px;
|
box-shadow: #A7A7A7 0px 0px 10px;
|
behavior: url(/PIE.htc);
|
}
|
