/***********************
模块名：icon+tips
作者：elynnchen
************************/

/*icon*/
.icon-question,.icon-question-w,.icon-tips-warn,.icon-tips-warn-w{
  cursor: default;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: -2px;
  display: inline-block;
}
.icon-question{  background-image: url(../../images/tui/icon-tips-question-01.png);}
.icon-question-w{ background-image: url(../../images/tui/icon-tips-question-02.png);}
.icon-tips-warn{background-image: url(../../images/tui/icon-tips-warn-01.png);}
.icon-tips-warn-w{background-image: url(../../images/tui/icon-tips-warn-02.png);}


/*icon+tips*/
.tui-tipsbox .tui-tips {
  width: 250px;
  display: none;
}

.tui-tipsbox{display: inline-block; position: relative;}
.tui-tipsbox>span{border-bottom:1px dotted #858585;}
.tui-tipsbox:hover .tui-tips {
  display: block;
}

.tui-tipsbox--icon {display: inline-block;z-index:1;height:16px;width:16px; margin:0 5px; }
.tui-tipsbox--icon>.icon{opacity: 0.6;}
.tui-tipsbox--icon:hover>.icon{opacity: 1;}
/*位置*/
.tui-tipsbox .tui-tips.up{bottom:25px; }
.tui-tipsbox .tui-tips.up.right{bottom:25px; }
.tui-tipsbox .tui-tips.down{top:30px; }
.tui-tipsbox .tui-tips.left{right:auto;left:-18px;}
.tui-tipsbox .tui-tips.right{right:-18px; left:auto;}