@charset "UTF-8";
* {
    /* font-family: "宋体",Arial,sans-serif,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB" !important; */
}

body {
    background: #f3f3f3;
    background: url("/bjwater/uiFramework/commonResource/image/2016110215140428686.png") center top no-repeat;

}

.container {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    /*background: #fff;*/
}

.title {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.box {
    padding: 20px;
}

.box1 {
    padding: 20px 0;
}

.box2 {
    padding: 0 20px;
}

.box3 {
    margin: 0 20px;
    border: 1px solid #ff95a1;
    background-color: #fff9fa;
    padding: 20px;

}

.card {
    /*padding: 20px;*/
    margin: 20px 0;
	border: 1px solid #bd1a2d;
    background: #fff;
	border-radius: 10px;
}

.align-center {
    text-align: center;
}

.el-button {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my_button {
    cursor: pointer;
    background: #FFF;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #606266;
    padding: 12px 12px;
    text-align: left;
    font-size: 12px;
}

.my_button:hover {
    /*border-color: #bd1a2d;*/
    color: #bd1a2d;
}

.my_button i {
    display: block;
    margin: 0 auto;

}

.my_button span {

    display: block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.el-tabs__item {

    font-size: 16px !important;
    font-weight: bold  !important;
}
.el-tabs__item.is-active,.el-tabs__item:hover {
  	color: #bd1a2d !important;
}

.el-range-editor.is-active, .el-range-editor.is-active:hover {
     border-color: #C0C4CC !important;
}
.el-select-dropdown__item.selected {
    color: #bd1a2d !important;
    font-weight: 700;
}
.el-link.el-link--primary:hover,.el-link.el-link--default:hover {
    color: #bd1a2d !important;
}

.el-link.el-link--primary {
    color: #333 !important;
}
.el-link.is-underline:hover:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 0;
	bottom: 0;
	border-bottom: 1px solid #bd1a2d !important
}
.el-date-table td.current:not(.disabled) span {
    color: #FFF !important;
    background-color: #bd1a2d !important;
}
.el-date-table td.today span {
    color: #bd1a2d !important;
    font-weight: 700;
}
.el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: #bd1a2d !important;
}
.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
    color: #FFF !important;
}
.el-date-table td.available:hover {
    color: #bd1a2d !important;
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #fff9fa !important;
}
.el-pager li.active:hover {
    color: #fff !important;
}
.el-pager li.active {
    background: #bd1a2d !important;
}
.el-pager li:hover {
    color: #bd1a2d !important;
}
.el-table th > .cell {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.el-table .cell {
    line-height: 24px !important;
    font-size: 14px;
}

.el-table th {
    background: #bd1a2d !important;
}

.el-table--border, .el-table--group {
    border-left: 1px solid #ddd !important;
}

.el-table--border::after, .el-table--group::after, .el-table::before {
    background-color: #ddd !important;
}

.el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #ddd !important;
}

.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 1px solid #ddd !important;
}

/* gridtable */
table.gridtable {

    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #ddd;
    border-collapse: collapse;
}
table.gridtable tr td{
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    text-align: left;
    border-color: #ddd;
    background-color: #ffffff;
}
table.gridtable tr td:first-child{

    text-align: right;
    width: 130px;
    background: #f5f5f5;

}
/*csyq_table*/
table.csyq_table {

    font-size: 12px;
    color: #333333;
    border-width: 1px;
    border-color: #ddd;
    border-collapse: collapse;
}
table.csyq_table tr td{
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    text-align: center;
    border-color: #ddd;
    background-color: #ffffff;
	width: 120px;
}
table.csyq_table tr td.remark{

    text-align: center;
	color: #fff;
    background: #bd1a2d;

}
table.csyq_table tr td.tongji{
    background: #f5f5f5;
}
.el-form-item__label {
    font-size: 12px !important;
    color: #606266;
    font-weight: bold;
}
.el-divider {
    background-color: #bd1a2d !important;
}
.el-divider__text div {
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    font-weight: bold !important;
}

.el-divider__text .sub-title {
    color: #909399;
    font-size: 14px;
}

.el-divider__text .sub-title span {
    color: #F56C6C;
}

.el-select .el-input {
    width: 130px;
}

.input-with-select .el-input-group__prepend {
    background-color: #fff;
}

.el-page-header__content {
    font-size: 16px;
    font-weight: bold;
}
