.fpm-tip {
  display: none; }

.fpm-tip-box .fpm-tip {
  position: absolute;
  z-index: 1500;
  background-color: #fff;
  display: none;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  /*#E4E2E2*/
  padding: 10px 12px;
  font-size: 14px; }
  .fpm-tip-box .fpm-tip.fpm-tip-has-close-icon {
    padding-right: 36px; }
  .fpm-tip-box .fpm-tip i.y-icon-close-bold {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    color: #acb3bb;
    font-size: 12px; }
    .fpm-tip-box .fpm-tip i.y-icon-close-bold:hover {
      color: #323538; }
  .fpm-tip-box .fpm-tip .fpm-tip-arrow {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    position: absolute;
    background-color: inherit; }
    .fpm-tip-box .fpm-tip .fpm-tip-arrow em, .fpm-tip-box .fpm-tip .fpm-tip-arrow ins {
      width: 0;
      height: 0;
      font-size: 0;
      line-height: 0;
      display: block;
      position: absolute;
      border: 8px solid transparent; }
    .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-up, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-up, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-up {
      top: -16px;
      left: 50%;
      right: auto;
      margin-left: -8px; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-up em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-up ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-up em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-up ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-up em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-up ins {
        border-style: dashed dashed solid dashed; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-up em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-up em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-up em {
        border-bottom-color: #e5e5e5; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-up ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-up ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-up ins {
        border-bottom-color: #fff;
        top: 1px; }
    .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-down, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-down, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-down {
      bottom: 0;
      left: 50%;
      right: auto;
      margin-left: -8px; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-down em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-down ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-down em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-down ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-down em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-down ins {
        border-style: solid dashed dashed dashed; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-down em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-down em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-down em {
        border-top-color: #e5e5e5; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-down ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-down ins, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-down ins {
        border-top-color: #fff;
        top: -1px; }
    .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-down, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left-up {
      left: 8px;
      right: auto;
      margin-left: auto; }
    .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-down, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right-up {
      left: auto;
      right: 24px;
      margin-left: auto; }
    .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left {
      left: -16px;
      top: 50%;
      margin-top: -8px; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left ins {
        border-style: dashed solid dashed dashed; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left em {
        border-right-color: #e5e5e5; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-left ins {
        border-right-color: #fff;
        left: 1px; }
    .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right {
      right: 0;
      top: 50%;
      margin-top: -8px; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right em, .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right ins {
        border-style: dashed dashed dashed solid; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right em {
        border-left-color: #e5e5e5; }
      .fpm-tip-box .fpm-tip .fpm-tip-arrow.tip-arrow-right ins {
        border-left-color: #fff;
        left: -1px; }
  .fpm-tip-box .fpm-tip.tip-error {
    border: 1px solid #fdd7d7;
    background-color: #feefef;
    color: #f12148; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-up em, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-left-up em, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-right-up em {
      border-bottom-color: #fdd7d7; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-up ins, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-left-up ins, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-right-up ins {
      border-bottom-color: #feefef; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-down em, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-left-down em, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-right-down em {
      border-top-color: #fdd7d7; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-down ins, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-left-down ins, .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-right-down ins {
      border-top-color: #feefef; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-left em {
      border-right-color: #fdd7d7; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-left ins {
      border-right-color: #feefef; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-right em {
      border-left-color: #fdd7d7; }
    .fpm-tip-box .fpm-tip.tip-error .fpm-tip-arrow.tip-arrow-right ins {
      border-left-color: #feefef; }