/*tip浮层 默认模板*/

.u-pop {
  position: absolute;
  z-index: 1000;
  min-width: 50px;
}

.u-pop-bd {
  background: #FFF;
  padding: 10px;
  border: 1px solid #D18D50;
  text-align: center;
}

.u-pop .arrowOut {
  border-color: #D18D50 transparent;
  border-style: solid;
  _border-style: solid dashed;
  height: 0;
  line-height: 0;
  width: 0;
  font-size: 0;
  border-width: 0 6px 6px 6px;
  _border-width: 0 7px 7px 7px;
  position: absolute;
  z-index: 11;
  top: -6px;
  left: 30px;
  display: block;
  _display: inline;
  zoom: 1;
}

.u-pop .arrowIn {
  border-color: #FFF transparent;
  border-style: solid;
  _border-style: solid dashed;
  display: block;
  _display: inline;
  height: 0;
  font-size: 0;
  line-height: 0;
  width: 0;
  border-width: 0 6px 6px 6px;
  _border-width: 0 7px 7px 7px;
  position: absolute;
  z-index: 12;
  left: 30px;
  top: -5px;
  zoom: 1;
  background: none\9;
}

.u-pop-loc-r .arrowOut {
  border-color: transparent #D18D50;
  _border-style: dashed solid;
  border-width: 6px 6px 6px 0;
  _border-width: 7px 7px 7px 0;
  left: -6px;
  top: 20px;
}

.u-pop-loc-r .arrowIn {
  border-color: transparent #FFF;
  _border-style: dashed solid;
  border-width: 6px 6px 6px 0;
  _border-width: 7px 7px 7px 0;
  left: -5px;
  top: 20px;
}

/* demo模板 */

.demo {
  position: relative;
  border: 1px solid #999;
  padding: 15px 10px;
  border-radius: 6px;
  margin: 0 10px 15px;
}

.demo h3 {
  background: #eee;
  border-left: 4px solid #358CCB;
  padding: 5px 10px;
  margin: 5px 0;
}

.demo code {
  display: block;
  margin-bottom: 15px;
  padding: 10px 0 10px 10px;
  border-left: 4px solid #ACD458;
 background:url(data:image/png;
base64, iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAB/lBMV…tmh4Z/nr8AiC1siJ4QBcjIYQtzx74/jF11cQDtTgjL0fn/B3nx6a7PXIC/AAAAAElFTkSuQmCC) top center rgba(234,239,242,.25);
  color: #333;
  font-family: Consolas, Monaco, "Andale Mono", monospace;
  text-align: left;
}

.btn {
  display: inline-block;
  border: 2px solid #006C70;
  padding: 5px 10px;
  background: #007041;
  color: #FFF;
  border-radius: 6px;
  cursor: pointer;
}

/* 自定义tip */

.tartTip {
  display: none;
  border: 1px solid #d6d6d6;
  background: #ebebeb;
  padding: 6px;
  position: absolute;
  z-index: 100;
  margin: -104px 0 0 86px;
  zoom: 1
}

.tartTip i.arrowSideline {
  border-color: transparent #d6d6d6;
  border-style: solid;
  _border-style: dashed solid;
  height: 0;
  line-height: 0;
  width: 0;
  font-size: 0;
  border-width: 6px 6px 6px 0;
  _border-width: 7px 7px 7px 0;
  position: absolute;
  z-index: 11;
  left: -7px;
  top: 30px;
  display: block;
  _display: inline;
  zoom: 1;
}

.tartTip i.arrowIcon {
  border-color: transparent #EBEBEB;
  border-style: solid;
  _border-style: dashed solid;
  display: block;
  _display: inline;
  height: 0;
  font-size: 0;
  line-height: 0;
  width: 0;
  border-width: 6px 6px 6px 0;
  _border-width: 7px 7px 7px 0;
  position: absolute;
  z-index: 12;
  top: 30px;
  left: -6px;
  zoom: 1;
  background: none\9;
}

.tartTipBody {
  background: #fff;
  padding: 12px;
  overflow: auto;
  overflow-x: hidden;
  _display: inline;
  position: relative;
  zoom: 1;
  z-index: 100;
  min-width: 105px
}

.demo01 .tartTip {
  left: 50px;
  bottom: -52px;
}