body{
	overflow-y:hidden;
	/*min-width:1250px;*/
	overflow-x:hidden;
}
.headCon{
	height:40px;
	width:100%;
	background-color: #3f51b5;
}
.nav{
	margin-left: 255px;
	color:#FFFFFF;
}
.nav li{
	float:left;
	line-height: 40px;
    margin-right: 30px;
}
.logo{
	float:left;
	padding: 3px 0 0 18px;
}
#promptBox{
    width: 18%;
    height:18%;
    position: absolute;
    top:40%;
    left: 45%;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #fff;
    display:none;
    cursor:default;
    z-index: 5000;
    background-color: #0C0C0C;
}
#promptBox>span{
    display: inline-block;
    width: 96%;
    height: 15%;
    line-height: 30px;
    font-size: 18px;
    text-align: right;
}
#promptBox div{
    display: flex;
    height:85%;
    justify-content: center;
    align-items: center;
}
.searchCon{
	background-color: #f5f5f5;
    border-right: 1px solid #e4e4e4;
    float: left;
    height: 500px;
    width: 254px;
}
.searchConClose{
	height: 13px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 13px;
    cursor:pointer;
}
.searchDetail{
	margin: 38px 0 0 18px;
	position: relative;
}
.searchType{
    width: 210px;
    height:32px;
    color: #444;
}
.searchType li{
	cursor: pointer;
    float: left;
    height: 22px;
    padding: 1px 5px;
    text-align: center;
	line-height: 22px;
}
.active{
	background-color:#0097e5;	
}
#input{
	height: 32px;
    width: 198px;
	margin-top: 10px;
	border: 0px;
	padding-left: 12px;
}
#search-Btn{
    color: #ffffff;
    height: 32px;
    line-height: 35px;
    margin-top: 10px;
    text-align: center;
    width: 210px;
	cursor:pointer;
	display:inline-block;
	background-color: #337ab7;   
}
#search-Btn:hover{ 
	background-color:#286090;
}
.history{
	color: #626972;
    margin: 27px 15px 0 18px;
    overflow-x: hidden;
    overflow-y: auto;
}
.history p{
	margin-bottom: 18px;
}
.history ul li{
	background-color: #ffffff;
    border: 1px solid #ededed;
    border-radius: 13px;
    margin-bottom: 15px;
    padding: 2px 25px 2px 15px;
    position: relative;
    width: 168px;
}
.itemCon{
	background-color: #ffffff;
    border-right: 1px solid #e4e4e4;
    height: 500px;
    left: 97px;
    position: absolute;
    width: 336px;
    z-index: -1;
}
.condition{
	border: 1px solid #e6e6e6;
    height: 22px;
    margin: 0 15px 0 1px;
    padding-right: 20px;
    width: 60px;
}
.filter{
	color: #777777;
    margin: 25px 0 17px 15px;
}
.filterItem{
	display:inline-block;
	position:relative;
}
.filterItem img{
	position: absolute;
    right: 23px;
    top: 8px;
	cursor:pointer;
}
#allResultContainer{
	overflow-x: hidden;
    overflow-y: auto;
    position:relative;
}
.allResult{
	background-color: #ffffff;
    height: 32px;
    margin-bottom: 17px;
}
.allResult p{
	line-height: 32px;
    margin: 0 0 0 15px;
}
.allResult p span{
	color: #ef5416;
    line-height: 32px;
}
.choose{
	background-color: #3e4651;
}
.allResultList li{
	cursor:pointer;
	border-left:2px #ffffff solid;
}
.allResultList li:hover{
	border-left:2px #3f51b5 solid;
}
.allResultItem{
	margin:0px 15px;
	position:relative;
   /* 
   padding:12px 0px;
   border-bottom: 1px solid #dddddd;
    height: 56px;
    margin-left: 15px;
    margin-right: 20px;
    padding-top: 12px;*/
}
.allResultItem .itemName{
	color: #3f51b5;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
}
.allResultItem .itemName span{
	color:#ef5416;
}
.allResultItem .itemDetail{
	color: #adb1b8;
    font-size: 12px;
    height: 12px;
    line-height: 13px;
    margin: 9px 0;
}
.allResultItem .itemDetail span{
	margin-right:18px;
}
.resultCon{
	margin-left:592px;
	height:500px;
	background-color: #FFFFFF;
}
.resultHead{
	background-color: #ffffff;
    /*border-bottom: 1px solid #dde0e6;*/
    /*height: 131px;*/
    padding: 12px 0 6px;
    margin-left: 18px;
    position: relative;
}
.resultHead img{
	width:45px;
	height:45px;
	/*float:left;*/
}
.infoDetail{
	
}
.infoDetail li{
	
}
.info_img_wrapper{
    display: flex;
    align-items: center;
}
.infoDetail li p{
	font-size: 12px;
   	line-height: 2;
    max-height: 22px;
    overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 10px;
}
.infoDetail li div{
	height:72px;
	
}
.jyfw{position: relative; line-height: 22px; max-height: 66px;overflow: hidden;}
/* .jyfw::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
} */
.infoName{
	font-size: 21px;
    margin-bottom: 4px;
	color:#000000;
}
.infoFoot{
	bottom: 5px;
    position: absolute;
}
.infoFoot li{
	float: left;
    font-size: 14px;
    margin-right: 15px;
}

