@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; }