xf4.0/WebContent/style/style_work_1.css

@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{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;}
#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:276px;
	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 0;
	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:60%;
	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;
	font-size: 12px;
}
.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-layout-body{
	background: none;
}

.layui-input, .layui-select, .layui-textarea{
	background: #1e3c88;
    color: #b5e0ff;
    border: 0 !important;
	
}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{
	border: 0 !important;
}
.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;
	width:100% !important;
}
.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-layer-content{
	padding: 20px;
}
.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{
	margin: 0px;
}
.layui-table-body tr{
	display:block;
	width:100%;
	background: url(cls1/img/tr.png) no-repeat;
	background-size:100% 100%;
	/* 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: #00245f !important;
}
.layui-layer-title{
	background-color: #0c59a6 !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-side,.layui-side-scroll,.layui-nav-tree{
	width: 256px;
} 

.layui-laypage a, .layui-laypage span{
	color: #b5e0ff;
}
td .layui-table-cell span{
	margin: 0 3px;
}
.layui-bg-black{
	background-color: #0060bf!important;
}
/* .work_plan_ptl{
	border-left: 1px solid #1F63A7;
} */

.layui-btn{
	background-color: #12b1bb;
}
.layui-btn-normal{
	background-color: #0e66e0;
}
.layui-table-view .layui-table td div{
    /* margin: 0px 2px; */
}
.layui-table-view .layui-table{
	width: 100%;
}
.layui-elem-field{
	border-color: #0060bf;	
	
}
.layui-nav *{
	font-size: 16px;
}
/* ztree */
.ztree *{
	font-size: 16px;
}
.ztree li a{
	color:#b5e0ff;
}
::-webkit-scrollbar {
	width: 6px;
	background-color: #17327e;
	border-radius: 3px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #496bc9;
}

.dropdown {
    position: absolute;
    right: 10px;
    top: 25px;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    border: 1px solid #155895;
    width: 140px;
    background: rgba(3, 25, 102, 0.9);
	right: 0;
	border-radius: 4px;
}
.dropdown-content span {
	overflow: hidden;
	width: 0px;
	height: 0px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #031966;
	top: -7px;
	font-size: 0;
	right: 7px;
	position: absolute;
}
.dropdown-content a {
    color: black;
    line-height: 36px;
    text-decoration: none;
    display: block;
	color: #b5e0ff;
	padding: 0 14px;
	cursor:pointer;
}
.dropdown-content a img{
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}

.dropdown-content a:hover {background-color: #0b2b5e}

.dropdown:hover .dropdown-content {
    display: block;
}
.layui-form-mid{
	float: none;
}