@import "~@less/variables.less";
.panBox{
  .pop;
}
.pan{
  width: 280px;
  font-weight: normal;
  tr {
    overflow: hidden;
    height:44px;
    padding: 0;
  }
  td{
    width: 49px;
    height:44px;
    padding: 0;
    overflow: hidden;
  }
  span{
    border:1px #fff solid;
    outline: none;
    background: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    padding: 0;
    margin: 0;
    color: #333;
    cursor: pointer;
  }
  span:hover{
    border-color: @blue;
  }
   .imgN{
    text-align: right;
    vertical-align: bottom;
    padding-right: 8px;
    cursor: pointer;
  } 
  .clearN{
    color:#F6514A;
    text-align: left;
    padding-left: 8px;
    font-weight: bold;
  }
  .comf{
    color:#3B9ED0;
    text-align: right;
    padding-right: 8px;
    font-weight: bold;
  }
  .comf:hover{
    border-color: #fff;
  }
  .clearN:hover{
    border-color: #fff;
  }
  .borderNone {
    opacity: 0;
  }
  .borderNone:hover {
    border: 1px solid transparent;
  }
}