/* .resultHead div{
	margin-left:95px;
}
.resultHead div h3{
	font-size: 21px;
    margin-bottom: 4px;
	color:#000000;
}
.resultHead div p{
	color: #2c2c2c;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
}
.resultInfo{
	background-color:#fbfbfb;
	height:162px;
}
.resultHead .resultName{
	font-size:22px;
	height:22px;
	line-height:22px;
	margin-bottom: 18px;
	color:#000000;
} */
.resultInfoTitle span{
	color: #ef5416;
    margin-left: 8px;	
}
.resultInfoTitle{
	color:#000000;
}
.resultInfoList{
	overflow-x:auto;
	height:118px;
	position:relative;
}
.resultInfoList ul{
	//padding-left: 28px;
}
.resultInfoList ul li{
	float: left;
    margin: 10px 0;
    padding-left: 5px;
    width: 144px;
}
.resultInfoList ul li p{
	color: #606060;
}
.resultInfoList ul li p:nth-child(1){
	color: #0097e5;
}
.result{
	position:relative;
	overflow:hidden;
}
.fullScreen-btn{
	background-color: #2F4056;
    border-radius: 5px;
    cursor: pointer;
    height: 37px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px;
    z-index: 1000;
}
.history .close{
	height: 20px;
    position: absolute;
    right: 2px;
    top: 1px;
    width: 20px;
    cursor:pointer;
}
.control-btns{
	left: 10px;
    position: absolute;
    top: 10px;
    z-index:3000;
}
.dataSource{
	border-top: 1px solid #e4e4e4;
    padding: 18px 0 0 25px;
}
.dataSource p{
	color: #ef5416;
    font-size: 16px;
}
.dataSource span{
	background-color: #FFFFFF;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    color: #ef5416;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    text-align: center;
    width: 100px;
    cursor:move;
}
.dataSource span:nth-child(1){
	background-color: #ef5416;
	border: 1px solid #d03600;
	color: #ffffff;
}
.dataSource span:hover{
	box-shadow: 2px 3px 2px #d03600;
	-moz-box-shadow:2px 3px 2px #d03600;
	-webkit-box-shadow:2px 3px 2px #d03600;
}
.dataSource li{
	
}
.dsList{
	margin-top: 15px;
	position:relative;
}
.dsList ul li{
	background-color: #ffffff;
    border: 1px solid #ededed;
    border-radius: 13px;
    margin-bottom: 15px;
    padding: 2px 25px 2px 15px;
    position: relative;
    width: 168px;
}
.dsList .close{
	cursor: pointer;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 1px;
    width: 20px;	
}
#resultCon1{
	padding-top: 200px;	
}
#resultCon1 ul{
	margin: 0 auto;
    width: 690px;
}
#resultCon1 li{
	float: left;
    height: 180px;
    text-align: center;
    width: 200px;
	margin:-45px 15px 0px 15px;
}
#resultCon1 li div{
	
}
#resultCon1 li div p{
	font-size: 22px;
    margin-bottom: 18px;
    margin-top: 20px;
}
#resultCon1 li div span{
	font-size: 14px;
}
.cateCon{
	float: left;
    width: 102px;
    background-color: #f8f8f8;
}
.cateCon ul{
	
}
.cateCon li{
	cursor: pointer;
}
.divc{
	height: 80px;
    text-align: center;
    border-left: 3px solid #f8f8f8;
}
.cateCon li img{
	margin-top: 15px;
}
.cateCon li p{
	font-size: 12px;
    margin-top: 9px;
}
.cateConHover{
	background-color: #ffffff;
    border-left: 3px solid #00b591;
    color: #00b591;
}
.cateCon li i{
	background-image: url("../../images/indexNew/cateAll.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    margin: 15px 0 0;
    width: 32px;
}
/*查询图标*/
.cateCon ul li:first-child i{
    background-image: url("../../images/newImg/caseSearch.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    margin: 15px 0 0;
    width: 32px;
}
.cateCon li:nth-child(1) i{
	background-position: 0 6px;
}
.cateCon li:nth-child(2) i{
	background-position: 0 -28px;
}
.cateCon li:nth-child(3) i{
	background-position: 0 -64px;
}
.cateCon li:nth-child(4) i{
	background-position: 0 6px;
}
.cateCon li:nth-child(1) .cateConHover i{
	background-position: 0 -94px;
}
.cateCon li:nth-child(2) .cateConHover i{
	background-position: 0 -128px;
}
.cateCon li:nth-child(3) .cateConHover i{
	background-position: 0 -164px;
}
.cateCon li:nth-child(4) .cateConHover i{
	background-position: 0 -94px;
}
.resultContainer{
    width: 254px;
    height: 100%;
    position: absolute;
    background-color: #2F4056;
    z-index: 999;
    top: 0;
}
#reset{
	bottom: -25px;
    cursor: pointer;
    position: absolute;
    right: 27px;
}
.control-btns li{
	float: left;
    margin-right: 7px;	
}
.control-btn{
	background-color: #eeeeee;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 110px;
    cursor:pointer;
	border: 1px solid #eeeeee;
}
.control-btnActive{
	background-color: #FFFFFF;
}
.func-btns{
	left: 290px;
    position: absolute;
    top: 10px;
    z-index:3000;
}
.func-btns li{
	float: left;
    margin-right: 7px;
}


/*��ť*/
.tgl{display:none}
.tgl,.tgl *,.tgl :after,.tgl :before,.tgl+.tgl-btn,.tgl:after,.tgl:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tgl ::-moz-selection,.tgl :after::-moz-selection,.tgl :before::-moz-selection,.tgl+.tgl-btn::-moz-selection,.tgl::-moz-selection,.tgl:after::-moz-selection,.tgl:before::-moz-selection{background:0 0}
.tgl ::selection,.tgl :after::selection,.tgl :before::selection,.tgl+.tgl-btn::selection,.tgl::selection,.tgl:after::selection,.tgl:before::selection{background:0 0}
.tgl+.tgl-btn{outline:0;display:block;width:4em;height:1.4em;position:relative;cursor:pointer}
.tgl+.tgl-btn:after,.tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}
.tgl+.tgl-btn:after{left:0}
.tgl+.tgl-btn:before{display:none}
.tgl:checked+.tgl-btn:after{left:50%}

