@import 'color';
/*===============鼠标样式==============*/
//鼠标点击样式
.cursor_hover{
  cursor:pointer;
}
//鼠标复制样式
.clickCopy{
  cursor:pointer;
}
//===========================dialog弹窗底部按钮样式===========================
.dialog-footer-box{
  font-weight:500;
  display: flex;
  .dialog-footer-button-null{
    flex:1;
  }
  .dialog-footer-button-info{
    width:70px;
    height:30px;
    line-height:30px;
    text-align: center;
    border:1px solid $buttonColorG;
    background:$buttonColorG;
    color:$buttonColorH;
    cursor: pointer;
    font-size:12px;
    margin:0 10px;
    border-radius:6px;
  }
  .dialog-footer-button-info:hover{
    border:1px solid $buttonColorH;
    color:$buttonColorA;
    background:$buttonColorH;
  }
  .dialog-footer-button-primary{
    width:70px;
    height:30px;
    line-height:30px;
    text-align: center;
    border:1px solid $buttonColorC;
    color:$buttonColorA;
    background:$buttonColorC;
    cursor: pointer;
    font-size:12px;
    margin:0 10px;
    border-radius:6px;
  }
  .dialog-footer-button-primary:hover{
    border:1px solid $buttonColorI;
    color:$buttonColorA;
    background:$buttonColorI;
  }
  .dialog-footer-button-border{
    width:70px;
    height:30px;
    line-height:30px;
    text-align: center;
    border:1px solid $buttonColorC;
    color:$buttonColorC;
    background:$buttonColorA;
    cursor: pointer;
    font-size:12px;
    margin:0 10px;
    border-radius:6px;
  }
  .dialog-footer-button-border:hover{
    border:1px solid $buttonColorI;
    color:$buttonColorA;
    background:$buttonColorI;
  }
}
//===========================表格内按钮===========================
.table-button-box{
  font-weight:500;
  height:23px;
  display: flex;
  margin:0 auto;
  .table-button-null{
    flex:1;
  }
  .table-button-p{
    color:$buttonColorD;
    line-height:23px;
    font-size:14px;
    cursor:pointer;
    margin:0 10px !important;
    text-align:center;
    i{
      margin:0 5px 0 0;
    }
  }
}
//===========================页面新增按钮===========================
.page-add-common-style-button{
  font-weight:500;
  width: 90px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  color: $buttonColorC;
  border: 1px solid $buttonColorC;
  background-color: $buttonColorA;
  cursor:pointer;
  margin:0;
  text-align:center;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-add-common-style-button:hover{
  border:1px solid $buttonColorC;
  background-color: $buttonColorC;
  color:$buttonColorA;
}
//===========================页面返回按钮===========================
.page-out-common-style-button{
  font-weight:500;
  width: 90px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorH;
  color:$buttonColorH;
  background-color:$buttonColorA;
  cursor:pointer;
  margin:0;
  text-align:center;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-out-common-style-button:hover{
  color:$buttonColorD;
  background-color:$buttonColorK;
  border: 1px solid $buttonColorD;
}
//===========================页面提交按钮===========================
.page-submit-common-style-button{
  font-weight:500;
  width: 90px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorC;
  color:$buttonColorA;
  background-color:$buttonColorC;
  cursor:pointer;
  margin:0;
  text-align:center;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-submit-common-style-button:hover{
  color:$buttonColorA;
  background-color:$buttonColorD;
  border: 1px solid $buttonColorD;
}
//===========================页面查询按钮===========================
.page-inquire-common-style-button{
  font-weight:500;
  cursor:pointer;
  display: inline-block;
  text-align: center;
  width: 70px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorC;
  color:$buttonColorA;
  background-color:$buttonColorC;
  margin:0 10px 0 0;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-inquire-common-style-button:hover{
  color:$buttonColorA;
  background-color:$buttonColorD;
  border: 1px solid $buttonColorD;
}
//===========================页面重置按钮===========================
.page-reset-common-style-button{
  font-weight:500;
  cursor:pointer;
  display: inline-block;
  text-align: center;
  width: 70px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorH;
  color:$buttonColorH;
  background-color:$buttonColorA;
  margin:0;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-reset-common-style-button:hover{
  color:$buttonColorD;
  background-color:$buttonColorK;
  border: 1px solid $buttonColorD;
}
//===========================页面顶部title样式组===========================
.page-top-title-box{
  font-weight:500;
  display: flex;
  border-bottom:1px solid $border_de;
  padding:20px 20px 20px 0;
  .page-top-title-name-p{
    margin-left:20px;
    flex:1;
    line-height:40px;
    font-size:16px;
    color:$buttonColorC;
    margin-right:20px;
  }
  .page-top-title-add-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    color: $buttonColorC;
    border: 1px solid $buttonColorC;
    background-color: $buttonColorA;
    font-size: 14px;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-add-p:hover{
    border:1px solid $buttonColorC;
    background-color: $buttonColorC;
    color:$buttonColorA;
  }
  .page-top-title-out-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    border: 1px solid $buttonColorH;
    color:$buttonColorH;
    font-size: 14px;
    background-color:$buttonColorA;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-out-p:hover{
    color:$buttonColorD;
    background-color:$buttonColorK;
    border: 1px solid $buttonColorD;
  }
  .page-top-title-submit-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    border: 1px solid $buttonColorC;
    color:$buttonColorA;
    background-color:$buttonColorC;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-submit-p:hover{
    color:$buttonColorA;
    background-color:$buttonColorD;
    border: 1px solid $buttonColorD;
  }
}
//===========================页面底部按钮样式组===========================
.page-bottom-button-box{
  font-weight:500;
  display: flex;
  .page-bottom-button-null-p{
    flex:1;
  }
  .page-bottom-button-submit-p{
    width:80px;
    height:40px;
    line-height:40px;
    text-align: center;
    cursor: pointer;
    font-size:14px;
    margin:30px 20px;
    border-radius: 6px;
    border: 1px solid $buttonColorC;
    color:$buttonColorA;
    background-color:$buttonColorC;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-bottom-button-submit-p:hover{
    color:$buttonColorA;
    background-color:$buttonColorD;
    border: 1px solid $buttonColorD;
  }
  .page-bottom-button-cancel-p{
    width:80px;
    height:40px;
    line-height:40px;
    text-align: center;
    cursor: pointer;
    font-size:14px;
    margin:30px 0;
    border-radius: 6px;
    border: 1px solid $buttonColorH;
    color:$buttonColorH;
    background-color:$buttonColorA;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-bottom-button-cancel-p:hover{
    color:$buttonColorD;
    background-color:$buttonColorK;
    border: 1px solid $buttonColorD;
  }
}
//===========================导出按钮=======================
.form-dropdown-box{
  font-weight:500!important;
}
