/**
* 通用css样式布局处理
* Copyright
*/
.flex {
    display: flex;
}

/*// flex-item*/
.flex-item {
    flex: 1;
}

/*// flex-item*/
.flex-item-3 {
    flex: 3;
}

/*// tangwd css*/
/*// flex-column*/
.flex-column {
    display: flex;
    flex-direction: column;
}

/*// tangwd css*/
/*// flex-column-inline*/
.flex-column-inline {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*// tangwd css*/
/*// flex-inline*/
.flex-inline {
    display: flex;
    align-items: center;
}

/*// tangwd css*/
/*// justify-center*/
.justify-center {
    justify-content: center;
}

/*// tangwd css*/
/*// space-between*/
.space-between {
    justify-content: space-between;
}

/*// tangwd css*/
/*// space-around*/
.space-around {
    justify-content: space-around;
}

/*// tangwd css*/
/*// space-center*/
.space-center {
    justify-content: center
}

/*// tangwd css*/
/*// space-stretch*/
.space-stretch {
    justify-content: stretch
}

/*// tangwd css*/
/*// flex-end*/
.flex-end {
    justify-content: flex-end
}

.align-end {
    align-items: end;
    /*//justify-content: flex-end*/
}

/*// tangwd css*/
/*// flex-wrap*/
.flex-wrap {
    flex-wrap: wrap;
}

/*// tangwd css*/
/*// align-around*/
.align-around {
    align-content: space-around;
}

.align-stretch {
    align-items: stretch;
}

/*// tangwd css*/
/*// f-r*/
.f-r {
    float: right;
}

/*// tangwd css*/
/*// f-l*/
.f-l {
    float: left;
}

/*// tangwd css*/
/*// t-l*/
.t-l {
    text-align: left;
}

/*// tangwd css*/
/*// t-r*/
.t-r {
    text-align: right;
}

/*// tangwd css*/
/*// t-c*/
.t-c {
    text-align: center;
}

/*// tangwd css*/
/*// t-j*/
.t-j {
    text-align: justify;
}

/*// 缩紧2字符*/
/*// tangwd css*/
/*// t-i-2*/
.t-i-2 {
    text-indent: 2em
}

/*// 内容居中*/
/*// tangwd css*/
/*// placed-center*/
.placed-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*// height100p*/
.height100p {
    height: 100%;
}

/*// width100p*/
.width100p {
    width: 100%;
}

/** 基础通用 **/
/*// pt5*/
.pt5 {
    padding-top: 5px;
}

/*// pr5*/
.pr5 {
    padding-right: 5px;
}

/*// pb5*/
.pb5 {
    padding-bottom: 5px;
}

/*// mt5*/
.mt5 {
    margin-top: 5px;
}

/*// mr5*/
.mr5 {
    margin-right: 5px;
}

/*// mb5*/
.mb5 {
    margin-bottom: 5px;
}

/*// mb8*/
.mb8 {
    margin-bottom: 8px;
}

/*// ml5*/
.ml5 {
    margin-left: 5px;
}

/*// mt10*/
.mt10 {
    margin-top: 10px;
}

/*// mr10*/
.mr10 {
    margin-right: 10px;
}

/*// mb10*/
.mb10 {
    margin-bottom: 10px;
}

/*// ml0*/
.ml10 {
    margin-left: 10px;
}

/*// mt20*/
.mt20 {
    margin-top: 20px;
}

/*// mr20*/
.mr20 {
    margin-right: 20px;
}

/*// mb20*/
.mb20 {
    margin-bottom: 20px;
}

/*// m20*/
.ml20 {
    margin-left: 20px;
}/*// m20*/
.ml40 {
    margin-left: 40px;
}



/** 表单布局 **/
.form-header {
    font-size: 15px;
    color: #6379bb;
    border-bottom: 1px solid #ddd;
    margin: 8px 10px 25px 10px;
    padding-bottom: 5px
}

/** 表格布局 **/
.pagination-container {
    position: relative;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 10px 20px !important;
}

/*.pagination-container .el-pagination {
	right: 0;
	position: absolute;
}*/

.el-table .fixed-width .el-button--mini {
    color: #409EFF;
    padding-left: 0;
    padding-right: 0;
    width: inherit;
}

.el-tree-node__content > .el-checkbox {
    margin-right: 8px;
}

.list-group-striped > .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.list-group {
    padding-left: 0px;
    list-style: none;
}

.list-group-item {
    border-bottom: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    margin-bottom: -1px;
    padding: 11px 0px;
    font-size: 13px;
}

.pull-right {
    float: right !important;
}

.el-card__header {
    padding: 14px 15px 7px;
    min-height: 40px;
}

.el-card__body {
    padding: 15px 20px 20px 20px;
}

.card-box {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 10px;
}

/* button color */
.el-button--cyan.is-active,
.el-button--cyan:active {
    background: #20B2AA;
    border-color: #20B2AA;
    color: #FFFFFF;
}

.el-button--cyan:focus,
.el-button--cyan:hover {
    background: #48D1CC;
    border-color: #48D1CC;
    color: #FFFFFF;
}

.el-button--cyan {
    background-color: #20B2AA;
    border-color: #20B2AA;
    color: #FFFFFF;
}

/* text color */
/*// text-navy*/
.text-navy {
    color: #1ab394;
}

/*// text-primary*/
.text-primary {
    color: inherit;
}

/*// text-success*/
.text-success {
    color: #1c84c6;
}

/*// text-info*/
.text-info {
    color: #23c6c8;
}

/*// text-warning*/
.text-warning {
    color: #f8ac59;
}

/*// text-danger*/
.text-danger {
    color: #ed5565;
}

/*// text-muted*/
.text-muted {
    color: #888888;
}

/* image */
/*// img-circle*/
.img-circle {
    border-radius: 50%;
}

/*// img-lg*/
.img-lg {
    width: 120px;
    height: 120px;
}

/*// avatar-upload-preview*/
.avatar-upload-preview {
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    width: 180px;
    height: 180px;
    border-radius: 50%;
    box-shadow: 0 0 4px #ccc;
    overflow: hidden;
}

/* 拖拽列样式 */
/*// sortable-ghost*/
.sortable-ghost {
    opacity: .8;
    color: #fff !important;
    background: #42b983 !important;
}

/*//top-right-btn*/
.top-right-btn {
    position: relative;
    float: right;
}



/*// f-w-b*/
.f-w-b {
    font-weight: bold;
}

/*// f-w-bolder*/
.f-w-bolder {
    font-weight: bolder;
}

/*// ba-1*/
.ba-1 {
    border: #DD0000 solid 2px;
}

/*// bb-1*/
.bb-1 {
    border-bottom: #F4F4F4 solid 1px;
}

/*// bt-1*/
.bt-1 {
    border-top: #DDDDDD solid 2px;
}

/*// bl-1*/
.bl-1 {
    border-left: #EEEEEE solid 2px;
}

/*// br-1*/
.br-1 {
    border-right: #EEEEEE solid 2px;
}

/*// bg-white*/
.bg-white {
    background: #FFFFFF;
}

/*// bg-grey*/
.bg-grey {
    background: rgba(229, 231, 233, 0.6);
}

/*// bg-light-grey*/
.bg-light-grey {
    background: #F4F4F4;
}

/*//overflow-hidden*/
.overflow-hidden {
    overflow: hidden;
}

/*//scroll-x*/
.scroll-x {
    overflow-x: scroll;
}

/*//scroll-y*/
.scroll-y {
    overflow-y: scroll;
}

/*// pointer*/
.pointer {
    cursor: pointer
}


.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

/*首页缩进*/
.layout-indent{
    padding-top:100px;
    padding-left: 274px;
}

/* padding-top:100px */
.pt-100 {
    padding-top:100px;
}
/*padding-left: 274px*/
.pl-274 {
    padding-left: 274px;
}
.px-260 {
    padding-left: 260px;
    padding-right: 260px;
}

.ml-40{
    margin-left: 40px;
}
.mt-80{
    margin-top: 80px;
}

/*新闻条目*/
.news-item{
    height: 52px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #15293B;
    line-height: 52px;
    letter-spacing: 1px;
}