.tgl-ios+.tgl-btn{
	background:#fbfbfb;
	border-radius:2em;
	padding:3px;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	border:1px solid #e8eae9
}
.tgl-ios+.tgl-btn:after{border-radius:2em;background:#fbfbfb;-webkit-transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.08);box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.08)}
.tgl-ios+.tgl-btn:active{-webkit-box-shadow:inset 0 0 0 2em #e8eae9;box-shadow:inset 0 0 0 2em #e8eae9}
.tgl-ios+.tgl-btn:active:after{padding-right:.8em}
.tgl-ios:checked+.tgl-btn{background:#86d993}
.tgl-ios:checked+.tgl-btn:active{-webkit-box-shadow:none;box-shadow:none}
.tgl-ios:checked+.tgl-btn:active:after{margin-left:-.8em}


.bg1{
	background-image: url("../../images/indexNew/bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    width:100%;
}
.bg1 .headCon {
    background-color: rgba(35, 40, 59, 1);
    height: 40px;
    width: 100%;
    overflow: hidden;
}
.bg1 .searchCon{
	background-color: rgba(35,40,59,1);
    border-right: 1px solid #27324f;
    float: left;
    height: 500px;
    width: 254px;
}
.bg1 .resultCon{
	background-color: transparent;
    height: 500px;
    margin-left: 592px;
}
.bg1 .dataSource{
	border-top: 1px solid #3e4c6a;
    padding: 18px 0 0 25px;
}
.bg1 #reset{
	bottom: -25px;
    color: #7a87a0;
    cursor: pointer;
    position: absolute;
    right: 27px;
}
.bg1 .dataSource p {
    color: #436189;
    font-size: 16px;
}
.bg1 .dataSource span {
    background-color: #ff9000;
    border: 1px solid #ff9000;
    border-radius: 5px;
    color: #ffffff;
    cursor: move;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    text-align: center;
    width: 100px;
}
.bg1 .dataSource span:hover{
	box-shadow: 2px 3px 2px #283341;
	-moz-box-shadow:2px 3px 2px #283341;
	-webkit-box-shadow:2px 3px 2px #283341;
}
.bg1 .logo {
    background-color: #1c1b31;
    float: left;
    height: 40px;
    width: 255px;
    padding:0;
}
.bg1 #resultCon1 li div p {
    color: #566da3;
    font-size: 22px;
    margin-bottom: 18px;
    margin-top: 20px;
}
.bg1 #resultCon1 li div span {
    color: #5d73a1;
    font-size: 14px;
}
.bg1 .nav li {
    border-right: 1px solid #586377;/*#414e65*/
    float: left;
    line-height: 40px;
    margin-right: 0;
    text-align: center;
   /* width: 100px;*/
    color: #4f6286;
    padding: 0px 15px;
}
.bg1 .nav li i{
	background-image: url("../../images/indexNew/navAll.png");
    display: inline-block;
    height: 20px;
    margin-top: -3px;
    vertical-align: middle;
    width: 23px;
    margin-right: 5px;
}
.bg1 .nav li a{
	color: #fff;
}
.bg1 .nav li:hover{
    background-color: #0071ab;
}
.bg1 .nav li:nth-child(1) i{
	background-position: 0 -205px;/*-88px*/
}
.bg1 .nav li:nth-child(2) i{
	background-position: 0 -59px;
}
.bg1 .nav li:nth-child(3) i{
	background-position: 0 -30px;
}
.bg1 .nav li:nth-child(4) i{
	background-position: 0 0px;
}
.bg1 .nav .navActive:nth-child(1) i{
	background-position: 0 -205px;
}
.bg1 .nav .navActive:nth-child(2) i{
	background-position: 0 -176px;
}
.bg1 .nav .navActive:nth-child(3) i{
	background-position: 0 -147px;
}
.bg1 .nav .navActive:nth-child(4) i{
	background-position: 0 -117px;
}
.bg1 .nav .navActive a{
	color: #FFFFFF;
	font-weight: bolder;
	
}
.bg1 .nav .navActive{
	 background: #0071ab;/*rgba(28, 27, 49, 0.78)*/
}
.bg1 .itemCon {
    background-color: #2d3c56;
    border-right: 1px solid #e4e4e4;
    height: 500px;
    left: 97px;
    position: absolute;
    width: 336px;
    z-index: -1;
}
.bg1 .allResult {
    background-color: #2d3c56;
    height: 32px;
    margin-bottom: 17px;
}
.bg1 .allResult p span {
    color: #ff9000;
    line-height: 32px;
}
.bg1 .filter {
    color: #7a8baa;
    margin: 25px 0 17px 15px;
}
.bg1 .allResultItem .itemName {
    color: #ffffff;
    font-size: 17px;
    height: 17px;
    line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bg1 .allResultItem .itemName span {
    color: #6d93d9;
}
.bg1 .allResultItem .itemDetail {
    color: #7a8baa;
    font-size: 12px;
    height: 40px;/*以前高为12px*/
    overflow:hidden;
    line-height: 20px;/*以前高为13px*/
    margin: 9px 0;
}
.bg1 .allResultItem {
    border-bottom: 1px solid #3e4c6a;
    height: 84px;
   /* margin-left: 15px;
    margin-right: 20px;
    padding-top: 12px;*/
}
.bg1 .allResultList li {
    border-left: 2px solid #2d3c56;
    cursor: pointer;
}
.bg1 .allResultList li:hover{
	border-left:2px #1d7cf5 solid;
	background-color:#232d43;
}
.bg1 .tip {
    height: 30px;
    margin-top: 15px;
    position: relative;
}
.bg1 .tip p {
    bottom: 0;
    display: inline-block;
    left: 32px;
    position: absolute;
}
.bg1 .history ul li {
    background-color: #434d63;
    border: 1px solid #111725;
    border-radius: 13px;
    color: #9ea6b5;
    margin-bottom: 15px;
    padding: 2px 25px 2px 15px;
    position: relative;
    width: 168px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.bg1 .cateCon {
    background-color: #2b3751;
    float: left;
    width: 102px;
}
.bg1 .divc {
    border-left: 3px solid #2b3851;
    height: 80px;
    text-align: center;
}
.bg1 .cateConHover{
	background-color: #2b3751;
    border-left: 3px solid #1d77ec;
    color: #FFFFFF;
}
.bg1 .cateCon li {
    border-bottom: 1px solid #36486a;
    cursor: pointer;
}
.bg1 .dsList ul li {
    background-color: #434d63;
    border: 1px solid #111725;
    border-radius: 13px;
    color: #9ea6b5;
    margin-bottom: 15px;
    padding: 2px 25px 2px 15px;
    position: relative;
    width: 168px;
}
.bg1 .resultHead {
    background-color: transparent;
    margin-left: 8px;
    padding: 12px 0 6px;
    position: relative;
    border-bottom: 1px solid #fff;
}
.bg1 .infoName {
    color: #ffffff;
    font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bg1 .infoDetail li p span{
	color: #ffffff;
}
.bg1 .infoFoot li span{
    font-size: 14px;
    color: #ffffff;
}
.bg1 .resultInfoTitle {
    color: #ffffff;
}
.bg1 .resultInfoList ul li p {
    color: #ffffff;
}
.bg1 .resultInfoTitle span {
    color: #ff9000;
    margin-left: 8px;
}
.bg1 .resultInfoList ul li p:nth-child(1) {
    color: #6d93d9;
}
.bg1 .control-btn {
    background-color: #2e3653;
    border: 1px solid #868994;
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 110px;
}
.bg1 .control-btnActive {
    background-color: #ffffff;
}
.peoTitle{
    font-size: 21px;
    color:#FFFFFF
}
.peoDetail{
	height: 100px;
    position: relative;
}
.peoDetail span{
	color:#FFFFFF;
}
.peoDetail .peoComp{
	margin-right: 20px;
}
/*
.relationTable{
	background-color: #27324f;
    border-radius: 5px;
    box-shadow: 2px 3px 3px #27324f;
    height: 300px;
    position: absolute;
    right: 10px;
    top: 52px;
    width: 200px;
}
*/
.relationTable{
	
}
.relationTable li{
	border-bottom: 2px solid #1d77ec;
    float: left;
    height: 20px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 125px;
}
.subNav{

}
.subNav li{
    border-bottom: 1px solid #25304c;
    border-left: 5px solid rgba(35, 40, 59, 1);
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
}
.subNav .subNavActive{
    border-left: 5px solid #2282f5;
    color:#FFFFFF;
}
.main{
    background-color: transparent;
    height: 500px;
    margin-left: 255px;
    padding-left: 22px;
    padding-top: 12px; 
}
.main .selectCom{
    color: #9096b0;
}
.main .statSelect{
    border: medium none;
    border-radius: 2px;
    height: 30px;
    margin-right: 5px;
    margin-top: -3px;
    padding-left: 3px;
    width: 145px;
}
.main .statBtn{
    background-color: #00b591;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 66px;
}
.chartTable{
    height:300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
    position:relative;
}
.rowForLive{
    margin-top: 15px;
}
.rowForLive .LiveItemLeft{
    border: 1px solid #4e6795;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 266px;
    width: 49%;
    margin-top: 15px;
}
.rowForLive .LiveItemRight{
    border: 1px solid #4e6795;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 266px;
    width: 49%;
    margin-top: 15px;
}
.bottomRowForLive{
    border: 1px solid #4e6795;
    height: 300px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;   
    border-radius: 5px; 
}
.clear{
    clear: both;
}
.imgChart{
    width:100%;
    height: 100%;
}
.selIcon{
    background-image: url("../../images/indexNew/sel.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 9px;
    width: 15px;
}
.chartOneRow{
    margin-top: 20px;
    padding-right: 20px;
}
.chartOneRow p{
    color: #9ba1ba;
    font-size: 18px;
    text-align: center;
}
.chartOneRow .chartItem{
    border: 1px solid #4e5d92;
    border-radius: 5px;
    height: 345px;
    margin-top:18px; 
}
.chartBox{
    background-color: rgba(35, 40, 59, 0.5);
    border: 1px solid;
    border-radius: 5px;
    margin: 14px 0;
    padding: 0 10px;
}
.chartBox p{
    font-size: 16px;
    margin: 12px;
    text-align: center;
}
.chartIncludeTable{
    padding: 10px 0;
}
.chartIncludeTable .forChart{
    float: left;
    width: 54%;
}
.chartIncludeTable .forTable{
    float: right;
    padding-bottom: 20px;
    padding-right: 50px;
    width: 45%;
    box-sizing: border-box;
}
.forTable th, .forTable td{
    border: 1px solid #313763;
    height: 44px;
    text-align: center;
}
.forTable th{
    color:#1786c6;
    background-color:#313350;
    width:25%;
}
.forTable td{
    color:#9ba0bb;
}
.forChart .nums{
    bottom: 4px;
    left: 18px;
    position: absolute;
}
.forChart .ChartNumHasDot , .ChartNum{
    border: 1px solid #25b8ec;
    border-radius: 3px;
    color: #25b8ec;
    display: inline-block;
    font-size: 40px;
    height: 50px;
    line-height: 50px;
    margin-right: 3px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}
.forChart .ChartNumHasDot{
    margin-right: 8px;
}
.forChart .ChartNumHasDot::after{
    color: #25b8ec;
    content: ",";
    font-size: 40px;
    padding-left: 5px;
    text-align: right;
}
.forChart .ratio{
    bottom: 15px;
    color: #fd3e34;
    font-size: 16px;
    position: absolute;
    right: 15px;
}
.forChart .ratio span{
    font-size: 28px;
    margin: 5px;
}
.ChartData{
    height: 60px;
    margin-top: -16px;
    position: relative;
}
/*for data source import*/
.sunNavCom{
    border-bottom: 1px solid #323c4b;
}
.subNavForDS{
    height: 330px;
    margin: 20px 0 0 22px;
}
.subNavForDSHead{
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 10px;
}
.subNavForDSSubHead{
    color: #3e4a64;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
}
.subNavForDS ul{
    margin-left: -5px;
}
.subNavForDS li{
    border-radius: 5px;
    color: #5d6683;
    height: 32px;
    line-height: 32px;
    margin: 4px 0;
    padding-left: 7px;
    width: 216px;
    cursor:pointer;
}
.subNavForDS i{
    background-image: url("../../images/indexNew/dsImg.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-right: 3px;
    vertical-align: middle;
    width: 20px;
}
.subNavForDS li:nth-child(1) i{
   background-position: 0 -103px;
}
.subNavForDS li:nth-child(2) i{
    background-position: 0 -129px;
}
.subNavForDS li:nth-child(3) i{
    background-position: 0 -77px;
}
.subNavForDS li:hover{
    background-color: #2c3953;
    color:#FFFFFF;
}
.subNavForDS li:hover:nth-child(1) i{
     background-position: 0 -25px;
} 
.subNavForDS li:hover:nth-child(2) i{
     background-position: 0 -51px;
} 
.subNavForDS li:hover:nth-child(3) i{
     background-position: 0 1px;
} 
.DShistoryCon{
     margin: 22px 0 0 20px;
}
.DShistoryCon p{
    color: #436189;
    font-size: 16px;
}
.DShistory{
    margin-top: 5px;
}
.DShistory li{
    color: #ffffff;
    margin: 10px 0;
}
.DSOpen{
    margin-top: 12px;
    color:#FFFFFF;
}
.DSOpen p{
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 14px;
}
.DSOpen li{
    float: left;
    margin-right: 22px;
    text-align: center;
    width: 152px;
}
.DSItem{
    background-color: #2c3954;
    height: 106px;
    margin-bottom: 10px;
    text-align: center;
    width: 152px;
    cursor:pointer;
}
.DSItem img{
    margin: 16px;
}
.upPart{
    margin: 12px 18px 0 20px;
}
.upPart .btns i{
    background-image: url("../../images/indexNew/connectAll.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor:pointer;
}
.upPart .btns .prev{
	background-position: 0 -27px;
	margin-right:18px;
}
.upPart .btns .next{
	background-position: 0 -0px;
	margin-right:28px;
}
.upPart .btns .save{
	background-position: 0 -53px;
}
.connect{
    color: #ffffff;
    font-size: 18px;
    margin-top: 8px;
    position: relative;
}
.connect span{
    bottom: 0;
    color: #414e67;
    font-size: 14px;
    position: absolute;
    right: 0;
}
.connList{
    margin-bottom: 20px;
    margin-left: -2px;
    margin-top: 10px;
}
.connList li{
    background-color: #2c3953;
    border-left: 4px solid #00a0ea;
    height: 32px;
    padding-left: 16px;
}
.connList li p{
    color: #ffffff;
    line-height: 32px;
}
.subNavUp{
    border-bottom: 1px solid #323c4b;
}
.sunNavDown{
    border-bottom: 1px solid #323c4b;
}
.sunNavDown .downPart{
    margin: 16px 18px 16px 22px;
}
.downPart p{
    color: #ffffff;
    font-size: 18px;
}
.downPart li{
    cursor: pointer;
    margin-top: 10px;
}
.downPart ul div{

}
.connectArea{
    border-bottom: 5px solid #1286c7;
    height: 330px;
}
.tableArea{
    overflow:hidden; 
}
.tableArea .tableAreaHead{
    background-color: rgba(50, 56, 83, 0.8);
    height: 42px;
}
.table{
	position:relative;
}
.tableArea .table{
    position: relative;
}
.tableArea table{
    text-align:center;
}
.tableArea .table thead{
     background-color: rgba(50, 56, 83, 0.8);
}
.tableArea .table tbody{
    
}
.tableArea .table th{
    border-right: 1px solid #424369;
    border-top: 1px solid #424369;
    height: 34px;
    overflow:hidden;
    white-space:nowrap;
}
.tableArea .table th:last-child{
    border-right: none;
}
.tableArea .table td{
    height: 42px;
    overflow:hidden;
    white-space:nowrap;
    padding: 0 10px;
    border-right: 1px solid #424369;
}
.tableArea .table tbody tr td:last-child{
	border-right: none;
}
.tableArea tbody tr:nth-child(odd){
    background-color: rgba(65, 67,104, 0.8);
}
.connectAreaRow>li .connectAreaCol .DSTableItem{
	background-color: #2c3954;
    border-color: #ffffff #ffffff #ffffff #00a0ea;
    border-image: none;
    border-style: solid;
    border-width: 0.5px 0.5px 0.5px 4px;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 145px;
    text-align: center;
    width: 218px;
}
.connectAreaRow{
	
}
.connectAreaRow>li{
    float: left;
    height: 30px;
}
connectAreaRow>li:nth-child(1){
}
.connectAreaCol{
	
}
.connectAreaCol>li{
	display: block;
    height: 30px;
    margin-bottom: 20px;
    position: relative;
    width: 363px;
}

.connectAreaRow li:nth-child(1) .connectAreaCol>li{
	height: 30px;
    position: relative;
    width: 218px;
}

.connectCon{
	margin: 20px 0 0 20px;
    padding-top: 20px;
}
.connectAreaCol .link1{
	border-bottom: 1px solid #ffffff;
    display: inline-block;
    float: left;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    top: -15px;
    width: 145px;
}
.connectAreaCol  i{
	background-image: url("../../images/indexNew/connectAll.png");
    background-position: 0 -184px;
    bottom: -12px;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    position: absolute;
    right: 57px;
    width: 35px;
}
.connectAreaCol  i:hover{
}
.connectAreaRow>li:nth-child(1) .connectAreaCol .DSTableItem{
	margin-left:0px;
}
.connectAreaCol .link2{
	border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    display: inline-block;
    float: left;
    height: 50px;
    left: 0;
    line-height: 30px;
    margin-left: 20px;
    position: absolute;
    top: -35px;
    width: 125px;
}
.connectDetail{
	position: absolute;
	z-index: 2000;
}
.connectDetail .detailHead{
	background-color: #252f41;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    height: 37px;
    line-height: 37px;
    position: relative;
    text-align: center;
    width: 430px;
}
.close1{
	background-image: url("../../images/indexNew/x.png");
    background-size: 12px 12px;
    display: block;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 13px;
    width: 12px;
    cursor:pointer;
}
.connType{
	 height: 78px;
}
.connType li{
	background-color: #5b6b85;
    border-right: 1px solid #425067;
    float: left;
    height: 78px;
    text-align: center;
    width: 25%;
}
.connType li:nth-child(4){
	border-right:none;
}
.connType li img{
	display: block;
    margin: 18px auto 6px;
}
.connType li span{
	color: #ffffff;
}
.connType .connTypeActive{
	background-color: #425067;
}
.detailList{
	background-color: #52617a;
    border-radius: 0 0 5px 5px;
    color: #ffffff;
    height: 90px;
    text-align: center;
}
.detailList thead{
	background-color: #4a5971;
    height: 30px;
}
.detailList tbody{
	border-bottom: 1px solid #425067;
}
.detailList tbody td,.detailList thead th{
	height: 40px;
	border-right: 1px solid #425067;
}
.detailList tbody td:nth-child(4),.detailList thead th:nth-child(4){
	border-right: none;
}
.detailList .connectClear{
	cursor:pointer;
}
#source,#thisSource{
	border: medium none;
    border-radius: 2px;
    height: 26px;
    padding-left: 10px;
}
#chooseSourceItem,#chooseThisItem{
	color: #000000;
    height: 150px;
    left: 14px;
    overflow: auto;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 143px;
    background-color:#FFFFFF;
}
#chooseSourceItem li,#chooseThisItem li{
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    height: 25px;
    line-height: 25px;
}
#chooseSourceItem .sourceName,#chooseThisItem .sourceName{
	font-weight: bolder;
    padding-left: 2px;
}
#chooseSourceItem .sourceItem,#chooseThisItem .sourceItem{
	padding-left:10px;
	cursor:pointer;
}
.tableListInfo{
	font-size: 18px;
    margin: 40px auto;
    text-align: center;
}
.connectionClear{
	background-color: rgba(35, 40, 59, 1);
    border: 1px solid #414e65;
    border-radius: 5px;
    color: #4f6286;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -12px;
    width: 44px;
    cursor:pointer;
}
#filesList li i{
	background-image: url("../../images/indexNew/connectAll.png");
    background-position: 0 -101px;
    display: inline-block;
    height: 16px;
    margin-right: 16px;
    vertical-align: middle;
    width: 20px;
}
.toggle{
    background-color: #2F4056;
    border-radius: 5px;
    cursor: pointer;
    height: 37px;
    /*position: absolute;
    right: 51px;
    top: 10px;*/
    width: 36px;
    z-index: 1000;
}
.Tip{
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    z-index: 1000;
}
.Tiptext{
	border:1px solid ;
	display:inline-block;
	font-color:"#FFFFFF";
	padding:5px;
	border-radius:3px;
	background-color:#1C1B31;
	color:#FFFFFF;
}
.tool-extend{
	background-image: url("../../images/indexNew/extend.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 8px auto 0;
    width: 20px;
}
/*机器学习中的案件查询按钮，2018-04-12*/
.tool-search{
    background-image: url("../../images/newImg/caseSearch.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-table{
	background-image: url("../../images/indexNew/table.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 8px auto 0;
    width: 20px;
}
.tool-cancel{
	background-image: url("../../images/indexNew/cancel.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 8px auto 0;
    width: 20px;
}
.tool-max{
	background-image: url("../../images/indexNew/fullS.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 8px auto 0;
    width: 20px;
}
.tool-import{
	background-image: url("../../images/indexNew/import.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 8px auto 0;
    width: 20px;
}
.tool-max{
	background-image: url("../../images/indexNew/fullS.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-min{
	background-image: url("../../images/indexNew/min.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-save{
	background-image: url("../../images/indexNew/save2.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-toCustom{
	background-image: url("../../images/indexNew/toCustom.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-toTF{
	background-image: url("../../images/indexNew/time.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-toOrigin{
	background-image: url("../../images/indexNew/toOrigin.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-gb{
	background-image: url("../../images/indexNew/GB.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-seeCase{
	background-image: url("../../images/indexNew/detail.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-download{
	background-image: url("../../images/indexNew/download.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.tool-lock{
	background-image: url("../../images/indexNew/lock.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 9px auto 0;
    width: 20px;
}
.content{
	height:350px;
}
.content p{
    border-radius: 3px;
    color: #ffffff;
    height: 25px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 4px 10px;
}
.content p select{
	color:#000000;
}
.content p input{
	border: none;
	border: 1px solid #ddd;
	height: 20px;
	border-radius: 3px;
	padding-left: 5px;	
}
.container{
	width:600px;
	margin: 0 auto;	
	color:#FFFFFF;
}

.confirmContainer{
	height:380px;
}

.infoDetail li:nth-child(1),.infoDetail li:nth-child(2){
	border-right: 1px solid #515b80; margin-right: 1%;
}


.hoverFunc{
	left: 25px;
    position: absolute;
    top: 4px;
    z-index:2;
}
#hoverSel{
	border: medium none;
    border-radius: 2px;
    height: 23px;
    padding-left: 5px;
    width: 160px;
    /*font-size:*/
}
#hoverList{
	/*background-color: #FFFFFF;*/
	background-color: #2B3751;
    color: #eee;
    border-radius: 2px;
    margin-top: 5px;
    width: 155px;
    max-height: 180px;
    position:relative;
    padding: 5px;
}
#hoverList span{
	margin-left: 12px;
	cursor: pointer;
}
#hoverList>ul>li>p{
	cursor: pointer;
    padding: 2px 0 2px 5px;
    background-color: #1C1B31;
}
#hoverList>ul>li:hover>p{
	background-color:#161527;/*#eeeeee;*/
}
.subHoverList{
	padding: 1px 2px 1px 0px;
}
.subHoverList ul{
	/*margin-left: 8px;*/
}
.subHoverList li{
	padding: 1px 2px 1px 0px;
	cursor:pointer;
	background-color: #23283B;
    margin: 1px 0;
    text-indent: 20px;
}
.subHoverList li:hover>p{
	background-color:#161527;/*#eeeeee;*/
}

.container td{
	height: 50px;
}
.container input{
	border: none;
    padding: 5px;
    border-radius: 3px;
    vertical-align: middle;
	width: 140px;
}
.container select{
	color: #333;
}
.container table label{
	display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
    width: 90px;
	line-height: 20px;
}
/*关系的样式*/
.relation{
    display: inline-block;
    height: 240px;
    width: 50%;
    border-right:1px solid #666;
    box-sizing:border-box;
    position:relative;
    float:left;
}
.relation li{
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    padding: 5px;
}
.relation .liSel{
	 background-color: #434d63;
}
.relation li:hover{
 background: #1B2248;
}
/*
.detail{
    display: inline-block;
    height: 200px;
    padding-left: 18px;
    width: 50%;
    box-sizing:border-box;
    float:right;
}
.detailContent{
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
    padding-top: 10px;
}
.detailContent span{
    background-color: #434d63;
    border-radius: 12px;
    float: left;
    margin: 2px;
    padding-left: 10px;
    padding-right: 12px;
    position: relative;   
}
.detailContent span i{
	cursor:pointer;
	width: 16px;
    height: 16px;
    display: inline-block;
    content: "";
    background: url("/EGraphPlaform/images/indexNew/close2.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: relative;
    left: 8px;
    top: 3px;
}
.detailOther{
    padding-top: 10px;
}
*/
.content-pane{
	height: 200px;
	white-space: nowrap;
	overflow-y:auto;
}
.list{
    box-sizing: border-box;
    float: left;
    width: 50%;
    height:240px;
}
.list li{
    background-color: #191a3e;
    border-radius: 5px;
    margin: 0 0 4px 4px;
    padding: 5px 10px;
}
.list li p{
	cursor:pointer;
}
.list li:hover{
     background-color: #1B2248;    
}
.detail{
    background-color: #1F244C;   
    padding: 10px 20px;
}
.detailContent{
    padding-bottom: 10px;
    padding-top: 10px;
}
.detailContent span{
    margin-right: 40px;
    position: relative;
    line-height: 30px;   
}
.detailContent span input{
    width: 90px;
    border: none;
    outline: none;
    padding: 2px 10px;
    border-radius: 3px;
}

.headRight{
	line-height: 35px;
	float: right;
	margin-right: 20px;/* 50px */
	color: #eee;
}
.userHead{
	width:30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 5px;
	position:relative;
}
.syssetContent{
	display:none;
	z-index:19999;
	position: absolute;
	background-color: #23283B;
	width:100px;
	text-align:center;
    top:40px;
}
.syssetContent li{
	color:#fff;
}
.syssetContent li:hover{
	background-color: #1C1B31;
}



.hoverFunc2{
	left: 20px;
    position: absolute;
    top: 42px;
    z-index:2;
}
.ruleList{
	background-color: #eeeeee;
	border-radius: 5px;
}
.ruleList p{
	height: 25px;
    line-height: 25px;
    position: relative;
    padding-left:5px;
    width:220px;
}
.ruleList p span{
	cursor: pointer;
    position: absolute;
    right: 6px;
}
.ruleList ul{
	position:relative;
	max-height:250px;
}
.ruleList li{
	height: 30px;
    line-height: 30px;
    padding: 2px 11px;
    width: 200px;
	overflow:hidden	;
    background-color: #434d63;
    cursor: pointer;
    border-left:3px solid #434d63;
}
.ruleList li:nth-child(2n){
	background-color: #2c3146;
	border-left:3px solid #2c3146;
}
.ruleList li.ruleSel{
	border-left:3px solid #1d77ec;
}
.ruleList li:hover{
}
/*新加边的属性*/
/*.btnAdd {
    float: right;
    position: relative;
    top: -45px;
}
.btnAdd button {
    border: none;
    padding: 0px 7px;
    background: #FFC107;
    color: #fff;
    font-size: 23px;
    font-weight: bolder;
    border-radius: 3px;
    margin-right:10px;
}*/
.attribute {
    margin-top: 10px;
    padding: 15px 10px;
    /* border: 1px solid #999; */
    border-radius: 6px;
    box-shadow: 1px 1px 10px #eee;
}
button.btnSave {
    border: none;
    padding: 4px 8px;
    background: #3399cc;
    color: #fff;
    border-radius: 3px;
    
}
.detail2 {
    padding: 15px 15px;
    box-shadow: 1px 1px 10px #999;
    border-radius: 3px;
    margin-top: 6px;
}
.linkText text{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	-ms-user-select:none;
	onselectstart:return false;
	unselectable:on;
}
.node text{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	-ms-user-select:none;
	/*onselectstart=return false;
	unselectable=on;*/
}
.relativeG{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	-ms-user-select:none;
}
/*2016.12.28 下拉框的新加的样式*/
select#newNodeSel {
    width: 91px;
    margin: 10px 0px 15px 48px;
    border-radius: 3px;
}
/*2016.12.28 节点关系*/
.relationList{
	overflow: hidden;
}
.relationList li {
    background: #342e54 none repeat scroll 0 0;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-bottom: 4px;
    margin-right: 20px;
}
.relationList li span {
    margin-right: 30px;
    padding-left: 10px;
}
.relationList li span b{
	color: #fff;
	font-weight: normal;
}
.ralationDetail li{
	line-height: 25px;
	float: left;
	width: 25%;
	border-right: 1px solid #7a8baa;
    margin-right: 1.5%;
}
.ralationDetail li:last-child{
	border-right: none;
}
.ralationDetail li span{
	color: #fff;
}
p.resultInfoTitle {
    margin-bottom: 3px;
}
/*IE去掉select里的三角符*/
select::-ms-expant{
	display:none;
}
select{
	border-radius:3px;
}
#relationContent table{
	
}
#relationContent table td,#relationContent table th{
	text-align:center;
}
/*新改的样式2016.12.29*/
/*.relationside {
    margin-left: -20px;
}*/
.relationside table{
	text-align: center;
	border: 1px solid #373a61;
}
/*.relationside table tr{
	line-height: 30px;
}*/
.relationside table tr th{
	color: #9e9fa5;
	border: 1px solid #373a61;
	line-height: 30px;
}
.relationside table tr td{
	padding: 5px;
	border: 1px solid #373a61;
}
.relationUL li{
	float: left;
	margin-right: 20px;
}
.relationUL li span{
	color: #9e9fa5;
}
p.btnAdd {
    border: none;
    padding: 0px 7px;
    background: #FFC107;
    color: #fff;
    font-size: 23px;
    font-weight: bolder;
    border-radius: 3px;
}
input.num{
	width: 30px;
}
input.date{
	width: 50px;
}
.relationside textarea{
	border: medium none;
    border-radius: 3px;
    font-size: 12px;
    height: 50px;
    padding: 3px;
    width: 120px;
}
.del{
	background: #d62619;
    border: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
/*边的修改样式*/
.updateSide table{
	margin-top: 0px;
}
.updateSide ul li p{
	padding-left:5px;
}
.updateSide ul li:hover p{
	background-color: #1b244a;
	padding-left: 5px;
}
.tabBtn{
	padding: 4px 8px;
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
}
.btnAdd2{
	border: none;
    background: #FFC107;
    color: #fff;
    border-radius: 3px;
}
/*新加的样式 2016.12.30*/
.tabH{
	height:300px;
	overflow-y:auto;
	margin-top:5px;
	position:relative;
}
.tabMF{
	height:350px;
	position:relative;
}
.ml20{
	margin-left:20px
}
.dateClean{
	color: black;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 15px
}

/*边信息表格*/
.table{
	width:100%;
	border-collapse:collapse; 
	border-spacing:0; 
	table-layout:fixed;
	
}
.fixedThead{
	display:block;
	width:100%;
}
.scrollTbody{
	display:block;
	height:auto;
	overflow:auto;
	width:100%;
}
.table td{
	/*display:inline-block; //2017.2.13为了让图转表的表格内容居中注释的
    height:30px;*/
    overflow-wrap:break-word;
    text-align:center;
    text-overflow:ellipsis;
	width:120px;
	word-wrap: break-word;
	word-break:break-all;
	white-space:pre-wrap;
	/*word-break:keep-all;*/
	
	/* overflow-wrap: break-word; */
	/* text-align: center; */
	text-overflow: ellipsis;
	width: 120px;
	/* word-wrap: break-word; */
	/* word-break: break-all; */
	white-space: nowrap;
	/* word-break: keep-all; */
	overflow: hidden;

}
.table th{
	width:120px;
	/*border-bottom:1px;
	border-left:1px;
	border-right:1px solid #DDD;
	border-top:1px solid #DDD;*/
}
thead.fixedThead tr{
	border-top:1px solid #666999;
	/*border-right:1px solid #DDD;
	border-left:1px solid #DDD;*/
	border-bottom:1px solid #2c587e;
	padding:2px 0px;
	display:inline-block;
}
.table tbody.scrollTbody tr{
	border-bottom:1px solid #2c587e;
	/*border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	display:inline-block;*/
	padding:8px 0px;
	
}
#tableForlink tbody.scrollTbody tr{
	display:inline-block;
}
/*2017.1.4 改的*/
#tableForlink tr td:nth-child(3), #tableForlink tr th:nth-child(3) {
    padding-right: 5px;
}


/*案件关联页面css*/
#footer{
	bottom: 5px;
    left: 50%;
    margin-left: -162.5px;
    opacity: 0.6;
    position: absolute;
    z-index: 3001;
}

#infoListUl .tipp{
	font-size: 12px;
}
#infoListUl .tipp ul li{
	display: inline-block;
    margin-right: 10px;
}
#infoListUl .tipp .num{
	color:#ff9000;
	margin-right: 6px;
}
.circle1{
	display: inline-block;
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 5px;
    margin-right: 2px;
}
.circle2{
	display: inline-block;
    width: 10px;
    height: 10px;
    background: green;
    border-radius: 5px;
    margin-right: 2px;
}
.circle3{
	display: inline-block;
    width: 10px;
    height: 10px;
    background: yellow;
    border-radius: 5px;
    margin-right: 2px;
}
#tableList{
	background-color: rgba(35, 40, 59, 0.9);
   height: 310px;
    left: 0;
    position: absolute;
    top: -350px;
    width: 100%;
}
.tableHead{
	
}
.tableHead th{
	border-right: 1px solid #424369;
    box-sizing: border-box;
    height: 30px;
    width: 200px;
    border-top: 1px solid #424369;
}
.tableContent{

}
.tableContent td{
	border-right: 1px solid #424369;
    box-sizing: border-box;
    height: 25px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 200px;
}
.tableContent tr:nth-child(2n+1) {
    background-color: rgba(65, 67, 104, 0.8);
}
.headDiv span{
	display:inline-block;
	width:200px;
}
.group i{
	background-image: url("${ctx}/images/indexNew/listDir.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 18px;
}
.group .detailIcon{
	background-position: 0 -26px;
}
.showTable{
	position: absolute;
    right: 3px;
}
.tableTitle{
    font-size: 17px;
    height: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: 5px;
}
.tableTitle li{
	float: left;
    margin-right: 16px;
    cursor: pointer;
}
.tableTitle .liSel{
	color:#FFFFFF
}
.tableBack{
	position: absolute;
    right: 30px;
    top: 0px;
    cursor: pointer;
}
/*理赔关联列表*/
.functionIcon{
	padding-top: 20px;
	color: #eee;
}
.functionIcon span{
	border: 1px solid #999;
	padding: 2px 5px;
	border-radius: 10%;
}
/*
#infoListUl tr:nth-child(even){
	background: #2C3146;
}
*/
#infoListUl tr{
	height: 30px;
	line-height: 30px;
}
#infoListUl tr.click:hover{
	background: #444A65;
	cursor: pointer;
}
#infoListUl tr.h{
	background:#444A65;
}
#infoListUl td{
	color: #ddd;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
#infoListUl .infoListSpan{
	color: #00B8EF;
	font-size: 12px;
}
#infoListUl b{
	color: #eee;
}
.infoListCon{
	/*width: 98px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;*/
	/*display: block;*/
}
.infoList{
	position: relative;
}
.cateCon{
    position:absolute;
    top:40px;
    left:255px;
    }
