.flow-icons{background-image:url('img/flow-icons.png');background-repeat:no-repeat;background-position:-999px -999px;}

.drop-handler,
.drop-handler .drop-text{position:relative;}
.drop-handler .drop-text{}
.drop-handler .drop-text i{width:8px;height:4px;position:absolute;}
.drop-handler .drop-list{display:none;position:absolute;left:0;z-index:10;background:#fff}
.drop-handler .drop-list a{display:block;padding:2px;color:#666;}
.drop-handler .drop-list a:hover{background:#e8e8e8;color:#388ff0}

.sys-name{padding-left:20px;line-height:80px;font-size:20px;color:#fff;font-family:\5FAE\8F6F\96C5\9ED1;}
.flow-search{margin:80px auto 0;width:563px;background:#fff;}
.flow-search .web-title{width:178px;height:31px;margin:0 auto;padding-bottom:30px;font-size:32px;color:#333;text-align:center;font-family:\5FAE\8F6F\96C5\9ED1;font-weight:normal;line-height:32px;}
.flow-search .search-wrap{position:relative;padding-right:77px;width:480px;height:48px;border:3px solid #358be2;}
.flow-search .flow-ipt{height:40px;position:relative;top:4px;padding-left:81px;}
.flow-search .drop-top-handler{position:absolute;left:0;width:90px;height:40px;border-right:1px solid #e5e5e5;font-size:14px;line-height:28px;text-align:center;color:#666}
.flow-search .drop-top-handler .drop-list{width:100%;border:1px solid #ddd;border-top:0;top:46px;left:-1px;}
.flow-search .drop-top-handler .drop-text{height:40px;line-height:40px;cursor:pointer;font-size:14px;}
.flow-search .drop-top-handler .drop-text i{background-position:0 -38px;right:8px;top:18px;}
.flow-search .flow-ipt .flow-s-ipt{height:40px;border:0;width:300px;margin-left:20px;line-height:40px;color:#999;font-size:14px;}
.flow-search .flow-s-btn{width:77px;height:48px;border:0;position:absolute;right:0;top:0;background:url('img/zpsbtn.gif') no-repeat}
.helper{line-height:80px;color:#fff;}

.flow-main{position:relative;}
.flow-bg{left:50%;top:80px;margin-left:-950px}
.flow-timeline{width:1000px;position:absolute;top:0;left:50%;margin-left:-500px;}
.flow-container{border-top:1px solid #ddd;top:90px;position:absolute;width:1000px;left:0;min-height:100%;_height:100%;padding-top:10px;background:url('img/line.gif') repeat-y 163px top;}
.flow-title{position:absolute;top:-43px;left:10px;width:125px;height:40px;border-bottom:3px solid #358be2;font-size:20px;text-align:center;font-family:\5FAE\8F6F\96C5\9ED1;line-height:40px}
.flow-title h2{font-weight:normal;}

.flow-box{position:relative;}
.flow-box-hd{position:relative;height:20px}
.flow-box-hd span{width:100px;height:33px;position:absolute;top:-34px;left:25px;background-position:0 0;line-height:32px;text-align:center;font-family:\5FAE\8F6F\96C5\9ED1;color:#003366;font-size:16px}
.flow-item-wrap{padding-bottom:10px;}
.flow-item-wrap .flow-name{width:125px;padding-top:5px;margin-left:10px;}
.flow-item-wrap .flow-name b{height:20px;padding-bottom:5px;color:#5ea2ff;font-size:14px;text-align:right;line-height:20px}
.flow-item-wrap .flow-name .alone-name{padding:0;height:40px;line-height:40px;}
.flow-item-wrap .flow-name .drop-handler{border:1px solid #bfbfbf;height:28px;background-color:#fff;color:#333;line-height:28px}
.flow-item-wrap .flow-name .drop-handler .drop-text{height:28px;padding:0 20px 0 5px;cursor:pointer}
.flow-item-wrap .flow-name .drop-handler .drop-text i{right:9px;top:12px;background-position:-13px -38px;}
.flow-item-wrap .flow-name .drop-handler .drop-list{left:-1px;border:1px solid #bfbfbf;border-top:0;top:28px;width:100%}
.flow-item-wrap .flow-name .drop-handler .drop-list a{padding-left:5px;color:#333;}
.flow-item-wrap .flow-name .drop-handler .drop-list a:hover{color:#388ff0}
.flow-item-wrap .flow-item{width:841px;}
.flow-item-wrap .flow-item .flow-item-hd{width:796px;padding-left:45px;height:40px;background:url('img/itembg.gif') no-repeat 0 -45px;color:#333;line-height:40px;cursor:default}
.flow-item-wrap .flow-item .flow-item-hd ul li{float:left;padding-right:20px;}
.flow-item-wrap .flow-item .flow-item-hd ul li .flow-name-title{}
.flow-item-wrap .flow-item .flow-item-hd .detail-btn{padding-right:20px;white-space:nowrap}
.flow-item-wrap .flow-item .flow-item-hd .detail-btn a{color:#333}
.flow-item-wrap .flow-item .flow-item-bd{display:none;width:812px;margin-left:29px;background:#f8f8f8}
.flow-item-wrap .flow-item .flow-item-bd table tr td,
.flow-item-wrap .flow-item .flow-item-bd table tr th{padding:10px;text-align:center;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.flow-item-wrap .flow-item .flow-item-bd table tr .no-r{border-right:0}
.flow-item-wrap .flow-item .flow-item-bd table tr .no-b{border-bottom:0}
.flow-item-wrap .flow-item .flow-item-bd table tr .no-t{border-top:0}
.flow-item-wrap .flow-item .flow-item-bd table tr .no-l{border-left:0}
.flow-item-wrap .flow-item .flow-item-bd table tr .red{color:red}
.flow-item-wrap .flow-item2{position:relative;}
.flow-item-wrap .flow-item2 .flow-top-info{width:100%;position:absolute;top:-25px;text-align:right;color:#5ea2ff;}
.flow-item-wrap .flow-item2 .flow-top-info span{padding-left:25px}
.flow-item-active .flow-item .flow-item-hd{background-position:0 0;color:#fff}
.flow-item-active .flow-item .flow-item-hd .detail-btn a{color:#fff;}
.flow-item-active .flow-name b{color:#fff;}
/*.flow-item-wrap .flow-name .drop-handler{border:1px solid #bfbfbf;background-color:#fff;}
.flow-item-wrap .flow-name .drop-handler .drop-text{cursor:pointer}*/
.flow-item-active .flow-item2 .flow-top-info{color:#fff}
.J-Flow .flow-item .flow-item-hd{cursor:pointer;}
.flow-item-wrap .flow-name .drop-handler .disable-text{background-color:#ccc;cursor:default}

.dot-hd{width:37px;height:37px;position:absolute;top:-37px;left:147px;background-position:-103px 0}