.chart { overflow:hidden;}
.chart ul li{ float:left; list-style:none;}

/*=用户占比=*/
.i_0,.i_1,.i_2,.i_3,.i_4{width:25px; height:61px; display:inline-block; vertical-align:middle;background:url(../images/visitor.png) no-repeat} 
.i_0{ background-position:0 0;}
.i_1{background-position:-52px 0;}
.i_2{background-position:-104px 0;}
.i_3{background-position:-156px 0;}
.i_4{background-position:-208px 0;}

.i_ucurrent0,.i_ucurrent1,.i_ucurrent2,.i_ucurrent3,.i_ucurrent4{width:25px; height:61px; display:inline-block; vertical-align:middle;background:url(../images/visitor.png) no-repeat}
.i_ucurrent0{background-position:-26px 0;}
.i_ucurrent1{background-position:-78px 0;}
.i_ucurrent2{background-position:-130px 0;}
.i_ucurrent3{background-position:-182px 0;}
.i_ucurrent4{background-position:-234px 0;}

.usecaselegend {width: 80px;float: right;color: #6c6c6c;}
.usecaselegend i {width: 10px;height: 10px;display: inline-block;margin-right: 5px;font-size: 0;}
.usecaselegend p{ margin-bottom:1px;text-overflow:ellipsis; white-space:nowrap; text-align:left;}

.usecase { margin:0; padding:0; height:220px;}
.usecase li{ float:left;margin-top:20px; width:30px;}
 

.usecase .legend{ width:80px; float:right;color:#6c6c6c;}
.usecase .legend i{ width:10px; height:10px; display:inline-block;  margin-right:5px; font-size:0;}
.usecase .i_usecase0,.current0{ background:#EF5160; }
.usecase .i_usecase1,.current1{background:#15CCAE;}
.usecase .i_usecase2,.current2{background:#F4B862 ;}
.usecase .i_usecase3,.current3{background:#89B9DF;} 
.usecase .i_usecase4,.current4{background:rgb(193, 222, 129);}
 
.tips-small {
  z-index: 999;
  padding: 1px 5px;
  position: absolute;
  top: 25px;
  left: -10px;
  border: 1px solid #3a3a3a;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1px;
  line-height: 19px;
  font-weight: 500;
  color: #fff;
  color: #3a3a3a;
  text-align: left;
}
 .current0,.current1, .current2, .current3, .current4{	
     position:relative;
         width:38px;	
         height:20px;line-height:10px;color:#fff;top:-20px;left:0px;font-style:normal;text-align:center; font-size:10px; }
/*.usecase:hover .current0,.usecase:hover .current1,.usecase:hover .current2,.usecase:hover .current3{-webkit-animation:1s .1s ease-out both;	-moz-animation:1s .1s ease-out both;   -webkit-animation-name:fadeInUp2;  	-moz-animation-name:fadeInUp2; 	 top:-32px;	 left:-5px;	 top:-32px;	 width:50px;	height:32px;	line-height:32px;	font-size:20px;}

@-webkit-keyframes fadeInUp2{
	0%{
	 opacity:0;
	 top:-20px;
	}
	100%{
	 opacity:1;
	 top:-32px;
	 width:50px;
	height:32px;
	line-height:32px;
	font-size:20px;
	}
}
@-moz-keyframes fadeInUp2{
	0%{
	opacity:0;	
	 top:-20px;
	}
	100%{
	opacity:1;
	 top:-32px;
	 width:50px;
	height:32px;
	line-height:32px;
	font-size:20px;
	}
}*/



/*地图*/
.color_reference{margin: 0 auto;*zoom: 1;}
.color_reference:after{content: '.';display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.color_reference li{position: relative;float: left;*display: inline;margin-right: 1px;width: 55px;border-top: 5px solid #d3d6dc;background: url(../images/color_reference-bg.png) left top no-repeat;}
.color_reference span{position: relative;left:-50%;top:5px;display: block;font:12px/26px \5b8b\4f53;text-align: center;color: #838891;}
.color_reference span.right{position: absolute;left: auto;right:-50%;width: 100%;}
.color_reference .color1{margin-right: 30px;background: none;}
.color_reference .color1 span{left:0;}
.color_reference .color2{border-top-color: #9cd9af;}
.color_reference .color3{border-top-color: #7fd097;}
.color_reference .color4{border-top-color: #45b765;}
.color_reference .color5{border-top-color: #229342;background: url(../images/color_reference-bg.png) left top no-repeat,url(../images/color_reference-bg.png) right top no-repeat;}


.topbar .form-group span{font-size: 12px;color: #CFCFCF;width: 15%;margin: 0;}
.topbar .form-group span.pull-right{color: #81BADF;}
.topbar .form-group{margin-top: 15px;height: 21px;line-height: 21px;}
.topbar .progress {width: 65%;float: left;margin: 0;}

/*等级*/
.cf:before, .cf:after {content: "";display: table;}
.visitor_education li{	float:left;	height:40px;	}
.visitor_education a:link, .visitor_education a:visited {}
.visitor_education a:active, .visitor_education a:hover {text-decoration:none;}
.visitor_education .legend{color:#6c6c6c; margin:15px auto 0; width:300px; font-size:12px;}
.visitor_education .legend p{float:left; margin-right:10px;}
.visitor_education .legend i{ width:10px; height:10px; display:inline-block;  margin-right:5px; font-size:0}

.visitor_streak ol, .visitor_streak .visitor_streak{ margin:30px auto 0; }
.visitor_streak li{	vertical-align:bottom;	height:120px;	float:left;}
.visitor_streak i{	height:80px;display:inline-block;margin-top:30px;}
.visitor_streak em{	color:#3ad2dc;	display:none;position:absolute;}
.visitor_streak a{background-color:inherit;}
.visitor_streak a:link, .visitor_streak a:visited {}
.visitor_streak a:active, .visitor_streak a:hover {text-decoration:none;}

.visitor_streak a:hover i{margin-top:10px;	height:100px;}
.visitor_streak a:hover em{ display:inline-block;} 
.visitor_streak{} 

.visitor_streak{}  /*==学历分布==*/
.i_education0{background:#0ea4ae;}  /*=未知=*/
.i_education1{ background:#96e9ee;} /*=初中=*/
.i_education2{background:#65dde5;}  /*=高中=*/
.i_education3{background:#8cc151;}  /*=本科=*/
.i_education4{background:#3ad2dc;}  /*=硕士=*/
.i_education5{background:#1cbec9;}  /*=博士=*/


.panel .panel-heading {border-bottom: solid 1px #EAF6F7;background: white;}
.latelyDay { border: solid 1px #ececec;border-radius: 15px;font-size: 12px;height: 25px;line-height: 25px;}  
.latelyDay button {background: none;padding: 0 12px;font-size: 12px;}


.mem360Title .col-sm-12 > span {font-size: 26px;color: #1F8CCC;margin: 0 20px;}
.mem360Title .pull-right form .input-group-addon {color: #8cc4e5;background: white;border-radius: 15px 0 0 15px;font-size: 16px;}
.mem360Title .pull-right form input {border-left: none;border-radius: 0 15px 15px 0;}



.ezp-chart-bar{ 
  height: 20px!important; 
  width: 20px!important; 
  float:right!important; 
  margin-left:0px!important; 
  background:url(../icon/chart.png) 
}

.dashboard-data .hxsr-dl .ezp-arrow-up{
    height: 15px;
    width: 15px;
    margin-left:0px!important; 
    background:url(../icon/riseOrange.png)
}
.dashboard-data  .ezp-arrow-down{
    height: 15px;
    width: 15px;
    margin-left:0px!important; 
    background:url(../icon/dropGrey.png)
}

.dashboard-data .hxzb-dl .ezp-arrow-up{
    height: 15px;
    width: 15px;
    margin-left:0px!important; 
    background:url(../icon/riseBlue.png)
}

.dashboard-data .kdj-dl .ezp-arrow-up{
   height: 15px;
    width: 15px;
    margin-left:0px!important; 
    background:url(../icon/riseViolet.png)
}
.dashboard-data .ldl-dl .ezp-arrow-up{
    height: 15px;
    width: 15px;
    margin-left:0px!important; 
    background:url(../icon/riseGreen.png)
}
.dashboard-details .ezp-arrow-up {
  height: 15px;
    width: 15px;
    margin-left:0px!important; 
    background:url(../icon/rise.png)
}
.dashboard-details .ezp-arrow-down {
  height: 20px;
    width: 15px;
    margin-left:0px!important; 
    background:url(../icon/drop.png)
}

.glyphicon-menu-down {
  content: "\e259";
  height: 20px;
  width: 20px;
  float:right!important; 
  margin-left:0px!important; 
  /*background:url(../icon/selectBlue.png)*/
}
.ezp-360chart-barLine{
   content: "\e259";
  height: 20px!important; 
  width: 22px!important; 
  
  /*float:right!important;*/ 
  margin-left:0px!important; 
  background:url(../icon/member360_06.png) 
}

.ezp-360chart-bar{
   content: "\e259";
  height: 17px!important; 
  width: 22px!important; 
  /*float:right!important;*/ 
  margin-left:0px!important; 
  background:url(../icon/member360_11.png) 
}
.ezp-360chart-pie{
   content: "\e259";
  height: 17px!important; 
  width: 17px!important; 
  /*float:right!important;*/ 
  margin-left:0px!important; 
  background:url(../icon/member360_15.png) 
}
 
.usecase li i{
    border:1px solid #fff;
}