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

857 lines
18 KiB

@CHARSET "UTF-8";
body{-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,tr,td,iframe,span,div{margin:0; padding:0;}
html{background:url(images_0/index/index_bg.png) no-repeat;background-size:100% 100%;width:100%;height:100%;}
body{width:100%; height:100%;/**/overflow:hidden;}
ol,ul{list-style:none;}
/*去掉H5中number的箭头*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0;}
input[type="number"]{-moz-appearance:textfield;}
/*超链接去掉下划线*/
a{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
/*几个重要配置========================================================================================================*/
/*layui-tab重构加入一个属性MMP*/
.layui-tab{margin:0;}
/*解决分页table的height高于浏览器窗口的时候下面出现的左右滚动条*/
body{overflow-y:scroll;}/*解决分页table的height高于浏览器窗口的时候下面出现的左右滚动条*/
/*解决分页table的height高于浏览器窗口的时候下面出现的左右滚动条*/
/*===================================================================================================================*/
/*index.css开始========================================================================================================*/
.index_box{
width:100%;
height:100%;
/*background:#191C21;
background:url(images/index_bg.png) no-repeat;*/
overflow:auto;
overflow-y:hidden;
}
.section_wrap{width:100%;height:100%;overflow:visible;transition:transform 0.4s cubic-bezier(0,0,0,1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0,0,0,1);}
.section_wrap .section{position:relative;width:100%;height:100%;}
.section_wrap .section_show{z-index:999;}
.section_wrap .section_work{z-index:999;}
.put_section_show{transform:translateY(0);-webkit-transform:translateY(0);}
.put_section_work{transform:translateY(-100%);-webkit-transform:translateY(-100%);}
/*show:第一屏*/
.show_header{
width:100%;
margin:0 auto;
/*
width:100%;
height:70px;
background:#393D49 !important;
*/
}
.show_header_left{
position:absolute;
left:30px;
}
.show_header_left > a{
float:left;
margin-right:20px;
}
#show_admin{
display:block;
width:40px;
height:40px;
background:url(./images/index_admin.png) #e3e3e3 left center no-repeat;
background-size:100%;
border-radius:40px;
}
#show_admin:hover{
background:url(./images/index_admin.png) #ffffff left center no-repeat;
background-size:100%;
border-radius:40px;
}
#show_pwd{
display:block;
width:40px;
height:40px;
background:url(./images/index_pwd.png) #e3e3e3 left center no-repeat;
background-size:100%;
border-radius:40px;
}
#show_pwd:hover{
background:url(./images/index_pwd.png) #ffffff left center no-repeat;
background-size:100%;
border-radius:40px;
}
#show_out{
display:block;
width:40px;
height:40px;
background:url(./images/index_out.png) #e3e3e3 left center no-repeat;
background-size:100%;
border-radius:40px;
}
#show_out:hover{
background:url(./images/index_out.png) #ffffff left center no-repeat;
background-size:100%;
border-radius:40px;
}
.show_header_right{
position:absolute;
right:50px;
font-size:18px;
}
.show_header_right > a{
display:inline-block;
height:50px;
line-height:50px;
color:#e3e3e3;
}
.show_header_right > a:hover{
color:#fff;
}
.show_header_right > a > i{
font-size:24px;
margin-right:5px;
}
.show_header .logo{
height:50px;
width:100%;
margin-top:1.5%;
margin-bottom:1%;
}
.show_header .logo_title{
color:#ffffff;
font-family:;
text-align:center;
font-size:2vw;
line-height:50px;
/*
margin-left:40px;
*/
}
.show_header_bottom{
width:100%;
height:42px;
margin-top:3%;
margin-bottom:1%;
background:url(./images/index_line.png) no-repeat center;
text-align:center;
}
.show_header_bottom > h3{
font-size:1.6vw;
line-height:42px;
color:#fff;
}
.show_main{
width:90%;
margin:0 auto 0 auto;
}
.show_main > ul > li{
display:block;
float:left;
width:30.5%;
margin-top:2%;
margin:0 1.3%;
overflow:hidden;
padding-bottom:20px;
}
.show_main > ul > li > h1{
height:60px;
line-height:60px;
font-weight:normal;
color:#b1d8fe;
letter-spacing:1px;
font-size:1.5vw;
text-align:center;
margin-bottom:20px;
}
#ic1{display:block;width:30%;margin:0 auto;}
#ic2{display:block;width:30%;margin:0 auto;}
#ic3{display:block;width:30%;margin:0 auto;}
.show_main_img{
margin-top:-1%;
}
.show_main_content{
height:260px;
letter-spacing:3px;
padding-top:20px;
}
.show_main_content_ul{
list-style:none;
padding:0;
margin:0;
}
.show_main_content_li{
font-size:1.0vw;
color:#fff;
text-align:left;
height:80px;
width:44%;
border-radius:6px;
background:#00348f;
float:left;
margin-top:10px;
margin-left:10px;
line-height:80px;
padding-right:10px;
cursor:pointer;
}
.show_main_content_li:hover{
box-shadow:darkgrey 0px 0px 20px 5px;
}
.show_main_content_li > img{
display:inline-block;
width:35px;
height:35px;
margin:22px 15px 22px 22px;
}
.show_footer{width:100%;margin:0 auto;text-align:center;position:absolute;bottom:5%;}
.show_footer > p{font-size:14px;font-family:;color:#ffffff;-webkit-text-stroke:0.2px #ffffff;/*描边的像素,也就是粗细,这里指定是2像素的黑色边框*/}
@media (max-width:1440px) and (max-height:900px){
.show_header .logo{height:50px;width:100%;margin-top:0.5%;margin-bottom:1%;}
.show_header_bottom{margin-top:3%;margin-bottom:0%;}
.show_main ul li {margin-top:1.5%;}
.show_main_content .show_main_content_ul .show_main_content_li{height:60px;line-height:60px;}
.show_main_content .show_main_content_ul .show_main_content_li > img{width:30px;height:30px;margin:10px;margin-top:10px}
#ic1{display:block;width:30%;margin:0 auto;}
#ic2{display:block;width:30%;margin:0 auto;}
#ic3{display:block;width:30%;margin:0 auto;}
}
@media (max-width:1366px) and (max-height:768px) {
.show_header .logo{height:50px;width:100%;margin-top:0.5%;margin-bottom:1%;}
.show_header_bottom{margin-top:0%;margin-bottom:0%;}
.show_main ul li {margin-top:-1.5%;}
.show_main_content .show_main_content_ul .show_main_content_li{height:55px;line-height:55px;}
.show_main_content .show_main_content_ul .show_main_content_li > img{width:25px;height:25px;margin:10px;margin-top:10px}
#ic1{display:block;width:20%;margin:0 auto;}
#ic2{display:block;width:20%;margin:0 auto;}
#ic3{display:block;width:20%;margin:0 auto;}
}
/*
.show_main{
width:1900px;
margin:0 auto;
font-family:微软雅黑;
margin-top:80px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
.show_main > div > p{
color:#ffffff;
font-family:黑体;
font-size:32px;
margin-bottom:20px;
text-indent:2px;
}
.show_main .layout_box > ul{
list-style:none;
margin:0;
padding:0;
}
.show_main .layout_1{
float:left;
margin-left:80px;
width:680px;
}
.show_main .layout_1 .layout_box1 li{
float:left;
width:300px;
height:160px;
margin:0 15px 15px 0;
}
.show_main .layout_2{
float:left;
margin-left:20px;
width:500px;
}
.show_main .layout_2 .layout_box2 li{
float:left;
width:150px;
height:160px;
margin:0 15px 15px 0;
}
.show_main .layout_3{
float:left;
margin-left:60px;
width:500px;
}
.show_main .layout_3 .layout_box3 li{
float:left;
width:150px;
height:160px;
margin:0 15px 15px 0;
}
*/
/*通用两种样式*/
/*
.layout_li{
cursor:pointer;
padding:15px;
box-sizing:border-box;
border-radius:6px;
}
.layout_li:hover{
box-shadow:darkgrey 0px 0px 30px 6px;
}
.layout_li > dl > dt{
color:#ffffff;
font-size:18px;
font-family:微软雅黑;
}
.layout_li > dl > dd{
color:#ffffff;
font-family:微软雅黑;
padding:10px 10px 10px 0;
}
.layout_li2{
cursor:pointer;
padding:15px;
box-sizing:border-box;
border-radius:6px;
}
.layout_li2:hover{
box-shadow:darkgrey 0px 0px 30px 5px;
}
.layout_li2 > dl > dt{
height:85px;
}
.layout_li2 > dl > dd{
color:#ffffff;
font-size:16px;
font-family:微软雅黑;
text-align:center;
padding:6px;
}
*/
/*单个div控制*/
/*左边半拉*/
/*
.layout_1_1{
background:#BE1E4A;
}
.layout_1_2{
background:#209301;
}
.layout_1_3{
background:#DB5532;
}
.layout_1_4{
background:#DB5532;
}
.layout_1_5{
background:#5F3BB9;
}
.layout_1_6{
background:#009BAD;
}
*/
/*中间半拉*/
/*
.layout_2_1{
background:#BE1E4A;
}
.layout_2_1 > dl > dt{
background:url(images/index_bar.png) center center no-repeat;
background-size:66%;
}
.layout_2_2{
background:#209301;
}
.layout_2_3{
background:#DB5532;
}
.layout_2_4{
background:#5F3BB9;
}
.layout_2_5{
background:#5F3BB9;
}
.layout_2_6{
background:#009BAD;
}
.layout_2_7{
background:#009BAD;
}
.layout_2_8{
background:#009BAD;
}
*/
/*右边半拉*/
/*
.layout_3_1{
background:#BE1E4A;
}
.layout_3_1 > dl > dt{
background:url(images/index_alarm.png) center center no-repeat;
background-size:66%;
}
.layout_3_2{
background:#209301;
}
.layout_3_2 > dl > dt{
background:url(images/index_elec.png) center center no-repeat;
background-size:66%;
}
.layout_3_3{
background:#DB5532;
}
.layout_3_3 > dl > dt{
background:url(images/index_water.png) center center no-repeat;
background-size:66%;
}
.layout_3_4{
background:#5F3BB9;
}
.layout_3_4 > dl > dt{
background:url(images/index_smoke.png) center center no-repeat;
background-size:66%;
}
.layout_3_5{
background:#5F3BB9;
}
.layout_3_5 > dl > dt{
background:url(images/index_fire.png) center center no-repeat;
background-size:66%;
}
.layout_3_6{
background:#009BAD;
}
.layout_3_7{
background:#009BAD;
}
.layout_3_8{
background:#009BAD;
}
*/
/*
#209301 绿
#BE1E4A 雪青
#DB5532 橘色
#5F3BB9 紫色
#009BAD 淡绿
#4D7ED5 什么蓝
#2D8BEF 天蓝
*/
/*work:第二屏*/
/*头部*/
.work_header{
width:100%;
margin:-29px auto 0;
/*
width:100%;
height:70px;
background:#393D49 !important;
*/
}
.work_header .logo{
height:50px;
width:100%;
margin-top:1.5%;
margin-bottom:1%;
}
.work_header .logo_title{
color:#ffffff;
font-family:;
text-align:center;
font-size:2vw;
line-height:50px;
/*
margin-left:40px;
*/
}
.work_header_left{
position:absolute;
left:30px;
}
.work_header_left > a{
float:left;
margin-right:20px;
}
#section_show_return{
display:block;
width:40px;
height:40px;
background:url(./images/index_back.png) #e3e3e3 left center no-repeat;
background-size:100%;
border-radius:40px;
}
#section_show_return:hover{
background:url(./images/index_back.png) #ffffff left center no-repeat;
background-size:100%;
border-radius:40px;
}
#work_pwd{
display:block;
width:40px;
height:40px;
background:url(./images/index_pwd.png) #e3e3e3 left center no-repeat;
background-size:100%;
border-radius:40px;
}
#work_pwd:hover{
background:url(./images/index_pwd.png) #ffffff left center no-repeat;
background-size:100%;
border-radius:40px;
}
#work_out{
display:block;
width:40px;
height:40px;
background:url(./images/index_out.png) #e3e3e3 left center no-repeat;
background-size:100%;
border-radius:40px;
}
#work_out:hover{
background:url(./images/index_out.png) #ffffff left center no-repeat;
background-size:100%;
border-radius:40px;
}
.work_header_right{
position:absolute;
right:50px;
font-size:18px;
}
.work_header_right > a{
display:inline-block;
height:50px;
line-height:50px;
color:#e3e3e3;
}
.work_header_right > a:hover{
color:#fff;
}
.work_header_right > a > i{
font-size:24px;
margin-right:5px;
}
.work_main{
height:100px;
}
.layui-layout-admin .layui-body{top:65px;bottom:0;}
.layui-body{left:0;overflow:hidden;/*border-top:2px solid #2F4056;border-left:2px solid #2F4056;border-right:2px solid #2F4056;*/margin-top:-4.5px;}
.layui-tab-content{height:100%;padding:0;}
.layui-tab-item{position:absolute;top:-15px;bottom:0;left:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch;overflow:auto;}
.layui-tab-title{border-bottom:0;}
.layui-tab-title .layui-this{background-color:#fff;color:#000;}
.layui-tab-title .layui-this:after{border:none;}
.layui-tab-title li{background-color:#2F4056;color:#fff;border:1px solid #eeeeee;}
.layui-tab-title li cite{font-style:normal;padding-left:5px;}
.layui-tab-content iframe{width:100%;height:100%;border:none;min-width:320px;position:absolute;}
.layui-nav-tree .layui-nav-item a{height:50px;line-height:48px;}
.layui-layer-dialog{width:auto !important;}/*强制layer.confirm自适应width*/
.layui-inline{margin-right:5px !important;}
/*.tab-right{padding-right:120px;}*/
/*index.css结束=====================================================================================================================*/
/*
.tbar1{
padding-left:4px !important;
padding-bottom:3px !important;
background:#F2F2F2 !important;
line-height:28px !important;
border-bottom:1px solid #CDCDCD !important;
}
.tbar2{
padding-left:4px !important;
padding-bottom:3px !important;
background:#F2F2F2 !important;
line-height:28px !important;
border-bottom:1px solid #CDCDCD !important;
display:none;
}
.link_btn1{
padding:2px 4px !important;
}
.link_btn2{
height:26px;
padding:0 4px !important;
}
.link_span1{
display:inline-block;
padding:1px 3px !important;
}
.form_div1{
font-size:14px;
padding-left:1px;
margin-bottom:4px;
}
.form_div2{
font-size:14px;
padding-left:10px;
margin-bottom:4px;
}
*/
.page_content{
height:100%;
margin-left:202px;
overflow-y:scroll;
}
.page_content > div{
height:100%;
background-color:#fff;
}
.page_content_noside{
height:100%;
overflow-y:scroll;
}
.page_content_noside > div{
height:100%;
background-color:#fff;
}
/*选线卡的颜色控制和样式控制*/
.page_div .layui-tab-brief > .layui-tab-title .layui-this{
color:#000;
}
.page_div .layui-tab-brief > .layui-tab-more li.layui-this:after, .page_div .layui-tab-brief > .layui-tab-title .layui-this:after{
border:none;
}
/*分页背景*/
.page_div .layui-table-page{
background:#ffffff;
}
/*无数据背景*/
.page_div .layui-none{
background:#ffffff;
}
/*表格背景*/
.page_div .layui-table-body{
background:#ffffff;
}
/*表单背景*/
.page_div .layui-form{
background:#ffffff;
}
/*表格居顶*/
.page_div .layui-table-view{
margin-top:0;
}
/*选项卡内容*/
.page_div .layui-tab-content .layui-tab-item{
top:45px;
padding:0;
}
/*选项卡内容区域*/
.page_div .layui-tab-item{
width:calc(100% - 18px);
height:100%;
background:#ffffff;
/*
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
*/
}
/*页面控制*/
.page_div{
height:99.6%;
margin:2px 0 1px;
}
.page_blockquote{
color:#000000;
background:#e2e2e2;
border:none;
padding:14px 0 13px 15px !important;
border-bottom:1px solid #c2c2c2;
margin-bottom:0;
}
.page_tools{
background:#e2e2e2;
padding:6px;
margin:0;
}
.page_tools_nm{
border-left:5px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
padding:6px 6px 5px 15px;
margin:0;
}
.page_tools span{
font-size:14px;
color:#000;
}
.page_tools button{
padding:0 16px;
}
.page_win{
margin:0;
padding:0;
}
.page_win form{
margin:30px 30px 30px -50px;
}
.page_win_hide{
display:none;
}
.page_btn{
padding-left:80px;
}
/*树*/
.page_tree{
padding:10px 0 50px 0;
}
/*右键菜单*/
.page_menu_hide{
display:none;
}
.page_menu{
background-color:#fff;
border:1px solid #c0c0c0;
position:absolute;
z-index:999;
}
.page_menu > ul{
list-style:none;
margin:0;
padding:0;
}
.page_menu > ul > li{
font-size:14px;
font-family:;
}
.page_menu > ul > li > a{
display:block;
padding:6px 10px 6px 6px;
text-align:left;
}
.page_menu > ul > li > a:hover{
background-color:#f2f2f2;
}
/*下发单位选择样式*/
.page_receive{
float:left;
display:inline-block;
border:1px solid #c2c2c2;
padding:5px 6px;
background-color:#e2e2e2;
margin:2px;
font-size:14px;
cursor:pointer;
}
.page_receive:hover{
background-color:#c2c2c2;
}
.page_receive > p{
float:left;
}
/*
.page_receive > i{
float:left;
width:16px;
height:16px;
background:url("./images/index_close.png") no-repeat;
margin-left:4px;
margin-top:1.5px;
cursor:pointer;
}
*/
.page_receive_add{
float:left;
display:inline-block;
border:1px solid #c2c2c2;
padding:5px 6px;
background-color:#e2e2e2;
margin:2px;
font-size:14px;
cursor:pointer;
}
.page_receive_add:hover{
background-color:#c2c2c2;
}
.page_receive_add > p{
float:left;
}
/*
.page_receive_region > i{
float:left;
width:16px;
height:16px;
background:url("./images/index_close.png") no-repeat;
margin-left:4px;
margin-top:1.5px;
cursor:pointer;
}
*/
/*检查痕迹中的样式*/
.work_plan_ptl{
width:100%;
height:calc(100% - 0);
font-size:16px;
font-family:;
background-color:#fff;
margin-bottom:30px;
color:#fff;
}
.work_plan_ptl > p{
height:46px;
line-height:46px;
padding-left:20px;
background-color:#393D49;
color:#fff;
clear:both;
}
.work_plan_ptl > ul{
list-style:none;
}
.work_plan_ptl > ul > li{
float:left;
width:135px;
height:200px;
background:url(./images/plan_red.png) center center no-repeat;
background-size:95%;
margin:0 15px 15px;
}
.work_plan_ptl .work_plan_ptl_div{
margin:0 auto;
width:99%;
height:200px;
white-space:normal;
word-break:break-all;
word-wrap:break-word;
text-align:center;
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-pack:center;
-webkit-box-align:center;
cursor:pointer;
}
.work_plan_ptl .work_plan_ptl_h3{
position:relative;
bottom:15px;
width:90%;
height:30px;
font-size:14px;
text-align:center;
overflow:hidden;/*超出部分隐藏*/
white-space:nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
color:#000;
}
.work_plan_ptl .work_plan_ptl_red{
background:url(./images/plan_red.png) center center no-repeat;
background-size:95%;
}
.work_plan_ptl .work_plan_ptl_yellow{
background:url(./images/plan_yellow.png) center center no-repeat;
background-size:95%;
}
.work_plan_ptl .work_plan_ptl_green{
background:url(./images/plan_green.png) center center no-repeat;
background-size:95%;
}
.anchorBL{display:none;}
.aaa{
height:30px !important;
border-style:hidden;clear:both;
display: inline-block;
position: relative;
position: fixed;
position: absolute;
border:1px red solid;
cursor:pointer;
font-weight:bold;
font-family:;
line-height:normal;
}