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.

471 lines
28 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.

@charset "utf-8";
/* CSS Document */
html{background:none; }
body{background:none; }
.index_bg{ position:absolute; top:0; left:0; border:none; z-index:-1; width:100%; height:138px;
}
.top_box{float:left;width: 100%; min-width:1060px; height:45px; background:#2878b9;}
.center_box{float:left;width: 100%; border:none;}
.bottom_box{float:left;width: 100%; height:50px; background:#334960; text-align:center; color:#000000; position:relative;}
/*头部*/
.logo{ float:left;width:530px; height:45px;}
.logo .logo_ico { float:left; width:45px; height:45px; margin-left:30px; position:relative;}
.logo .logo_ico img { width:32px; height:32px; -webkit-border-radius: 32px;
-moz-border-radius: 32px;
border-radius: 32px;position: absolute; top:5px; left:5px; border:solid 3px #ffffff;
}
.logo .info_box{float:right;height:32px; line-height:32px; margin:5px 0 0 0;width:450px; display:block;}
.logo .info_box span,.info_box lable{float:left;height:32px; line-height:32px; text-align:left; color:#ffffff; font-family:"微软雅黑";}
.logo .info_box span#lb_User{ font-size:14px;}
.logo .info_box .datetime{float:right;height:32px; line-height:32px; margin:0;width:360px;color:#ffffff; text-align:left; font-size:14px; }
.logo .info_box .datetime font{height:32px; line-height:32px; font-size:12px; }
.top_right{ float:right;width: 450px; height:45px;}
.top_right ul.top_btn{float:right;height:45px; line-height:45px; margin:0;width:450px;}
.top_right ul.top_btn li{ width:70px;height:45px; line-height:45px;float:left;}
.top_right ul.top_btn li a{ padding-left:20px; height:45px; line-height:45px;float:right; color:#ffffff; text-align:left; cursor:pointer;}
.top_right ul.top_btn li a.top_btn_refresh { background:url(images/top_btn_refresh.png) no-repeat left center;
}
.top_right ul.top_btn li a.top_btn_left { background:url(images/top_btn_left.png) no-repeat left center;
}
.top_right ul.top_btn li a.top_btn_right { background:url(images/top_btn_right.png) no-repeat left center;
}
.top_right ul.top_btn li a.top_btn_close { background:url(images/top_btn_close.png) no-repeat left center;
}
.top_right ul.top_btn li a.top_btn_mail { background:url(images/top_btn_mail.png) no-repeat left center;
}
.top_right ul.top_btn li a.top_btn_home { background:url(images/top_btn_home.png) no-repeat left center;
}
.top_right ul.top_btn li a span { height:45px; line-height:45px;color:#ffffff; text-align:center;}
.top_right ul.top_btn li a:hover,.top_right ul.top_btn li a:hover span{ color:#feb80b;}
/*头部菜单*/
.tab_box{float:left;width: 100%; height:53px; background:url(images/tab_bg.png) repeat-x;}
.tab_box ul { float:left; margin:2px 0 0 0; width:100%; height:48px; overflow:hidden;}
.tab_box ul li{ float:left; width:90px; height:48px;}
.tab_box ul li a{ float:right; cursor:pointer;
text-align: center; vertical-align:middle;
background-color:#f0f0f0;
border:solid 1px #d1d1d1; margin:0px;
height:46px; width:85px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.tab_box ul li a span { height:20px; line-height:20px;color:#2878b9;font-size:12px;font-family: "微软雅黑"; text-align:center;width:85px;}
.tab_box ul li a:hover,.tab_box ul li a.select{background-color:#ffffff;}
.tab_box ul li a div{ width:25px; height:25px; margin:2px auto 0px auto; background:url(images/ico_blue.png) no-repeat; _background:url(images/ico_blue.gif) no-repeat;}
.tab_box ul li a div.ico0 { background-position:0 0;}/*主页*/
/*菜单栏*/
.layout-panel-west{background:none;}
.layout-panel-west .panel-header { border:none !important; background:none!important; width:235px!important; filter:none!important; height:0px!important; padding:0px!important; margin:0px; position:relative;}
.layout-panel-west .accordion-body{background-color:transparent; border:none; overflow:inherit!important; }
.panel-body{background-color:transparent;border:none; overflow:visible; text-align:center;}
.layout-panel-west .panel-header .panel-title{ height:0px;font-size: 0; border:none;}
.layout-panel-west .panel-header .panel-tool{ z-index:99; background:url(images/hide.png) no-repeat;_background:url(images/hide.gif) no-repeat; width:8px; height:30px;right:8px;top:10px;}
.layout-panel-west .panel-header .panel-tool .layout-button-left{width:8px; height:30px; background:none; margin-left:0px; display:block; cursor:pointer;}
.layout-panel-west .accordion-header .panel-tool {
background:url(images/head-panel-tool.png) no-repeat; width:20px; height:20px; top:15px;right: 5px; margin:0; }
.layout-panel-west .accordion-header-selected .panel-tool {
background:url(images/head-panel-tool_select.png) no-repeat; width:20px; height:20px; top:15px;right: 5px; margin:0; }
.layout-panel-west .accordion-header .panel-icon {
background-image:url(images/ico16_gray.png); background-repeat:no-repeat; width:16px; height:16px; font-size:16px; color:#848b90; left:17px; top:10px;right: auto; margin:0; }
.layout-panel-west .accordion-header-selected .panel-icon {
background-image:url(images/ico16_white.png); background-repeat:no-repeat;color:#ffffff; }
.window .panel-tool-close{ width:20px;height:20px;}
.menu_boxlist{width: 218px; margin:0; float:left; margin:0px; text-align:center!important;position:relative; background-color:#dddddd; border:none!important; }
.menu_boxlist ul {width: 218px;margin:0px auto;_margin:0px 4px; background-color:#ffffff; border-left:solid 1px #c3ced5; border-right:solid 1px #c3ced5;}
.menu_boxlist ul li {width: 218px;line-height:37px; border-bottom:solid 1px #c3ced5;text-align:center; display:block;}
.menu_boxlist ul li a{background:#dddddd; display:block;}
.menu_boxlist ul li.MenuSelect a,.menu_boxlist ul li a:hover{background:#2878b9; }
.menu_box {width: 218px;height:244px;float:left; margin:0px; text-align:center;position:relative; background-color:#dddddd; border:none; }
.menu_box .menu_top{width: 218px;height:53px; line-height:53px; margin:0; text-align:center; color:#ffffff; background:#2878b9; cursor:pointer;border-top:solid 1px #ffffff;}
.menu_box .menu_top span{ float:right; width: 165px; height:53px; line-height:53px;text-align:left; color:#ffffff!important;font-size:16px; font-weight:bold;}
.menu_box .menu_top .ico{background:url(images/ico_gray.png) no-repeat 0 -210px; width:25px; height:25px; left:17px; top:13px;right: auto; margin:0; position:absolute;}
.menu_box ul{width: 218px;margin:0px auto;_margin:0px 4px; background-color:#ffffff;border-left:solid 1px #c3ced5; border-right:solid 1px #c3ced5;}
.menu_box ul li {width: 218px;line-height:37px; border-bottom:solid 1px #c3ced5;text-align:center; display:block;}
.menu_box ul li a {width: 218px;height:37px; background:#ffffff; display:block; position:relative; }
.menu_box ul li a span { height:37px; line-height:37px;color:#2878b9;font-size:14px;font-family: "微软雅黑"; text-align:left;width:175px; float:right;}
.menu_box ul li a:hover{ background:#eef0f3;}
.ico16blue { background:url(images/ico16_blue.png) no-repeat; width:16px; height:18px; left:63px; top:10px;right: auto; margin:0; position:absolute;}
.SendMail { background-position:0px -90px; }/*新邮件*/
.Inbox { background-position:0px -108px; }/*收件箱*/
.Outbox { background-position:0px -126px; }/*已发送*/
.SendSMS { background-position:0px -144px; }/*短信发送*/
.ListSMS { background-position:0px -162px; }/*短信列表*/
.layout-panel-west .easyui-accordion{width: 218px;height:100%; background:#dddddd;}
.layout-panel-west .accordion-header{width: 218px!important;height:35px!important; line-height:35px; margin:0; float:left; text-align:center; color:#848b90; background:#dddddd!important; cursor:pointer;border-top:solid 1px #a5a791!important; }
.layout-panel-west .accordion-header-selected{ background:#334960!important; margin:0; height:35px!important;}
.layout-panel-west .accordion-header .panel-title{ float:right; width: 155px; margin-right:25px;_margin-right:13px; height:35px; line-height:35px;text-align:left; color:#848b90!important;font-size:14px;font-weight:normal!important;}
.layout-panel-west .accordion-header-selected .panel-title{ float:right; width: 155px; margin-right:25px;_margin-right:13px; height:35px; line-height:35px;text-align:left; color:#ffffff!important;font-size:14px;font-weight:normal!important;}
.layout-panel-west .accordion-header .panel-with-icon{ padding:0px;}
.layout-panel-west a.accordion-collapse:hover{ background-color:transparent!important;}
.layout-panel-west .panel-tool a:hover{background-color:transparent!important;}
.tree-node{ text-align:left;height:30px;width:220px; _width:218px; padding:5px 0px 5px 17px!important;}
/*
.menu_center .tree_box ul{width: 175px;margin:0 0 10px 0; float:right;background:none!important;}
.menu_center .tree_box ul li{width: 164px; height:30px; line-height:30px; margin:0; float:left; text-align:left; color:#577aa0; background:url(images/sc_ico.png) no-repeat 5px center;_background:url(images/sc_ico.gif) no-repeat 5px center; cursor:pointer;border-bottom: solid 1px #577aa0;}
.menu_center .tree_box ul li a,.menu_center ul li .tree-node{width: 146px; height:30px; line-height:30px; margin:0; float:right; text-align:left; color:#577aa0; padding:0!important; }
.menu_center .tree_box ul li a:hover{ color:#8cdcff;}
.tree-indent {width:0px;}*/
.tree-file{background:url(images/ico16_gray.png)!important; font-size:14px; color:#848b90;}
.tree-folder{background:url(images/ico16_gray.png) no-repeat -140px -840px !important;}
.tree-title{ line-height:18px; font-size:14px; padding-left:5px;
color: #848b90;}
.tree-node { background:#ffffff;
}
.tree-node-hover,
.tree-node-hover .tree-title{
background:none;
background-color:#eef0f3;
color: #848b90;
}
.tree-node-selected,
.tree-node-selected .tree-title {
background: none;
background-color:#eef0f3;
color: #848b90;
}
.layout-panel-west .tree-collapsed {
}
.tabs-header,.tabs-tool{ background:#ebebeb; height:37px; }
.tabs{ height:35px; border-bottom:1px solid #a5a791;}
.tabs li{ margin-top:5px; padding:0 2px;}
.tabs li a.tabs-inner{ height:30px; filter:none; background-color:#ffffff!important;border:solid 1px #a5a791; position:relative;}
.tabs li.tabs-selected a.tabs-inner{border:solid 1px #a5a791;filter:none;background-color:#d9e9f5;margin-top:1px;height:31px;}
.tabs-title{height:30px; line-height:30px; text-align:center; color:#848b90; display:block;}
.tabs-icon{ display:none!important; position:absolute; top:2px; left:50%; margin-top:0px; margin-left:-12px; height:25px; width:25px; text-align:center;background:url(images/ico_blue.png) no-repeat;}
.tabs-with-icon { padding:0;
}
.tabs-scroller-left,.tabs-scroller-right{ height:25px; width:16px;bottom:4px; background-color:#f0f0f0;border:solid 1px #a5a791;}
.tabs-scroller-left{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.tabs-scroller-right{border-bottom-left-radius:5px;border-top-left-radius:5px;}
.tabs-close{ top:20%!important;}
.layout-expand{background-color:transparent; }
.layout-expand .panel-header{width:28px!important;overflow:visible; }
.layout-expand .panel-header .panel-tool{ z-index:99; background:url(images/show.png) no-repeat; width:8px; height:30px;left:0px;top:10px; right:auto;}
.layout-expand .panel-header .panel-tool .layout-button-right{width:8px; height:30px; background:none; margin-left:0px; display:block; cursor:pointer;}
/*
.menu_center ul{width: 197px; margin:0; float:left;}
.menu_center ul li{width: 197px; line-height:28px; margin:0 0 24px 0; float:left; text-align:center; color:#ffffff; background:url(images/menu_none.png) no-repeat; cursor:pointer; }
.menu_center ul li.menu_select{ background:url(images/menu_select.png) no-repeat; margin:0 0 10px 0;}
.menu_center ul li span{width: 197px; height:28px; line-height:28px;text-align:center; color:#ffffff;}
.menu_center ul li ul{width: 180px;margin:0; float:right; display:none;}
.menu_center ul li.menu_select ul{ display:block;}
.menu_center ul li ul li{width: 164px; height:33px; line-height:33px; margin:0; float:left; text-align:left; color:#ffffff; background:url(images/sc_ico.png) no-repeat 6px center;_background:url(images/sc_ico.gif) no-repeat 6px center; cursor:pointer;border-bottom: solid 1px #034e6f;}
.menu_center ul li ul li a{width: 140px; height:33px; line-height:33px; margin:0; float:right; text-align:left; color:#ffffff;}
.menu_center ul li ul li a:hover{ color:#8cdcff;}
*/
/*主页*/
/*.index_box{width: 100%; padding-left:0px; }
.index_box ul{width: 100%;margin-left:-35px;}
.index_box ul li{margin:auto 10px 10px auto; width:19%; min-width:220px; height:140px; float:left;list-style-type:none; display: table;
position: relative;
overflow: hidden;}
.index_box ul li.big{width:440px;}
.index_box ul li a{ float:right; width:220px;
vertical-align: middle;
display: table-cell;
position: absolute;
top: 50%;left:0px;}
.index_box ul li a div{ position:absolute; left:8px;
top: 0; margin-top:-35px; width:70px; height:70px; background:url(images/index_ico.png) no-repeat center center ; _background:url(images/index_ico.jpg) no-repeat center center; display:block;}
.index_box ul li a span{word-break:break-all;height:130px; font-size:27px;width:120px;font-family:"微软雅黑";color:#FFFFFF;font-weight:bolder;text-align:left;
position: absolute;word-wrap:break-word;
top: -50%;
left: 90px;}
.index_box ul li a span.wz4 {font-size:27px !important; line-height:32px !important; margin-top:-16px;
}
.index_box ul li a span.wz5{font-size:22px !important;line-height:26px !important; margin-top:-13px;
}
.index_box ul li a span.wz6{font-size:20px !important;line-height:24px !important; margin-top:-12px;
}
.index_box ul li a span.wz7{font-size:16px !important;line-height:20px !important;margin-top:-10px;
}
.index_box ul li a span.wz8 {font-size:27px !important; line-height:32px !important;margin-top:-32px;
}
.index_box ul li a span.wz10{font-size:22px !important;line-height:26px !important; margin-top:-26px;
}
.index_box ul li a span.wz12{font-size:20px !important;line-height:24px !important; margin-top:-24px;
}
.index_box ul li a span.wz14{font-size:16px !important;line-height:20px !important;margin-top:-10px;
}*/
.index_box{width: 100%; padding-left:0px; }
.index_box ul{width: 100%;margin-left:-35px;}
.index_box ul li{margin:auto 10px 10px auto; width:60px; height:80px; float:left;list-style-type:none;
position: relative;
overflow: hidden;}
.index_box ul li.big{width:80px;}
.index_box ul li a{ float:right; width:60px;
}
.index_box ul li a div{float:left; width:60px; height:60px; background:url(images/ico_White.png) no-repeat center center ; _background:url(images/index_ico.jpg) no-repeat center center; display:block;}
.index_box ul li a span{float:left;height:20px; font-size:14px;width:60px;font-family:"微软雅黑";color:#FFFFFF;font-weight:bolder;text-align:left;
word-wrap:break-word;}
.index_box ul li a span.wz4 {
}/*1~4*/
.index_box ul li a span.wz5{
}/*5*/
.index_box ul li a span.wz6{
}/*6字*/
.index_box ul li a span.wz7{
}/*7字*/
.index_box ul li a span.wz8 {
}/*8*/
.index_box ul li a span.wz10{
}/*9、10字*/
.index_box ul li a span.wz12{
}/*11、12字*/
.index_box ul li a span.wz14{
}/*13、14字*/
.schoolshfu ul li {list-style-type:none;
}
.schoolshfu {width:100%;
}
.schoolshfu ul {margin-top:4px;margin-left:-26px;width:100%;
}
/*左侧菜单和右侧上面部分的菜单图标*/
.ico_Office{background-position:0px -210px !important;}/*日常办公*/
.ico_Dormitory{background-position:-630px -210px !important;}/*宿舍管理*/
.ico_TeaLeave{background-position:-70px -210px !important;}/*教师请假管理*/
.ico_StdResults{background-position:-280px -70px !important;}/*学生成绩管理*/
.ico_StdLeave{background-position:-140px -560px !important;}/*学生请假考勤管理*/
.ico_OnlineRegistration{background-position:-140px -770px !important;}/*网上报名*/
.ico_OnlineSeleCourse{background-position:-210px -770px !important;}/*网上选课管理*/
.ico_Wage{background-position:-280px -700px !important;}/*工资管理*/
.ico_DeviceRepairs{background-position:0px -770px !important;}/*设备报修*/
.ico_Notice{background-position:-560px -280px !important;}/*通知公告*/
.ico_KeepWatch{background-position:-420px -70px !important;}/*巡更管理*/
.ico_System{background-position:0px -840px !important;}/*系统管理*/
.ico_Lessons{background-position:-140px -280px !important;}/*课表管理、请假调课*/
.ico_Reservation{background-position:-560px -140px !important;}/*功能室预约*/
.ico_IP{background-position:-210px -770px !important;}/*网站后台管理内网IP配置*/
.ico_edit{background-position:0 0 !important;}/*文章发布、请假登记*/
.ico_list{background-position:-70px 0 !important;}/*文章列表、请假列表*/
.ico_Audit{background-position:-140px 0 !important;}/*文章审核,维修审核、*/
.ico_photo{background-position:-210px 0 !important;}/*网站相册*/
.ico_message{background-position:-280px 0 !important;}/*留言管理*/
.ico_column{background-position:-350px 0 !important;}/*模块管理*/
.ico_link{background-position:-490px 0 !important;}/*友情链接*/
.ico_survey{background-position:-560px 0 !important;}/*在线调查、刷卡记录查询*/
.ico_message1{background-position:-630px 0 !important;}/*校友留言管理*/
.ico_template{background-position:0 -70px !important;}/*模板管理*/
.ico_login{background-position:-70px -70px !important;}/*登录信息*/
.ico_resource{background-position:-140px -70px !important;}/*资源管理,网络硬盘*/
.ico_PersonalInfo{background-position:-70px -70px !important;}/*个人信息、学生信息、寝室信息、学生报名信息*/
.ico_SendSMS{background-position:-490px -140px !important;}/*手机短信发送*/
.ico_Outbox{background-position:-280px -490px !important;}/*文件发送*/
.ico_ListSMS { background-position:-70px 0px !important; }/*短信列表*/
.ico_Inbox { background-position:-350px -490px !important; }/*收件箱*/
.ico_BasicSetup{background-position:0px -140px !important;}/*基本设置、预约设置*/
.ico_Statistics{background-position:-280px -70px !important;}/*维修统计、未刷卡人员统计*/
.ico_Allocation{background-position:-210px -70px !important;}/*寝室自动分配、部门信息*/
.ico_Time{background-position:-280px -280px !important;}/*寝室进出时间设置*/
.ico_Personal{background-position:-420px -560px !important;}/*宿舍人员管理*/
.ico_recess{background-position:-70px -280px !important;}/*放假管理*/
.ico_CzdImportData{background-position:-210px -420px !important;}/*寝室人员导入、课表导入*/
.ico_Permission{background-position:0px -350px !important;}/*请假审批权限*/
.ico_Repeal{background-position:-490px -420px !important;}/*销假管理*/
.ico_Device{background-position:-140px -140px !important;}/*设备管理*/
.ico_GradeClass{background-position:-560px -700px !important;}/*班级年级*/
.ico_Subject{background-position:0px -280px !important;}/*学科设置*/
.ico_Graduate{background-position:-70px -350px !important;}/*毕业设置*/
.ico_term{background-position:-490px -700px !important;}/*学期设置*/
.ico_Moving{background-position:-630px -420px !important;}/*批量移动*/
.ico_appraise{background-position:-560px -490px !important;}/*评比*/
.ico_score{background-position:-490px -490px !important;}/*分数*/
.ico_expressage{background-position:-70px -700px !important;}/*教师快递*/
.ico_HealthExamination{background-position:0px -910px !important;}/*传染病检查*/
.ico_ContagionList{background-position:-350px -910px !important;}/*传染病报表*/
.ico_MedicalKit{background-position:-280px -840px !important;}/*传染病名*/
.ico_print{background-position:-210px -840px !important;}/*打印管理*/
.ico_video{background-position:-560px -70px !important;}/*视频*/
.ico_Music{background-position:-210px -140px !important;}/*音乐管理*/
.ico_MusicAppreciation{background-position:-420px -140px !important;}/*音乐欣赏*/
.ico_place{background-position:-630px -210px !important;}/*场地管理*/
.ico_mathematics{background-position:-210px -350px !important;}/*成绩分布*/
.ico_Bookmark{background-position:-280px -350px !important;}/*书签*/
/*二级栏目大的色块的菜单图标*/
.index_box ul li a div.ico_edit{background-position:0 0;}/*文章发布*/
.index_box ul li a div.ico_list{background-position:-70px 0;}/*文章列表*/
.index_box ul li a div.ico_Audit{background-position:-140px 0;}/*文章审核*/
.index_box ul li a div.ico_photo{background-position:-210px 0;}/*网站相册*/
.index_box ul li a div.ico_message{background-position:-280px 0;}/*留言管理*/
.index_box ul li a div.ico_column{background-position:-350px 0;}/*模块管理*/
.index_box ul li a div.ico_IP{background-position:-420px 0;}/*内网IP配置*/
.index_box ul li a div.ico_link{background-position:-490px 0;}/*友情链接*/
.index_box ul li a div.ico_survey{background-position:-560px 0;}/*在线调查*/
.index_box ul li a div.ico_message1{background-position:-630px 0;}/*校友留言管理*/
.index_box ul li a div.ico_template{background-position:0 -70px;}/*模板管理*/
.index_box ul li a div.ico_login{background-position:-70px -70px;}/*登录信息*/
.index_box ul li a div.ico_resource{background-position:-140px -70px;}/*资源管理*/
/*二级栏目大的色块的菜单颜色样式*/
.Borange
{
background-color:#e77817;
}
.Bpurple
{
background-color:#8e84b7;
}
.Bskyblue
{
background-color:#21b3ec;
}
.Bpink
{
background-color:#eb77a6;
}
.Bgreed
{
background-color:#7bc4a0;
}
.Bbrown
{
background-color:#71625b;
}
.Bdarkblue
{
background-color:#036b91;
}
/*底部*/
.bottom_box span{ height:30px; line-height:30px; text-align:center; color:#ffffff; vertical-align:middle;}
.content_box {margin:5px !important; border: solid 1px #e5e5e5;border-top: solid 4px #3eabe7; height:98%; background:#ffffff; position:relative; }
.content_box .title_box{ height:37px;line-height:37px; display:block;border-bottom: solid 1px #e5e5e5;}
.content_box .title_box span{ color:#000000; height:37px; line-height:37px; padding-left:12px; font-size:16px;}
.content_box .button_box{margin:9px 6px!important; height:42px;line-height:42px; display:block;}
.content_box .button_box span{ display: inline-block; color:#000000; height:42px; line-height:42px; padding-left:5px; font-size:12px;}
.content_box .button_box .editTextbox,.content_box .button_box .selectClass{ color:#000000; height:30px; line-height:30px; font-size:12px;border: solid 1px #e5e5e5; width:90px;}
.content_box .button_box .btnClass{ float:right; margin-right:5px; background:none; background-color:#21b3ec; border-width:0px;height:42px; line-height:42px; color:#ffffff;}
.content_box .button_box .btnClass:hover{ background-color:#05ddf4;}
.content_box .imglist_box,.content_box .list_box{margin:9px 6px!important; display:block;border: solid 1px #e5e5e5;
z-index:100;
overflow:auto;
top:97px;
position:absolute;
z-index:10;
bottom:0px;
left:6px; right:6px;text-align:center;}
.content_box .imglist_box ul { width:95%;margin:10px auto; }
.content_box .imglist_box ul li { float:left; width:122px; height:110px; position:relative;}
.content_box .imglist_box ul li a { float:left; width:120px; height:108px; border:solid 1px #ffffff; background:url(images/DeviceOn.png) no-repeat center 10px ;}
.content_box .imglist_box ul li a.off{background:url(images/DeviceOff.png) no-repeat center 10px ;}
.content_box .imglist_box ul li a:hover{ border-color:#21b3ec;}
.content_box .imglist_box ul li a span.name {float:left;width:75px; height:20px;line-height:20px; text-align:right; margin-top:50px;
}
.content_box .imglist_box ul li a span.error {float:right;width:40px; height:20px;line-height:20px; text-align:left;color:#05a471;margin-top:50px;
}
.content_box .imglist_box ul li a span.title {float:right;width:40px; height:15px;line-height:15px; text-align:center;color:#999999; font-size:12px;
}
.content_box .imglist_box ul li a .percent_box{float:left;width:80px; height:15px;line-height:15px;text-align:right; }
.content_box .imglist_box ul li a .percent_box .percent_all{float:right;width:66px; height:7px;line-height:7px;background:url(images/percent_bg.png) repeat-x; border: solid 1px #bcc5da; margin-top:3px;}
.content_box .imglist_box ul li a .percent_box .percent_all .percent{float:left;height:7px;line-height:7px;background:url(images/percent.png) repeat-x;}
.content_box .imglist_box ul li .rightMenu{ width:160px; height:630px; background:#f0f0f0;border: solid 1px #21b3ec; position:absolute; z-index:99; top:50px; left:100px; display:none;}
.content_box .imglist_box ul li .rightMenu a{ float:left; width:130px; height:24px; line-height:24px; padding-left:30px;background:url(images/MenuIco.png) no-repeat left 0;border:none; text-align:left;}
.content_box .imglist_box ul li .rightMenu a.ico1{ background-position:0 0;}
.content_box .imglist_box ul li .rightMenu a.ico2{ background-position: 0 -24px;}
.content_box .imglist_box ul li .rightMenu a.ico3{ background-position: 0 -48px;}
.content_box .imglist_box ul li .rightMenu a.ico4{ background-position: 0 -72px;}
.content_box .imglist_box ul li .rightMenu a.ico5{ background-position: 0 -96px;}
.content_box .imglist_box ul li .rightMenu a.ico6{ background-position: 0 -120px;}
.content_box .imglist_box ul li .rightMenu a.ico7{ background-position: 0 -144px;}
.content_box .imglist_box ul li .rightMenu a.ico8{ background-position: 0 -168px;}
.content_box .imglist_box ul li .rightMenu a.ico9{ background-position: 0 -192px;}
.content_box .imglist_box ul li .rightMenu a.ico10{ background-position: 0 -216px;}
.content_box .imglist_box ul li .rightMenu a.ico11{ background-position: 0 -240px;}
.content_box .imglist_box ul li .rightMenu a.ico12{ background-position: 0 -264px;}
.content_box .imglist_box ul li .rightMenu a.ico13{ background-position: 0 -288px;}
.content_box .imglist_box ul li .rightMenu a.ico14{ background-position: 0 -312px;}
.content_box .imglist_box ul li .rightMenu a.ico15{ background-position: 0 -336px;}
.content_box .imglist_box ul li .rightMenu a.ico16{ background-position: 0 -360px;}
.content_box .imglist_box ul li .rightMenu a.ico17{ background-position: 0 -384px;}
.content_box .imglist_box ul li .rightMenu a.ico18{ background-position: 0 -408px;}
.content_box .imglist_box ul li .rightMenu a.ico19{ background-position: 0 -432px;}
.content_box .imglist_box ul li .rightMenu a.ico20{ background-position: 0 -456px;}
.content_box .imglist_box ul li .rightMenu a.ico21{ background-position: 0 -480px;}
.content_box .imglist_box ul li .rightMenu a.ico22{ background-position: 0 -504px;}
.content_box .imglist_box ul li .rightMenu a.ico23{ background-position: 0 -528px;}
.content_box .imglist_box ul li .rightMenu a.ico24{ background-position: 0 -552px;}
.content_box .imglist_box ul li .rightMenu a.ico25{ background-position: 0 -576px;}
.content_box .imglist_box ul li .rightMenu a.ico26{ background-position: 0 -600px;}
.fenye{ position:absolute;bottom:0;left:0; width:100%; height:30px; line-height:20px;text-align:right; vertical-align:middle; font-size:12px; }
.fenye p{ padding:0 10px;color:#656565;}
.fenye .btnClass{ width:35px; height:18px; line-height:18px; background:none; background-color:#21b3ec; border-width:0px;color:#ffffff; font-size:12px;}
.fenye .editTextbox{ color:#656565; width:20px; height:16px; line-height:16px; font-size:12px;border: solid 1px #d5d5d5; }
.fenye p a{color:#656565;width:20px; height:16px; line-height:16px; font-size:12px;border: solid 1px #d5d5d5; display:inline-block; text-align:center; margin:0 5px; cursor:pointer;}
.fenye p a:hover,.fenye p a.on{color:#ffffff;width:22px; height:18px; line-height:18px; font-size:12px;border:none; background-color:#21b3ec; }