.Listback{
	position: relative;
	margin-left:197px;
	color: rgb(221, 221, 221);
}

.detailmodel li:nth-child(2n){
	background-color: rgb(44, 49, 70);
}
.detailtextCon{
	background-color: rgba(35, 40, 59, 1);
    border-radius: 5px 0 0 5px;
    padding: 8px 0 8px 12px;
    position: absolute;
    right: -188px;
    top: 80px;
    z-index: 1;
}
.detailtext{
	height: 250px;
    padding-right: 9px;
    position: relative;
    width: 165px;
}
.detailmodel li{
	cursor:default;
	padding-top:5px;
	padding-left:12px;
	padding-bottom:5px;
	color: rgb(221, 221, 221);
}
.detailmodel li:hover{
	background: #444A65;
}


#detailShow{
	cursor:help;
	position:absolute;
	right:41px;
}
.detailShow{
	background-color:#FFFFFF;
	border:2px solid #FFFFFF;
	border-radius:15px;
	padding:12px;
	margin-left:5px;
	line-height:22px;
	left:226px;
	position:absolute;
	top:-1px;
	width:200px;
	padding:5px;
}
.table tbody.scrollTbody tr:hover{
	background-color:#2b3751;
}
#tableForlink tbody tr span{
	color:#FFFFFF;
}
#tableForlink tbody tr span.gx{
	color:#ff9000;
}
.star:before{
   content:"*";
   color:red;
   padding-right:1px;
}
#pull-down {
width: 110px;
height: 33px;
background-color: #fff;
position: relative;
float:left;
}
#pull-down  input{
	width: 90px;
}
#pull-down i {
background: url("../../images/indexNew/pull-down.png");
width: 20px;
height: 20px;
display: inline-block;
background-position: 3px 6px;
position: absolute;
top: 3px;
right: 2px;
}
.isRead {
	float: right;
}
.isRead  span {
	margin-right: 10px;
}
.options {
    margin-bottom: 15px;
    padding: 7px 0px;
}
.options span {
    padding: 5px 10px;
    border: 1px solid #61739a;
    margin-bottom: 10px;
    border-radius: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.options .active1{
    color: #fff;
    border: 2px solid #1d77ec;
}
#resultHeadPar #resultHead3 ul li {
    float: left;
    line-height: 40px;
    margin-right: 30px;
}
#resultHeadPar #resultHead3 ul li img {
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

