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.
 
 
 
 
 

558 lines
20 KiB

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