71 lines
1.3 KiB
CSS
71 lines
1.3 KiB
CSS
|
@import url("./reset.css");
|
||
|
@import url("./mainTop.css");
|
||
|
@import url("./mainLeft.css");
|
||
|
@import url("./mainCenter.css");
|
||
|
@import url("./mainRight.css");
|
||
|
@import url("./layuireset.css");
|
||
|
html,body,#cityManageContent{
|
||
|
width:100%;
|
||
|
height:100%;
|
||
|
background:#01123D;
|
||
|
color:#fff;
|
||
|
font-size:14px;
|
||
|
}
|
||
|
|
||
|
#mainTop{
|
||
|
height:83px;
|
||
|
line-height:83px;
|
||
|
background-image:url("../image/headerBg.jpg");
|
||
|
background-size:auto;
|
||
|
background-repeat:no-repeat;
|
||
|
text-align: center;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
#mainTop>ul:nth-child(1){
|
||
|
position: absolute;
|
||
|
left:200px;
|
||
|
top:46px;
|
||
|
}
|
||
|
#mainTop>ul:nth-child(1)>li{
|
||
|
float:left;
|
||
|
width:150px;
|
||
|
height:32px;
|
||
|
line-height:32px;
|
||
|
margin-right:20px;
|
||
|
font-size:18px;
|
||
|
color:rgb(170 208 231);
|
||
|
|
||
|
}
|
||
|
#mainTop>div:nth-child(2){
|
||
|
font-size:28px;
|
||
|
text-align:center;
|
||
|
}
|
||
|
#mainTop>div:nth-child(2)>span:nth-child(2){
|
||
|
font-size:20px;
|
||
|
}
|
||
|
|
||
|
#mainTop>ul:nth-child(3){
|
||
|
position:absolute;
|
||
|
right:200px;
|
||
|
top:46px;
|
||
|
font-size:18px;
|
||
|
}
|
||
|
#mainTop>ul:nth-child(3)>li{
|
||
|
float:left;
|
||
|
width:150px;
|
||
|
height:32px;
|
||
|
line-height:32px;
|
||
|
margin-left:20px;
|
||
|
color:rgb(170 208 231)
|
||
|
}
|
||
|
|
||
|
#mainContent{
|
||
|
clear: both;
|
||
|
width:calc(100% - 10px);
|
||
|
height:calc(100% - 93px);
|
||
|
margin:0 5px;
|
||
|
position: absolute;
|
||
|
top:88px;
|
||
|
overflow: hidden;
|
||
|
}
|