#tableDiv{
	position:relative;
}
#tableBox{
	position:absolute;
	display:none;
	top:0;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	height:100%;
}
#tableBox p{
	line-height:2;
	text-align:center;
	font-size:16px;
}

#graphToTable table{
	color:#ffffff;
}
#graphToTable table td{
	display: inline-flex;
	height: 40px;
	overflow: hidden;
	justify-content: center;
	align-items: center;
}
#graphToTable td, #graphToTable th{
	width:180px;
	border-right: 1px solid #2c587e;
	box-sizing: border-box;
}
#graphToTable th {
    height: 40px;
    cursor: move;
}
#graphToTable th span {
    cursor: pointer;
}
#graphToTable tr{
	padding:0;
	/*display:inline-flex;*/
}
#graphToTable td span{
	padding: 4px 8px;
	border-radius: 5px;
	display: inline-block;
	margin: 2px 2px;
	height: 20px;
    cursor: default;
}
#backToG,#downLoadT{
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	margin: 9px 0px 12px 10px;
	display: inline-block;
}
#backToG:hover,#downLoadT:hover{
	color:#eeeeee;
}
.overflowEllipsis{
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#filter{
    height: auto
}
#filter ul{
	/*margin:0px 36px 0px 6px;*/
}
#filter ul li{
	/*float:left;*/
	margin-left: 10px;
    line-height: 37px;
    color: #ffffff;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#filter ul li.fil{
    color: #656565;
}
.tool-filter{
	background-image: url("../../images/indexNew/filter.png");
    background-size: 100% 100%;
    display: block;
    height: 20px;
    margin: 8px auto 0;
    width: 20px;
}
/*筛选的样式 2017.3.1*/
.backg{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    background: rgba(22, 20, 60, 0.7);
    justify-content: center;
    display: flex;
    align-items: center;
	color:#fff;
	z-index:20000;
}
.showP{
    position: fixed;
}
.filterType{
	width: 500px;
	height: 380px;
    background: #0A1531;
    box-shadow: 3px 4px 10px #999;
    border-radius: 5px;
}
p.filter_title {
    line-height: 30px;
    padding: 10px 0 0 15px;
    font-size: 16px;
    border-bottom: 1px solid #7a8baa;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.checkAll{
    line-height:30px;
	margin-top:10px;
	padding-left:30px;
}
.filterType ul{
	margin: 0 20px 20px 20px;
	border-top:1px solid #475369;
	border-bottom:1px solid #475369;
}
.filterType ul li {
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filterType ul li img {
    width: 24px;
    height: 24px;
	margin-right:5px;
}
.filterType ul li span {
    padding-left: 10px;
}
.confirmBtn {
    display: flex;
    justify-content: center;
    align-items: center;
}
input.confirm_btn,input.delete_btn {
    border: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
}
input.confirm_btn {
    background-color:#337ab7;
	margin-right:10px;
}
input.delete_btn {
    background-color: #F56904;
}
#allResultList li:hover .addShow{
   background-color: #1d7cf5;
}
#allResultList li:hover .addShow span:before{
    content: "+";
	color: #fff;
	font-size: 26px;
	border-radius: 3px;
}
/*标记的样式*/
.markCon {
    margin: 15px 40px;
}
.markCon span {
    padding: 5px 15px;
}
.backg .optFor textarea {
	width: 91%;
	height: 200px;
	font-size: 16px;
	padding: 10px;
	border: none;
	border-radius: 3px;
	margin-left: 10px;
	margin-bottom:5px;
}
.backg .optFor {
    margin-bottom: 10px;
	padding: 0px 30px;
	position:relative;
}
.filter_people {
	font-size: 12px;
	color: #fff;
}
#newNodeCon{
    height: 280px;
	position: relative;
}
/*点击复制内容*/
.js-copy{
    		position: relative;
    	}
