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

2 months ago
@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; }