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.
858 lines
18 KiB
858 lines
18 KiB
10 months ago
|
@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;
|
||
|
|
}
|
||
|
|
|