.js-copy span:hover{
cursor: pointer;
}
.tooltips1{
	/*padding: 5px 10px;*/
	background: #000;
	color: #fff;
	font-size:12px
	text-align: center;
	border-radius: 5px;
	position: absolute;
	z-index: 1999;
	top: 0px;
	padding:5px 20px;
}
.tooltips1:before {
	content:"";
	position: absolute;
	top: -9px;
	left: 20px;
	width: 0px;
	height: 0px;
	display: block;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #000;
	border-left: 15px solid transparent;
	z-index: 1999;    
}
.cocyCon{
	cursor:pointer;
}
.imgCon{
    width:600px;
	height:400px
}
/*
#timeFilterCon:before{
	content: "";
	position: absolute;
	top: 1px;
	left: 132px;
	width: 0px;
	height: 0px;
	display: block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgb(36, 38, 44);
	border-left: 7px solid transparent;
}
#timeFilterCon{
	position:absolute;top:34px;default;color:#fff;left:-122px;cursor:default;display:none;
}
#timeInput{
	margin:8px 0 0 0;padding:8px 20px;width:200px;background-color:rgb(36, 38, 44);border-radius: 4px;
}
#timeInput input{
	width: 82px;border:none;height:22px;border-radius: 2px;padding: 0 0 0 6px;
}
#timeInput .y{
	margin-left: 7px;display: inline-block;width: 40px;background-color: #00b591;text-align: center;padding: 3px;font-size: 14px;border-radius: 2px;cursor:pointer;
}
#timeInput .c{
	margin-left: 2px;display: inline-block;width: 40px;background-color: #DF6C0D;text-align: center;padding: 3px;font-size: 14px;border-radius: 2px;cursor:pointer;
}
#timeInput em{
	display: block;height: 14px;font-size: 12px;color: #FF6100;margin: 4px 0;
}
*/
#timeFilterCon2:before{
	content: "";
	position: absolute;
	top: -7px;
	left: 183px;
	width: 0px;
	height: 0px;
	display: block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgb(36, 38, 44);
	border-left: 7px solid transparent;
}
#timeFilterCon2{
	position: absolute;
	top: 43px;
	background-color: rgb(36, 38, 44);
	width: 250px;
	padding: 12px 16px;
	border-radius: 5px;
	cursor: default;
	color: #fff;
	left: -129px;/*-173px*/
}

