@CHARSET "UTF-8"; body{-webkit-text-size-adjust:none;background-color: #F2F2F2;} 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/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开始========================================================================================================*/ .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%);} .index_box{width:100%;height:100%;position:relative;} /*show:第一屏*/ #canvas{position:absolute;z-index:-1;width:100%;height:100%;} .index_box .index_bg{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;background:url(images/index_bg.png) 0 0 no-repeat;background-size:100%;opacity:0.7;filter:alpha(opacity=70);} /* .show_left{position:absolute;z-index:1000;left:10px;top:-10px;} .show_left > img{border:none;} */ .show_right{position:absolute;z-index:1000;right:10px;top:20px;} .show_right > ul{list-style:none;} .show_right > ul > li{float:left;margin-right:10px;cursor:pointer;} .index_box .index_content{position:absolute;z-index:11;width:100%;top:5%;} .index_content .show_header .title{background:url(images/index_title.png) center center no-repeat;width:100%;height:130px;margin:0 auto;font-family:"carme";color:#FFF;} .index_content .show_header{width:100%;margin:0 auto;text-align:center;} .index_content .show_main{width:100%;margin:30px auto 0;text-align:center;} .index_content .show_main .nav{width:100%;margin:0 auto;} .index_content .show_main .nav > div{width:210px;height:210px;border-radius:105px;cursor:pointer;} .index_content .show_main .nav > div:hover{box-shadow:#fff 0px 0px 20px 5px;} .index_content .show_main .nav > div > img{border:none;width:60px;height:60px;margin-top:60px;} .index_content .show_main .nav > div > p{display:block; margin:10px auto 0;width:100px;font-family:微软雅黑;font-size:20px;color:#fff;font-style:normal;} .index_content .show_main .nav .vertical{margin:0 auto 50px;} .index_content .show_main .nav .line1{position:absolute;top:275px;left:500px;} .index_content .show_main .nav .line2{position:absolute;top:275px;right:500px;} .index_content .show_main .conts{width:100%;margin:10px auto 0;position:absolute;z-index:13;} .index_content .show_main .conts > ul{list-style:none;display:none;} .index_content .show_main .conts > ul > li{display:inline-block;width:216px;height:216px;margin:0;cursor:pointer;position:relative;background:url(images/index_icon.png) center top no-repeat;} .index_content .show_main .conts > ul > li:hover{background:url(images/index_icon_select.png) center top no-repeat;} .index_content .show_main .conts > ul > li > p{color:#fff;font-family:微软雅黑;font-size:20px;color:#fff;margin:60px auto 0;} .ic_n{background:url(images/index_menu.png) center center no-repeat;} .ic_y{background:url(images/index_menu_y.png) center center no-repeat;} .show_footer{width:100%;margin:0 auto;text-align:center;position:absolute;bottom:1%;} .show_footer > p{font-size:14px;font-family:微软雅黑;color:#ffffff;-webkit-text-stroke:0.1px #fff;} #show_own{width:35px;height:35px;background:url(./images/index_user.png) no-repeat;background-size:100%;border-radius:35px;} #show_own:hover{background:url(./images/index_user.png) no-repeat;background-size:100%;} #show_admin{width:35px;height:35px;background:url(./images/index_admin.png) #e3e3e3 left center no-repeat;background-size:100%;border-radius:35px;} #show_admin:hover{background:url(./images/index_admin.png) #ffffff left center no-repeat;background-size:100%;} #show_pwd{width:35px;height:35px;background:url(./images/index_pwd.png) no-repeat;background-size:100%;border-radius:35px;} #show_pwd:hover{background:url(./images/index_pwd.png) no-repeat;background-size:100%;} #show_out{width:35px;height:35px;background:url(./images/index_out.png) no-repeat;background-size:100%;border-radius:35px;} #show_out:hover{background:url(./images/index_out.png) no-repeat;background-size:100%;} @media (max-width:1920px) and (max-height:1200px){ .show_right{position:absolute;z-index:1000;right:10px;top:20px;} .show_right > ul{list-style:none;} .show_right > ul > li{float:left;margin-right:10px;cursor:pointer;} .index_box .index_content{position:absolute;z-index:11;width:100%;top:5%;} .index_content .show_header .title{background:url(images/index_title.png) center center no-repeat;width:100%;height:130px;margin:0 auto;font-family:"carme";color:#FFF;} .index_content .show_header{width:100%;margin:0 auto;text-align:center;} .index_content .show_main{width:100%;margin:30px auto 0;text-align:center;} .index_content .show_main .nav{width:100%;margin:0 auto;} .index_content .show_main .nav > div{width:210px;height:210px;border-radius:105px;cursor:pointer;} .index_content .show_main .nav > div:hover{box-shadow:#fff 0px 0px 20px 5px;} .index_content .show_main .nav > div > img{border:none;width:60px;height:60px;margin-top:60px;} .index_content .show_main .nav > div > p{display:block; margin:10px auto 0;width:100px;font-family:微软雅黑;font-size:20px;color:#fff;font-style:normal;} .index_content .show_main .nav .vertical{margin:0 auto 50px;} .index_content .show_main .nav .line1{position:absolute;top:275px;left:500px;} .index_content .show_main .nav .line2{position:absolute;top:275px;right:500px;} .index_content .show_main .conts{width:100%;margin:10px auto 0;position:absolute;z-index:13;} .index_content .show_main .conts > ul{list-style:none;display:none;} .index_content .show_main .conts > ul > li{display:inline-block;width:184px;height:216px;margin:0 10px;cursor:pointer;position:relative;background:url(images/index_icon.png) center top no-repeat;} .index_content .show_main .conts > ul > li:hover{background:url(images/index_icon_select.png) center top no-repeat;} .index_content .show_main .conts > ul > li > p{color:#fff;font-family:微软雅黑;font-size:20px;color:#fff;margin:60px auto 0;} .ic_n{background:url(images/index_menu.png) center center no-repeat;} .ic_y{background:url(images/index_menu_y.png) center center no-repeat;} } @media (max-width:1440px) and (max-height:1100px){ .show_right{position:absolute;z-index:1000;right:10px;top:20px;} .show_right > ul{list-style:none;} .show_right > ul > li{float:left;margin-right:10px;cursor:pointer;} .index_box .index_content{position:absolute;z-index:11;width:100%;top:3%;} .index_content .show_header .title{background:url(images/index_title.png) center center no-repeat;width:100%;height:100px;margin:0 auto;font-family:"carme";color:#FFF;} .index_content .show_header{width:100%;margin:0 auto;text-align:center;} .index_content .show_main{width:100%;margin:10px auto 0;text-align:center;} .index_content .show_main .nav{width:100%;margin:0 auto;} .index_content .show_main .nav > div{width:160px;height:160px;border-radius:105px;cursor:pointer;} .index_content .show_main .nav > div:hover{box-shadow:#fff 0px 0px 20px 5px;} .index_content .show_main .nav > div > img{border:none;width:60px;height:60px;margin-top:35px;} .index_content .show_main .nav > div > p{display:block; margin:10px auto 0;width:100px;font-family:微软雅黑;font-size:16px;color:#fff;font-style:normal;} .index_content .show_main .nav .vertical{margin:0 auto 50px;} .index_content .show_main .nav .line1{position:absolute;top:215px;left:400px;} .index_content .show_main .nav .line2{position:absolute;top:215px;right:400px;} .index_content .show_main .conts{width:100%;margin:0 auto 0;position:absolute;z-index:13;} .index_content .show_main .conts > ul{list-style:none;display:none;} .index_content .show_main .conts > ul > li{display:inline-block;width:160px;height:188px;margin:0 10px;cursor:pointer;position:relative;background:url(images/index_icon.png) center top no-repeat;background-size:100%;} .index_content .show_main .conts > ul > li:hover{width:160px;height:188px;background:url(images/index_icon_select.png) center top no-repeat;background-size:100%;} .index_content .show_main .conts > ul > li > p{color:#fff;font-family:微软雅黑;font-size:16px;color:#fff;margin:55px auto 0;} .ic_n{background:url(images/index_menu.png) center center no-repeat;background-size:100%;} .ic_y{background:url(images/index_menu_y.png) center center no-repeat;background-size:100%;} } @media (max-width:1366px) and (max-height:800px){ .show_right{position:absolute;z-index:1000;right:10px;top:20px;} .show_right > ul{list-style:none;} .show_right > ul > li{float:left;margin-right:10px;cursor:pointer;} .index_box .index_content{position:absolute;z-index:11;width:100%;top:3%;} .index_content .show_header .title{background:url(images/index_title.png) center center no-repeat;width:100%;height:100px;margin:0 auto;font-family:"carme";color:#FFF;} .index_content .show_header{width:100%;margin:0 auto;text-align:center;} .index_content .show_main{width:100%;margin:10px auto 0;text-align:center;} .index_content .show_main .nav{width:100%;margin:0 auto;} .index_content .show_main .nav > div{width:130px;height:130px;border-radius:65px;cursor:pointer;} .index_content .show_main .nav > div:hover{box-shadow:#fff 0px 0px 20px 5px;} .index_content .show_main .nav > div > img{border:none;width:40px;height:40px;margin-top:35px;} .index_content .show_main .nav > div > p{display:block; margin:3px auto 0;width:80px;font-family:微软雅黑;font-size:14px;color:#fff;font-style:normal;} .index_content .show_main .nav .vertical{margin:0 auto 50px;} .index_content .show_main .nav .line1{position:absolute;top:195px;left:400px;} .index_content .show_main .nav .line2{position:absolute;top:195px;right:400px;} .index_content .show_main .conts{width:100%;margin:0 auto 0;position:absolute;z-index:13;} .index_content .show_main .conts > ul{list-style:none;display:none;} .index_content .show_main .conts > ul > li{display:inline-block;width:130px;height:153px;margin:0 10px;cursor:pointer;position:relative;background:url(images/index_icon.png) center top no-repeat;background-size:100%;} .index_content .show_main .conts > ul > li:hover{width:130px;height:153px;background:url(images/index_icon_select.png) center top no-repeat;background-size:100%;} .index_content .show_main .conts > ul > li > p{color:#fff;font-family:微软雅黑;font-size:14px;color:#fff;margin:45px auto 0;} .ic_n{background:url(images/index_menu.png) center center no-repeat;background-size:100%;} .ic_y{background:url(images/index_menu_y.png) center center no-repeat;background-size:100%;} } /* #209301 绿 #BE1E4A 雪青 #DB5532 橘色 #5F3BB9 紫色 #009BAD 淡绿 #4D7ED5 什么蓝 #2D8BEF 天蓝 */ /*work:第二屏*/ /*头部*/ .work_header{ width:100%; margin:-15px 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:2.3vw; line-height:50px; /* margin-left:40px; */ } /* .work_header_left{position:absolute;left:10px;top:0;} .work_header_left > img{border:none;width:50%;height:50%;} */ .work_header_right{ position:absolute; right:10px; top:6px; } .work_header_right > ul{ list-style:none; } .work_header_right > ul > li{ float:left; margin-right:10px; cursor:pointer; } #section_show_return{ width:35px; height:35px; background:url(./images/index_back.png) no-repeat; background-size:100%; border-radius:35px; } #section_show_return:hover{ background:url(./images/index_back.png) no-repeat; background-size:100%; } #work_own{ width:35px; height:35px; background:url(./images/index_user.png) no-repeat; background-size:100%; border-radius:35px; } #work_own:hover{ background:url(./images/index_user.png) no-repeat; background-size:100%; } #work_pwd{ width:35px; height:35px; background:url(./images/index_pwd.png) no-repeat; background-size:100%; border-radius:35px; } #work_pwd:hover{ background:url(./images/index_pwd.png) no-repeat; background-size:100%; } #work_out{ width:35px; height:35px; background:url(./images/index_out.png) no-repeat; background-size:100%; border-radius:35px; } #work_out:hover{ background:url(./images/index_out.png) no-repeat; background-size:100%; } /* .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:-5.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: #3079EA;color:#fff;} .layui-tab-title .layui-this:after{border:none;} .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结束=====================================================================================================================*/ .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; background-repeat:no-repeat font-weight:bold; font-family:微软雅黑; }