@charset "utf-8";
|
/* CSS Document */
|
|
.topobody{
|
background:#f8f8f8;
|
}
|
span, a, i, em{
|
white-space:nowrap;
|
}
|
|
.topocon{
|
background:#f8f8f8;
|
box-shadow:0 0 5px #191919;
|
width:1000px;
|
overflow:hidden;
|
}
|
|
.topoleft{
|
float:left;
|
background:#f2f2f2;
|
border-right:1px solid #e8e6e7;
|
width:200px;
|
}
|
.companylogo{
|
padding-left:10px;
|
background:#FFF;
|
border-bottom:1px solid #e4e4e4;
|
height:40px;
|
color:#010100;
|
font-size:12px;
|
font-weight:bold;
|
line-height:40px;
|
}
|
.topoleft h3.topotitle{
|
padding-left:10px;
|
background:#f2f2f2;
|
border-bottom:1px solid #cdcccc;
|
height:32px;
|
color:#242323;
|
font-size:12px;
|
line-height:32px;
|
}
|
.topoleft h3.topotitle span{
|
padding-left:15px;
|
background:url(../images/circle.gif) no-repeat left;
|
}
|
|
.lefticon{
|
padding:15px 0 0 0;
|
}
|
.iconitems{
|
float:left;
|
margin-bottom:15px;
|
width:100px;
|
text-align:center;
|
cursor:pointer;
|
}
|
.iconitems span{
|
display:block;
|
color:#636363;
|
font-size:12px;
|
line-height:24px;
|
}
|
.funcbtn{
|
background:#343f4b;
|
height:60px;
|
overflow:hidden;
|
}
|
|
ul.linewrap{
|
margin:10px 0;
|
padding-left:20px;
|
}
|
ul.linewrap li{
|
display:block;
|
width:170px;
|
color:#636363;
|
font:12px "微软雅黑";
|
line-height:24px;
|
cursor:pointer;
|
}
|
ul.linewrap li span{
|
margin:12px 5px 0 0;
|
background:#636363;
|
display:block;
|
height:1px;
|
width:60px;
|
}
|
ul.linewrap li span, ul.linewrap li em, ul.linewrap li i{
|
float:left;
|
}
|
ul.linewrap li i{
|
margin:6px 0 0 5px;
|
background:none;
|
display:block;
|
height:13px;
|
width:13px;
|
}
|
ul.linewrap li.focus i, ul.linewrap li:hover i{
|
background:url(../images/select-line.gif) no-repeat;
|
}
|
ul.linewrap li.AS100M span{
|
background:#ff9900;
|
}
|
ul.linewrap li.AS1000M span{
|
margin:11px 5px 0 0;
|
background:#ff0000;
|
height:2px;
|
}
|
ul.linewrap li.PCM100M span{
|
margin:11px 5px 0 0;
|
background:#0000ff;
|
height:2px;
|
}
|
ul.linewrap li.PCM10000M span{
|
margin:10px 5px 0 0;
|
height:3px;
|
}
|
|
|
.toporight{
|
float:right;
|
width:799px;
|
}
|
.funcbtn{
|
padding-left:10px;
|
background:#FFF;
|
border-bottom:1px solid #e4e4e4;
|
height:40px;
|
color:#010100;
|
font-size:12px;
|
line-height:40px;
|
}
|
.funcbtn h3{
|
float:left;
|
font-weight:bold;
|
}
|
.funcbtn .morebtn{
|
float:right;
|
margin-top:10px;
|
height:17px;
|
}
|
.funcbtn .morebtn a{
|
float:left;
|
margin-right:20px;
|
display:block;
|
height:17px;
|
color:#535355;
|
font:12px "宋体";
|
line-height:17px;
|
}
|
.funcbtn .morebtn a img{
|
float:left;
|
margin-right:5px;
|
display:block;
|
}
|
.funcbtn .morebtn a font{
|
float:left;
|
}
|
.topocontent, .topoview{
|
position:relative;
|
height:810px;
|
width:799px;
|
overflow:hidden;
|
}
|
|
.elebox{
|
padding:5px 10px 0;
|
position:absolute;
|
left:0;
|
top:0;
|
background:#f1f1f1;
|
border:1px solid #a8bec9;
|
border-radius:3px;
|
height:59px;
|
text-align:center;
|
cursor:move;
|
overflow:hidden;
|
}
|
.elebox span{
|
display:block;
|
color:#636363;
|
font:12px "宋体";
|
line-height:24px
|
}
|
|
.rightkeypop{
|
padding:0 10px;
|
position:absolute;
|
background:#f8f5f4;
|
border:1px solid #cbc9c9;
|
border-radius:3px;
|
box-shadow:0 0 3px #9e9d9d;
|
display:none;
|
width:100px;
|
color:#7c7c7c;
|
font:14px "微软雅黑";
|
line-height:32px;
|
}
|
.rightkeypop span{
|
display:block;
|
cursor:pointer;
|
}
|
.rightkeypop span.delele{
|
border-bottom:1px dotted #cbc9c9;
|
}
|
.rightkeypop span.relevanceto{
|
background:url(../images/secondpopmark.gif) no-repeat right;
|
}
|
.relevancebox{
|
position:relative;
|
}
|
.rightkeypop .relation_wrap{
|
position:absolute;
|
left:100px;
|
top:0;
|
background:#f8f5f4;
|
border:1px solid #cbc9c9;
|
box-shadow:0 0 3px #9e9d9d;
|
display:none;
|
}
|
.rightkeypop .relation_wrap a{
|
padding:0 10px;
|
border-bottom:1px dotted #cbc9c9;
|
display:block;
|
color:#7c7c7c;
|
font:12px "宋体";
|
line-height:32px;
|
}
|
|
.dragPoint{
|
cursor:pointer;
|
}
|
.labelstyle{
|
padding:5px;
|
background:#f1f1f1;
|
border:1px solid #a8bec9;
|
border-radius:3px;
|
color:#636363;
|
font:12px "宋体";
|
cursor:pointer;
|
}
|
|
.dragHover{
|
border:1px solid orange;
|
}
|
|
.topoview{
|
margin:0 auto;
|
background:#f8f8f8;
|
}
|
|
svg._jsPlumb_connector{
|
cursor:pointer;
|
}
|
|
.cursor_default, .topoview svg._jsPlumb_connector{
|
cursor:default;
|
}
|
|
.loading_pop{
|
display:none;
|
}
|
