#preBtn{
    background-color:red;width:50px;height:23px;margin-right:4px;float: left;
}
#nextBtn{
    background-color:red;width:50px;height:23px;margin-left: 4px; float: left;
}
/*#recall_body div{
    background-color:#ff6a00;
    width:50px;
    height:23px;
    margin:0 4px;
    float: left;
    cursor: pointer;
    text-align: center;
}*/
#recall_body{
    display: flex;
    flex-wrap: wrap;
    color: white;
    font-size: 15px;
    float: left;
}
#recall_body .select_div{
    background-color: #fd0000;
}
.square {
    background-color: #e99457 /*#bd8b68*/;
    width: 45px;
    height: 23px;
    margin: 0 4px;
    float: left;
    cursor: pointer;
    text-align: center;
}
.square:hover {
    opacity:0.8;
}

.square_disable {
    background-color: #a78771;
    width: 45px;
    height: 23px;
    margin: 0 4px;
    float: left;
    cursor: not-allowed;
    text-align: center;
}

.square_disable:after {
    content: attr(data-tips);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(-150%);
    transition: .1s;
    font-size: 12px;
}

.square_disable:hover:after {
    opacity: 1;
    transform: translateY(-100%);
}