*{margin:0; padding:0;}
body{height:100%;}
a:link {

text-decoration:none;
}
a:visited {

text-decoration:none;
}
a:hover {

text-decoration:none;
}
a:active {

text-decoration:none;
}
li{list-style:none;}
.mb{margin-bottom: 15px;}
.mb_b{margin-bottom: 30px;}
.mp{margin-top: 15px;}
.mp_b{margin-top:30px;}
.ml{margin-left:20px;}
.ml_b{margin-left: 60px;}
.mr{margin-right:30px;}
.mr_b{margin-right:60px;}
.mp_f{margin-top: -10px;}

.ellips {
  overflow : hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/

}

.text-larger {font-size:20px; color:#73d5ff;}
.text-grey {color:#000; font-weight: bold;}
.text-light-grey {color:#999;}
.text-yellow{color:#ff7802; font-weight: bold;}
.text-orange{color:#f9722b; font-weight: bold;}
.text-red{color:#e04f60;}
.text-green{color:#10937d;}

.btn-warning{background:#f9722b; border-color:#f9722b;}

.glyphicon {margin-right:5px;}

.bg-color{border:1px solid #ddd; background:#fcfcfc;;}
.table>thead>tr>td{border:0; background:#fcfcfc; border-bottom:3px double #d7d6d6;}
.table>thead>tr>td,
.table>tbody>tr>td{
		text-align: center;
		vertical-align:middle;
}
.table-bordered {border:0;}
.table-content{ margin-right: 1px;}	
.table-content h4 {border-bottom: 2px solid #918F8F; height:30px;line-height: 30px;}
.table-content h4 a{font-size: 12px; vertical-align: middle; margin-left:8px;}
.table-content h4 a:hover{text-decoration: none;}


.triangle-line {border-bottom:1px solid #77c4ed; height:40px; line-height:40px; position:relative; font-size:18px;  padding-left:5px; padding-right:10px;  color:#333; /*font-weight:bold;*/}
.triangle-line img{margin-right:5px;}
.triangle-line:before,
.triangle-line:after{
	content:"";
	display:block;
    border-width:8px;
    position:absolute; 
    bottom:0;
    left:60px;
    border-style:solid dashed dashed;
    border-color: transparent  transparent #77c4ed transparent ;
    font-size:0;
    line-height:0;
	
}
.triangle-line:after{
    bottom:-1px;
    border-color: transparent transparent #fff transparent ;
}

/**/
.clue-info span{display:inline-block; width:60px;height:60px; background:#38bbeb; text-align:center; line-height: 60px; border-radius:5px; margin-top: -1px;}
.clue-info-modal {width:208px; height:60px; border:1px solid #eaeaea;border-top-left-radius: 5px;border-bottom-left-radius: 5px; border-left:0; float:left; margin:0  30px 0 10px; background:#fdfdfd;}
.clue-info-modal p {margin-left: 75px; margin-bottom: 5px;}
.clue-info-modal.first-bg span{background:#ff9536;}
/*********alert样式************/
.alert{
  z-index:999999;
  background:#000; 
  opacity:0.8; 
  line-height:30px;
  text-align:center; 
  color:#fff; 
  padding:5px 10px;
  border-radius:5px;
  position:fixed;
  top:35%; 
  left:50%; 
 }
