You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

678 lines
13 KiB
CSS

2 years ago
/*基本样式*/
body{
text-align: left;
color:#3f3f3f;
font-family:"微软雅黑";
font-size:14px;
}
a{
color: #333333;
text-decoration: none;
outline:none;
cursor: hand;
cursor: pointer;
}
a:hover{
color: #4a88df;
text-decoration: underline;
}
/*基本样式*/
/*框架主体设置*/
#mainFrame{
background-color:#e5e5e5; /*主体内容区颜色*/
}
.contentStyleLeft{
padding: 0 0px 0 0px; /*设置左侧内容边距*/
}
.contentStyle{
padding: 0 0px 0 4px; /*设置右侧内容边距*/
}
#hideCon{
width: 210px; /*设置左侧框架宽度*/
}
#bs_left{
width: 200px; /*设置左侧框架宽度*/
}
/*框架主体设置*/
/*设置左侧伸缩的按钮样式*/
.bs_leftArr {
width: 10px; /*竖条宽度*/
height: 56px; /*竖条高度*/
/*background-image: url(bs_left.png);*/
background-color: #1668c5;
background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}
.bs_rightArr {
width: 10px; /*竖条宽度*/
height: 56px; /*竖条高度*/
/*background-image: url(bs_right.png);*/
background-color: #1668c5;
background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}
.main_shutiao{
width: 9px;/*竖条容器宽度*/
height: 100%;
}
/*设置左侧伸缩的按钮样式*/
/*框架左侧盒子模型*/
#lbox{
background-color:transparent!important;
box-shadow: 7px 0px 7px rgba(0,0,0,0.1);
}
#lbox_topcenter{
}
#lbox_topleft{
}
#lbox_topright{
}
#lbox_middlecenter{
background-color:#f1f1f1;
}
#lbox_bottomcenter{
}
#lbox_bottomleft{
}
#lbox_bottomright{
}
.lbox_title{
display:none;
}
.lbox_foot{
display:none;
}
/*框架左侧盒子模型*/
/*框架右侧盒子模型*/
#rbox{
background-color:transparent!important;
padding:5px 4px 0 0;
}
#rbox_topcenter{
}
#rbox_topleft{
}
#rbox_topright{
}
#rbox_middlecenter{
background-color:#f5f5f5;
}
#rbox_bottomcenter{
}
#rbox_bottomleft{
}
#rbox_bottomright{
}
.rbox_title{
display: none;/*当右侧盒子标题为图片时隐藏文字标题*/
}
/*框架右侧盒子模型*/
/*头部与导航*/
#hbox{
padding: 0px;
}
/*#bs_bannercenter{
width: 100%;
height: 64px;
background-image: url(bs_bannercenter.jpg);
background-repeat: repeat-x;
}
#bs_bannerleft{
width: 100%;
height: 100%;
background-image: url(bs_bannerleft.jpg);
background-repeat: no-repeat;
}
#bs_bannerright{
width: 100%;
height: 100%;
background-image: url(bs_bannerright.jpg);
background-position: 100% 0%;
background-repeat: no-repeat;
}*/
#bs_bannercenter {
width: 100%;
height: 50px;
/* background-image: url(bs_bannercenter.jpg);*/
background-color: #1668c5;
background-repeat: repeat-x;
}
#bs_bannerleft {
width: 100%;
height: 50px;
/*background-image: url(logo.png);*/
background-color: #1668c5;
background-repeat: no-repeat;
}
#bs_bannerright {
width: 100%;
height: 50px;
/* background-image: url(bs_bannerright.jpg);*/
background-color: #1668c5;
background-position: 100% 0%;
background-repeat: no-repeat;
}
#bs_navcenter {
width: 100%;
height: 40px;
background-color:white;
/*background-image: url(menu.png);*/
background-repeat: repeat-x;
background-position: 0% 100%;
}
#bs_navleft{
width: 100%;
height: 100%;
}
#bs_navright{
width: 100%;
height: 100%;
}
.bs_nav{
padding: 0px 0 0 165px;/*导航区的位置*/
color: #343233;
overflow:hidden;
}
.bs_nav a{
color:#343233;
}
.bs_nav a:hover{
color:#343233;
text-decoration:none;
}
.bs_navleft{
float: left;
padding:0 0 0 15px;
color: #343233;
}
.bs_navright{
float: right;
padding: 0 10px 0 0;
}
.bs_navleft li{
float:left;
padding-right:4px;
}
.fontChange{
padding:4px 0 0 0;
}
.fontChange span a{
height:17px;
line-height:17px;
width:17px;
text-align:center;
display:block;
background-image: url(click.gif);
background-repeat: no-repeat;
color: #343233;
}
.fontChange span a:hover{
background-image: url(fontBg.jpg)!important;
background-repeat: no-repeat;
text-decoration:none;
color:white;
}
.fontChange span .fontChange_cur{
background-image: url(fontBg.jpg)!important;
background-repeat: no-repeat;
text-decoration:none;
color:white;
}
.bs_banner_logo{
background-image: url(logo.png);
background-repeat: no-repeat;
width:71px;/*logo宽度*/
height:42px;/*logo高度*/
position:absolute;
top:15px;/*logo y坐标*/
left:20px;/*logo x坐标*/
}
.bs_banner_title{
background-image: url(title.png);
background-repeat: no-repeat;
width:339px;/*头部标题宽度*/
height:36px;/*头部标题高度*/
position:absolute;
top:20px;/*头部标题y坐标*/
left:100px;/*头部标题x坐标*/
}
.subTitle{
color:#ffffff;
font-size:18px;
font-weight:bold;
position:absolute;
left:430px;
top:30px;
}
/*头部与导航*/
/*页脚*/
#fbox{
padding: 0;
}
/*#bs_footcenter{
text-align: center;
width: 100%;
color: White;*//*页脚字体颜色*/
/*height: 28px;*//*页脚高度*/
/*line-height:4px;*//*页脚行高*/
/*overflow:hidden;
background-image: url(footer.png);
background-repeat::repeat-x;
}
#fbox .logo {
background: url(icon_system_footer.png) center no-repeat;
width: 45px;
height: 17px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
#bs_footleft{
height:100%;
width:100%;
}
#bs_footright{
width:100%;
padding:5px 0 0 0;
}*/
#bs_footcenter {
text-align: center;
width: 100%;
color: White; /*页脚字体颜色*/
height: 30px; /*页脚高度*/
overflow: hidden;
font-size: 10px;
background-color: #f1f1f1;
/*background-image: url(footer.png);*/
background-repeat: repeat-x;
}
/*页脚*/
/*欢迎页*/
.welcome{
width: 100%;
height: 100%;
background-image: url(welcome.jpg);
background-repeat: no-repeat;
background-position: 90% 80%;
}
.welcomeTitle{
width:559px;/*欢迎页标题图宽度*/
height: 166px;/*欢迎页标题图高度*/
background-image: url(welcomeTitle.png);
position:absolute;
left:45px;
top:120px;
}
/*欢迎页*/
/*treeAccordion结构*/
.ztree_accordition *{
font-family:sans-serif!important;
}
.ztree_accordition li span.zbutton.switch {
display:none!important;/*隐藏所有的加号*/
}
.ztree_accordition li a.curSelectedNode{/*第二级以后的选中后样式和高度*/
border-color:#008bcb!important;
background-color:#dbeefd!important;
padding-top:6px!important;
padding-bottom:6px!important;
background-image: none!important;
opacity:1!important;
}
.ztree_accordition li a{/*第二级以后的节点高度*/
padding-top:6px!important;
padding-bottom:6px!important;
}
.ztree_accordition ul.level0{
padding-top:4px!important;/*第二级顶部距离第一级的底部距离*/
padding-left:10px!important;/*第二级内容距离左侧距离*/
}
.ztree_accordition{
padding-top:0!important;
padding-left:1px!important;
}
.ztree_accordition li a.level0 {
width:200px;/*第一级宽度*/
height: 32px!important;/*第一级高度加上padding值才是实际高度*/
text-decoration:none;
text-align:left;
display:block;
border:none!important;
background-color:transparent!important;
padding-top:0px!important;/*第一级文字的上边距*/
padding-left:20px!important;/*第一级图标的左边距*/
padding-bottom:0!important;
margin-top:2px!important;/*每个第一级相互的距离*/
text-indent:0px;/*文字与图标的距离*/
}
.ztree_accordition li a.level0 span {
display: block;
color: #000000; /*第一级文字颜色*/
padding-top:10px; /*第一级文字上边距*/
font-size:14px; /*第一级字体大小*/
font-weight: normal;/*第一级字体粗细*/
text-decoration:none;/*第一级禁止下划线*/
word-spacing: 2px;
margin-left:0px!important;
float:left;
background-position:0% 100%!important;
line-height:18px;
}
.ztree_accordition li a:hover.level0{
text-decoration:none;/*第一级禁止下划线*/
}
.ztree_accordition li a.level0.curLevel0 span {
color: #0064a9!important; /*第一级选中后文字颜色*/
}
.ztree_accordition li a.level0.curLevel0{
background-color:transparent!important;
opacity:1!important;
background-image: url("titlebar-active.png")!important;/*第一级选中后背景*/
padding-top:0px!important;/*第一级文字的上边距*/
padding-left:20px!important;/*第一级图标的左边距*/
padding-bottom:0!important;
}
/*treeAccordion结构*/
/*横向标签导航结构*/
/*.htab{
position:absolute;
left:100px;
top:59px;
overflow:hidden;
}*/
.htab {
position: absolute;
left: 100px;
top: 50px;
overflow: hidden;
height:43px;
}
.htab a{
height:46px;
float:left;
line-height:46px;
padding:0 0 0 0px;
background-repeat:no-repeat;
margin:0 5px 0 0;
}
/*.htab a b{
color:#000;
text-shadow:1px 1px 1px rgba(254,254,254,1);
font-weight:normal;
display:inline-block;
padding: 0 12px 0 0;
white-space: nowrap;
text-decoration:none;
font-size:15px;
background-repeat:no-repeat;
background-position:100% 0%;
}*/
.htab a b {
color: #000;
/*text-shadow: 1px 1px 1px rgba(254,254,254,1);*/
font-weight: normal;
display: inline-block;
padding: 0 12px 0 0;
white-space: nowrap;
text-decoration: none;
font-size: 15px;
background-repeat: no-repeat;
background-position: 100% 0%;
}
.htab a:hover {
text-decoration: none;
/*background-image: url(nav_btnbg_over.png);*/
background-color: #e9e9e9;
}
.htab a:hover b {
color: #000;
/*text-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/
/*background-image: url(nav_btnbg_over.png);*/
background-color: #e9e9e9;
}
.htab a.current {
/*background-image: url(nav_btnbg_over.png);*/
background-color: #e9e9e9;
}
.htab a.current b {
/*background-image: url(nav_btnbg_over.png);*/
background-color: #e9e9e9;
color: #000;
/*text-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/
background-position: 100% 0%;
}
/*.htab a span{
display:inline-block;
height:40px;
line-height:40px;
float:left;
padding:4px 0 0 0px;
}*/
.htab a span {
display: inline-block;
height: 40px;
line-height: 40px;
float: left;
padding: 4px 0 0 10px;
}
.htab a i{
width:0px;
height:46px;
/*background-image: url(icon_leftmenu.png);*/
background-repeat:no-repeat;
display:inline-block;
float:left;
}
.htab a .tab_icon1{
background-position:0px 4px;
}
.htab a:hover .tab_icon1{
background-position:-50px 4px;
}
.htab a.current .tab_icon1{
background-position:-50px 4px;
}
.htab a .tab_icon2{
background-position:0px -46px;
}
.htab a:hover .tab_icon2{
background-position:-50px -46px;
}
.htab a.current .tab_icon2{
background-position:-50px -46px;
}
.htab a .tab_icon3{
background-position:0px -96px;
}
.htab a:hover .tab_icon3{
background-position:-50px -96px;
}
.htab a.current .tab_icon3{
background-position:-50px -96px;
}
.htab a .tab_icon4{
background-position:0px -146px;
}
.htab a:hover .tab_icon4{
background-position:-50px -146px;
}
.htab a.current .tab_icon4{
background-position:-50px -146px;
}
.htab a .tab_icon5{
background-position:0px -196px;
}
.htab a:hover .tab_icon5{
background-position:-50px -196px;
}
.htab a.current .tab_icon5{
background-position:-50px -196px;
}
.htab a .tab_icon6{
background-position:0px -246px;
}
.htab a:hover .tab_icon6{
background-position:-50px -246px;
}
.htab a.current .tab_icon6{
background-position:-50px -246px;
}
.htab a .tab_icon7{
background-position:0px -296px;
}
.htab a:hover .tab_icon7{
background-position:-50px -296px;
}
.htab a.current .tab_icon7{
background-position:-50px -296px;
}
.htab a .tab_icon8{
background-position:0px -346px;
}
.htab a:hover .tab_icon8{
background-position:-50px -346px;
}
.htab a.current .tab_icon8{
background-position:-50px -346px;
}
.htab a .tab_icon9{
background-position:0px -396px;
}
.htab a:hover .tab_icon9{
background-position:-50px -396px;
}
.htab a.current .tab_icon9{
background-position:-50px -396px;
}
/*横向标签导航结构*/
.top_position{
color:#ffffff;
width:50px;
position:absolute;
top:60px;
text-align:right;
height:30px;
right:10px;
line-height:30px;
display:none;
}
.top_info {
width: 180px;
overflow: hidden;
height: 30px;
font-size: 14px;
display: flex;
justify-content: space-around;
line-height:30px;
}
/*.top_menu {
background-image: url(top_menu.png);
background-repeat: no-repeat;
height: 32px;
position: absolute;
right: 0;
padding: 2px 0 0 40px;
color: #0064A9;
overflow: hidden;
}
*/
.top_menu {
/*background-image: url(top_menu.png);*/
background-repeat: no-repeat;
top:2px;
height: 35px;
position: absolute;
background-color: #1668c5;
right: 0;
padding: 3px 0 0 40px;
color: #ffffff;
overflow: hidden;
}
.top_menu_position {
top: 3px;
left: 35px;
background-repeat: no-repeat;
height: 40px;
width: 220px;
position: absolute;
background-color: #1668c5;
padding: 3px 0 0 40px;
overflow: hidden;
display: block;
}
.top_menu_position_a {
background-image: url(logo.png);
background-repeat: no-repeat;
position: absolute;
left:0;
width: 100%;
height: 100%;
display: block;
}
.top_icon1{
background-image: url(icon1.png);
background-repeat:no-repeat;
width:29px;
height:23px;
display:block;
}
.top_icon2{
background-image: url(icon2.png);
background-repeat:no-repeat;
width:29px;
height:23px;
display:block;
}
.top_icon3{
background-image: url(icon3.png);
background-repeat:no-repeat;
width:29px;
height:23px;
display:block;
}
.top_icon4{
background-image: url(icon4.png);
background-repeat:no-repeat;
width:10px;
height:23px;
display:block;
}