来源:uimaker.com 作者:杨丽萍
内容：后台界面设计jpg及html一页，适合、兼容主流浏览器。方便套用。购买者请直接在uimake上充值付款，即可下载。付款后提供电子文件。
原价：4999/现促销: 1500
QQ咨询：3-4-5-2-8-4
文件中的样式：/* CSS Document */
body{
padding:0px;
margin:0px;
font-size:12px;font-family:"微软雅黑";
background:#f2f2f2;
overflow-x:hidden;
}
a{ text-decoration:none;}
ul,li,dl,dt,dd{margin:0px; padding:0px;}
ul,li{ list-style:none;}
.header{
height:71px;
width:100%;
background:url(../images/headerbg.gif) repeat-x;
}
.logo{
background:url(../images/logi.gif) no-repeat;
width:344px;
height:71px;
float:left;
}
.headerRight{
width:535PX;
height:40PX;
margin-right:30px;
float:right;
margin-top:18px;
}
.index{
background:url(../images/index.gif) no-repeat;
float:left;
width:108px;
height:38px;
float:left;
margin-right:13px;
}
.index a:hover{
background:url(../images/headerbotton.gif) no-repeat;
width:108px;
height:38px;
}
.index a{
width:108px;
height:38px;
display:block;
}
.headerNav{
background:url(../images/nav.gif) no-repeat;
float:left;
width:108px;
height:38px;
margin-right:13px;
}
.headerNav a{
display:block;
width:108px;
height:38px;
}
.headerNav a:hover{
background:url(../images/hover.gif) no-repeat;
width:108px;
height:38px;
}
.headerLeftImg{
background:url(../images/imgleft.gif) no-repeat;
float:left;
width:34px;
height:33px;
}
.headerLeftImg a{
display:block;
width:34px;
height:33px;
}
.headerLeftImg a:hover{
background:url(../images/hover1.gif) no-repeat;
width:34px;
height:33px;
}
.headerRightImg{
background:url(../images/imgRight.gif) no-repeat;
float:left;
width:106PX;
height:33px;
}
.headerRightImg a{
display:block;
width:34px;
height:33px;
}
.headerRightImg a:hover{
background:url(../images/hover2.gif) no-repeat;
width:34px;
height:33px;
}
.headerWrite{
width:96px;
height:33px;
float:left;
line-height:33px;
margin-right:15px;
}
.headerzhuxiao{
width:41px;
height:33px;
float:left;
line-height:33px;
}
.headerzhuxiao img{
margin-right:5px;
}/*------------------------------header end-------------------------------------------*/
.sidebar{
width:200px;
height:627px;
margin-top:5px;
border:#d7d7d7 1px solid;
border-left:none;
float:left;
}
.siderH1{
width:198px;
background:url(../images/sidebarhbg.gif);
height:24px;
border:#d7d7d7 1px solid;
border-right:none;
border-top:none;
}
.siderDivH1{
font-size:12px;
font-weight:normal;
height:24px;
}
.siderDivH1 img{
margin-right:5px;
}
.sideringRight{
background:url(../images/siderimg1.gif) 0 center no-repeat;
width:17px;
height:24px;
float:right;
margin-right:5px;
}
.siderDivH1D{
width:145px;
margin-left:10px;
float:left;
margin-right:10px;
}
.dtDiv{
height:27px;
float:left;
margin-left:10px;
line-height:27px;
}
.dtRight{
background:url(../images/dlBgleft.gif) 0 center no-repeat;
width:16px;
height:24px;
float:right;
margin-right:5px;
}
.dtDiv img{
margin-right:5px;
}
.bg{
background:url(../images/biaoti2.gif) repeat-x;
width:100%;
height:27px;
border-left:
}
.ddDiv{
width:197px;
height:326px;
margin-top:10px;
border-right:#FFF 1px solid;
overflow-y:auto;
}
</STYLE>
}
.ddimg1{
margin-left:13px;
margin-right:10px;
}
.ddimg2{
margin-left:35px;
margin-right:10px;
}
.ddimg3{
margin-left:58px;
margin-right:10px;
border:none;
}
.ddDiv a dd{
line-height:21px;
color:#000000;
}
.ddDiv a {
display:block;
}
.ddDiv a :hover{
background:#f7ecca;
}
.ddimg4{
margin-right:10px;
}
.sidebarleft{
width:5px;
float:left;
height:627px;
background:url(../images/leftbg.gif) 0px center no-repeat;
}
/*------------------------------sideber end-------------------------------------------*/
.centertd{
width:5px;
}
.main{
margin-right:5px;
margin-left:5px;
width:98%;
height:627px;
border:#e4e4e4 1px solid;
background:#FFF;
margin-top:5px;
padding:5px;
padding-top:0px;
}
.top{
width:100%;
height:5px;
background:url(../images/top.gif) no-repeat center 0px;
}
.mainright{
float:right;
height:325px;
width:49%;
margin-right:5px;
}
.mainleft{
height:325px;
width:49%;
float:left;
}
.inner2{
height:325px;
width:100%;
margin-right:5px;
}
.inner{
height:325px;
width:100%;
}
.titleleft{
background:url(../images/tittleleft.gif) no-repeat;
width:3px;
height:27px;
float:left;
}
.titleright{
background:url(../images/rightBg.gif) no-repeat;
width:3px;
height:27px;
float:right;
padding:0px
}
.titlle{
background:url(../images/tittlecenter.gif) repeat-x;
height:27px;
width:100%;
}
.write{
color:#2479ba;
line-height:27px;
height:27px;
float:left;
font-size:12px;
font-weight:normal;
text-indent:4px;
font-weight:bold;
}
.maintop{
width:100%;
height:14px;
background:#CCC;
clear:both;
}
.mainLeftcon{
width:100%;
height:296px;
float:left;
background:url(../images/mainbordermain.gif) 0 bottom repeat-x;
}
.mainBorderLeft{
width:3px;
background:url(../images/mainBoder.gif) no-repeat;
height:297px;
float:left;
}
.mainBorderRight{
width:3px;
background:url(../images/mainright.gif) no-repeat;
height:297px;
float:right;
}
.changliang{
margin-left:15px;
width:100%;
height:14px;
margin-top:5px;
}
.changliang span{
margin-right:40px;
width:117px;
height:14px;
}
.changliang img{
margin-right:5px;
}
.tongji{
background:url(../images/img.gif) center 0px no-repeat;
width:100%;
height:278px;
}
.changliang strong{
font-weight:normal;
margin-right:15px;
}
.clear{
width:100%;
height:6PX;
clear:both;
}
.contentimg{
background:url(../images/img1.gif) center 34px no-repeat;
width:100%;
height:200px;
}
table{
width:100%;
height:278px;
border:1px solid #d7d7d7;
border-right:none;
border-top:none;
margin-top:5px;
}
.tableTh{
background:url(../images/tableTrBg.gif) repeat-x;
height:26px;
text-align:left;
text-indent:15px;
color:#2479ba;
font-weight:bold;
}
.tableTh div{
width:135px;
height:26px;
float:left;
line-height:27px;
}
.text{
width:75px;
height:15px;
border:#dbdbdb solid 1px;
color:#000000;
}
.tableTh span{
width:200px;
height:26px;
float:left;
line-height:27px;
}
.button{
width:41px;
height:17px;
background:url(../images/chakan.gif) no-repeat;
width:41px;
height:17px;
float:left;
border:none;
text-indent:-9999px;
margin-top:5px;
}
th{
border:#dbdbdb solid 1px;
border-bottom:none;
border-left:none;
font-weight:normal;
text-align:left;
text-indent:50px;
}
.tabletrBg{
background:url(../images/tableth.gif) repeat-x;
height:24px;
}
.tabletrcolor{
background:#f5f5f5;
}
.heji{
background:#f5f5f5;
color:#2479ba;
}
tr{
width:100%;
}
