.ivtip{
  position: absolute;
  padding: 0
}

.ivtip-default{
  border: 1px solid #e74c3c;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  max-width: 280px;
  /*min-width: 130px*/
}

.ivtip-content{
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
  color: #e74c3c
}

.ivtip-scaleFadeIn{
  animation: tip_scaleFadeIn 0.2s
}

.ivtip-scaleFadeOut{
  animation: tip_scaleFadeOut 0.2s
}

/*---缩放淡入----*/
@keyframes tip_scaleFadeIn{
  from{transform: scale(0.2); opacity: 0}
  to{transform: scale(1); opacity: 1}
}

/*---缩放淡出----*/
@keyframes tip_scaleFadeOut{
  from{transform: scale(1); opacity: 1}
  to{transform: scale(0.2); opacity: 0}
}


.ivtip-fadeIn{
  animation: tip_fadeIn 0.2s
}

.ivtip-fadeOut{
  animation: tip_fadeOut 0.2s
}

/*---淡入----*/
@keyframes tip_fadeIn{
  from{opacity: 0}
  to{opacity: 1}
}  
/*---淡出----*/  
@keyframes tip_fadeOut{
  from{opacity: 1}
  to{opacity: 0}
}




/* 通用样式 */
.ivalidate-box{
  margin: 0px !important;
  outline: 0px none !important;
  box-sizing: border-box !important;
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;*/
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  height: 32px;
  padding: 4px 6px;
  display: inline-block;
  font-family: "Lucida Grande", "Microsoft YaHei";
  font-size: 14px;
  transition: border .25s linear, color .25s linear, background-color .25s linear !important;
  background-image: none;
  color: #34495e
}

/* 起始样式 */
.ivalidate-box.ivalidate-normal{
  border-color: #e6e6e6 !important;
  background-color: #fff !important
}

/* 验证通过，得到焦点时，边框为绿色 */
.ivalidate-box.ivalidate-pass,
.ivalidate-box.ivalidate-pass:focus{
  border-color: #1abc9c !important;
  background-color: #fff !important
}

/* 验证未通过，边框、背景为红色 */
.ivalidate-box.ivalidate-nopass,
.ivalidate-box.ivalidate-nopass:focus{
  border-color: #e74c3c !important;
  background-color: #fff3f3 !important
}

/* 禁用输入框 */
.ivalidate-box.ivalidate-disabled{
  color: #636378;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px;
  background-color: #f4f6f6 !important;
  background-image: none;
  cursor: not-allowed !important
}

/* 禁用输入框 bu*/
.no-ivalidate-disabled{
  color: #636378;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px;
  background-color: #f4f6f6 !important;
  background-image: none;
  cursor: not-allowed !important
}

/* 只读输入框。*/
.ivalidate-box.ivalidate-readonly,
.ivalidate-box.ivalidate-readonly:focus{
  color: #636378;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px;
  background-color: #f4f6f6 !important;
  background-image: none;
  cursor: default !important
}