@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/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:1333px;top:5%;left:50%;margin-left:-666px;} .index_content .show_header .title{width:698px;margin:0 auto;font-size:4.5em;height:130px;line-height:120px;font-family:"carme";color:#FFF;} .index_content .show_main .nav{width:90%;margin:0 auto;} .index_content .show_main .nav > ul{list-style:none;} .index_content .show_main .nav > ul > li{display:block;float:left;margin:0 0 0 25px;overflow:hidden;font-weight:normal;color:#54a0fd;text-indent:10px;font-size:1.5vw;cursor:pointer;width:275px;height:65px;line-height:70px;} .index_content .show_main .conts{width:90%;margin:0 auto;text-align:center;padding-top:100px;} .index_content .show_main .conts > div > ul{list-style:none;} .index_content .show_main .conts > div > ul > li > img{border:none;width:64px;height:64px;display:block;margin:55px auto 0;} .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;} .ic1_n{background:url(images/index_icon1.png) 15px center no-repeat;} .ic2_n{background:url(images/index_icon2.png) 15px center no-repeat;} .ic3_n{background:url(images/index_icon3.png) 15px center no-repeat;} .ic1_y{background:url(images/index_icon1_y.png) 15px center no-repeat,url(images/index_icon_y.png) left center no-repeat;color:#fff !important;} .ic2_y{background:url(images/index_icon2_y.png) 15px center no-repeat,url(images/index_icon_y.png) left center no-repeat;color:#fff !important;} .ic3_y{background:url(images/index_icon3_y.png) 15px center no-repeat,url(images/index_icon_y.png) left center no-repeat;color:#fff !important;} #show_own{width:35px;height:35px;background:url(./images/index_user.png) #e3e3e3 left center no-repeat;background-size:100%;border-radius:35px;} #show_own:hover{background:url(./images/index_user.png) #ffffff left center 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) #e3e3e3 left center no-repeat;background-size:100%;border-radius:35px;} #show_pwd:hover{background:url(./images/index_pwd.png) #ffffff left center no-repeat;background-size:100%;} #show_out{width:35px;height:35px;background:url(./images/index_out.png) #e3e3e3 left center no-repeat;background-size:100%;border-radius:35px;} #show_out:hover{background:url(./images/index_out.png) #ffffff left center no-repeat;background-size:100%;} #ic1_cont_div{display:none;} #ic2_cont_div{display:none;} #ic3_cont_div{display:none;} @media (max-width:1920px) and (max-height:1200px){ .index_content .show_header{width:100%;margin:0 auto;text-align:center;} .index_content .show_main{width:1000px;margin:20px auto 0;text-align:center;} .index_content .show_main .conts > div > ul > li{display:block;float:left;width:180px;height:230px;background:url(images/index_li.png) top center no-repeat;margin:0 20px 20px 20px;cursor:pointer;} .index_content .show_main .conts > div > ul > li > p{margin-top:70px;width:180px;height:50px;line-height:50px;color:#fff;font-size:20px;letter-spacing:4px;} } @media (max-width:1440px) and (max-height:1100px){ .index_content .show_header .title{width:698px;margin:0 auto;font-size:4em;height:110px;line-height:100px;font-family:"carme";color:#FFF;} .index_content .show_main{width:1000px;margin:15px auto 0;text-align:center;} .index_content .show_main .conts > div > ul > li{display:block;float:left;width:180px;height:230px;background:url(images/index_li.png) top center no-repeat;margin:0 20px 10px 20px;cursor:pointer;} .index_content .show_main .conts > div > ul > li > p{margin-top:70px;width:180px;height:30px;line-height:30px;color:#fff;font-size:18px;letter-spacing:4px;background-size:100% 96%;} } @media (max-width:1366px) and (max-height:800px){ .index_content .show_header .title{width:698px;margin:0 auto;font-size:3em;height:90px;line-height:80px;font-family:"carme";color:#FFF;} .index_content .show_main{width:800px;margin:5px auto 0;text-align:center;} .index_content .show_main .nav{width:100%;margin:0 auto;} .index_content .show_main .nav > ul{list-style:none;} .index_content .show_main .nav > ul > li{display:block;float:left;margin:0 0 0 15px;overflow:hidden;font-weight:normal;color:#54a0fd;font-size:1.5vw;cursor:pointer;width:250px;height:65px;line-height:70px;} .index_content .show_main .conts > div > ul > li{display:block;float:left;width:160px;height:185px;background:url(images/index_li.png) top center no-repeat;background-size:90%;margin:0 10px 5px 10px;cursor:pointer;} .index_content .show_main .conts > div > ul > li > img{border:none;width:55px;height:55px;display:block;margin:40px auto 0;} .index_content .show_main .conts > div > ul > li > p{margin-top:60px;width:160px;height:25px;line-height:25px;color:#fff;font-size:14px;letter-spacing:4px;background-size:100% 96%;} } /* #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) #e3e3e3 left center no-repeat; background-size:100%; border-radius:35px; } #section_show_return:hover{ background:url(./images/index_back.png) #ffffff left center no-repeat; background-size:100%; } #work_own{ width:35px; height:35px; background:url(./images/index_user.png) #e3e3e3 left center no-repeat; background-size:100%; border-radius:35px; } #work_own:hover{ background:url(./images/index_user.png) #ffffff left center no-repeat; background-size:100%; } #work_pwd{ width:35px; height:35px; background:url(./images/index_pwd.png) #e3e3e3 left center no-repeat; background-size:100%; border-radius:35px; } #work_pwd:hover{ background:url(./images/index_pwd.png) #ffffff left center no-repeat; background-size:100%; } #work_out{ width:35px; height:35px; background:url(./images/index_out.png) #e3e3e3 left center no-repeat; background-size:100%; border-radius:35px; } #work_out:hover{ background:url(./images/index_out.png) #ffffff left center 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;color: #b5e0ff;} .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结束=====================================================================================================================*/ .page_content{ height:100%; margin-left:202px; overflow-y:auto; } .page_content > div{ height:100%; background-color:transparent; } .page_content_noside{ height:100%; } .page_content_noside > div{ height:100%; } /*选线卡的颜色控制和样式控制*/ .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{ background: transparent; color: #b5e0ff; border:none; padding:14px 0 13px 15px !important; border-bottom: 1px solid #1F63A7; margin-bottom:0; } .page_tools{ padding:6px; margin:0; color: #b5e0ff; } .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: #b5e0ff; } .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:transparent; margin-bottom:30px; color:#fff; } .work_plan_ptl > p{ height:46px; line-height:46px; padding-left:20px; background-color:#1e3c88; color:#b5e0ff; 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:#b5e0ff; } .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:微软雅黑; } .layui-table-view .layui-table{ width: 100%; } .layui-input, .layui-select, .layui-textarea{ background: #1e3c88; color: #b5e0ff; border: 0; } .layui-form-select dl{ background: #1e3c88; color: #b5e0ff; border: 0; } .layui-form-select dl dd:hover{ background: #253A82; color: #ffffff; border: 0; } .layui-form-select dl dd.layui-this{ background: #253A82; color: #ffffff; } .layui-table{ background-color: transparent; color: #b5e0ff; border: 0; overflow-x:hide; } .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even){ background: #1e3c88; color: #b5e0ff; border: 0; } .layui-table td, .layui-table th, .layui-table-fixed-r, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{ border: 0; } .layui-table-header{ background: transparent; border-bottom: 1px solid #1F63A7; } .layui-table thead tr{ background: transparent; color: #b5e0ff; } .layui-table-page{text-align: center;color:#333;} .layui-laypage button,.layui-laypage select,.layui-laypage input{ background: #1e3c88; color: #b5e0ff; } .layui-table-body tr{ display:block; width:99%; background: linear-gradient(to left, #00FFFC, #00FFFC) left top no-repeat, linear-gradient(to bottom, #00FFFC, #00FFFC) left top no-repeat, linear-gradient(to left, #00FFFC, #00FFFC) right top no-repeat, linear-gradient(to bottom, #00FFFC, #00FFFC) right top no-repeat, linear-gradient(to left, #00FFFC, #00FFFC) left bottom no-repeat, linear-gradient(to bottom, #00FFFC, #00FFFC) left bottom no-repeat, linear-gradient(to left, #00FFFC, #00FFFC) right bottom no-repeat, linear-gradient(to left, #00FFFC, #00FFFC) right bottom no-repeat; background-size: 1px 8px, 8px 1px, 1px 8px, 8px 1px; margin: 10px 0; } .layui-layer{ background-color: #004296 !important; } .layui-layer-title{ background-color: #001357 !important; color: #b5e0ff !important; border: 0 !important; } textarea{ background: transparent; color: #b5e0ff; } .layui-layer-setwin > a{ background:url(cls1/img/close.png) no-repeat !important; } .layui-nav{ background: transparent; color: #b5e0ff; } .layui-nav-tree .layui-this>a{ background: #1e3c88; color: #b5e0ff; } .layui-nav-tree .layui-nav-bar{ background-color:#ffffff; } .layui-nav-itemed>a:hover{ background-color:#1E3C88 !important; } .layui-this>a:hover{ background-color:#1E3C88 !important; } .layui-form-checkbox[lay-skin=primary] span{ color: #b5e0ff; } a{ color: #b5e0ff; } .layui-laypage a, .layui-laypage span{ color: #b5e0ff; } .layui-show{ border-left: 1px solid #1F63A7; } .work_plan_ptl{ border-left: 1px solid #1F63A7; } /* ztree */ .ztree li a{ color:#b5e0ff; }