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

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

/*基本样式*/
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;
}