body {
  background: #F5F5F5 !important;
  font-size: 12px;
}

.main-container {
  width: 960px;
  margin: 0 auto;
  min-height: 500px;
}
.main-container .breadcrumb{
  margin-bottom: 10px;
  font-size: 12px;
}
.main-container .breadcrumb .location{
  margin-right: 10px;
  font-size: 12px !important;
}
.main-container .breadcrumb .el-breadcrumb__item{
  font-size: 12px !important;
}
.main-container .breadcrumb .location i.el-breadcrumb__separator{
  display: none;
}

.linear {
  background-image: linear-gradient(to right, #42A8CE, #427FCE);
}

.text-linear {
  font-size: 20px;
  background-image: -webkit-linear-gradient(right, #42A8CE, #427FCE) !important;
  background-image: linear-gradient(to right, #42A8CE, #427FCE) !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  border: 2px solid #42A8CE !important;
  font-weight: 900 !important;
  letter-spacing: 3px;
}

.card_style1 .el-card__header, .card_menu .el-card__header {
  background-image: linear-gradient(to right, #42A8CE, #427FCE);
  color: #fff;
  font-weight: 700;
  padding: 9px 10px !important;
}

.el-pager .active, .el-table__header thead, .el-button--primary {
  background-image: linear-gradient(to right, #42A8CE, #427FCE) !important;
}

.el-table__header thead {
  color: #fff !important;
}

.el-table th.el-table__cell, .el-table .el-table__header tr {
  background: transparent !important;
}

.el-table__header > tr, .el-table__header > th {
  background: transparent !important;
}

.card_menu .box-card {
  background: #F5F5F5;
}

.card_menu .el-card__body {
  background: #FFF;
}

.card_menu .el-card__header {
  text-align: center;
  font-size: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card_style1 .el-card__header .el-divider {
  width: 3px;
  background: #FFF;
}

.card_style2 .el-card__header {
  color: #427FCE;
  font-weight: 700;
  padding: 9px 10px !important;
  border-bottom: none !important;
}

.card_style2 .el-card__header .el-divider {
  width: 3px;
  background: #427FCE;
}

.card_style2 h2 {
  font-size: 14px;
  color: #333333;
}

.card_style2 p {
  color: #999999;
}

.card_style2 .list {
  border-bottom: 1px solid #eee;
  padding: 10px
}

.card_style2 .list:last-child {
  border-bottom: none;
}

.el-card {
  border-radius: 0 !important;
  border: 0 !important;
}

.header {
  color: #fff !important;
  height: 50px;
}

.header > .el-menu--horizontal > .el-menu-item {
  height: 45px !important;
  line-height: 45px !important;
  color: #fff !important;
  font-size: 12px;
  padding: 0;
  width: 7.6923%;
}

.header > .el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #fff
}

.header > .el-menu--horizontal > .el-menu-item:hover, .header > .el-menu--horizontal > .el-menu-item:focus {
  background: transparent !important;
}

.footer {
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding: 10px;
}

.footer span {
  padding: 10px;
}

.footer .footer-bar {
  margin: 10px;
}

.footer .copyright {
  line-height: 20px;
}


.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
  padding: 0px 5px !important;
}


.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}

.logo {
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  margin-right: 100px;
  left: -40px;
  top: 6px;
  text-align: center;
  line-height: 50px;
  width: 100px;
}

.logo a, .logo a:hover {
  color: #fff;
}

/*about*/
.menu-item{
  text-align: center;
  padding: 10px;
  width: 100%;
}
.card_menu .menu-item.active{
  border-left: 2px solid #427FCE;
  background: #eee;
}