#preSet span{
    border: 1px solid;
    padding: 2px 8px;
    border-radius: 8px;
    background-color: #4A4D52;
    cursor: pointer;
}
#preSet span.active{
	background-color:#ef5416;
}
#choSet input{
    border: none;
    height: 20px;
    padding: 0 8px;
	width: 135px;
    color: #333;
} 
#choSet p{
	margin-bottom: 12px;
}
.btn{
    padding: 4px 14px;
    display: inline-block;
    border-radius: 4px;
    cursor:pointer;
}
.btn-confirm{
	background-color:#00b591;
}
.btn-cancel{
	background-color:#ef5416;
}
.ml8{
	margin-left: 8px;
}
.fr{
	float:right;
}

@media screen and (max-width:850px){
	.nav{
		display:none;
	}
}
@media screen and (max-width:400px){
	.headRight{
		display:none;
	}
}
#timeFilterAlert {
position: absolute;
top: 148px;
background-color: rgb(7, 28, 90);
width: 250px;
padding: 12px 16px;
border-radius: 5px;
cursor: default;
color: #fff;
right: 27px;
border: 1px solid #3399cc;
}
#timeFilterAlert:before {
content: "";
position: absolute;
top: -7px;
left: 116px;
width: 0px;
height: 0px;
display: block;
border-right: 7px solid transparent;
border-bottom: 7px solid rgb(7, 28, 90);
border-left: 7px solid transparent;
}
/*框选标注样式*/
#selectedTabCon2 tr{
	line-height: 30px;
}
#selectedTabCon2 tr td{
    padding: 5px;
}
#selectedTabCon2 tr:hover {
	background-color: #0A1531;
}
.input_txt {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    /*color: #555;*/
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*框选标记中的样式，2018-04-08*/
.optForSpan{
    vertical-align: top;
    width: 35%;
}
.newUl li{
    line-height: 25px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.newUl li:hover{
    background-color: #2266a0;
}
.agencySelect span{
    margin-right: 20px;
}

.filter_icon{
    width: 30px;
    height: 30px;
    margin-right: 8px
}
.zhankai_arrow{
    position: absolute;
    top: 10px;
    left: 210px;
    width: 32px;
    height: 32px;
    display: block;
    z-index: 1000;
}