.ziyo-tip-box {
    position: absolute; z-index: 99999; min-height: 50px; display: none;
    background: #fff; margin: 10px;
}

.ziyo-tip-box .ziyo-qtip-body table {
    width:100%; border: 1px solid #7bac40; border-collapse: collapse; /*表格外框颜色*/
}

.ziyo-qtip-body td, .ziyo-qtip-body th { border-bottom: 1px dotted #7bac40; padding: 5px 3px; cursor: default;} /*表格单元格颜色*/
.ziyo-qtip-body tr:last-child td { border-bottom: none; }
.ziyo-qtip-body tr:hover td { background: #e9ffcf;} /*行悬停背景色*/

.ziyo-qtip-body th { background: #7bac40; color: #fff; border-bottom: none; } /*表头颜色*/
.ziyo-qtip-body td div { width: 100%; overflow: hidden; text-overflow:ellipsis;}
.ziyo-qtip-body td.price, .ziyo-qtip-body th.price { text-align: right;  }
.ziyo-qtip-body td.tour { color: #FF9C00;  } /*门市价颜色*/
.ziyo-qtip-body td.profit { color: #0A87E2;  } /*佣金颜色*/

.ziyo-tip-box .ziyo-arrow {
    position: absolute;
    width: 11px;
    height: 11px;
}

.ziyo-arrow.ziyo-arrow-top {
    top:-10px;
    left: 10px;
}

.ziyo-tip-box .triangle {
    width:0; height:0;  border-style:solid;
    border-width:0 10px 10px;
    border-color:transparent transparent #7bac40; /*三角箭头颜色*/
    position:relative;
}

.ziyo-tip-box .triangle span {
    position:absolute;
    display:block; width:0; height:0; border-style:solid;
    border-width:0 10px 10px;
    border-color:transparent transparent #7bac40; /*三角箭头颜色*/
    top:1px;
    left:-10px;
}

.ziyo-tip-box .fa { display: inline-table; width: 20px; text-align: center; }
.ziyo-tip-box .fa-user-secret { color: #0A87E2; }
.ziyo-tip-box .fa-child { color: #FF9C00; }
.ziyo-tip-box .fa-users { color: #ff64cc; }

/*=================== 华丽丽的分隔线 以下暂无作用 =======================*/
.ziyo-arrow.ziyo-arrow-bottom {
    bottom: -11px; left: 10px;
}

.ziyo-arrow-bottom .triangle {
    border-width: 10px 10px 0 10px;
    border-color: #ddd transparent transparent;
}

.ziyo-arrow-bottom .triangle span {
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent;
    top:-11px;
}


.ziyo-arrow.ziyo-arrow-left {
    top: 10px; left: -11px;
}

.ziyo-arrow-left .triangle {
    border-width: 10px 10px 10px 0;
    border-color: transparent #ddd transparent;
}

.ziyo-arrow-left .triangle span {
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent;
    top:-10px;
    left: 1px;
}


.ziyo-arrow.ziyo-arrow-right {
    top: 10px; right: -11px;
}

.ziyo-arrow-right .triangle {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ddd ;
}

.ziyo-arrow-right .triangle span {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
    top: -10px;
    left: -11px;
}