/* 未能缩小。正在返回未缩小的内容。
(3929,1): run-time error CSS1019: Unexpected token, found '}'
 */
@charset "utf-8";
/* CSS Document */
/** 初始化 **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0}
img{display: inline-block; border: none; vertical-align: middle;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3{font-size: 14px; font-weight: 400;}
h4, h5, h6{font-size: 100%; font-weight: 400;}
button,input,select,textarea{font-size: 100%; }
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
/** 初始化 **/

/** 初始化全局标签 **/
body{line-height: 24px; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
hr{height: 1px; margin: 10px 0; border: 0; background-color: #e2e2e2; clear: both;}
a{color: #333; text-decoration:none; }

/** 公共样式 **/	
.margin_20{ margin:20px !important;}
.margin_bottom_20{ margin-bottom:20px !important;}
.margin_left__40{ margin-left: -40px !important;}
.margin_left__15{ margin-left: -15px !important;}
.margin_top_10{ margin-top:10px !important;}
.margin_top__10{ margin-top:-10px !important;}
.margin_top_15{ margin-top:15px !important;}
.margin_right_15{ margin-right:15px !important;}
.mar_left_10{ margin-left:10px !important;}

.margin_0{ margin:0 !important;}
.padding_0{ padding:0 !important;}
.padding_20{ padding:20px;}
.padding_10{ padding:10px !important;}
.padding_top_20px { padding-top: 20px;}
.padding_left_15{ padding-left:15px;}
.float_r{ float: right !important;}
.float_l{ float: left !important;}
.text_left{ text-align:left !important;}
.text_right{ text-align:right !important;}
.overflow_hid{ overflow: hidden;}
.padding_rl_15px{ padding:0 15px;}
.position_rel{ position:relative;}
input[disabled],textarea[disabled]{
    border: 1px solid #e6e6e6;
    background-color: #efefef;
    color: #4c4c4c;
}
.line_h_3{ line-height:34px}
/** 公共样式 **/	


.com_btn,.com_input,.com_textarea{
	outline: 0;
    -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
    transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	}
.com_input:hover,.com_textarea:hover{ border-color: #D2D2D2!important;}
.right_content_box{
	position: relative;
    /*padding: 10px 15px;*/
	}
.S_b_Box{
	left: 0px;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    border-bottom: 1px solid #e2e2e2;
	}
.S_b_Box li{
	display: inline-block;
    font-size: 14px;
    line-height: 34px;
    min-width: 65px;
    padding: 0 15px;
	margin-left: 20px;
    text-align: center;
    cursor: pointer;
    float: left;
	}
.S_b_Box li:first-child{
	margin-left: 0;
	padding-left: 0;
	}
.S_b_Box li:last-child{
	padding-right: 0;
	}
.com_inline{
	display: inline-block;
    vertical-align: middle;
	}
.com_input{
	display: block;
    width: 100%;
    height: 32px;
	padding:0 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
	}
.label_name{
	float: left;
    display: block;
    font-weight: 400;
    width: 90px;
    padding: 7px 8px;
    line-height: 20px;
    text-align: right;
	box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
.input_inline{
	min-height: 30px;
    float: left;
	width: calc(100% - 90px);
	}	
.input_inline .com_input {
    display: inline-block;
}
.com_inline .com_input {
    width: 200px;
}
.com_select, input[type=radio], input[type=checkbox]{ display: none;}

.com_form_select{ position: relative;}
.com_select_dl{
	display: none;
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 999;
    min-width: 100%;
    max-height: 300px;
    overflow-y: auto;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 5px 0px;
	border:1px solid #d2d2d2;
    border-image: initial;
    border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
	-o-box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
	}
.com_selected_dl{ display: block;}
.com_select_dl dt,.com_select_dl dd{
	line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 10px;
    overflow: hidden;
	cursor: pointer;
	}
.com_select_dl dt:hover,.com_select_dl dd:hover{
	background-color: #e6e6e6;
	}
.com_select_dl dt{
	color: #757575;
	}
.com_select_this{
	color:#fff;
	background-color: #5fb878;
	}
.com_select_dl .com_select_this:hover{ background-color: #5fb878;}
.select_arrrow{
	position: absolute;
	right: 8px;
    top: 8px;
    height: 15px;
    width: 15px;
    background: url(../images/sort.png) -15px -31px;
	}
.select_arrrow_t{ background: url(../images/sort.png) -15px -15px;}

	

	
/** 按钮 **/	
.com_btn{
	display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    margin-left: 10px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
	border:none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    opacity: 0.9;
    filter: alpha(opacity=90);
	}
.Custom_bg_orange {
    background-color: #f7916f !important;
    color: #fff!important;
}
.Custom_bg_tu {
    background-color: #966e30 !important;
    color: #fff!important;
}
.Custom_bg_gray {
    background-color: #b3b3b3 !important;
    color: #fff !important;
}
.Custom_bg_blue {
    background-color: #5b7ebb !important;
    color: #fff !important;
}
.Custom_bg_yellow{
	background-color: #e4ab16 !important;
    color: #fff !important;
	} 
.Custom_bg_white{
	background-color: #fff !important;
    color: #555 !important;
    border: 1px solid #C9C9C9 !important;
	}
.Custom_bg_blue_light{
	background-color: #1E9FFF !important;
    color: #fff !important;
	} 
.Custom_bg_yellow_light{background-color: #eceacc;}	
.Custom_bg_red_light{background-color: #b88;}

.add_btn,.btn_search,.btn_search_black,.reset_btn,.reject_btn,.delete_btn,.btn_save,.back_btn,.plus_btn,.calb_btn,.upload_btn,.print_btn,.zc_btn,.horiz_btn,.unlink_btn,.icon_clock{
	text-indent: 22px;
    background-position: left;
    background-repeat: no-repeat;
	}
.add_btn{background-image:url(../images/add_icon.png);}
.btn_search {background-image: url(../images/search.png);}
.btn_search_black{background-image: url(../images/search_black.png);}
.reset_btn{background-image:url(../images/reset.png);}
.reject_btn{background-image:url(../images/reject.png); }
.delete_btn{background-image:url(../images/delete.png);}
.btn_save{background-image:url(../images/save.png);}
.back_btn{background-image:url(../images/goback.png);}	
.plus_btn{background-image:url(../images/plus_icon.png);}	
.calb_btn{background-image:url(../images/calb_tn.png);}	
.upload_btn{background-image:url(../images/upload.png); float: left;}	
.print_btn{ background-image:url(../images/print.png);}
.zc_btn{ background-image:url(../images/zc_btn.png);}
.horiz_btn{ background-image:url(../images/horiz_btn.png);}
.unlink_btn{ background-image:url(../images/unlink_btn.png);}
.icon_clock{background-image:url(../images/icon_clock.png);}

.Custom_bg_white:hover{ border:1px solid #ca6000 !important;}
.com_btn:hover{ opacity:1; filter: alpha(opacity=100);}		
/** 按钮 **/	


/** 操作按钮 **/
.icon_up,.icon_download,.icon_edit,.icon_transfer,.icon_apply,.icon_details,.icon_small_add,
.icon_recall,.icon_start,.icon_delete,.icon_cancel,.icon_analyses,.icon_fenjie,.icon_yes,.icon_print,
.icon_forbid,.icon_recommend,.icon_Sstock,.icon_bookmark,.icon_truck,.icon_Sstock_o,.icon_hand_right,
.icon_line_chart,.icon_pie_chart,.icon_clock,.icon_approval{
	display: inline-block;
    width: 19px;
    height: 18px;
    margin: 0px 3px 0px 3px;
	cursor:pointer;
	}
.icon_up{background:url(../images/icon_up.png) no-repeat center;}
.icon_download{background:url(../images/icon_download.png) no-repeat center;}
.icon_edit{background:url(../images/icon_edit.png) no-repeat center;}
.icon_transfer{background:url(../images/icon_transfer.png) no-repeat center;}
.icon_apply{background:url(../images/icon_apply.png) no-repeat center;}
.icon_details{background:url(../images/icon_details.png) no-repeat center;}
.icon_small_add{background:url(../images/icon_small_add.png) no-repeat center;}
.icon_recall{background:url(../images/icon_recall.png) no-repeat center;}
.icon_start{background:url(../images/icon_start.png) no-repeat center;}
.icon_delete{background:url(../images/icon_delete.png) no-repeat center;}
.icon_cancel{background:url(../images/icon_cancel.png) no-repeat center;}
.icon_analyses{background:url(../images/icon_analyses.png) no-repeat center;}
.icon_fenjie{background:url(../images/icon_fenjie.png) no-repeat center;}
.icon_yes{background:url(../images/icon_yes.png) no-repeat center;}
.icon_print{background:url(../images/icon_print.png) no-repeat center;}
.icon_forbid{background:url(../images/icon_forbid.png) no-repeat center;}
.icon_recommend{background:url(../images/icon_recommend.png) no-repeat center;}
.icon_Sstock{background:url(../images/icon_Sstock.png) no-repeat center;}
.icon_bookmark{background:url(../images/icon_bookmark.png) no-repeat center;}
.icon_truck{background:url(../images/icon_truck.png) no-repeat center;}
.icon_hand_right{background:url(../images/hand_right.png) no-repeat center;}
.icon_Sstock_o{ background:url(../images/icon_Sstock_o.png) no-repeat center;}
.icon_line_chart{position:absolute;left:3px; margin-right: 6px; background:url(../images/icon_line_chart.png) no-repeat center;}
.icon_pie_chart{position:absolute;left:3px;margin-right: 6px; background:url(../images/icon_pie_chart.png) no-repeat center;}
.icon_clock{background:url(../images/icon_clock.png) no-repeat center;}
.icon_approval{background:url(../images/icon_approval.png) no-repeat center;}
.icon_up:hover,.icon_download:hover,.icon_edit:hover,.icon_transfer:hover,.icon_apply:hover,.icon_details:hover,.icon_small_add:hover,.icon_recall:hover,.icon_start:hover,.icon_delete:hover,.icon_cancel:hover,.icon_analyses:hover,.icon_fenjie:hover,.icon_yes:hover,.icon_print:hover,.icon_forbid:hover,.icon_recommend:hover,.icon_Sstock:hover,.icon_bookmark:hover,.icon_truck:hover,.icon_hand_right:hover{
	background-color: #fff951;
	}
.icon_Sstock_o:hover{
	opacity: 0.6;
    filter: alpha(opacity=60);
	}
/** 操作按钮 **/


/** 表格图标 **/
.urgent,.icon_due,.icon_delayed,.icon_zhuan,.icon_yanqi,.icon_xun,.icon_limit,
.icon_jinyong,.icon_replace,.icon_shengban,.flowready,.flowonging,.flowpass,.flowdismissed,.flowrecall{
	display: inline-block;
    width: 20px;
    height: 16px;
	/*position: absolute;*/
    right: 3px;
    top: 10px;
    margin: auto;
	cursor:pointer;
	}
.urgent {background: url(../images/fire.png) center no-repeat;}
.flowready{background: url(../images/flowready.png) center no-repeat;}
.flowonging{background: url(../images/flowonging.png) center no-repeat;}
.flowpass{background: url(../images/flowpass.png) center no-repeat;}
.flowdismissed{background: url(../images/flowdismissed.png) center no-repeat;}
.flowrecall{background: url(../images/flowrecall.png) center no-repeat;}
.icon_due{background:url(../images/icon_due.png) no-repeat center;}
.icon_delayed{background:url(../images/icon_delayed.png) no-repeat center;}
.icon_zhuan{background:url(../images/icon_zhuan.png) no-repeat center;}	
.icon_yanqi{background:url(../images/icon_yanqi.png) no-repeat center;}
.icon_xun{background:url(../images/icon_xun.png) no-repeat center;}	
.icon_limit{background:url(../images/icon_limit.png) no-repeat center;}
.icon_jinyong{background:url(../images/jinyong.png) no-repeat center;}
.icon_replace{background:url(../images/replace.png) no-repeat center;}	
.icon_shengban{ background:url(../images/shengban.png) no-repeat center;}
.position_rel .icon_shengban{ position: absolute; right: 0; }

.icon_6,.icon_6zeng,.icon_16,.icon_16zeng,.icon_13,.icon_13zeng,.icon_weifenpei,.icon_yifenpei,.icon_bufenfenpei,.canceled_icon{
	display: inline-block;
    width: 37px;
    height: 15px;
	margin: 0px 0 -2px 2px;
	cursor:pointer;
	}
.icon_6{background:url(../images/icon_6.png) no-repeat center;}
.icon_6zeng{background:url(../images/icon_6zeng.png) no-repeat center;}
.icon_16{background:url(../images/icon_16.png) no-repeat center;}
.icon_16zeng{background:url(../images/icon_16zeng.png) no-repeat center;}
.icon_13{background:url(../images/icon_13.png) no-repeat center;}
.icon_13zeng{background:url(../images/icon_13zeng.png) no-repeat center;}
.icon_weifenpei{background:url(../images/icon_weifenpei.png) no-repeat center;}
.icon_yifenpei{background:url(../images/icon_yifenpei.png) no-repeat center;}
.icon_bufenfenpei{background:url(../images/icon_bufenfenpei.png) no-repeat center;width: 56px;}
.canceled_icon{background:url(../images/canceled_icon.png) no-repeat center;}


.yanqi_icon{
	display:inline-block;
    width: 26px;
    height: 30px;
	margin: -3px 0px -8px 2px;
    cursor: pointer;
    background: url(../images/yanqi_icon.png) no-repeat center;
	}
.normal_icon,.shiyan_icon,.ziyan_icon,.yanfa_icon,.coming_soon,.shengchan_icon,.waiyan_icon,.neipei_icon,.underway_icon,.end_icon0,.waigou,.waixie,
.weiwai{
	display:inline-block;
    width: 26px;
    height: 30px;
	margin: -3px 0px -8px 2px;
    cursor: pointer;
	}
.waigou{ text-indent: 27px;background:url(../images/waigou.png) no-repeat left;}
.waixie{ text-indent: 27px;background:url(../images/waixie.png) no-repeat left;}
.weiwai{ text-indent: 27px;background:url(../images/weiwai.png) no-repeat left;}
.normal_icon{
    background: url(../images/normal_icon.png) no-repeat center;
	}
.shiyan_icon{
    background: url(../images/shiyan_icon.png) no-repeat center;
	}
.ziyan_icon{
    background: url(../images/ziyan_icon.png) no-repeat center;
	}
.yanfa_icon{
    background: url(../images/yanfa_icon.png) no-repeat center;
	}
.coming_soon{
    background: url(../images/coming_soon_icon.png) no-repeat center;
	}	
.shengchan_icon{
    background: url(../images/shengchan_icon.png) no-repeat center;
	}
.waiyan_icon{
    background: url(../images/waiyan_icon.png) no-repeat center;
	}
.neipei_icon{
    background: url(../images/neipei_icon.png) no-repeat center;
	}
.underway_icon{
	width: 36px;
    height: 30px;
    background: url(../images/underway_icon.png) no-repeat center;
	}
.end_icon0{
	width: 36px;
    height: 30px;
    background: url(../images/end_icon0.png) no-repeat center;
	}
.zhui,.qian,.gai{
    display:inline-block;
    width: 15px;
    height: 30px;
    margin: 0px 0px -8px 2px;
    cursor: pointer;
}	
.gai{
    background: url(../images/gai.png) no-repeat center;
}	
.zhui{
    background: url(../images/zhui.png) no-repeat center;
}	
.qian{
    background: url(../images/qian.png) no-repeat center;
}	
/** 图标 **/


/** 公文分类 **/	
.dl_list{
	overflow:hidden;
	margin-top:10px;
	margin-left:15px;
	}
.dl_list dd{
	color:#666;
	font-size: 13px;
    line-height: 36px;
    float: left;
	padding: 0px 10px;
    margin: 0px 10px;
    cursor: pointer;
	}
.dl_list dt{
	color:#666;
	font-size:14px;
	font-weight:bold;
	float:left;
	line-height:36px;
	margin:0 15px;
	}
.dl_list dd:hover,.dl_list .dd_cur{
	color: #058ee2;
    font-weight: 700;
	}

/** 公文分类 **/	


/** 表格样式 */
.table_box{margin-top: 10px;}
.com_table{ width: 100%;}
.com_table thead tr{ background-color: #f2f2f2;}
.com_table thead th{
	font-weight:normal;
	line-height: 28px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
	border: 1px solid #e2e2e2;
	text-align:center;
	}
.com_table tbody{
	background-color:#ffffff;
	border:solid #e2e2e2;
	border-width:0px 1px 1px 1px;
	}
.com_table tbody td{
	line-height: 22px;
    padding: 8px 5px;
    position: relative;
    text-overflow: ellipsis;
    box-sizing: border-box;
	border: 1px solid #e2e2e2;
	text-align:center;
	}

.com_table tbody tr:hover{ background-color: #f0f0f0;}
.sort_span{
    position: absolute;
    top: 10px;
    right: 8px;
	}
.sort_span .sort1,.sort_span .sort2{
	position: absolute;
	display: inline-block;
    width: 14px;
    height: 8px;
	}
.sort_span .sort1{
    top: 2px;
	right:-4px;

    background: url(../images/sort.png) -15px 24px;
	}
.sort_span .sort2{
    top: 10px;
	right:-4px;
    background: url(../images/sort.png) -15px 10px;
	}
.sort_span .sort1:hover{ background-position: 0px 24px;}
.sort_span .sort2:hover{ background-position: 0px 10px;}
.sort_span .sort_top{ background-position:0px 24px;}	
.sort_span .sort_bottom{ background-position:0px 24px;}		
.input_dis{ 
	width: 100%;
	line-height: 22px;
    border: none;
    text-align: inherit;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
	color: inherit;
	}
.com_table tbody tr:hover .input_dis{ background-color:#f0f0f0;}	
.com_table thead .input_dis{ background-color:#f2f2f2;}
.table_nowrap{
	overflow: auto;
    border-right: 1px solid  #e2e2e2;
	}
.table_nowrap.com_table thead th { white-space: nowrap;}
.table_nowrap.com_table tbody td {white-space: nowrap;}



/** 表格样式 **/	



/** 表格分页 
.table_page_tool{
	position: relative;
    padding: 7px 0px 0px 0px;
    text-indent: 6px;
    border: solid #e2e2e2;
    border-width: 1px;
    height: 34px;
    font-size: 12px;
    white-space: nowrap;
    background-color: #f2f2f2;
	margin-top: -1px;
	}
.table_page{
	height: 26px;
    margin-top: -4px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
	}
.table_page a,.table_page span{
	display: inline-block;
    vertical-align: middle;
	margin-top: 5px;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border: none;
    padding: 0 12px 0 5px;
}	
.page_prev{
	width: 14px !important;
    height: 18px !important;
    padding: 0 !important;
    margin-right: 12px !important;
    background: url(../images/arrow.png) no-repeat;
    background-position: 0px 0px;
	}
.page_prev:hover{
	background:url(../images/arrow.png) no-repeat ;
	background-position: 0px -16px;
	}
.page_next{
	width: 14px !important;
    height: 18px !important;
    padding: 0 !important;
    margin-left: 12px !important;
    background: url(../images/arrow.png) no-repeat;
    background-position: -13px -1px;
	}
.page_next:hover{
	background:url(../images/arrow.png) no-repeat ;
	background-position: -13px -17px;
	}
.page_curr{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
    background-color: #ab9e6e;
    color: #fff;
	}
.page_spr{
	margin: 0 0px 5px -5px !important;
    padding: 0px !important;
    font-size: 18px !important;
    cursor: text;
	}
.page_skip{ color: #999; padding-right: 0 !important;}
.page_input{
	display: inline-block;
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center;
	}
.page_input,.page_btn{
	height: 26px;
    line-height: 26px;
	border: 1px solid #e2e2e2;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box;
	}
.page_btn{
	margin-left: 10px;
    padding: 0 10px;
    cursor: pointer;
	}
.page_count{ padding:0 !important;}
.page_limits select{
	height: 26px;
    border-color: #e2e2e2;
	}	
.page_limits select:hover{
	border-color:#CC6600;
	}
/** 表格分页 **/	



.col_1{ width: 100%; float: left;}
.col_2{ width: 50%; float: left;}
.col_3{ width: 33.333%; float: left;}
.col_4{ width: 25%; float: left;}
.col_3_4{ width: 75%; float: left;}
.col_95{ width: 95%; float: left;}
.col_5{ width: 20%; float:left;}
.col_5_5{ width: 80%; float: left;}
.com_block{
	margin-top: 10px;
	}
.com_radio{
	display: inline-block;
    padding-right: 10px;
    cursor: pointer;
	}
.radio_icon{
	display: inline-block;
    width: 16px;
    height: 16px;
    margin: 8px 4px -2px 0;
    background: url(../images/radio_nor.png) no-repeat;
	}
.radio_icon:hover{
	background: url(../images/radio_hover.png) no-repeat;
	}
.radio_selected .radio_icon{ background: url(../images/radio_selected.png) no-repeat;}
.com_checkbox{
	display: inline-block;
    padding-right: 15px;
    cursor: pointer;
	}
.checkbox_icon{
	display: inline-block;
    width: 18px;
    height: 18px;
    margin: 4px 4px -4px 0;
    background: url(../images/checkbox_nor.png) no-repeat;
	}
.com_checkbox:hover .checkbox_icon{ background: url(../images/checkbox_hover.png) no-repeat;}
.checkbox_selected .checkbox_icon{
	background:url(../images/checkbox_selected.png) no-repeat;
	}
.com_textarea{
	width: 100%;
    min-height: 80px;
    line-height: 22px;
    padding: 6px 10px;
    position: relative;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    resize: vertical;
    display: block;
	}
.h2_title {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    background-color: #cac3bb;
    color: #fff;
    margin-top: 30px;
}
.h3_title {
    font-size: 13px;
    font-weight: bold;
    color: #8e8e8e;
    line-height: 24px;
    border-bottom: 2px solid #dcdcdc;
    margin-bottom: 2px;
    margin-top: 15px;
    padding-left: 10px;
}
.h4_title {
    font-size: 13px;
    font-weight: bold;
    color: #d0a56c;
    margin: 22px 0 5px 10px;
}
.requiredbox {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #444444 !important;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 6px;
    border-left: 1px solid #c3c3c3;
}
.requiredbox i {
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url(../images/tb_search.png) no-repeat;
}
.addtrbtn,.deletetrbtn,.uptrbtn,.downtrbtn{
	display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: -2px;
	cursor:pointer;
    background: url(../images/addtrbtn.png) no-repeat;
	}
.deletetrbtn{
    background: url(../images/deletetrbtn.png) no-repeat;
	}
.uptrbtn{
	background:url(../images/uptrbtn.png) no-repeat;
	}	
.downtrbtn{
	background:url(../images/downtrbtn.png) no-repeat;
	}		
.addtrbtn:hover,.list_box:hover .addtrbtn{
	background:url(../images/addtrbtn_hov.png) no-repeat;
	}
.deletetrbtn:hover{ background: url(../images/deletetrbtn_hov.png) no-repeat;}
.uptrbtn:hover{
	background:url(../images/uptrbtn_hov.png) no-repeat;
	}	
.downtrbtn:hover{
	background:url(../images/downtrbtn_hov.png) no-repeat;
	}	



.TableEdit thead th{ text-align:left;}
.TableEdit tbody td{
	padding: 3px 2px 1px 6px;
	text-align:left;
	overflow: inherit;
	} 
.TableEdit tbody tr:hover{
	background-color: #fff;
	}
.TableEdit input{
	padding: 0px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    border: 0;
    background-color: transparent;
	}
.TableEdit tbody tr:hover .input_dis{ background-color:transparent;}
.TableEdit .select_arrrow {
    top: 6px;
	}	
.panel_title{
	width: 94%;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #444444;
    line-height: 32px;
    margin-bottom: 10px;
	}
.com_row:after, .com_row:before {
    content: '';
    display: block;
    clear: both;
	}

.pop_window{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	position: fixed;
    top: 50%;
    left: 50%;
    /*transform: translateX(-52%) translateY(-50%);
    -webkit-transform: translateX(-52%) translateY(-50%);
    -moz-transform: translateX(-52%) translateY(-50%);
    -ms-transform: translateX(-52%) translateY(-50%);*/
    z-index: 100000;
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	-o-box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	}
.window_shade{
	position: fixed;
    pointer-events: auto;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*_height: expression(document.body.offsetHeight+"px");*/
	z-index:99999; 
	background-color:#000; 
	opacity:0.3; 
	filter:alpha(opacity=30);
	}
.window_top {
    padding: 0px 10px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
}
.window_top a{
	display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 16px;
    background: url(../images/window_close.png) no-repeat;
	}
.window_top a:hover{
	opacity:0.6; 
	filter:alpha(opacity=60);
	}
.iconitem .com_checkbox {width: 62px; padding-right:0 !important;}
.iconitem .com_radio{ padding-right:0 !important;}
.Btn_Group_Box{
	margin: 20px auto;
    text-align: center;
	}
.tb_page_tj,.tb_total_tj {
    text-align: -webkit-left;
    line-height: 22px;
	text-align: right;
	}
.tb_page_tj input{
	color: #43ab15;
    font-weight: bold;
	text-align:right;
	}
.tb_total_tj input{
	color: #f95c20;
    font-weight: bold;
	text-align:right;
	}
.title_tab{
	position: relative;
    left: 0;
    height: 30px;
    font-size: 0;
	padding: 20px 10px 0 10px;
    /*border-bottom: 1px solid #e2e2e2;*/
	}
.title_tab span{ 
	display: inline-block;
    float: left;
	}
.title_tab div{
	display: inline-block;
    float: right;
	margin-left: 15px;
	}
.title_tab li{
	display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #606060;
    line-height: 32px;
    min-width: 65px;
    padding: 0 10px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    float: left;
	}
.title_tab li.tab_this, .title_tab li:hover {
    background-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
	}
.tab_content {
    border-top: 1px solid #e2e2e2;
    margin-top: 8px;
}
.tab_content:after,.tab_content:before{
    content: '';
    display: block;
    clear: both;
}

.SearchBox {
    width: 320px;
    margin: 15px auto;
    text-align: center;
	}
.SearchBox button.reset_btn {
    margin-right: 0;
    border-radius: 2px 0px 0px 2px;
	-webkit-border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	-ms-border-radius: 2px 0px 0px 2px;
	-o-border-radius: 2px 0px 0px 2px;
	border-right: 1px solid #ccc;
	}
.SearchBox button.btn_search {
    margin-left: -4px;
    border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	-o-border-radius: 0 2px 2px 0;
}
.word_aux{
	float: left;
    display: block;
    padding: 6px 0;
    margin: 0 10px;
    color: #999999;
	}

fieldset{
	margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    padding: 10px 15px 15px;
	}
fieldset>legend{
	display: block;
	width: auto;
    margin: 0 0 0 -5px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 0;
    padding: 0 5px;
	line-height: inherit;
    color: #333;
    border: 0;
	}

.datetextbox input{
    margin-right: -3px;
    margin-bottom: 0;
	}
.datetextbox .com_form_select {
    display: inline-block;
	/*width: 100%;*/
}
.datetextbox .com_form_select input{
	width:100%;
	}

.selecttextbox {
    display: inline-block;
    margin-left: 0px;
}
.com_block .selecttextbox{
	display: block;
	margin-left:110px;
	}
.selectserachtext .el-select  {
    float:left;
}
.selectserachtext .el-input{
    float:left;
}
td.disable_td ,.disable_td input[disabled]{
    background-color: #d0d0d0!important;
    color: #4c4c4c!important;
	}
.Detail_TB{ padding-left:40px;}
.Detail_TB div{
	padding: 8px 0px;
	}

.blue_link {
    color: #007cff;
    cursor: pointer;
	display: inline-block;
}
.blue_link:hover {
    color: #ff8300;
    cursor: pointer;
}
.TableB thead th{
	background-color:#dadada;
	padding:2px 5px;
	font-weight:600;
	}
.TableB tbody td{ padding:2px 5px;}
.center_zhu {color: #de371c;line-height: 24px;}

.position_rel .serial_number {
    display: none;
}
.position_rel:hover .serial_number {
    display: block;
    font-size: 12px;
    position: absolute;
    top: 26px;
    padding: 8px 4px;
    width: 260px;
    max-height: 250px;
    overflow: auto;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
    box-shadow: 2px 2px 4px 0px #d6d6d6;
	-webkit-box-shadow: 2px 2px 4px 0px #d6d6d6;
	-moz-box-shadow: 2px 2px 4px 0px #d6d6d6;
	-ms-box-shadow: 2px 2px 4px 0px #d6d6d6;
	-o-box-shadow: 2px 2px 4px 0px #d6d6d6;
    z-index: 10;
}

/*.bg_color_red{
	background-color:#d2786b;
	}red*/
/*.bg_color_orange{
	background-color: #dab98b;
	}orange*/
/*.bg_color_green{
	background-color: #8fbfaf;
	}green*/
.bg_color_white {
    background-color:#FFF;
}
.past_records li{
	padding: 4px 0;
	line-height:24px;
	}
.past_records li .tips_p{
	margin-left: 22px;
	padding: 0;
	}
.plus_square_o{
	display:inline-block;
	width:15px;
	height:15px;
	margin: 0 0 -2px 5px;
	background:url(../images/plus_square_o.png) no-repeat;
	}
.minus_square_o{
	display:inline-block;
	width:15px;
	height:15px;
	margin: 0 0 -2px 5px;
	background:url(../images/minus_square_o.png) no-repeat;
	}
.table_more{
	position: absolute;
    left: 5px;
	}
.tree_border_height {
    padding:10px;
    height: calc(100vh - 30px) !important;
    border-right: 1px solid #dadada;
    overflow: auto;
}
.tree_border_right{
	height: calc(100vh - 22px);
    overflow: auto;
	padding-top: 15px;
	}

/*-----------选人对话框------------*/
.com_tree{ line-height:26px; overflow: auto;}
.com_tree li{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}
.com_tree li ul{ display:none; margin-left:20px;}
.com_tree li i,.com_tree li a,.com_tree li a span{
	display: inline-block;
    vertical-align: top;
    cursor: pointer;
	}
.com_tree li i{
	width: 14px;
    height: 14px;
	margin:5px 0 0 6px;
    background: url(../images/tree_arrow.png) no-repeat;
    background-position: -15px 0px;
	}
.com_tree li  i.tree_arrow{ background-position: -1px 0px;}
.com_tree li a span{
	width: 18px;
    height: 18px;
    padding: 7px 0 0 6px;
    background:url(../images/file_f.png) no-repeat right;
	}
.com_tree li span.file_o{background: url(../images/file_o.png) no-repeat right;}
.com_tree li.tree_bottom a span{background: url(../images/file_p.png) no-repeat right;}
.com_tree li a cite {
    padding: 0 6px;
    font-size: 14px;
    font-style: normal;
	}
.com_tree li a .cite_this{
	background-color: #ffb584;
	}
.tree_show li ul { display: none; margin-left: 20px;}
.tree_show{display: block!important;}
/*-----------树------------*/

.border_bottom_1{ 
	border-bottom:1px solid #dadada; 
	padding-bottom:10px;
	}
.redspan{ line-height: 26px; color:red !important;}


/*-----------选人对话框------------*/
.selectuser_tree{
	width: 34%;
    height: 457px;
    float: left;
    overflow: auto;
    border-right: 1px solid #dadada;
	}
.select_user{
	width:65%;
	float:right;
	overflow:auto;
	}
.topbox{ 
	padding:10px; 
	overflow:hidden;
	}
.topbox_search {
    overflow: hidden;
    margin: 10px 0;
}
.topbox_search input{
	width: 216px;
    float: left;
	}
.topbox_search button{
	margin-left: 20px;
	}
.StayBox, .SelectedBox {
    width: 43%;
    border: 1px solid #bfbfbf;
    overflow: auto;
}
.StayBox, .ChooseImg, .SelectedBox {
    height: 300px;
    float: left;
}
.StayBox .StayBoxtext, .SelectedBox .StayBoxtext {
    width: 100%;
    color: #323232;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #bfbfbf;
}
.StayContent span {
    display: inline-block;
    width: 100%;
    line-height: 20px;
    text-indent: 5px;
    cursor: pointer;
}
.StayContent span:hover {
    background-color: #d3d3d3;
}
.ChooseImg {
    height: 100px;
    padding: 100px 5px;
}
.StayContent .spancurrent { background-color: #FFE48D;}
.ChooseImg1, .ChooseImg2, .ChooseImg3, .ChooseImg4 {
    width: 20px;
    height: 20px;
    text-align: center;
    padding-bottom: 10px;
    color: #71b549;
    cursor: pointer;
	background:url(../images/ChooseImg.png) no-repeat;
	background-position: -3px 0px;
}
.ChooseImg2{ background-position: -3px -31px;}
.ChooseImg3{ background-position: -3px -60px;}
.ChooseImg4{ background-position: -3px -92px;}

.ChooseImg1:hover,.ChooseImg2:hover,.ChooseImg3:hover,.ChooseImg4:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.Ques_Box { margin: 6px 10px 10px 6px;}
.Ques_Box span { line-height: 30px;}
.Question_img{
	display: inline-block;
    width: 30px;
    height: 30px;
    margin: -10px 10px -10px 0;
    background: url(../images/Question_img.png) no-repeat;
	}
/*-----------选人对话框------------*/


/*.table_t_right{
	position:absolute;
	right:0;
	}*/
.table_t_right thead tr th:last-child,.table_t_right tbody tr td:last-child{
	position: sticky;
    right: 0;
    z-index: 99;
    border-width: 1px 0 0 0;
    background-color: #fff;
    box-shadow: -1px 1px 3px 0px #c7c7c7;
	-webkit-box-shadow: -1px 1px 3px 0px #c7c7c7;
	-moz-box-shadow: -1px 1px 3px 0px #c7c7c7;
	-ms-box-shadow: -1px 1px 3px 0px #c7c7c7;
	-o-box-shadow: -1px 1px 3px 0px #c7c7c7;
	}
.table_t_right thead tr th:last-child{
	background-color:#f2f2f2;
	}


/*-------------------------------------任务书----------------------------------------------*/
.Taskbook_Box {
    width: 794px;
    margin: auto;
}
.header_box {
	width: 100%;
	margin:auto;
    position: relative;
    overflow: hidden;
}
.header_box img {
    position: absolute;
    left: 0;
    top: 15px;
    width: 140px;
    float: left;
}
.header_box h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 86px;
}
.header_box2 {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 14px;
    line-height: 22px;
}
.header_box2 input {
    border: none;
    width: 120px;
    line-height: 20px;
    background-color: transparent;
    font-size: 14px;
}
.TaskBookTable {
	width: 100%;
	margin:10px auto;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
.TaskBookTable td,.TaskBookTable th{
    font-size: 15px;
    font-family: "宋体";
    line-height: 30px;
    padding-left: 4px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}
.TaskBookTable th{ text-align:left;}
.TaskBookTable td input {
    width: 60%;
    border: 0;
    height: 30px;
    line-height: 30px;
    text-align: left;
    float: left;
	display: inline-block;
    outline-style: none;
    background-color: transparent;
}
.TaskBookTable td .CheckBoxA {
    width: auto;
    vertical-align: middle;
    float: none;
    margin: 0px 8px 2px 20PX;
}
.TaskBookTable td .SmallInput {
    width: 45px;
    border-bottom: 1px solid #000;
    float: none;
    height: 22px;
    outline: none;
    background-color: transparent;
    text-indent: 8px;
}
.TaskBookTable td textarea {
    border: 0;
    outline: none;
    width: 90%;
    vertical-align: middle;
    line-height: 30px;
    min-height: 80px;
    font-size: 13px;
    background-color: transparent;
    resize: none;
}
.TaskBookTable td span {
    display: block;
    float: left;
}
.TaskBooktips {
    width: 794px;
    margin: auto;
    font-size: 13px;
}
/*-------------------------------------任务书----------------------------------------------*/


/*-------------------------------------项目详情----------------------------------------------*/
.Legend {
    padding: 20px 0 0 0 !important;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 10;
}
.LegendRight {
    padding: 20px 0 0 0 !important;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 10;
}
.Legend h1, .Legend h2, .Legend h3, .Legend h4, .Legend h5 {
    padding: 5px 10px;
    color: #666;
    font-size: 13px;
}
.Legend a {
    font-size: 13px;
    float: left;
    margin-right: 6px;
    display: block;
    width: 30px;
    height: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.Legend h1 a {
    background-color: #ababab;
}
.Legend h2 a {
    background-color: #52a97d;
}
.Legend h3 a {
    background-color: #006699;
}
.Legend h4 a {
    background-color: #e07572;
}
.Legend h5 a {
    background-color: #cba368;
}
.Chart_Box0 {
    padding: 20px 0 10px 50px;
    overflow: hidden;
    display: table;
    margin: 0 auto;
}
.Chart_Table0 {float: left;}
.Chart_Table0 td { width: 90px;}
.Chart_Table0 .border_r_line { border-right: 2px solid #ff6600;}
.Chart_Table0 .border_b_line { border-bottom: 2px solid #ff6600;}
.Chart_Table0 .border_top_line { border-top: 2px solid #ff6600;}
.Chart_Table0 .border_t_line { border-top: 2px dashed #cacaca;}
.chart_node {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 3px;
    border: 2px dashed transparent;
    text-align: center;
    width: 180px;
    cursor: pointer;
}
.chart_node:hover,.chart_node_this {
    background-color: #f0e694;
    transition: .5s;
    cursor: default;
    z-index: 20;
}
.chart_title {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: rgba(217,83,79,.8);
    color: #fff;
    -o-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.chart_content {
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    line-height: 25px;
    border: 1px solid rgba(217,83,79,.8);
    -o-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: center;
    background-color: #fff;
    color: #333;
    overflow: hidden;
}
.color_underway .chart_title {background-color: #52a97d;}
.color_delay0 .chart_title {background-color: #cba368;}
.color_notstart .chart_title { background-color: #006699;}
.color_delay .chart_title { background-color: #e07572;}
.color_finish .chart_title { background-color: #ababab;}
.color_underway .chart_content { border: 1px solid #52a97d;}
.color_delay0 .chart_content { border: 1px solid #cba368;}
.color_notstart .chart_content { border: 1px solid #006699;}
.color_delay .chart_content { border: 1px solid #e07572;}
.color_finish .chart_content { border: 1px solid #ababab;}

/*-------------------------------------项目详情----------------------------------------------*/


.check_neipei{
	position: absolute;
    top: -56px;
    right: 0px;
	}
.input_inline.position_rel .com_input, .input_inline.position_rel .com_textarea{
    padding-right: 50px;
}
.a_nuit {
    position: absolute;
    right: 6px;
    top: 7px;
    color: #b5b5b5 !important;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 3px;
    pointer-events: none;
}
.Preview_box {
    height: 55px;
    position: absolute;
    top: -10px;
    left: 320px;
    background-color: #dadada;
    border: 1px solid #dadada;
}
.Preview_box img {
    height: 100%;
}

/*-------------------------------------流程配置----------------------------------------------*/
.LC_node{
	display: inline-block;
    position: absolute;
    padding: 3px;
    text-align: center;
    width: 180px;
	height:64px;
    border: 1px solid #e07572;
    -o-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
	cursor:pointer;
	}
.LC_node:hover{
	background-color: #f0e694;
    transition: .5s;
    cursor: default;
    z-index: 20;
	}
.LC_node h1{
	box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    line-height: 64px;
    text-align: center;
    background-color: #fff;
    color: #666;
	}
.LC_node h2{
	line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-color: #e07572;
	}
.LC_node h3{
	font-size: 13px;
    line-height: 36px;
    color: #666;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
	}
.LC_node .a1,.LC_node .a2,.LC_node .a3,.LC_node .a4{
	display: inline-block;
    width: 10px;
    height: 9px;
    background-color: #000;
    position: absolute;
    left: 88px;
    bottom: -5px;
	}
.LC_node .a2{ left: 88px; top: -5px;}
.LC_node .a3{ left: -5px; top: 34px;}
.LC_node .a4{ left: 182px; top: 34px;}


.com_collapse {
    margin-top: -1px;
	}
.colla_title{
	position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 35px;
    color: #333;
    background-color: #f2f2f2;
    cursor: pointer;
    border: 1px solid #e2e2e2;
	}
.icon_colla{
	position: absolute;
    left: 15px;
    top: 13px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/arrow.png) no-repeat center;
    background-position: 0px -73px;
	}
.icon_colla_0{ background-position: 0px -34px;}
.colla_content{
	position: relative;
    padding: 20px;
    border: solid #e2e2e2;
    border-width: 0 1px 1px 1px;
	}
.colla_close{
	padding:0px;
	border:none;
	}

/*-------------------------------------流程配置----------------------------------------------*/


/*-------------------------------------流程详情----------------------------------------------*/
.flow_view{
	margin: 20px 0 0 0px;
    text-align: center;
	}
.flow_view ul{ 
	overflow: hidden;
    display: inline-block;
    _display: inline;
	}

.flow_view ul li{
	width: 200px;
    float: left;
    /*padding: 0px 10px;*/
    position: relative;
	}
.flow_view ul li a{
	width: 40px;
    position: absolute;
    left: 80px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #FFF;
    background: url(../images/flow02.png) no-repeat top center;
	}
.flow_view ul .li_pass a{
	color:#6bbfff;
	background:url(../images/flow01.png) no-repeat top center;
	}
.flow_view ul li h1{
	margin-top: 45px;
    text-align: center;
	font-size: 14px;
    font-weight: bold;
	}
.flow_view ul li h2{
	border-top: 3px solid #d0d0d0;
    position: absolute;
    top: 20px;
    left: 105px;
    width: 100%;
    z-index: -1;
	}
.flow_view ul li .h2_pass{
	border-top: 3px solid #6bbfff;
	}
.flow_view ul li span{
	font-size: 12px;
    color: #bababa;
    padding-left: 5px;
	font-weight: normal;
	display:inline-block;
	text-align:center;
	}

/*-------------------------------------流程详情----------------------------------------------*/


/*-------------------------------------流程详情----------------------------------------------*/
.report_content { padding: 30px 60px;}
.report_title { width: 100%; text-align: center;}
.report_title span {
    font-size: 16px;
    color: #505050;
    padding: 8px 8px;
    background-color: #d9d9d9;
	}
.report_title h1 {
    background-color: #d9d9d9;
    height: 3px;
    margin-top: -10px;
    margin-bottom: 10px;
	}
.ReportChart_Box { margin: 36px 20px 0 20px;}
.ReportChart_Box ul { overflow: hidden; margin: 20px 0;}
.ReportChart_Box ul li {
    font-size: 12px;
    color: #ffffff;
    float: left;
    padding: 7px 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #b0b0b0;
    margin: 12px 10px;
    cursor: pointer;
}
.ReportChart_Box ul li:hover, .ReportChart_Box ul .li_cur { background-color: #675ed9;}

/*-------------------------------------流程详情----------------------------------------------*/



.bluefont {
    color: #007cff;
    cursor: pointer;
}
.disable_font{
	color:#999;
	}
.TableA {
    width: 90%;
    margin-left: 40px;
}
.TableA th {padding: 4px 5px !important;}
.TableA td {padding: 4px 5px !important;}
.icon_pencil_edit{
	width:20px;
	height:20px;
	display:inline-block;
	padding: 0px 10px 0px 10px;

	margin-bottom:-4px;
	background:url(../images/icon_pencil_edit.png) no-repeat center;
	}
.icon_pencil_edit:hover{
	opacity: 0.7;
    filter: alpha(opacity=70);
	}
.list_box{
	font-size: 13px;
	display: inline-block;
    padding: 4px 10px;
    margin: 4px 0 4px 15px;
    border: 1px solid #dadada;
	}
.list_box_this{
	background-color: #238de4;
    color: #fff;
	}
.list_box:hover {
    color: #969696;
	}
.IdCard_box {
    width: 100%;
    height: 95px;
    background-color: #e6e6e6;
    margin-top: 20px;
}
.IdCard_box img {
    margin: 25px 35px;
    float: left;
}
.IdCard_box .idcard {
    width: calc(100% - 180px);
    float: left;
    margin: 15px 0 0 20px;
}
.font_color_green{
	color: #43ab15;
    font-size: 15px;
    font-weight: bold;
	}
.font_color_red{
	color: #e71f19;
    font-size: 15px;
    font-weight: bold;
	}
.font_color_grey{
	color: #bbbbbb;
    font-size: 15px;
    font-weight: bold;
	}
.font_color_orange{
	color: #f95c20;
    font-size: 15px;
    font-weight: bold;
	}
.Business_half_box {
    margin: 25px 20px 10px 0px;
}
.Business_title{
    height: 36px;
}
.Business_title span {
    font-size: 18px;
    color: #333;
    padding-right: 10px;
    background-color: #f3f3f3;
}
.Business_title h1 {
    background-color: #d6d6d6;
    height: 2px;
    width: 100%;
    margin-top: -14px;
}
.updow_icon {
    float: left;
    width: 13px;
    height: 13px;
    margin: 7px 0 0 4px;
    cursor: pointer;
    background: url(../images/arrow.png) no-repeat center;
    background-position: -14px -32px;
	}
.updow_icon01 {
    background-position: -14px -44px;
	}
	
/*-------------------------------------项目看板-----------------------------------------*/
.SPMS_table.com_table thead th{ font-weight:600;}
.SPMS_table01 { width: 100%; color:#707070; font-size:13px;}
.SPMS_table01 thead {
    border: solid #fff;
    border-width: 1px 1px 0 1px;
}
.SPMS_table .SPMS_table01 thead th{
	line-height:26px;
    border-color: #d2d2d2;
	border-width: 0 1px 0px 0;
    background-color: #e0e0e0;
    padding: 1px;
	}
.SPMS_table .SPMS_table01 tbody{
	background-color:#ececec;
	}	
.SPMS_table .SPMS_table01 tbody td {
	line-height: 20px;
    padding: 3px 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #d2d2d2;
    border-left-color: #fff;
	}
.Gantt_Box{
	background-color: #fff;
    border: 1px solid #dadada;
    margin: 10px 0;
	}
.marginal_data{
	overflow: hidden;
    margin-left: 20px;
	}
.marginal_data li{
	float: left;
    margin-right: 20px;
    padding: 6px;
	}
.marginal_data li span{
	display: inline-block;
    width: 12px;
    height: 12px;
    /*border: 1px solid #3e74b0;*/
    margin: 0 4px -2px;
	}
.marginal_data li:nth-child(1) span{
	border: 1px solid #3e74b0;
	}
.Gantt_table_box{
	width: 100%;
	/*height:476px;*/
    overflow: auto;
	color:#666;
	}
.Gantt_table{
	width:100%;
	border-bottom:1px solid #dadada;
	}
.Gantt_table thead tr:nth-child(1) th{
	background-color: #b0b0b0;
    line-height: 32px;
    border-right: 1px solid #fff;
    color: #fff;
	min-width: 140px;
	}
.Gantt_table thead tr:nth-child(2) th{
	background-color: #e2ebf1;
    line-height: 28px;
    border-right: 1px solid #dadada;
	}
.Gantt_table tbody th{
	border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 24px;
    text-align: center;
	font-weight:normal;
	}
.Gantt_table tbody tr th:nth-child(1){
	box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	background-color:transparent;
	color:#666;
	}	
.Gantt_table tbody tr th.gantt_taskNo{
	background-color: #b0b0b0;
    color: #fff;
    width: 40px;
	box-shadow:none;
	}
.gantt_taskNo span{
	white-space: nowrap;
    writing-mode: tb-rl;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
    vertical-align: middle;
	}
.Gantt_table tbody tr th:nth-child(2){
	box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
	}	
.Gantt_table tbody td{
	border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 26px;
    text-align: center;
	min-width:80px;
	}
.hollow_rectangle{
	position: absolute;
    top: 2px;
    display: block;
    height: 18px;
    border: 1px solid #3e74b0;
    /*border-left: none;*/
	}
.ractangle{
	position: absolute;
    top: 5px;
    display: block;
    height: 14px;
	}
.background_red0{background-color:#f79f90;}
.background_green{ background-color:#78c5a2;}
.background_blue{ background-color:#6299b9;}
.thinner{ height:10px;top:7px}
.Gantt_table tr:hover,.Gantt_tr_hover {
    background-color: #f3f3f3;
}
.zhu_p {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    color: #505050;
	}
/*-------------------------------------项目看板-----------------------------------------*/



/*-------------------------------------生产全过程-----------------------------------------*/
.flow_view_box {
	position:relative;
	margin-bottom: 80px;
}
.flow_view0{
    margin: 30px 0 0 0px;
    text-align: center;
    position: absolute;
	left:0px;
	right:0;
	z-index:10;
}
.flow_view0 dl{
    overflow: hidden;
    display: inline-block;
	}
.flow_view0 dl dd{
    width: 136px;
    float: left;
    position: relative;
	opacity:0.5;
	filter: alpha(opacity=50);	
	}
.animation2{
	opacity:0;
	animation: changebox_view 1100ms ease-in-out 700ms forwards;}
@keyframes changebox_view{
	0%{ opacity:0}
	20%{opacity:0}
	100%{ opacity:100;}
	}

.flow_view0 dl dd h1{
    width: 126px;
    height: 70px;
    display: inline-block;
    font-size: 13px !important;
    text-align: center;
	text-indent: -15px;
    line-height: 40px;
    color: #FFF;
    float: left;
    cursor: pointer;
	background:url(../images/dal010.png) no-repeat left top;
	}
.flow_view0 dl dd .dal020{ background:url(../images/dal020.png) no-repeat left top;}
.flow_view0 dl dd .dal030{ background:url(../images/dal030.png) no-repeat left top;}
.flow_view0 dl dd .dal040{ background:url(../images/dal040.png) no-repeat left top;}
.flow_view0 dl dd .dal050{ background:url(../images/dal050.png) no-repeat left top;}	
.flow_view0 dl dd .dal060{ background:url(../images/dal060.png) no-repeat left top;}
.flow_view0 dl dd:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	}
.flow_view0 dl dd.current_h1{
	opacity: 1;
	filter: alpha(opacity=100);
	background:url(../images/current_h1.png) no-repeat bottom;
	}
.flow_view0 dl dd h1.forbid{
	background:url(../images/dal1.png) no-repeat left top !important;
	opacity:0.5;
	filter: alpha(opacity=100);
	cursor: not-allowed;
	}
.flow_view0 dl dd a {
    display: block;
    border-top: 2px solid #d0d0d0;
    position: absolute;
    top: 19px;
    right: 0px;
    width: 26px;
    z-index: -1;
	}
.flow_view0 dl dd span {
    display: block;
    position: absolute;
    top: 14px;
    right: -1px;
    width: 6px;
    height: 12px;
    background: url(../images/icon_arrow.png) no-repeat;
	}
.flow_view0 dl dd .top_da {
    border-top-style: dashed;
	}
.flow_view0 dl dd h2 {
    display: block;
    height: 20px;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 37px;
    border-left: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
	}
.flow_view0 dl dd .left_da {
    border-left-style: dashed;
	}
.flow_view0 dl dd .bottom_da {
    border-bottom-style: dashed;
	}
.flow_view0 dl dd h3 {
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 37px;
    border-bottom: 2px solid #d0d0d0;
	}
.flow_view0 dl dd h4 {
    display: block;
    height: 20px;
    width: 50%;
    position: absolute;
    right: 50%;
    top: 37px;
    border-right: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
	}
.flow_view0 dl dd .right_da {
    border-right-style: dashed;
	}
.flow_view0 dl dd h4 i {
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 6px;
    height: 12px;
    background: url(../images/icon_arrow.png) no-repeat;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	}
.flow_view1{
    margin: 240px 0 0 -2px;
    text-align: center;
    position: absolute;
	left:0px;
	right:0;
	z-index:0;	 
	}
.animation1{animation: changebox 1000ms ease-in-out 100ms forwards; }
@keyframes changebox{
	0%{ margin-top: 240px; height:190px; opacity:1; }
	50%{ opacity:0.8;}
	60%{ opacity:.4;}
	100%{ margin-top: 30px; height:39px; overflow:hidden; opacity:0;}
	}
.flow_view1 dl{
    overflow: hidden;
    display: inline-block;
	}
.flow_view1 dl dd{
    width: 126px;
    height: 162px;
    float: left;
    margin-right: 10px;
    color: #fff;
    text-align: center;
	background:url(../images/dal01.png) no-repeat;
	}
.flow_view1 dl dd.dal02{ background:url(../images/dal02.png) no-repeat;}	
.flow_view1 dl dd.dal03{ background:url(../images/dal03.png) no-repeat;}
.flow_view1 dl dd.dal04{ background:url(../images/dal04.png) no-repeat;}	
.flow_view1 dl dd.dal05{ background:url(../images/dal05.png) no-repeat;}	
.flow_view1 dl dd.dal06{ background:url(../images/dal06.png) no-repeat;}	
.flow_view1 dl dd.dal07{ background:url(../images/dal07.png) no-repeat;}
.flow_view1 dl dd.forbid{ background:url(../images/dal11_0.png) no-repeat;}
.flow_view1 dl dd.forbid0{ background:url(../images/dal11.png) no-repeat;}
.flow_view1 dl dd h1 {
    font-size: 14px;
    line-height: 30px;
    margin-top: 50px;
    margin-right: 12px;
	}
.flow_view1 dl dd span {
    line-height: 22px;
    width: 100px;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
	}
/*.Chart_Box{
    padding: 40px 0 10px 10px;
}*/

/*-------------------------------------生产全过程-----------------------------------------*/

.empty404 {
    width: 314px;
    height: 230px;
    background: url(../images/empty404.png) no-repeat;
    position:fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    margin: -115px 0 0 -157px;
    /*bottom: 0;
    right: 0;
    -webkit-transform: translateX(-50%) translateY(-25%);
    -moz-transform: translateX(-50%) translateY(-25%);
    -ms-transform: translateX(-50%) translateY(-25%);
    transform: translateX(-50%) translateY(-25%);*/
	}
.empty404 span {
    display: block;
    text-align: center;
    color: #9f9f9f;
    margin-top: 200px;
}
.tree_select_bg {
    background-color: #ffb584;
}


.select_gx div{
	text-align: center;
    height: 32px;
    line-height: 32px;
    text-indent: 10px;
    margin-top: 10px;
	}
.select_gx div:hover a {
    border-bottom: 2px solid #dcc070;
    font-size: 15px;
    display: block;
    color: #bd9b39;
    font-weight: bold;
	}
.TableD{
	background-color:transparent;
	margin-bottom: 20px;
	font-size:13px;
	width:100%;
	} 	
/*.TableD thead tr{
	background-color:transparent;
	}*/
.TableD thead th {
    padding: 8px 2px;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    background-color: #f3f3f3;
}
/*.TableD tbody{
	background-color:transparent !important;
	}*/
.TableD tbody td{
	padding:2px;
	line-height:28px;
    border: 1px solid #e5e5e5;
	}
.TableD tbody td input{
	height:28px;
	line-height:28px;
	border: 1px solid #bbbbbb;
	}
.border_0{ border:none !important;}
.SPMS_table01 th { padding:2px !important;}
.SPMS_table01 thead th,.SPMS_table01 tbody td{
	border:0
	}

.updow_b_icon,.updow_bt_icon{
    display: inline-block;
    width: 10px;
    height: 6px;
    margin: 7px 4px 0 4px;
    cursor: pointer;
    background: url(../images/arrow.png) no-repeat center;
    background-position: -15px -57px;
}
.updow_bt_icon{ background-position: -1px -57px;}
.updow_b_icon:hover{ background-position: -15px -66px;}
.updow_bt_icon:hover{ background-position: -1px -66px;}

.border_box{
	border: 1px solid #dadada;
    padding: 15px 10px;
    overflow: auto;
    margin-top: 20px;
	}
.list_number{
	padding: 5px 0;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    display: inline-block;
	}
.list_number:hover{
	background-color: #f7e4cc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	}
	
.legend_box{
	overflow: hidden;
    margin-top: 20px;
    margin-left: 15px;
	}
.legend_box li{
	margin-right: 20px;
    font-size: 13px;
    float: left;
	}
.legend_box li a{
	display: block;
    width: 10px;
    height: 10px;
    margin-left: 6px;
    margin-top: 3px;
    float: right;
    border: 1px solid #dadada;
	}
.tips_p {
    font-size: 12px;
    color: #8b8b8b;
    line-height: 17px !important;
    padding: 3px 0;
}


/*_____________________________制造商管理_____________________________*/
.ClintBox {
    border: #d9d9d9 2px solid;
    text-decoration: none;
    margin: 10px;
    cursor: pointer;
    position: relative;
    display: block;
    min-height: 131px;
}
.clint_title{
    margin: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    line-height: 28px;
    text-align: center;
    border-bottom: 1px solid #dadada;
    font-weight: bold;
}
.BottomBox { overflow: hidden; position: relative;}
.ImageBoxSmall{
    float: left;
    width: 30%;
    overflow: hidden;
}
.ImageBoxSmall div{
    text-align: center;
    line-height: 100px;
	height:100px;
    font-size: 28px;
	margin: 8px;
	min-height: 120px;
    color: #dadada;
	border: 1px solid #dadada;
	}
.ImageBoxSmall img {
    width: 100%;
    height: 100%;
}
.ClintBox .BottomBox .ClintDetails,.CardBox .ClintDetails{
    float: left;
    width: 70%;
    margin: 8px 0 0px 0px;
}
.ClintDetails p {
    margin: 0;
    width: 94%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    line-height: 15px;
    padding: 6px 0;
    text-align: left;
    margin-left: 10px;
    font-weight: normal;
}
.OperateBox {
    width: 97%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-align: right;
    margin-bottom: 4px;
    margin-top: -8px;
}
.OperateBox span{
	padding: 5px 2px 5px 0;
	}
.ClintBox:hover{
    border: #6b9cde 2px solid;
    -webkit-box-shadow: 0px 0 3px 0px #95b8e7;
    -moz-box-shadow: 0px 0 3px 0px #95b8e7;
    box-shadow: 0px 0 3px 0px #95b8e7;
}
.AToZ_Left {
    width: 97%;
    float: left;
}
.AToZ {
    width: 3%;
    position: fixed;
    right: 20px;
    top: 15px;
}
.AToZ li {
    display: block;
    text-align: center;
    height: 24px;
}
.AToZ li a {
    line-height: 25px;
    font-size: 16px;
    color: #6f6f6f;
}
.AToZ li .a_current,.AToZ li:hover a {
    font-size: 40px;
    color: #444444;
}
.AddImageBox{
	float: left;
    width: 110px;
    height: 124px;
    margin: 3px 0px 0px 50px;
    border: 1px solid #dadada;
    border-image: initial;
    overflow: hidden;
    background: url(../images/CRMaddlogoimg.png) no-repeat center;
	}
.input_inline .list_box{
	background-color:#fff;
	}
.input_inline .list_box:hover{
	border-color: #75b1ef; 
	}
.a_close{
	display: inline-block;
    width: 13px;
    height: 15px;
    margin: 0 0 0 8px;
    background: url(../images/a_close.png) center no-repeat;
	}
.a_close:hover{ background: url(../images/a_close_hover.png) center no-repeat;}

/*_____________________________制造商管理结束_____________________________*/

/*____________________________供应商与物料代码_____________________________*/
.Chart0_Box {
    padding: 40px 0 10px 10px;
}
.Chart_Table {
    width: 100%;
}
.Chart_Table td {
    min-width: 100px;
}
.line_y_half {
    height: 36px;
    background-color: #aaaaaa;
    width: 2px;
    margin: auto;
    margin-top: -25px;
}
.line_y_half0 {
    height: 36px;
    background-color: #aaaaaa;
    width: 2px;
    margin: auto;
    margin-bottom: -25px;
}
.line_x {
    height: 2px;
    background-color: #aaaaaa;
    width: 100%;
    vertical-align: middle;
}
.line_x_half {
    height: 2px;
    background-color: #aaaaaa;
    width: 50%;
    vertical-align: middle;
    float: right;
}
.title_one {
    position: relative;
    width: 100%;
	border: solid #c0c0c0;
    border-width: 1px 1px 3px 1px;
    max-width: 420px;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    margin: 15px 0;
    cursor: pointer;
}
.plus_a, .plus_a0 {
    display: block;
    height: 15px;
    width: 15px;
    margin-left: -7px;
    position: absolute;
    right: -16px;
    top: 10px;
    background: url(../images/plus_a.png) no-repeat;
}
.plus_a0 {
    background: url(../images/plus_a0.png) no-repeat;
}
.title_plus {
    display: block;
    height: 30px;
    text-indent: 100px;
    padding-top: 2px;
    background: url(../images/plus_black.png) center center no-repeat;
}
.title_plus:hover {
    background: url(../images/plus_white.png) center center no-repeat;
}
.title_one:hover,.title_one_c{
    background-color: #7683bf;
    color: #fff;
    border-color: #44539a;
}
.title_one.forbid {
    background-color: #d9d9d9;
    border: solid #c0c0c0;
    color: #909090;
    border-width: 1px 1px 3px 1px;
    cursor: not-allowed;
}
.edge_icon {
    position: absolute;
    top: -100%;
    right: -40px;
    display: none;
    padding: 8px 10px 8px 40px;
    cursor: pointer;
}
.edge_icon li {
    padding: 4px;
}
.title_one:hover .edge_icon {
    display: block;
}
.edge_icon li:hover {
    opacity: 0.4;
}
.chart_pencil,.chart_ban,.chart_close,.chart_enable{
    width: 14px;
    height: 18px;
    cursor: pointer;
	}
.chart_pencil{ background: url(../images/chart_pencil.png) no-repeat center;}
.chart_ban{ background:url(../images/chart_ban.png) no-repeat center;}
.chart_close{ background:url(../images/chart_close.png) no-repeat center;}
.chart_enable{ background:url(../images/chart_enable.png) no-repeat center;}

/*_____________________________供应商与物料代码_____________________________*/
.title_tab.title_tab_green li{
	font-weight: normal;
	}
.title_tab.title_tab_green .tab_this,.title_tab.title_tab_green li:hover{
	background-color: #89bb97;
    color: #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -webkit-border-radius: 15px;
	}

/*_____________________________主页框架_____________________________*/
.com_header{
	/*position: relative;
    z-index: 1000;*/
	height: 70px;
	background-color: #23262E;
	}
.logo_box {
    position: absolute;
    width: 230px;
    height: 70px;
    background: url(../images/loginlogo.png) no-repeat center;
}
.com_nav_left{
	float: left;
    margin-left: 210px;
    height: 70px;
    padding: 0 24px;
    box-sizing: border-box;
	}	
.com_nav_right{
	float:right;
	box-sizing: border-box;
	}
.nav_li,.com_nav_right li{
	position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    text-align: center;
    margin: 14px 0 0 -4px;
	border-bottom: 5px solid;
	border-color:transparent;
	transition: all .3s;
    -webkit-transition: all .3s;
	}
.nav_li a{
	color: #babbbd;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0 4px 0;
	}	
.nav_li:hover a,.nav_this a{ color: #fff;}
.nav_li:hover,.nav_this{ border-bottom: 5px solid #f60;} 
.icon_user{
	display:inline-block;
	width:24px;
	height:24px;
	background:url(../images/user.png) no-repeat center;
	}
.nav_li:hover .icon_user,.nav_this .icon_user{ background:url(../images/user_0.png) no-repeat center;}	
.icon_bar_chart,.icon_project,.icon_nav_link,.icon_quality,.icon_wallet,.icon_group,.icon_piechart,.icon_cogs{
	display:inline-block;
	width:24px;
	height:24px;
	background:url(../images/bar_chart.png) no-repeat center;
	}
.nav_li:hover .icon_bar_chart,.nav_this .icon_bar_chart{ background:url(../images/bar_chart_0.png) no-repeat center;}
.icon_project{ background:url(../images/project.png) no-repeat center;}
.nav_li:hover .icon_project,.nav_this .icon_project{ background:url(../images/project_0.png) no-repeat center;}
.icon_nav_link{ background:url(../images/nav_link.png) no-repeat center;}
.nav_li:hover .icon_nav_link,.nav_this .icon_nav_link{ background:url(../images/nav_link_0.png) no-repeat center;}
.icon_quality{ background:url(../images/quality.png) no-repeat center;}
.nav_li:hover .icon_quality,.nav_this .icon_quality{ background:url(../images/quality_0.png) no-repeat center;}
.icon_wallet{ background:url(../images/wallet.png) no-repeat center;}
.nav_li:hover .icon_wallet,.nav_this .icon_wallet{ background:url(../images/wallet_0.png) no-repeat center;}
.icon_group{ background:url(../images/group.png) no-repeat center;}
.nav_li:hover .icon_group,.nav_this .icon_group{ background:url(../images/group_0.png) no-repeat center;}
.icon_piechart{ background:url(../images/pie_chart.png) no-repeat center;}
.nav_li:hover .icon_piechart,.nav_this .icon_piechart{ background:url(../images/pie_chart_0.png) no-repeat center;}
.icon_cogs{ background:url(../images/cogs.png) no-repeat center;}
.nav_li:hover .icon_cogs,.nav_this .icon_cogs{ background:url(../images/cogs_0.png) no-repeat center;}



.log_time{
	display:none;
	position: absolute;
	left: -140px;
    top: 60px;
    width: 230px;
    min-width: 100%;
    line-height: 26px;
    padding: 5px 0;
	text-align:center;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
	} 
.log_time dd span{ 
	text-align: center;
    font-size: 12px;
	color:#333;
	}
.log_time_hov:hover .log_time{ display:block;}
.com_nav_right li{
	width: auto;
    margin: 20px 15px 0 15px;
    padding-bottom: 30px;
    cursor: pointer;
	}
.com_nav_right li a{ color: #babbbd; line-height:35px;}
.com_nav_right li a span{ margin-left:4px;}
.SignInPerson{padding-left:10px;}
.CommonMenus{
	margin-right:10px;
	padding:20px 0px;
	}
.CommonMenus_menu dd{
	text-align:center;
	line-height:30px;
	border-bottom:1px solid #dadada;
	
	}
.CommonMenus_C{
	background-color:#e3e3e3;
	}

.Left_Nav{
	position:absolute;
	top:70px;
	left:0; 
	width:230px;
	height: calc(100vh - 70px);
	overflow: auto;
	background-color: #393D49;
	}
.Left_Nav_tree li{
	line-height:45px;
	border-left: 5px solid;
	border-color: transparent;
	transition: all .3s;
    -webkit-transition: all .3s;
	}
.Left_Nav_tree li:hover{ background-color: #4E5465; border-left: 5px solid #70bae8;}
.Left_Nav_tree li a{
	display: inline-block;
    color: #babbbd;
    padding: 0 20px;
    line-height: 24px;
    transition: all .3s;
    -webkit-transition: all .3s;
	}
.Left_Nav_tree li .nav_child{
	background:#282b33;
	margin-left: -5px;
	}
.Left_Nav_tree li .nav_child dd{
	background-color: #282b33;
    margin-left: -5px;
    text-indent: 15px;
    line-height: 40px;
    font-size: 13px;
	}
.icon_tools{
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:4px;
	background:url(../images/icon_tools.png) no-repeat center;
	}
.Left_Nav_tree li .nav_child dd:hover{ background-color: #808080;} 
.Left_Nav_tree li .nav_child dd:hover a,.Left_Nav_tree li .nav_child .nav_tree_this a{ color: #fff;}
.Left_Nav_tree li .nav_child dd:hover .icon_tools,.Left_Nav_tree li .nav_child .nav_tree_this .icon_tools{ background:url(../images/icon_tools_0.png) no-repeat center;}
.Left_Nav_tree li .nav_child .nav_tree_this{ background-color: #70bae8;} 

.com_body_box{
	position: absolute;
    left: 230px;
    top: 70px;
    width: calc(100% - 230px);
    height: calc(100vh - 70px);
    background-color: #f3f3f3;
	}
.com_top_tab {
    height: 36px;
    line-height: 36px;
    background-color: #fff;
	overflow:hidden;
    border-bottom: 1px solid #e0e0e0;
}
.com_top_tab li{
	float: left;
    padding: 0 20px;
	}
.com_top_tab .top_tab_this{
	color: #fff;
	background-color:#70bae8;
	border-radius: 0pc 0pc 3pc 3pc;
	-moz-border-radius: 0pc 0pc 3pc 3pc;
	-webkit-border-radius: 0pc 0pc 3pc 3pc;
	box-shadow: 0px 0px 1px 3px #a7ddff;
	-moz-box-shadow: 0px 0px 1px 3px #a7ddff;
	-webkit-box-shadow: 0px 0px 1px 3px #a7ddff;
	}
.com_top_tab li cite{
	display: inline-block;
    width: 15px;
    height: 18px;
    padding-left: 10px;
    margin-bottom: -2px;
    background: url(../images/a_close.png) no-repeat center;
	} 
.com_top_tab li cite:hover{ background: url(../images/a_close_hover.png) no-repeat center;}
.com_body{
	height: calc(100vh - 110px);
    width: 100%;
	}
.com_body_iframe {
    height: calc(100vh - 115px);
    width: 100%;
	border:none;
}
.clildFrame iframe {
    height: calc(100vh - 115px);
    width: 100%;
    border:none;
}
/*响应式*/
@media screen and (max-width:1480px){
	.com_header{
		min-width:1500px;
		}
	.com_body_box{ width:1270px;}
	.com_top_tab{width:1270px;}
	.com_body{
		min-width:1270px;
		}
}	
/*_____________________________主页框架_____________________________*/
/*_____________________________登录页面_____________________________*/
/*.BodyBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh);
    background: url(../images/loginbg.png) no-repeat;
    background-size: cover;
}
.LoginBox {
	position: fixed;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 420px;
    margin: -210px 0 0 -225px;
    overflow: hidden;
}
.Logoimg {
    width: 160px;
    height: 72px;
    margin: auto;
    margin-top: 20px;
    background: url(../images/loginlogoimg.png) no-repeat;
    background-size: contain;
}
.LogoBox h1 {
    width: 100%;
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-size: 20px;
    margin: 14px 0 20px 0px;
    font-family: Tahoma;
}
.Login {
    width: 330px;
    margin: auto;
	}

.LoginBotton {
    margin: 35px 10px;
    text-align: center;
    color: #fff;
    line-height: 34px;
    background-color: #808080;
}
.LoginBox h3 {
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 13px;
    color: #ffffff;
}
.LoginBox h3 span {
    display: inline-block;
    margin-bottom: -4px;
    width: 49px;
    height: 14px;
    background: url(../images/version_number.png) no-repeat;
}
.Copyright {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 30px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.verification_code {
    margin-left: 10px;
    overflow: hidden;
    margin-top: 12px;
    position: relative;
}	
.verification_code input {
    float: left;
    background-color: transparent;
    line-height: 36px;
    width: 170px;
    padding: 0 5px;
    text-indent: 10px;
    border: #aaa 1px solid;
    border-width: 0 0 1px 0;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
}
.verification_code input[placeholder]{
	color:#fff;
	}
.verification_code span {
    display: inline-block;
    float: right;
    height: 36px;
    width: 120px;
    margin-right: 10px;
    border: #aaa 1px solid;
}*/
/*_____________________________登录页面_____________________________*/


.green_flag,.red_flag,.grey_flag{
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../images/green_flag.png) no-repeat center;
	}
.red_flag{ background:url(../images/red_flag.png) no-repeat center;}
.grey_flag{ background:url(../images/grey_flag.png) no-repeat center;} 

.schedule_box{
	width: 100%;
    height: 25px;
    display: block;
	}	
.schedule_box a {
    display: block;
    float: left;
	text-align: center;
	width: 19%;
    height: 100%;
    font-size: 12px;
    line-height: 25px;
    border-right: 1px solid #e4e4e4;
    background-color: #868686;
    color: #fff;
}
.schedule_box .finish {
    background-color: #5490b5;
}
.schedule_box a:first-child {
    border-radius: 13px 0 0 13px;
    -moz-border-radius: 13px 0 0 13px;
    -webkit-border-radius: 13px 0 0 13px;
}
.schedule_box a:last-child {
    border-width: 0;
    border-radius: 0px 13px 13px 0px;
    -moz-border-radius: 0px 13px 13px 0px;
    -webkit-border-radius: 0px 13px 13px 0px;
}
p.Multi_tips_float {
    float: left;
    display: block;
}
.Detail_TB .a_list {
    display: block !important;
    padding-left: 65px;
    font-size: 13px;
}
.flow_view00 {
    width: 10%;
    float: left;
    margin-top: 5px;
}
.timeline_content {
    width: 86%;
    float: left;
    min-height: 220px;
    border-radius: 5px;
    z-index: 10;
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 5px #d0d0d0;
	-webkit-box-shadow: 0px 0px 5px #d0d0d0;
	-moz-box-shadow: 0px 0px 5px #d0d0d0;
	-ms-box-shadow: 0px 0px 5px #d0d0d0;
}
.flow_view00 ul li {
    line-height: 42px;
    position: relative;
    margin-right: -2px;
	cursor:not-allowed;
}
.flow_view00 ul li a {
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    margin: 14px 25px 0 6px;
    border: 1px solid #dadada;
    border-radius: 10px;
    background-color: #fff;
}
.flow_view00 ul li h1{
	width: calc(100% - 30px);
    text-align: right;
	color:#888;
	}
.flow_view00 ul li h2{
	position: absolute;
    right: 33px;
    top: 22px;
    width: 2px;
    padding-bottom: 44px;
    display: block;
    background-color: #e4e4e4;
	z-index: -1;
	}
.flow_view00 ul li.li_pass{ cursor:pointer;}
.flow_view00 ul li.li_nopass {
        pointer-events:none;
        }
.flow_view00 ul li.li_pass a{
	background-color: #53c3a4;
    border-color: #fff;
	} 
.flow_view00 ul li.li_pass h1{
	color:#333;
	} 
.flow_view00 ul li.li_this:after {
    content: "";
    display: block;
    width: 20px;
    height: 30px;
    background: url(../images/timeline_select.png) no-repeat;
    position: absolute;
    top: 10px;
    right: -1px;
    z-index: 99;
}
.inline_text_select .com_input,.inline_text_select .com_form_select{
	width: 50%;
    float: left;
	}
.zone_box1,.zone_box2,.zone_box3,.zone_box4 {
    width: 100%;
    height: 28px;
    display: block;
    background-color: #868686;
}
.zone_box1{ width: 140px;}
.zone_box2{ width: 280px;}
.zone_box3{ width: 280px;}
.zone_box4{ width: 280px;}
.zone_box1 a, .zone_box2 a, .zone_box3 a, .zone_box4 a {
    display: block;
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 28px;
    background-color: #868686;
    color: #fff;
}
.zone_box1 a:first-child, .zone_box2 a:first-child, .zone_box3 a:first-child, .zone_box4 a:first-child {
    border-radius: 0px 0px 30px 0px;
    -moz-border-radius: 0px 0px 30px 0px;
    -webkit-border-radius: 0px 0px 30px 0px;
    background-color: #88c170;
}
.ProductBox {
    width: 96%;
    margin: auto;
}
.ProductBox h2 {
    font-size: 12px;
    color: #ffffff;
    margin: 0;
	height: 34px;
    line-height: 34px;
    text-align: center;
	background-color: #0c8bb7;
}
.ProductBox table {
    width: 96%;
    margin: auto;
    min-height: 295px;
    background-color: #eaeaea;
}
.ProductBox table td {
    width: 50%;
    line-height: 28px;
    color: #878787;
    border-bottom: 1px dashed #dadada;
	background-color: #fff;
}
.Subtotal {
    width: 50%;
    float: left;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
	color: #0c8bb7;
    border-top: 2px solid #0c8bb7;
}
.client_tab_box {
    width: 600px;
    position: absolute;
    top: 10px;
}
.client_tab_box li{
	color: #969696;
    line-height: 28px;
    float: left;
    margin: 0px 10px 0px 10px;
    padding: 0px 10px;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #dadada;
	}
.icon_star{
	display:inline-block;
	width:14px;
	height:14px;
	margin: 0px 0 -2px 0;
	background:url(../images/icon_star.png) no-repeat center;
	}
.client_tab_box li:hover i,.client_tab_box .redspan i,.icon_star0{
	background:url(../images/icon_star0.png) no-repeat center;
	}
.ClintDetails p .icon_star{ margin: 0 3px -2px 1px;}

.CRMclient{
	overflow: hidden;
    border: 1px solid #dadada;
    margin: 10px 2px 20px 2px;
	}
.CRMclient h1 {
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    border-bottom: 1px solid #dadada;
    color: #444;
}
.CRMclient_content{ overflow:hidden;}
.customer_image {
    float: left;
    width: 180px;
    height: 200px;
    margin: 20px 0 20px 20px;
    border: 1px solid #dadada;
    overflow: hidden;
    font-size: 48px;
    text-align: center;
    line-height: 200px;
    color: #dadada;
}
.customer_image img {
    width: 100%;
    height: 100%;
}
.customer_detail {
    float: left;
    width: calc(100% - 230px);
    margin: 20px 0 0 26px;
}
.col_66per{
	width:66%;
	float:left;
	}	
.customer_detail a {
    display: inline-block;
    font-weight: bold;
    min-width: 140px;
    text-align: center;
    border-right: 1px solid #333;
}
.CardBox {
    float: left;
    border: #dadada 1px solid;
    width: 95%;
    height: 260px;
    cursor: pointer;
    margin: 10px 10px 20px 5px;
}
.CardBox:hover{
	border: #6b9cde 1px solid;
    -webkit-box-shadow: 0px 0 6px 0px #95b8e7;
    -moz-box-shadow: 0px 0 6px 0px #95b8e7;
    box-shadow: 0px 0 6px 0px #95b8e7;
	}
.CardBox .ClintDetails{ margin-top:20px;}
.CardBox .ClintDetails p{ padding-left:12px;}
.CardBoxBottom {
    margin: 10px 8px 6px 8px;
    position: relative;
    border: 1px solid #d4d4d4;
}
.CardBoxBottom h2 {
    position: absolute;
    top: -10px;
    left: 10px;
    background-color: #e9e9e9;
    font-size: 12px;
    padding: 2px 6px;
}
.CardBoxBottom div {
    width: 94%;
    margin: 12px 10px;
}
.CardBoxBottom div p {
    margin: 0px;
    font-size: 12px;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.quarter_module {
    width: 96%;
    height: 130px;
    margin: 0 auto;
    background-color: #e0e0e0;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -webkit-border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.quarter_module h1, .quarter_module h2 {
    float: left;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.quarter_module h2 {
    min-width: 30%;
    margin: 30px 5px 0 0px;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.quarter_module h3 {
    float: left;
    margin: 30px 0px 0 0px;
    height: 77px;
    position: relative;
}
.quarter_module h2 p {
    color: #666;
    font-weight: bold;
    padding-bottom: 10px;
}
.quarter_module h2 span {
    display: block;
    color: #8c8c8c;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.quarter_module h2 strong {
    color: #666;
    font-size: 12px;
    line-height: 24px;
}
.quarter_module h2 i {
    font-style: normal;
}
.quarter_module h3 p {
    color: #888;
}
.quarter_module h3 strong {
    display: block;
    text-align: center;
    color: #666;
    position: absolute;
    bottom: 6px;
    text-indent: 8px;
}
.quarter_module h3 span {
    display: block;
    padding-top: 11px;
    font-weight: bold;
    color: #666;
    font-size: 12px;
}
.Birthday_Box {
    margin-top: 10px;
    padding: 0 0 0 15px;
    position: relative;
    overflow: hidden;
}
.Birthday_Box p {
    font-weight: 600;
    color: #505050;
    font-size: 13px;
}
.Birthday_Box dl {
    position: absolute;
    top: 0;
    left: 114px;
}
.Birthday_Box dl dd span {
    padding-right: 15px;
    color: #df1c1c;
    font-weight: bold;
}
.quarter_module a {
    display: block;
    font-size: 12px;
    color: #8c8c8c;
    position: absolute;
    left: 100px;
    top: 102px;
}
.quarter_module a i {
    font-style: normal;
}
.search_years {
    position: absolute;
    left: calc(50% - 160px);
    top: 30px;
}
.pic_left_table {
    position: absolute;
    left: 34px;
    bottom: 40px;
}
.pic_right_table {
    position: absolute;
    right: 34px;
    bottom: 40px;
}
.pic_left_table h1,.pic_right_table h1{
    line-height: 36px;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
}
.pic_left_table table {
    width: 280px;
    color: #333;
}
.pic_left_table table th, .pic_right_table table th {
    text-align: center;
    line-height: 18px;
    border-bottom: 1px solid #333;
}
.pic_left_table table td, .pic_right_table table td {
    line-height: 24px;
    text-align: center;
}
.pic_left_table table tr td:nth-child(1), .pic_left_table table tr th:nth-child(1) {
    width: 72px;
}
.pic_left_table table tr td:nth-child(2), .pic_left_table table tr th:nth-child(2) {
    text-align: right;
    width: 80px;
}
.pic_right_table table {
    width: 400px;
    color: #333;
}
.pic_right_table table tr th:first-child {
    text-align: left;
}

/**************************运营中心***************************/
.small_nav_box {
    width: 260px;
    padding: 20px 0 0 5px;
    overflow: hidden;
    position: fixed;
}
.small_nav_box li {
    width: 110px;
    height: 110px;
    float: left;
    margin: 0 12px 12px 0;
    background-color: #46c3bc;
    position: relative;
    cursor: pointer;
}
.small_nav_box li h1 {
    font-size: 15px;
    color: #fff;
    padding: 12px 0 0 12px;
}
.small_nav_box li span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    width: 36px;
    height: 36px;
}
.small_nav_box li .span_img1 {
    background: url(../images/nav_product.png) center no-repeat;
}
.small_nav_box li .span_img2 {
    background: url(../images/nav_product_line.png) center no-repeat;
}
.small_nav_box li .span_img3 {
    background: url(../images/nav_area.png) center no-repeat;
}
.small_nav_box li .span_img4 {
    background: url(../images/nav_salesexe.png) center no-repeat;
}
.small_nav_box li .span_img5 {
    background: url(../images/nav_client.png) center no-repeat;
}
.small_nav_box li .span_img6 {
    background: url(../images/nav_6.png) center no-repeat;
}
.small_nav_box .small_nav_current {
    background-color: #5074a0;
}
.comment_main {
    width: calc(100% - 264px);
    float: left;
    margin-left: 264px;
}
.time_axis {
    margin-top: 20px;
}
.Business_title_chart {
    margin-right: 10px;
    overflow: hidden;
}
.Business_half_box h2 {
    float: left;
    border-left: 1px solid #dadada;
    margin-right: 5px;
}
.Business_half_box p {
    font-size: 12px;
    color: #666;
    padding-bottom: 10px;
}
.Business_half_box h2 a {
    font-size: 12px;
    color: #919191;
    display: block;
    padding-bottom: 6px;
    padding-left: 5px;
}
.Business_half_box h2 span {
    font-size: 16px;
    color: #68d1da;
    display: block;
    padding-left: 5px;
}
.sales_box {
    margin-bottom: 10px;
}
.sales_box h1 {
    width: 30%;
    color: #fff;
    height: 80px;
    float: left;
    background-color: #b385c2;
    text-align: center;
}
.sales_box h1 a {
    display: block;
    color: #fff;
    font-weight: 700;
    line-height: 25px;
    font-size: 12px;
}
.sales_box span {
    width: 62%;
    height: 100%;
    line-height: 80px;
    background-color: #eaeaea;
    font-size: 18px;
    font-weight: bolder;
    float: left;
    text-align: center;
}
.Business_color_A h1 {
    background-color: #765bb3;
}
.Business_color_B h1 {
    background-color: #618fc4;
}
.Business_color_C h1 {
    background-color: #4a6ab1;
}
.sales_img1,.sales_img2,.sales_img3,.sales_img4{
	display:inline-block;
	width:28px;
	height:28px;
	margin-top: 16px;
	background:url(../images/sales_img1.png);
	}
.sales_img2{ background:url(../images/sales_img2.png);}
.sales_img3{ background:url(../images/sales_img3.png);}
.sales_img4{ background:url(../images/sales_img4.png);}
.font_style_bold {
    font-weight: bold;
}
.Business_half_box .quarter_module h2 span {
    font-size: 14px;
    color: #7d7d7d;
    padding-left: 0;
}
.Business_half_box .quarter_module h2 strong {
    font-size: 14px;
}
.returned_money{
	background-color: #999;
    overflow: hidden;
    margin: 20px 20px 0 0;
	}
.returned_money h1, .returned_money h2, .returned_money h3 {
    width: 33%;
    float: left;
    text-align: center;
    font-size: 15px;
    padding: 10px 0 10px 0;
    color: #e8e8e8;
}
.returned_money h1 span, .returned_money h2 span, .returned_money h3 span {
    display: block;
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
    color: #fff;
}
.returned_money h1 a, .returned_money h2 a, .returned_money h3 a {
    display: block;
    color: #fff;
}
.datatypeoption {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.datatypeoption a {
    display: inline-block;
    width: 13.3%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    background-color: #d2d2d2;
    margin: 0 20px 0 20px;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
}
.datatypeoption a:hover,.datatypeoption .data_current{
    background-color: #5b7ebb !important;
    color: #fff !important;
}
.business_table {
    width: 100%;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
}
.business_table th {
    line-height: 32px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #7da3b9;
    color: #fff;
}
.business_table td {
    line-height: 32px;
    text-align: center;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.add_business {
    font-weight: bold;
    cursor: pointer;
}
.business_table .td_delete{
    color: #69C;
    cursor: pointer;
}
/**************************运营中心***************************/

/*----------------------------主页面-----------------------------*/
.ModuleBox{
	width: 98%;
    height: 320px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    position: relative;
    color: #666;
    box-sizing: content-box;
    margin: 20px auto 0;
	}
.MtitleBox{
	width: 100%;
    height: 42px;
    border-bottom: 1px solid #e5e5e5;
	}
.MtitleBox h1{
	line-height: 42px;
    width: 130px;
    float: left;
    margin-left:16px;
    color: #666;
	}
.MtitleBox h1 i{
	margin-right: 8px;
	}
.MtitleBox h2{
	font-size:20px;
	float:right;
	margin:12px 12px 0 0;
	}
.MtitleBox h2:hover{color: #3ad881;}	
.McontentBox{
	width:98%;
	}
.McontentBox .com_table{ 
	font-size: 12px;
    width: 98%;
    margin-left: 1%;
	}
.McontentBox .com_table thead tr{
    background-color: #fff;
}
.McontentBox .com_table th{
    padding: 0 0 0 15px;
    border-width: 0 0 1px 0;
	line-height: 32px;
    font-weight: bold;
    text-align: left;
	}
.McontentBox .com_table tbody {
    border-width: 0px;
}
.McontentBox .com_table tbody td{
    padding: 0 0 0 15px;
    line-height: 30px;
    text-align: left;
    border-width: 0 0 0 0;
    cursor: pointer;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
	}
.McontentBox .com_table tbody tr:nth-child(odd){
	background-color:#e8f1ec;
	}	
.McontentBox .com_table tbody tr:hover {
    background-color: #eee;
}

.right_height_auto{
	height: calc(100vh - 22px) !important;
    overflow: auto;
	}
/*----------------------------主页面-----------------------------*/


/************************element框架样式调整*************************/	

/*调整表格行高*/
.el-table__header tr,
.el-table__header th{
    padding:3px;
    height:40px;
    background-color:#f2f2f2;
}

.el-table__body tr,
.el-table__body td
{
    padding:3px;
    height:30px;
}
/*调整表单间距*/
.el-form-item {
    margin-bottom:15px;
}
/*校验提示信息**/
.el-form-item__error {
    padding-top:2px;
}
/*对话框样式调整*/
.el-dialog__body {
    padding:15px;
}
.dialog-footer {
    padding-top:10px;
}
/*.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width:100%
}*/
.el-checkbox {
    margin-right:10px;
}
.el-radio {
    margin-right:10px;
}

.el-input-group__append {
    background-color:white;
}
.textarea_button {
    height:54px;
    margin-left:-1px;
    border-radius:0 4px 4px 0;
    width:65px;
}

.tipClass {
    line-height:22px !important;
}
.el-message-box {
    width:360px;
}
.el-message-box60 {
    width:600px;
}
.el-tabs__content {
    padding:0px !important;
}

.el-transfer__buttons {
    padding: 0 10px !important; 
}
.el-menu.el-menu--horizontal {
    border-bottom:0px !important;
}
.dl_list_left {
    width: 70px;
    float: left;
    margin: 13px 0 0 0;
}
.dl_list_right {
    width: calc(100% - 70px);
    float: left;
}
.title_tab div {
    margin-left:0px;
}


/*_____new1样式调整________*/
.Left_Nav_tree li.el-submenu:hover {
    border-left: 5px solid;
    margin-left: 0px;
    border-color: transparent !important;
}
.Left_Nav_tree li{
	border-left: 0px solid !important;
    border-color: transparent !important;
	margin-left: 0px;
	transition: unset;
}
.Left_Nav_tree li.el-submenu{
	margin-left:5px;
	}
.Left_Nav_tree li.el-submenu:hover .el-submenu__title{
    border-left: 5px solid #70bae8;
    /*margin-left: -5px;*/
}
.Left_Nav_tree .el-submenu .el-submenu__title {
    height: 46px;
    line-height: 46px;
}
.el-submenu .el-menu {
    border: none;
    /*background-color: #23262e !important;*/
    margin-left: -5px;
}
.el-submenu .el-menu-item {
    height: 40px;
    line-height: 40px;
	color:#e0e0e0;
}
.el-submenu .el-menu li.el-menu-item:hover {
	background-color: #8a8a8a !important;
    border-left: 0px solid !important;
    margin-left: 0px;
    border-color: transparent !important;
}
.el-submenu .el-menu .is-active{
	background-color:#70bae8;
	}
	
.el-transfer-panel {
    width: 210px;
}
.el-transfer-panel  .el-checkbox {
    width: 182px !important;
}
.el-transfer__button {
    padding: 6px;	
}
.title_tab div {
    margin-left: 0px;
}
.title_tab .el-tabs__item {
    height: 28px;
    line-height: 28px;
}
.title_tab .el-tabs--border-card {
    box-shadow:none; 
}
.topbox_search .el-input--small{
	float:left;
	}
.el-table th div {
    line-height: 32px;
}

.Left_Nav_tree li.el-submenu:hover .el-menu{
	margin-left:0;
	}
.com_nav_left .el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 5px solid #F60 !important;
}
.com_nav_left .el-menu-item i {
    display: block;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    margin-top: 14px;
}
.com_nav_left .el-menu--horizontal>.el-menu-item {    
	height: 70px;
    line-height: 70px;
}
.com_nav_left .el-menu--horizontal>.el-menu-item a {
    display: block;
    line-height: 26px;
}

/**主页面调整**/
.MtitleBox .el-tabs--border-card {
    border-width: 0px;
	box-shadow: none;
}
.MtitleBox .el-tabs--border-card>.el-tabs__header {
    border-bottom-width: 0;
}
.MtitleBox .el-tabs--border-card>.el-tabs__header .el-tabs__item {
	border-bottom: 1px solid #e0e0e0;
    margin-top: -1px;
    background: url(../images/MtitleBox_bg.png) repeat-x;
}
.MtitleBox .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #666;
    background: #fff;
    border-top: 4px solid #409eff;
    border-bottom: 0;
    border-right: 1px solid #e0e0e0;
}
.MtitleBox .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-right: 1px;
}
.McontentBox .el-table__header tr,.McontentBox  .el-table__header th {
    background-color: #ffffff;
}
.McontentBox .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #e0ecf3;
}
.com_body_box .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
   color: #409eff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6;
    border-top-color: #dcdfe6;
    border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	-ms-border-radius: 20px 20px 0px 0px;
    box-shadow: inset 0px 10px 17px 1px rgb(255, 239, 232);
	-webkit-box-shadow: inset 0px 10px 17px 1px rgb(255, 239, 232);
	-moz-box-shadow: inset 0px 10px 17px 1px rgb(255, 239, 232);
}
.el-table .row-expand-cover .cell .el-table__expand-icon {
    display:none;
}
.el-table .warning-row {
    color:red !important;
}
.el-table .bgColor {
    background-color:#f5f39a;
}
.el-table__expanded-cell {
    padding:0px !important;
}
/************************element框架样式调整*************************/

/*********主页tab右键弹出框样式**********/
.el-tabs__nav .el-tabs__item:nth-child(1) span {
    display:none;
}

.contextmenu {
  width: 100px;
  margin: 0;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 3000;
  position: absolute;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.contextmenu li {
  margin: 0;
  padding: 7px 16px;
}
.contextmenu li:hover {
  background: #f2f2f2;
  cursor: pointer;
}
/*********主页tab右键弹出框样式***********/

/**************流程弹出框****************/
.FlowSelectPerson .el-dialog {
    margin-top: 1vh!important;
    width: 832px;
    margin: 0 auto 0;
}

.EchartDialog .el-dialog {
    margin-top: 15vh!important;
    width: 460px;
    margin: 0 auto 0;
}
}
.FlowSelectPerson .el-dialog__header {
    padding: 15px 20px 0px;
}
.FlowIframe {
    width: 800px;
    height: 530px;
    border: none;
}
.InstanceDialog .el-dialog {
    margin-top: 1vh !important;
    width: 780px;
    margin: 0px auto;
}
.InstanceDialog .icon_dialog {
    width: 760px !important;
    height: 435px !important;
}
.el-transfer-panel__body {
    height: 325px;
}
.el-divider--horizontal{margin: 10px 0px 15px;}
.InstanceDialog .selectuser_tree {
    height: 450px;
}
/**************流程弹出框****************/


/**************列表调整****************/
.el-input__icon {
	width:20px;
    line-height: 30px;
}
.el-table .cell, .el-table th div {
    padding-right: 6px;
    padding-left: 4px !important;
}
.tableDatePicker .el-input__inner {
    padding-right: 18px;
    padding-left: 24px;
}
.el-input.is-disabled .el-input__inner {
    color: #8e8e8e;
    font-size: 13px;
}
.el-radio__label {
    padding-left: 4px;
}
.el-input__prefix {
    left: 0px;
}
.cellClassName {
    color:red;
}
.cellClassName input {
    color:red;
}
.cellClassName span {
    color:red;
}
.cellClassName div {
    color:red;
}
/**************列表调整****************/


.el-message-box60 .el-message-box__message p {
    line-height: 32px;
}
.Suggest_Search {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 330px;
}
.dialog_800 .el-dialog {
    width: 800px !important;
}

.tableUpload {
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    background: url(../images/upload.png) no-repeat;
    width: 30px;
    height: 30px;
}
.tableUpload:hover,.tableUpload:active,.tableUpload:focus{
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    background: url(../images/upload.png) no-repeat;
    width: 30px;
    height: 30px;
}
.el-input__icon {
    width: 15px;
}
.Project_tree_left{ height: calc(100vh - 60px) !important;}
.Project_tree_left{ height: calc(100vh - 60px) !important;}
.item_type {
    display: inline-block;
    line-height: 30px;
    margin: 0 5px 0 50px;
}


/*_____new1样式调整________*/
.el-table .caret-wrapper {
    width: 10px;
}
.el-table .sort-caret {
    left: 2px;
}
.el-icon-date{
	margin-left:4px;
	}
.is-current>.el-tree-node__content {
    background-color: #fdf2c2 !important;
}
.el-dialog__header {
    padding: 15px 20px 10px;
}
.el-collapse-item__wrap {
    border-bottom: 1px solid #dcdfe6 !important;
}
.AuditingTabs .el-tabs__header {
    margin: 12px 14px 5px !important;
}
.AuditingTabs .el-tabs__item {
    line-height: 30px;
    height: 30px;
    border-radius: 16px;
    margin-right: 20px;
}
.AuditingTabs>.el-tabs__header .el-tabs__nav {
    border: none;
}
.AuditingTabs>.el-tabs__header .el-tabs__item.is-active {
    color: #fff;
    background-color: #89bb97;
}


/*_____new1样式调整________*/


.Flow_Table_Box{
	padding: 20px 0 10px 50px;
    overflow: hidden;
    display: table;
    margin: 0 auto;
	}
.Flow_Table_Box .Chart_Table0 .color_finish{
	
	}
.Flow_Table_Box .Chart_Table0 .color_finish div{
	line-height: 32px;
    font-weight: bold;
    font-size: 14px;
	color:#666;
    border-width: 2px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	}
	
.ProjectKanban_box{
	height:calc(100vh / 2.1);
	}
.ProjectKanban_box h1{
	font-size: 16px;
    line-height: 48px;
    text-align: center;
    background-color: #e7e6e6;
    border: 1px solid #dbdbdb;
    border-bottom-width: 0;
	}	
.Project_List{
	height: calc(100% - 80px);
    border: 1px solid #dbdbdb;
    overflow: auto;
    padding: 0 25px;
	}
.Project_List::-webkit-scrollbar{  
	width:6px;
	}  /*定义滚动条样式，如长宽*/

.Project_List::-webkit-scrollbar-thumb{ 
	width:6px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	background-color: #e0e0e0;
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	}  /*定义滚动条上下滑块的样式*/

.Project_List::-webkit-scrollbar-track{ 
	background-color:transparent;
	}  /*定义滚动条主干部分（背景）的样式*/

.Project_List a{
	display: inline-block;
    margin-top: 20px;
	}
.Project_List a h2{    
	display: block;
    font-size: 15px;
    color: #666;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
	}
.Project_List a:hover h2 {
    font-size: 18px;
    color: #909090;
}
.Project_List a hr{
	margin: 0 25px;
    background-color: #fff;
    box-shadow: 0px 1px 3px 1px rgba(150, 150, 150, 0.4);
	-webkit-box-shadow: 0px 1px 3px 1px rgba(150, 150, 150, 0.4);
	-moz-box-shadow: 0px 1px 3px 1px rgba(150, 150, 150, 0.4);
	-ms-box-shadow: 0px 1px 3px 1px rgba(150, 150, 150, 0.4);
	}
.Project_List a i{
	display: block;
    line-height: 22px;
    font-size: 13px;
    font-style: unset;
    color: #787878;
    background-color: #e0e0e0;
    text-align: center;
    margin: 6px 15px 0 15px;
	}


.Structure_Decomposition{
	padding: 20px 0 10px 0px;
    overflow: hidden;
    display: table;
    margin: 0 auto;
	}
/*.Structure_Decomposition .Chart_Table0 .border_r_line,.Structure_Decomposition .Chart_Table0 .border_b_line{
	border-color: #d0d0d0;
	}*/
.Structure_Decomposition .chart_node {
    border-width: 0; 
}
.Structure_Decomposition .chart_content{
    line-height: 32px;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #ababab;
	}
.Structure_Decomposition .Chart_Table0 td p{
	font-size: 12px;
    color: #666;
    padding: 2px 10px;
    display: inline-block;
    background-color: #fdffca;
    margin-bottom: -2px;
	}
/***********orjchar样式调整************/
.orgchart {
    background-image:none !important;
    width:1000px;
    overflow:auto;
	padding:0;
}
.Flow_Table_Box1{
	padding: 30px 0 10px 0;
    overflow: hidden;
    display: table;
	}
.title {
    background-color: #52a97d !important;
}
.content {
    border-color:#52a97d !important;
}
.content_over {
    width: 100%;
    height: 20px;
    font-size: 11px;
    line-height: 18px;
    border: 1px solid #52a97d ;
    border-radius: 0 0 4px 4px;
    text-align: center;
    background-color: #fff;
    color: red;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/***********orjchar样式调整************/

.dl_list_left_report .el-checkbox-button {
    float: left;
}
.bg_color_orange .el-checkbox-button__inner {
    padding: 6px 15px;
    border-radius: 4px !important;
    background-color: #dab98b !important;
    border-color: #dab98b !important;
}
.bg_color_green .el-checkbox-button__inner {
    padding: 6px 15px;
    border-radius: 4px !important;
    background-color: #8fbfaf !important;
    border-color: #8fbfaf !important;
}
.bg_color_red .el-checkbox-button__inner {
    padding: 6px 15px;
    border-radius: 4px !important;
    background-color: #d2786b !important;
    border-color: #d2786b !important;
}
.PhaseNoise.datetextbox {
    display: inline-block;
    margin-left: 0px;
}
.PhaseNoise .com_input {
	/*width:180px;*/
    padding-right: 90px !important;
}


.search_results{
	margin-left:0; 
	padding:2px 0 10px 12px; 
	border-bottom:1px solid #dadada;
	}
.search_results span {
    font-size: 14px;
    color: #757575;
    font-weight: 600;
    display: inline-block;
    margin-right: 30px;
}
.search_results span b {
    font-size: 20px;
}
.search_results i {
    font-size: 22px;
    color: #d6d6d6;
}
.search_results a {
    display: inline-block;
    margin-left: 30px;
    font-weight: 600;
    color: #da5858;
    font-size: 14px;
    padding: 2px 14px;
    border: 1px solid #d6d6d6;
    border-radius: 12px;
    background-color: #f3f3f3;
}


.AppliedFiltering {
    margin-left: 0;
    padding: 10px 0 0px 12px;
    line-height: 28px;
    font-weight: 600;
    color: #757575;
    overflow: hidden;
}
.AppliedFiltering_L{
	float: left;
	}
.AppliedFiltering_R{
	float: left;
    width: calc(100% - 360px);
	}
.FilterOneBox{
	color: #666;
    font-weight: normal;
    border: 1px solid #9a9a9a;
    border-width: 1px 0 1px 1px;
    background-color: #e4e4e4;
    padding: 4px 10px;
    margin-left: 5px;
	position:relative;
	}	
.FilterTwoBox{
	color:#fff;
	font-weight:normal; 
	border: 1px solid #797979; 
	border-width: 1px 0 1px 0px;
	border-radius: 0 13px 13px 0; 
	padding: 4px 34px 4px 25px;
	margin-left: -4px;
	background-color: #797979;
	position:relative;
	}
.FilterTwoLeft {
    display: inline-block;
    width: 13px;
    height: 25px;
    background: url(../images/triangle_right.png) no-repeat;
    position: absolute;
    right: -12px;
    top: -1px;
    z-index: 100;
}
.FilterTwoRight{
	display:inline-block;
	width:11px;
	height:11px;
	background:url(../images/white_close.png) no-repeat;
	position: absolute;
	right: 12px;
	top: 7px;
	}
.SingleFilter{
	display: inline-block;
	color: #fff;
    font-weight: normal;
    line-height: 26px;
	padding: 0 34px 0 12px;
    margin-left: 20px;
	margin-bottom: 10px;
	background-color: #d68282;
	border-radius: 13px;
	position:relative;	
	}
.search_list_bg{
	background-color: #dedede;
    overflow: hidden;
    padding: 15px;
	}	
.search_list_box {
    float: left;
    margin-right: 1.5%;
    margin-bottom: 30px;
    position: relative;
}
.search_list_title{
	font-weight: bold;
    line-height: 32px;
    padding: 0px 0 8px 6px;
	}
.search_list{
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 10px 0 6px 0px;
	}
.search_list_content{
	height: 220px;
    overflow-y: scroll;
    margin-bottom: 10px;
	padding-left:10px;
	}
.search_list p{
	padding: 4px 4px;
    margin: 5px 0;
    font-size: 14px;
    text-indent: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	}
.search_list p:hover{
	background-color: #ececec;
	}
.search_list .current_p{
	background-color: #ececec;
	} 
.search_list .disabled_option{
	background-color: transparent !important;
    cursor: not-allowed;
    color: #b7b7b7;
	}
.select_disabled p{
    color: #b7b7b7;
    cursor: not-allowed;
}
.select_disabled p:hover{
	background-color: transparent;
	}
.reset_search {
    position: absolute;
    bottom: -26px;
    width: 100%;
    font-size: 12px;
    color: #d68282;
    line-height: 24px;
    text-align: center;
    background-color: #fff;
    border-top: 2px solid #dedede;
    border-radius: 0 0 5px 5px;
}
.reset_search:hover{
	background-color: #f5f5f5;
	}
.GreaterThanEqual{
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #d0d0d0;
}
.GreaterThanEqual a{
    display: inline-block;
    width: 50%;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    background-color: #eaeaea;
}
.GreaterThanEqual a:hover{
	color: #a0a0a0;
	}
.search_list_title .com_input{
    display: inline-block;
    margin-left: 8px;
	font-weight: normal;
}
.select_disabled .com_input {
    cursor: not-allowed;
}
.search_list_title .a_nuit{ font-weight:normal;}

.OPK{
	display: inline-block;
	margin-left:5px;
	}
.OPK span{
	border: 1px solid #dadada;
    padding: 7px 16px;
    background-color: #fff;
    margin-left: -5px;
    cursor: pointer;
	}
.OPK span.current,.OPK span:hover{
	background-color: #427cae;
    color: #fff;
	}
.opk_disabled{
	color: #b7b7b7;
	background-color: #fff;
    cursor: not-allowed !important;
	}
.OPK .opk_disabled:hover{
	color: #b7b7b7;
	background-color: #fff;
	}

.Usegood,.GeneralProblem,.jibenmanyi,.MajorProblem,.chaojibumanyi{
	display:inline-block;
	width:50px;
	height:15px;
	margin: 0 4px -4px 0;
	background:url(../images/0Usegood.png) no-repeat;
}
.GeneralProblem{
	background:url(../images/0GeneralProblem.png) no-repeat;
	}
.jibenmanyi{
	background:url(../images/0jibenmanyi.png) no-repeat;
	}
.MajorProblem{
	background:url(../images/0MajorProblem.png) no-repeat;
	}
.chaojibumanyi{
	background:url(../images/0chaojibumanyi.png) no-repeat;
	}
.el-form-item__content .el-input-group {
    vertical-align: middle;
}

.TableEdit .el-input-group__append {
    border: none;
}

.el-table__body tr.current-row>td {
	background-color: #cde5ff;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
	background-color: #cde5ff;
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
    background-color: #cde5ff;
}



/*%%%%%%%%%%%%项目看板%%%%%%%%%%%%%%%%%%%%*/
.Project_Board_Box{
	font-size:14px;
	color:#666;
	margin:10px 0 0 10px;
	max-height:calc(100vh - 105px); 
	width: calc(100% - 30px );
	overflow:auto;
	/*border-bottom: 1px solid #e2e2e2;*/
	position:relative;
	}
.Project_Board_Box::-webkit-scrollbar {
    width:6px;
	height:6px;
}/*滚动条宽度*/
.Project_Board_Box::-webkit-scrollbar-thumb{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	background-color: #b5b5b5;
}/*滚动条样式*/
.Project_Board_Box::-webkit-scrollbar-track{
	background-color: #e4e7ed;
}/*滚动条背景*/
.Project_Board_Legend{
	overflow:hidden;
	margin-left:30px;
	}
.Project_Board_Legend li{
	float: left;
    margin-right: 55px;
	font-weight:normal;
	}
.Project_Board_Legend li span{
	display: inline-block;
    width: 15px;
    height: 15px;
	background-color:#a2daa8;
    margin: 0 8px -3px;
	}
.Project_Board_Legend li .Legend1{
	width: 14px;
    height: 14px;
	background-color:#fff;
	border:dashed 1px #e25c33;
	}
.Project_Board_Legend li .Legend2{	 
	background-color:#a5a5a5;
	}
.Project_Board_Legend li .Legend3{	 
	background-color:#f3b6b6;
	}	
.PB_tips{ 
	display:inline-block; 
	float:right;
	margin-right:10px;
	}		
.PB_table .thead{
	background-color:#f1f1f1;
	}
.PB_table.com_table tbody td{
	padding: 3px 5px;
	border: 1px dashed #e2e2e2;
	position:relative;
	min-width: 98px;
	}
.PB_table.com_table tbody .Project_title,.PB_table.com_table tbody .stage{border: 1px solid #e2e2e2; }
.PB_table.com_table tbody .stage{ width:66px;}
.PB_table.com_table tbody .Project_title{
	background-color: #f0ffe5;
    width: 120px;
    word-break: break-all;
	}
.state1{background-color:#cdcdcd;}
.state2{background-color:#fff0b6;}
.plan_time{
	display:inline-block;
	height:16px;
	position:absolute;
	top:5px;
	z-index:3;
	border:dashed 1px #e25c33;
	}
.complete_time{
	display:inline-block;
	height:10px;
	position:absolute;
	top:9px;
	background-color:#a5a5a5;
	}
.actual_time{
	display:inline-block;
	height:10px;
	position:absolute;
	top:9px;
	background-color:#a2daa8;
	}
.overdue_time{
	display:inline-block;
	height:10px;
	position:absolute;
	top:9px;
	background-color:#f3b6b6;
	}
.Project_Board_bottom.com_table tbody td{
	background-color:#f1f1f1;
	border: 1px solid #e2e2e2; 
	}
.Project_Board_bottom{
	position: fixed;
    bottom: 11px;
	margin-left:10px;
    width: calc(100% - 30px);
	}
.ren_number{
	position: absolute;
    right: -28px;
    top: -2px;
    font-size: 12px;
    color: #bbb;
	}
	

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


.tabdate-hidedate input{
    width: 20px;
    padding: 0 10px 0 23px !important;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.tabdate-hidedate .el-input__suffix{
    right: 11px;
}

.tabdate .el-radio-group label:last-child span{
    border-radius: 0;
}



.Work_Calendar {
    padding-left: 0;
    padding: 0 200px;
}
.Work_Calendar .el-input {
    margin: auto;
    width: 24% !important;
}
.Work_Calendar .el-input .el-input__inner {
    border: none;
    font-size: 20px;
    text-align: center;
}
.Work_Calendar .el-input .el-input__prefix i {
    display: none;
}
.Work_Calendar .Work_prefix{
    display: inline-block;
    float: left;
    width: 38%;
    height: 18px;
    background: url(../images/M_to_left.png) right no-repeat;
    padding: 25px 0 0 0px;
}
.Work_Calendar .Work_suffix{
	display: inline-block;
    float: right;
    width: 38%;
    height: 18px;
    background: url(../images/M_to_right.png) left no-repeat;
    padding: 25px 0 0 0px;
	}


.more_search{
    margin-left: 8px;vertical-align: bottom;display: inline-block; vertical-align: bottom; margin-bottom: 2px; color: #409eff;
}

.more_search:hover{
    color: #66b1ff;
}

.more_search i{
    margin-left: 5px;
}

.timeline_box {
    padding: 20px 20%;
}
/*公用列表表格最小高度*/
.my-table .el-table__body-wrapper,.my-table .el-table__body-wrapper .el-table__empty-block  {
	min-height:500px !important;
}
/*非公用列表控制表格最小高度*/
.list_table .el-table__body-wrapper,.list_table .el-table__body-wrapper .el-table__empty-block  {
	min-height:500px !important;
}

/* 分页器 页字优化 */
.table_page_tool .is-in-pagination {
    margin-right: 10px;

}
/*tab标签阴影处理 */
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){
	box-shadow:none !important;
	}

/*处理物料描述输入框*/
.el-row .el-col label[for*="DescriptionValue"]{
    height: 42px;
}



/*------------------登录---------------------*/
.login_bgBox{
	position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh);
    background:url(../images/loginbg.png) center;
	background-size:cover;
}
.login_card_Box{
	position: fixed;
    top: 50%;
    left: 50%;
    width: 630px;
    height: 300px;
    margin: -150px 0 0 -315px;
    background: url(../images/loginbgsmall.png) repeat-x;
    border-top: 1px solid #8dcbe4;
    border-left: 1px solid #6abfe2;
    border-right: 1px solid #6abfe2;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	}
.login_card_content{
	width:610px;
	height:280px;
	margin:10px 0 0 10px;
    background-color: #fff;
    position: relative;
	-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.20);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.20);
	box-shadow:0px 1px 6px rgba(0, 0, 0, 0.20);
	}
.login_card_left,.login_card_right{
	width: 50%;
    float: left;
	}	
.login_card_left .logoimg{
    width:160px;
	height:60px;
	margin:80px 0 0 70px;
    background: url(../images/loginlogo.png) center no-repeat;
    background-size: contain;
	}
.login_card_left .Company_Name{
    font-size: 15px;
    color: #666;
    margin: 44px 0 0px 70px;
	}	
.login_card_left .System_Version{
	font-size:12px;
	color:#666;
	margin:40px 0 0px 80px;
	}
.login_text{
	font-size: 18px;
    font-weight: 600;
    color: #b1b1b1;
    margin: 45px 0 0 60px;
}

.UserName{
	position: relative;
    width: 200px;
    margin: 35px 0 20px 20px;
    padding: 0 10px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border: #dadada solid 1px;
	}
.Password {
    position: relative;
    width: 200px;
    margin: 20px 0 0 20px;
    padding: 0 10px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border: #dadada solid 1px;
}

.UserName input, .Password input {
	height: 28px;
	line-height:28px;
    width: 100%;
	border:none;
	padding:0;
}
.LoginBotton{
    float: right;
    width: 110px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin: 20px 63px 0 0;
    text-align: center;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border: 1px solid #43a3cc;
    background-color: #43a3cc;
}
.LoginBotton:hover{
	opacity:0.7;
	}
/*------------------登录---------------------*/


/*------------------主体（ERP 蓝灰配色）---------------------*/
.header_top{
	height:50px;
	background-color: #1e3a5f;
	background: linear-gradient(180deg, #1e3a5f 0%, #2c5282 100%);
	background-size: cover;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	padding: 0;
	}
/* 左侧 220px 与 el-aside 同宽，仅放 logo，避免顶部选中白底与左侧导航重叠 */
.header_top .header_left {
	width: 220px;
	min-width: 220px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	}
.header_top .header_right {
	flex: 1;
	display: flex;
	align-items: stretch;
	min-width: 0;
	}
.header_top .header_img {
    width: 172px;
    height: 50px;
    background: url(../images/logo.png) center no-repeat;
    background-size: contain;
    margin: 0 0 0 16px;
}
.header_menu{
	flex: 1;
	display: flex;
	align-items: stretch;
	}
.header_menu .el-menu-item i{
	color: inherit;
	}
.header_top .el-menu--horizontal>.el-menu-item,.header_top .el-menu--horizontal>.el-submenu .el-submenu__title{
    height: 50px;
    line-height: 50px;
}
.header_top .el-menu--horizontal>.el-menu-item:hover,.header_top .el-menu--horizontal>.el-submenu .el-submenu__title:hover{
    background-color: rgba(255,255,255,0.12) !important;
}
.header_top .el-menu--horizontal>.el-menu-item.is-active{
    background-color: rgba(255,255,255,0.18) !important;
    border-bottom: 2px solid #93c5fd;
}
.submenu_bg .el-submenu__title,.submenu_bg .el-menu-item{
	color:#333 !important;
	background-color:#fff !important;
	}
.submenu_bg .el-submenu__title:hover,.submenu_bg .el-menu-item:hover{
	color:#1e3a5f !important;
	background-color:#e0f2fe !important;
	}
.el-menu--horizontal .el-menu--popup {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
}
.header_top .el-submenu__title i{
	color:#FFF;
	}
.el-aside{
	height:calc(100vh - 62px);
	border-right: solid #e2e8f0 1px;
	background-color:#f8fafc;
	overflow:auto;
	}
.header_user {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding-right: 16px;
}
.header_user .el-avatar{
	vertical-align: middle;
    margin-right: 10px;
	width: 36px;
    height: 36px;
	background: #475569;
	}
.Log_in_user.el-dropdown {
    color: #e2e8f0;
    line-height: 50px;
	font-size:14px;
}
.header_user .el-dropdown i {
	font-size:14px;
	}
.Log_drop .el-dropdown-menu__item{ font-size:13px;}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #e1efff;
}

.el-main{ padding:0}
.el-main .top_nav{ 
	padding: 0;
    margin: 2px 2px 0 2px;
    height: 35px !important;
}
.blue_link {
    color: #007cff;
    cursor: pointer;
    display: inline-block;
}

.blue_link:hover {
    color: #ff8300;
    cursor: pointer;
    }

.top_nav .el-tabs__item {  
	font-size:14px; 
	height: 34px;
    line-height: 34px;
    color: #808080;
 }
.top_nav .el-tabs__item i,{
	font-size: 15px;
    margin-right: 5px;
	}
.top_nav .el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close,
.top_nav .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{
	font-size:15px;
	width:15px;
}
.top_nav .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, 
.top_nav .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 15px;
}
.top_nav .el-tabs__item.is-active{
	border-bottom-color: #f3f3f3 !important;
	background-color: #f3f3f3;
}
/*---------------------主体--------------------------*/


.ceter_main{
	height: calc(100vh - 87px);
    padding: 12px;
    background: #f3f3f3;
	}
.ceter_main .main_box_card{
	height: calc(100% - 4px);
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 0px rgba(0,0,0,.1);
	overflow:auto;
	}
.main_box_card .el-card__body{
	padding: 0px;
	}

/*.ceter_main .main_box_card .el-card__body iframe::-webkit-scrollbar{  
	width:6px;
	}  /*定义滚动条样式，如长宽*/
/*.ceter_main .main_box_card .el-card__body iframe::-webkit-scrollbar-thumb{ 
	width:6px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	background-color: #a4b8ce;
	}  定义滚动条上下滑块的样式*/
/*.ceter_main .main_box_card .el-card__body iframe::-webkit-scrollbar-track{ 
	background-color: #e4e7ed;
	}  定义滚动条主干部分（背景）的样式*/


.main_iframe{
	border: 0;
    height: calc(100vh - 128px);
    width: 100%;
	}

.view_header{
	margin-left:12px;
	}
.view_header .search_line{
	margin: 10px 20px 10px 10px;
	}
/*.search_box{
    display: inline-block;
}*/
.search_header {
    margin: 10px 10px 0 10px;
}
.search_header .search_line{
	padding-top: 16px;
    margin-top: 8px;
	margin-bottom:14px;
    border-top: 1px solid #dadada;
	}
.search_line .el-input--small .el-input__inner {
    height: 30px;
    line-height: 30px;
	border-radius:0px;
}
.search_line .el-form-item{
	margin-bottom: 12px;
	}
.el-button {
    border-radius: 1px;
}
.el-button+.el-button {
    margin-left: -3px;
}
.Btn_Group_Box .el-button+.el-button {
    margin-left: -2px;
}
.el-button--success:focus, .el-button--success:hover {
    background: #6bc191;
    border-color: #6bc191;
    color: #FFF;
}
.el-button--success{
	background: #57b17f;
    border-color: #57b17f;
    color: #FFF;
	}
.Button_bg_orange{
	background: #e8b351;
    border-color: #e8b351;
    color: #FFF;
	}
.Button_bg_orange:focus, .Button_bg_orange:hover {
    background: #efc170;
    border-color: #efc170;
    color: #FFF;
}
.more_search {
    margin-left: 8px;
	font-size: 13px;
    vertical-align: bottom;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px;
    color: #409eff;
}


/*.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
    width:8px;
}
.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	background-color: #a4b8ce;
}
.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-track{
	background-color: #e4e7ed;
}*/

/*--------------------table------------------------*/
.table_box{
	padding: 10px;
	}
.table_box thead th{
	background-color: #f2f2f2;
	padding: 8px 0;
	}
.table_box .el-table{
	/*font-size:15px;*/
}
.table_box .el-table td,.table_box .el-table th {
    padding:5px 0;
}
.table_box .el-table{
	width:100%; 
	}
.table_box .table_edit td,.table_box .table_edit .cell,.table_box .table_edit td:first-child .cell{
	padding:0;
}
.table_edit td .el-input.is-disabled .el-input__inner{
	border-width: 0;
    border-radius: unset;
    background-color: #d0d0d0;
    color: #4c4c4c;
	}
.table_box .el-input-group__append .el-button{ margin: -10px -28px;}
.table_page_tool {
    position: relative;
    padding: 7px 0px 0px 0px;
    text-indent: 6px;
    border: solid #e2e2e2;
    border-width: 1px;
    height: 34px;
    /*font-size: 15px;*/
    white-space: nowrap;
    background-color: #f2f2f2;
    margin-top: -1px;
}
/*--------------------table------------------------*/

/*--------------------主页面------------------------*/

.workbench_box1,.workbench_box2,.workbench_box3,.workbench_box4{
	width: calc(25% - 10px);
    float: left;
    padding-bottom: 22px;
    border-bottom: 1px solid #e5e5e5;
	}
.workbench_box1{
    margin-left: 20px;
	}	
.workbench_line{
	width:100%;
	height:70px;
	border-right:#e5e5e5 1px solid;
	position:relative;
	}
.workbench_box4 .workbench_line{
	border-right:none;
	}	
.workbench_img{
	width:82px;
	height:82px;
	margin-left:30%;
	margin-top:12px;
	background:url(../images/main_01.png) no-repeat center;
	}
.workbench_box2 .workbench_img{
	background:url(../images/main_02.png) no-repeat center;
	}	
.workbench_box3 .workbench_img{
	background:url(../images/main_03.png) no-repeat center;
	}	
.workbench_box4 .workbench_img{
	background:url(../images/main_04.png) no-repeat center;
	}	
	
	
.workbench_line span{
	position: absolute;
    left: 54%;
    top: 23%;
    font-size: 20px;
    font-weight: bold;
    color: #666;
	}
.workbench_line a{
	position: absolute;
    bottom: 5%;
    left: 54%;
    font-size: 16px;
    color: #666;
	}

/*--------------------主页面------------------------*/



.el-link.table_link {
    font-size: 18px;
    font-weight: bold;
    color: #409EFF;
    padding: 1px;
}
.Edit_Box{
	margin-left:20px;
	}
.Edit_Box .title_h {
    margin: 40px 0 30px 20px;
	}
.Edit_Box .title_h .el-divider__text{
	font-size: 20px;
	}
.search_line .com_block{
	display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
	}
/*.search_line .input_inline .el-input{
	width:200px;
	}
.search_line .datetextbox .input_inline{
	width:504px;
	}*/
.search_line .datetextbox .el-input{
	width: 50%;
	float:left;
	}
.el-date-editor.el-input {
    width: 100%;
}
	
.top_nav .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 20px;
    padding-right: 20px;
}

.header_menu>.el-submenu .el-icon-arrow-down{
	display:none;
	}
.header_menu>.el-submenu .el-submenu__title{
	font-size:18px;
	padding:0 26px
	}
.search_line  .input_inline{
	width: calc(100% - 90px);
	}
.el-transfer__buttons .el-button+.el-button {
    margin-left: 0px !important;
}
.tree_border_right .title_tab{
	padding-top:0;
	}

.sign_task{
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-right: 30px;
}

@media screen and (min-width:1200px){	
.search_line .com_block{width:32%;}
}
@media screen and (max-width:1200px){	
.search_line .com_block{width:48%;}
}
@media screen and (max-width:800px){	
.search_line .com_block{width:98%;}
}
@media screen and (min-width:1600px){	
.search_line .com_block{width:24%;}
}


/*调整input number样式*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance:none;
}
input[type="number"] {
    -moz-appearance:textfield;
}

/*调整input number样式*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance:none;
}
input[type="number"] {
    -moz-appearance:textfield;
}