@import "~@less/variables.less";
.infoBox{
  .contentZIndex1;
  position: absolute;
  top:27px;
  width: 388px;
  background: #fff;
  border: 1px solid #EAEDF1;
  /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);*/
  box-shadow: 0 10px 20px 0 #989DA3;
  margin-bottom: 20px;
  .infoTitle{
    height: 40px;
    line-height: 40px;
    padding-left: 18px;
    // border-bottom: 1px solid #EAEDF1;
    background: #DFEAFE;
    img{
      vertical-align: text-top;
    }
    .closeIcon{
      // vertical-align: middle;
      float: right;
      cursor: pointer;
    }
  }
  .infoCon{
    padding: 15px 26px 25px;
  }
  .infoFoot{
    text-align: right;
    // border-top: 1px solid #EAEDF1;
    padding: 10px 20px 10px 0;
    span{
      color:#3B9ED0;
      display: inline-block;
      /*width: 66px;*/
      padding:0 10px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      border: 1px solid #3B9ED0;
      border-radius: 4px;
      cursor: pointer;
    }
  }
}