/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}
.el-carousel__item.is-active {
  z-index: 2;
}
.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: 2;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.24;
  transition: 0.2s;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-carousel {
  position: relative;
}
.el-carousel--horizontal {
  overflow-x: hidden;
}
.el-carousel--vertical {
  overflow-y: hidden;
}
.el-carousel__container {
  position: relative;
  height: 300px;
}
.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0.11);
  color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.el-carousel__arrow--left {
  left: 16px;
}
.el-carousel__arrow--right {
  right: 16px;
}
.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0.23);
}
.el-carousel__arrow i {
  cursor: pointer;
}
.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.el-carousel__indicators--outside {
  bottom: 26px;
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: #c0c4cc;
  opacity: 0.24;
}
.el-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center;
}
.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
  padding: 2px 18px;
  font-size: 12px;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}
.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: 12px 4px;
}
.el-carousel__indicator--vertical {
  padding: 4px 12px;
}
.el-carousel__indicator--vertical .el-carousel__button {
  width: 2px;
  height: 15px;
}
.el-carousel__indicator.is-active button {
  opacity: 1;
}
.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: 30px;
  height: 2px;
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: 0.3s;
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

.list-panel {
  height: 500px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 10px;
}
.list-panel .list-item {
  height: 44px;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  border-bottom: 1px dashed #ebeef5;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
}
.list-panel .list-item:hover {
  color: #333;
  background: #f2f6fc;
}
.list-panel .list-item .list-item-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.list-panel .list-item .list-item-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80px;
}
.list-panel .list-item .list-item-line {
  height: 13px;
  width: 1px;
  background: #c0c4cc;
  margin: 0 20px;
}
.tag-new {
  font-size: 12px;
  height: 18px;
  display: flex;
  zoom: 0.8;
  border-radius: 4px;
  padding: 0 6px;
  color: #fff;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, rgb(203, 53, 107), rgb(189, 63, 50));
  margin-left: 10px;
  animation: tagNew 1.5s infinite both linear;
}
@keyframes tagNew {
0% {
    background: linear-gradient(to right, rgb(203, 53, 107), rgb(189, 63, 50));
}
100% {
    background: linear-gradient(to right, rgb(238, 9, 121), rgb(255, 106, 0));
}
}
.notice-panel {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.notice-panel .list-item {
  height: 28px;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
}
.notice-panel .list-item:hover {
  color: #333;
  background: #f2f6fc;
}
.notice-panel .list-item .list-item-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 80px);
}
.notice-panel .list-item .list-item-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  flex-shrink: 0;
}
.notice-panel .list-item .list-item-line {
  height: 13px;
  width: 1px;
  background: #c0c4cc;
  margin: 0 20px;
}
.tag-new {
  font-size: 12px;
  height: 18px;
  display: flex;
  zoom: 0.8;
  border-radius: 4px;
  padding: 0 6px;
  color: #fff;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, rgb(203, 53, 107), rgb(189, 63, 50));
  margin-left: 10px;
  animation: tagNew 1.5s infinite both linear;
}
.company-car-panel {
  position: relative;
}
.company-car-panel .company-car-title {
  font-size: 14px;
  color: #fff;
  position: absolute;
  z-index: 100;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  background: rgba(0, 0, 0, 0.4);
}
.a-normal-url {
  display: block;
  font-size: 14px;
  color: #606266;
  height: 30px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
}
.a-normal-url:hover {
  border-color: #1890ff;
  color: #1890ff;
  text-decoration: none;
}
.card-header-panel {
  display: flex;
  align-items: center;
}
.rong-panel {
  position: relative;
}
.rong-panel .rong-panel-title {
  position: absolute;
  display: flex;
  width: 100%;
  height: 30px;
  bottom: 5px;
  left: 0;
  z-index: 100;
  overflow: hidden;
  line-height: 30px;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 14px;
}
.text-about {
  font-size: 14px;
  text-indent: 2em;
  line-height: 1.5em;
  position: relative;
  overflow: hidden;
}
.text-about-more {
  position: absolute;
  height: 100px;
  text-indent: 0;
  width: 100%;
  bottom: 0;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}
.card-header-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-content {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.home-content .home-notice {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  flex-direction: column;
  margin-bottom: 20px;
}
.home-content .home-notice .home-notice-menu {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
  color: #fff;
}
.home-content .home-notice .home-notice-menu .home-notice-menu-item {
  flex: 1;
  height: 40px;
  flex-direction: column;
  display: flex;
  cursor: default;
  justify-content: center;
  align-items: center;
}
.home-content .home-notice .home-notice-menu .home-notice-menu-item .home-notice-menu-btn {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: flex-end;
}
.home-content .home-notice .home-notice-menu .home-notice-menu-item .home-notice-menu-btn .home-notice-menu-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  letter-spacing: 3px;
  border-style: solid;
  padding: 5px 20px;
  border-width: 0 2px;
  border-color: #fff;
}
.home-content .home-notice .home-notice-menu .home-notice-menu-item .home-notice-menu-btn .home-notice-menu-icon {
  text-align: center;
  height: 15px;
  font-size: 18px;
  margin-top: -10px;
}
.home-cards .home-cards-menucard {
  background: #fff;
  padding: 10px;
  height: 260px;
  border-radius: 5px;
}
.home-cards .home-cards-menucard .home-cards-menu-item {
  display: flex;
  height: 130px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.home-cards .home-cards-menucard .home-cards-menu-item i {
  transition: "font-size" 2s;
  font-size: 30px !important;
}
.home-cards .home-cards-menucard .home-cards-menu-item:hover i {
  font-size: 35px !important;
}
.home-cards .home-cards-menucard .home-cards-menu-item:hover div {
  color: #333;
}
.home-tab-notice-panel {
  position: relative;
}
.home-tab-notice-panel .home-tab-notice-panel-more {
  position: absolute;
  z-index: 20;
  right: 10px;
  top: 10px;
}